| | |
| | | clearable @clear="handleSearch" /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="区域类型" prop="areaType"> |
| | | <el-form-item label="区域类型" prop="areaTypeKeys"> |
| | | <el-select class="command-select" popper-class="command-select-popper" |
| | | v-model="searchParams.areaType" placeholder="请选择" clearable @change="handleSearch"> |
| | | v-model="searchParams.areaTypeKeys" placeholder="请选择" clearable @change="handleSearch"> |
| | | <el-option v-for="item in dictObj.areaType" :key="item.dictKey" :label="item.dictValue" |
| | | :value="item.dictKey" /> |
| | | </el-select> |
| | |
| | | <el-form-item label="场景类型" prop="sceneType"> |
| | | <el-select class="command-select" popper-class="command-select-popper" |
| | | v-model="searchParams.sceneType" placeholder="请选择" clearable @change="handleSearch"> |
| | | <el-option v-for="item in dictObj.sceneType" :key="item.dictKey" :label="item.dictValue" |
| | | <el-option v-for="item in dictObj.CommandSceneType" :key="item.dictKey" :label="item.dictValue" |
| | | :value="item.dictKey" /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <el-table class="command-table" :data="list"> |
| | | <el-table-column type="index" show-overflow-tooltip width="64" label="序号" /> |
| | | <el-table-column prop="areaName" show-overflow-tooltip label="区域名称" /> |
| | | <el-table-column prop="areaType" show-overflow-tooltip label="区域类型"> |
| | | <el-table-column prop="areaTypeKeys" show-overflow-tooltip label="区域类型"> |
| | | <template v-slot="{ row }"> |
| | | {{ getDictLabel(row.areaType, dictObj.areaType) }} |
| | | {{ getDictLabel(row.areaTypeKeys, dictObj.areaType) }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="sceneName" show-overflow-tooltip label="关联场景" /> |
| | | <el-table-column prop="sceneType" show-overflow-tooltip label="场景类型"> |
| | | <template v-slot="{ row }"> |
| | | {{ getDictLabel(row.sceneType, dictObj.sceneType) }} |
| | | {{ getDictLabel(row.sceneType, dictObj.CommandSceneType) }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="deviceCount" show-overflow-tooltip label="设备数量" /> |
| | |
| | | // 初始化查询参数 |
| | | const initSearchParams = () => ({ |
| | | areaName: '', // 区域名称 |
| | | areaType: '', // 区域类型 |
| | | areaTypeKeys: '', // 区域类型 |
| | | sceneType: '', // 场景类型 |
| | | current: 1, // 当前页 |
| | | size: 10, // 每页大小 |
| | |
| | | |
| | | // 获取字典 |
| | | function getDictList () { |
| | | getDictionaryByCode('areaType,sceneType').then(res => { |
| | | getDictionaryByCode('areaType,CommandSceneType').then(res => { |
| | | dictObj.value = res.data.data |
| | | }) |
| | | } |