| | |
| | | </script> |
| | | |
| | | <template> |
| | | <el-space> |
| | | <div class="container"> |
| | | <div class="container-text"> |
| | | <el-text size="large" class="text">区域:</el-text> |
| | | <el-select v-model="areaValue" disabled placeholder="Select" size="default" @change="submitAreaValue"> |
| | | <el-option |
| | |
| | | :value="item" |
| | | /> |
| | | </el-select> |
| | | <el-text class="text">监测类型</el-text> |
| | | </div> |
| | | <div> |
| | | <el-text class="text">监测类型:</el-text> |
| | | <el-select v-model="monitorValue" disabled placeholder="Select" size="default" @change="submitMonitorValue"> |
| | | <el-option |
| | | v-for="item in monitorTypes" |
| | |
| | | :value="item" |
| | | /> |
| | | </el-select> |
| | | </el-space> |
| | | </div> |
| | | </div> |
| | | |
| | | </template> |
| | | |
| | |
| | | .el-select { |
| | | width: 100px; |
| | | } |
| | | .el-space { |
| | | margin-top: 5px; |
| | | .container { |
| | | display: flex; |
| | | } |
| | | .container-text { |
| | | margin-right: 30px; |
| | | } |
| | | .text { |
| | | color: black; |
| | | |
| | | color: #333333; |
| | | font-size: 14px; |
| | | } |
| | | |
| | | </style> |