From cbb23429b8beed72b58cbb57f9b3c56a0fb2b5d2 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期五, 09 五月 2025 13:31:26 +0800 Subject: [PATCH] 修改 --- src/views/basic/equipment/index.vue | 40 +++++++++++++++++++++++++++++++++------- 1 files changed, 33 insertions(+), 7 deletions(-) diff --git a/src/views/basic/equipment/index.vue b/src/views/basic/equipment/index.vue index 0eb0e7a..153359c 100644 --- a/src/views/basic/equipment/index.vue +++ b/src/views/basic/equipment/index.vue @@ -13,8 +13,8 @@ </el-input> </div> <div class="basic-line"> - <span>设备功率:</span> - <el-input v-model="equipmentState.searchQuery.devicePower" clearable filterable class="input-box" placeholder="设备功率"> + <span>额定功率:</span> + <el-input v-model="equipmentState.searchQuery.devicePower" clearable filterable class="input-box" placeholder="额定功率"> </el-input> </div> <div class="basic-line"> @@ -40,23 +40,40 @@ <el-table ref="multipleTableRef" :data="equipmentState.equipmentData" style="width: 100%" height="calc(100% - 100px)" :header-cell-style="{ background: '#fafafa' }"> <el-table-column prop="deviceCode" label="设备编号"/> <el-table-column prop="deviceName" label="设备名称" /> - <el-table-column prop="devicePower" label="设备功率"> + <el-table-column prop="deviceTypeId" label="设备类型" show-overflow-tooltip> + <template #default="scope"> + <span>{{equipmentState.equipmentTypeList.find(item =>item.id === scope.row.deviceTypeId)?.deviceType}}</span> + </template> + </el-table-column> + <el-table-column prop="deviceDesc" label="设备型号" /> + <el-table-column prop="devicePower" label="额定功率"> + <template #default="scope"> + <span>{{scope.row.devicePower}}</span> + </template> + </el-table-column> + <el-table-column prop="deviceStatus" label="设备状态"> <template #default="scope"> - <span>{{`${scope.row.devicePower}${equipmentState.deviceUnitList.find(item =>item.id === scope.row.deviceUnit)?.name || ''}`}}</span> + <span>{{scope.row.deviceStatus == 1?'完好':'异常'}}</span> </template> + </el-table-column> + <el-table-column prop="deviceUnit" label="计量单位" show-overflow-tooltip> + <template #default="scope"> + <span>{{`${equipmentState.deviceUnitList.find(item =>item.id === scope.row.deviceUnit)?.name}`}}</span> + </template> </el-table-column> <el-table-column prop="specialDevice" label="是否特殊装备" show-overflow-tooltip> <template #default="scope"> <span>{{`${equipmentState.specialDeviceList.find(item =>item.id === scope.row.specialDevice)?.name}`}}</span> </template> </el-table-column> + <el-table-column prop="safeProtect" label="安全防护"/> <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column> <el-table-column prop="createByUserName" label="创建人" show-overflow-tooltip></el-table-column> <el-table-column prop="updateTime" label="最后修改时间" show-overflow-tooltip></el-table-column> <el-table-column prop="updateByUserName" label="最后修改人" show-overflow-tooltip></el-table-column> <el-table-column label="操作" width="150"> <template #default="scope"> - <el-button size="small" text type="primary" :icon="Edit" @click="openEquipmentDialog('修改', scope.row)">修改</el-button> + <el-button size="small" text type="primary" :icon="Edit" @click="openEquipmentDialog('修改', scope.row)">编辑</el-button> <el-button size="small" text type="danger" :icon="Delete" @click="onDelEquipment(scope.row)">删除</el-button> </template> </el-table-column> @@ -67,7 +84,7 @@ </div> </div> </div> - <equipment-dialog ref="equipmentDialogRef" @refresh="getEquipmentData"></equipment-dialog> + <equipment-dialog ref="equipmentDialogRef" @refresh="getEquipmentData" :equipmentTypeList="equipmentState.equipmentTypeList"></equipment-dialog> </div> </template> @@ -83,6 +100,7 @@ const equipmentState = reactive<EquipmentStateType>({ equipmentData: [], + equipmentTypeList: [], searchQuery: { pageIndex: 1, pageSize: 10, @@ -103,11 +121,18 @@ ] }) +const getAllType = async ()=>{ + const res = await equipmentApi().getAllType(); + if(res.data.code === 100){ + equipmentState.equipmentTypeList = res.data.data + } +} + const getEquipmentData = async () => { let res = await equipmentApi().getEquipmentByList(equipmentState.searchQuery); if(res.data.code === 100){ equipmentState.equipmentData = res.data.data; - equipmentState.total = res.data.total; + equipmentState.total = res.data.total }else{ ElMessage({ type: 'warning', @@ -169,6 +194,7 @@ onMounted(() => { getEquipmentData() + getAllType() }) </script> -- Gitblit v1.9.2