copy from src/views/IntelligentXjSys/basicDataManagement/inspectionManagement/index.vue
copy to src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue
文件从 src/views/IntelligentXjSys/basicDataManagement/inspectionManagement/index.vue 复制 |
| | |
| | | <el-row class="homeCard"> |
| | | <el-col :span="12"> |
| | | <div class="grid-content topInfo"> |
| | | <el-input v-model="searchName" placeholder="巡检点名称"></el-input> |
| | | <el-select v-model="searchPlace" placeholder="所属区域设施"> |
| | | <el-option label="风机系统" value="风机系统" /> |
| | | <el-option label="A车间" value="A车间" /> |
| | | <el-option label="B车间" value="B车间" /> |
| | | <el-option label="C车间" value="C车间" /> |
| | | <el-input v-model="searchName" placeholder="设施区域名称"></el-input> |
| | | <el-select v-model="searchPlace" placeholder="设施区域类型"> |
| | | <el-option label="设备" value="设备" /> |
| | | <el-option label="区域" value="区域" /> |
| | | </el-select> |
| | | <el-button type="primary">查询</el-button> |
| | | <el-button plain>重置</el-button> |
| | |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column type="index" width="80" label="序号"/> |
| | | <el-table-column property="name" label="巡检点名称"/> |
| | | <el-table-column property="area" label="所属设备区域"/> |
| | | <el-table-column property="name" label="设施区域名称"/> |
| | | <el-table-column property="type" label="设施区域类型"/> |
| | | <el-table-column property="rfid" label="关联RFID"/> |
| | | <el-table-column property="creater" label="创建人"/> |
| | | <el-table-column property="createTime" label="创建时间" sortable/> |
| | |
| | | </div> |
| | | </div> |
| | | </el-scrollbar> |
| | | <el-dialog v-model="dialogDetails" title="巡检点信息"> |
| | | <el-dialog v-model="dialogDetails" title="设施区域"> |
| | | <el-form :model="details" label-width="120px"> |
| | | <el-form-item label="巡检点名称"> |
| | | <el-form-item label="设施区域名称"> |
| | | <el-input v-model="details.name" readonly/> |
| | | </el-form-item> |
| | | <el-form-item label="所属设备区域"> |
| | | <el-input v-model="details.area" readonly/> |
| | | <el-form-item label="设施区域类型"> |
| | | <el-input v-model="details.type" readonly/> |
| | | </el-form-item> |
| | | <el-form-item label="RFID"> |
| | | <el-form-item label="关联RFID"> |
| | | <el-input v-model="details.rfid" type="textarea" readonly/> |
| | | </el-form-item> |
| | | <el-form-item label="创建人"> |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-dialog> |
| | | <el-dialog v-model="dialogAddRecord" title="巡检点编辑" @close="closeAdd"> |
| | | <el-dialog v-model="dialogAddRecord" title="设施区域编辑" @close="closeAdd"> |
| | | <el-form :model="addRecord" label-width="120px" ref="addRef" :rules="addRules"> |
| | | <el-form-item label="巡检点名称" prop="name"> |
| | | <el-form-item label="设施区域名称" prop="name"> |
| | | <el-input |
| | | v-model="addRecord.name" |
| | | > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="所属设施区域" prop="area"> |
| | | <el-select v-model="addRecord.area"> |
| | | <el-option label="风机系统" value="风机系统" /> |
| | | <el-option label="A车间" value="A车间" /> |
| | | <el-form-item label="设施区域类型" prop="type"> |
| | | <el-select v-model="addRecord.type"> |
| | | <el-option label="设备" value="设备" /> |
| | | <el-option label="区域" value="区域" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="关联RFID" prop="rfid"> |
| | | <el-select v-model="addRecord.rfid"> |
| | | <el-option label="风机系统A标签" value="风机系统A标签" /> |
| | | <el-option label="A车间A标签" value="A车间A标签" /> |
| | | <el-select v-model="addRecord.rfid" multiple> |
| | | <el-option label="风机系统1标签" value="风机系统1标签" /> |
| | | <el-option label="风机系统2标签" value="风机系统2标签"/> |
| | | <el-option label="风机系统3标签" value="风机系统3标签"/> |
| | | <el-option label="A场所1标签" value="A场所1标签"/> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | const tableData = reactive( |
| | | [ |
| | | { |
| | | name: '73011', |
| | | area: '风机系统', |
| | | rfid: '风机系统A标签', |
| | | name: '风机系统', |
| | | type: '设备', |
| | | rfid: ['风机系统1标签','风机系统2标签'], |
| | | creater: '张三', |
| | | createTime: '2022-07-14 12:23:03', |
| | | updater: '李四', |
| | | updateTime: '2022-07-16 14:23:03' |
| | | }, |
| | | { |
| | | name: '73012', |
| | | area: 'A车间', |
| | | rfid: 'A车间A标签', |
| | | name: 'A场所', |
| | | type: '区域', |
| | | rfid: ['A场所1标签'], |
| | | creater: '李四', |
| | | createTime: '2022-07-16 12:23:03', |
| | | updater: '张三', |
| | |
| | | const addRef = ref<FormInstance>() |
| | | const addRules = reactive<FormRules>({ |
| | | name:[{required: true, message: '该内容不能为空',trigger:'blur'}], |
| | | area:[{required: true, message: '该内容不能为空',trigger:'blur'}], |
| | | type:[{required: true, message: '该内容不能为空',trigger:'blur'}], |
| | | rfid:[{required: true, message: '该内容不能为空',trigger:'blur'}] |
| | | }) |
| | | const dialogDetails = ref(false) |