| | |
| | | </div> |
| | | </div> |
| | | <div style="padding-left: 10px"> |
| | | <el-table ref="multipleTableRef" :data="tableData" style="width: 100%"> |
| | | <el-table ref="multipleTableRef" :data="tableData" @selection-change="handleSelectionChange" style="width: 100%"> |
| | | <el-table-column type="selection" align="center" width="55" /> |
| | | <el-table-column type="expand"> |
| | | <template #default="scope"> |
| | |
| | | <el-table ref="multipleTableRef" :data="scope.row.takecareDetailList" style="width: 100%"> |
| | | <el-table-column property="takecareMemo" align="center" label="保养情况" sortable /> |
| | | <el-table-column property="leadingPersonId" align="center" label="保养负责人" sortable /> |
| | | <el-table-column property="takecareDate" align="center" label="保养日期" sortable /> |
| | | <el-table-column property="takecareDate" align="center" :formatter="timeDate" label="保养日期" sortable /> |
| | | <el-table-column property="leadingPersonDepartmentId" align="center" label="保养负责人单位" sortable /> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="设备检查" name="second" |
| | | ><el-table ref="multipleTableRef" :data="scope.row.checkDetailList" style="width: 100%"> |
| | | <el-table-column property="leadingPersonId" align="center" label="检查人" sortable /> |
| | | <el-table-column property="createTime" align="center" label="检查日期" sortable /> |
| | | <el-table-column property="createTime" align="center" :formatter="timeDate" label="检查日期" sortable /> |
| | | <el-table-column property="name" align="center" label="检查人部门" sortable /> |
| | | <el-table-column property="takecareMemo" align="center" label="检查结果" sortable /> |
| | | <el-table-column property="name" align="center" label="检查状态" sortable /> </el-table |
| | |
| | | <el-tab-pane label="设备检测" name="third"> |
| | | <el-table ref="multipleTableRef" :data="scope.row.testDetailList" style="width: 100%"> |
| | | <el-table-column property="testPersonId" align="center" label="检测人" sortable /> |
| | | <el-table-column property="testDate" align="center" label="检测日期" sortable /> |
| | | <el-table-column property="testDate" align="center" :formatter="timeDate" label="检测日期" sortable /> |
| | | <el-table-column property="testPersonDepartmentId" align="center" label="检测人单位" sortable /> |
| | | <el-table-column property="testMemo" align="center" label="检测内容" sortable /> |
| | | <el-table-column property="testResult" align="center" label="检测结果" sortable /> |
| | |
| | | <el-table-column property="repairMemo" align="center" label="维修情况" sortable /> |
| | | <el-table-column property="repairPersonId" align="center" label="维修负责人" sortable /> |
| | | <el-table-column property="repairPersonDepartmentId" align="center" label="维修负责人单位" sortable /> |
| | | <el-table-column property="repairStartDate" align="center" label="维修开始日期" sortable /> |
| | | <el-table-column property="repairEndDate" align="center" label="维修结束日期" sortable /> |
| | | <el-table-column property="repairStartDate" align="center" :formatter="timeDate" label="维修开始日期" sortable /> |
| | | <el-table-column property="repairEndDate" align="center" :formatter="timeDate" label="维修结束日期" sortable /> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | |
| | | import Dailog from '/@/components/equipmentDailog/Dailog.vue'; |
| | | import { ElTree, TabsPaneContext, ElMessage, ElMessageBox } from 'element-plus'; |
| | | import { facilityManagementApi } from '/@/api/facilityManagement'; |
| | | import {timeDate} from '/@/assets/index.ts' |
| | | import { EditPen, View, Plus, Delete, Download, Refresh, Upload } from '@element-plus/icons-vue'; |
| | | interface Tree { |
| | | label: string; |
| | |
| | | // 重置 |
| | | const resetForm = () => { |
| | | ruleForm.searchParams.qName = ''; |
| | | ruleForm.searchParams.positionNum = ''; |
| | | listApi(); |
| | | }; |
| | | const listApi = () => { |
| | |
| | | }; |
| | | // 删除 |
| | | const onDelete = (id: number) => { |
| | | let arr=[] |
| | | arr.push(id) |
| | | ElMessageBox.confirm('确定删除所选项吗?', 'Warning', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | |
| | | }) |
| | | .then(() => { |
| | | facilityManagementApi() |
| | | .getequipmentInfoDelete(id) |
| | | .getequipmentInfoDelete(arr) |
| | | .then((res) => { |
| | | if (res.data.code == 200) { |
| | | ElMessage({ |
| | |
| | | for (let i = 0; i < valId.length; i++) { |
| | | arr.push(valId[i].id); |
| | | } |
| | | deletAll.value = arr.toString(); |
| | | deletAll.value = arr |
| | | if (val.length == 1) { |
| | | // warning.value = false; |
| | | warning.value = false; |
| | | danger.value = false; |
| | | } else if (val.length == 0) { |
| | | // warning.value = true; |
| | | warning.value = true; |
| | | danger.value = true; |
| | | } else { |
| | | // warning.value = true; |
| | | warning.value = true; |
| | | danger.value = false; |
| | | } |
| | | }; |
| | |
| | | return data.typeName.includes(value); |
| | | }; |
| | | const handleNodeClick=(data: Tree)=>{ |
| | | ruleForm.searchParams.positionNum=data.id |
| | | ruleForm.searchParams.positionNum=data.sortNum |
| | | listApi(); |
| | | } |
| | | const data=ref([]) |
| | |
| | | Refresh, |
| | | View, |
| | | Upload, |
| | | timeDate, |
| | | }; |
| | | }, |
| | | }); |