修改

马宇豪

2023-10-31 f1f40e9a28fafab5d884630b8900b11060ebe9fc

 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,16 +40,33 @@
                    <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>
@@ -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>