Admin
2022-09-20 23f1bf22c42a904c05cee63e10c9fd8b60dfe8f5
src/views/facilityManagement/InstrumentationInformation/index.vue
@@ -27,7 +27,8 @@
            <div class="btns">
               <div>
                  <el-button size="default" type="primary" :icon="Plus" @click="openD('新建')">新建</el-button>
                  <el-button size="default" :disabled="warning" type="warning" plain :icon="EditPen">修改</el-button>
                   <el-button size="default" :disabled="warning" type="warning" plain :icon="EditPen"
                           @click="openD('修改', deletAll[0])">修改</el-button>
                  <el-button size="default" :disabled="danger" type="danger" :icon="Delete" @click="onDeleteAll" plain>删除</el-button>
               </div>
               <div>
@@ -37,7 +38,7 @@
               </div>
            </div>
            <div style="padding-left: 10px">
               <el-table ref="multipleTableRef" :data="tableData" style="width: 100%"  @selection-change="handleSelectionChange">
               <el-table ref="multipleTableRef" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
                  <el-table-column type="selection" align="center" width="55" />
                  <el-table-column type="expand">
                     <template #default="scope">
@@ -45,38 +46,48 @@
                           <el-tab-pane label="设备保养" name="first">
                              <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="leadingPersonDepartmentId" align="center" label="保养负责人单位" sortable />
                                 <el-table-column property="leadingPersonName" align="center" label="保养负责人" sortable />
                                 <el-table-column property="takecareDate" align="center" :formatter="timeDate" label="保养日期" sortable />
                                 <el-table-column property="leadingPersonDepartmentName" 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="leadingPersonName" 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>
                           <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="testPersonDepartmentId" align="center" label="检测人单位" sortable />
                                 <el-table-column property="testPersonName" align="center" label="检测人" sortable />
                                 <el-table-column property="testDate" align="center" :formatter="timeDate" label="检测日期" sortable />
                                 <el-table-column property="testPersonDepartmentName" 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 align="center" label="检测结果">
                                    <template #default="scope">
                                       <span v-if="scope.row.testResult == 1">成功</span>
                                       <span v-if="scope.row.testResult == 2">失败</span>
                                    </template>
                                 </el-table-column>
                                 <el-table-column property="testStatus" align="center" label="检测状态" sortable />
                              </el-table>
                           </el-tab-pane>
                           <el-tab-pane label="设备维修" name="fourth">
                              <el-table ref="multipleTableRef" :data="scope.row.repaireDetailList" style="width: 100%">
                                 <el-table-column property="exceptionInfo" align="center" label="设施异常项" sortable />
                                 <el-table-column property="repairStatus" align="center" label="维修状态" sortable />
                                 <el-table-column align="center" label="维修状态">
                                    <template #default="scope">
                                       <span v-if="scope.row.repairStatus == 1">维修中</span>
                                       <span v-if="scope.row.repairStatus == 2">已修好</span>
                                    </template>
                                 </el-table-column>
                                 <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="repairPersonName" align="center" label="维修负责人" sortable />
                                 <el-table-column property="repairPersonDepartmentName" 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>
@@ -116,6 +127,7 @@
</template>
<script lang="ts">
import { defineComponent, ref, reactive, watch, onMounted } from 'vue';
import { timeDate } from '/@/assets/index.ts';
import updata from '/@/components/updata/updata.vue';
import Dailog from '/@/components/equipmentDailog/Dailog.vue';
import { ElTree, TabsPaneContext, ElMessage, ElMessageBox } from 'element-plus';
@@ -135,6 +147,7 @@
         searchParams: {
            qName: '', ////名称
            positionNum: '', ////位号
            equipmentTypeId: '',
            infoType: 0, ////具体类型(页面左侧的导航栏使用) 0:仪器仪表信息 1:生产设备设施 2:安全设备设施
         },
      });
@@ -142,6 +155,8 @@
      const resetForm = () => {
         ruleForm.searchParams.qName = '';
         ruleForm.searchParams.positionNum = '';
         ruleForm.searchParams.equipmentTypeId = '';
         listApiTree()
         listApi();
      };
      const listApi = () => {
@@ -187,8 +202,8 @@
      };
      // 删除
      const onDelete = (id: number) => {
         let arr=[]
         arr.push(id)
         let arr = [];
         arr.push(id);
         ElMessageBox.confirm('确定删除所选项吗?', 'Warning', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
@@ -226,7 +241,7 @@
         for (let i = 0; i < valId.length; i++) {
            arr.push(valId[i].id);
         }
         deletAll.value = arr
         deletAll.value = arr;
         if (val.length == 1) {
            warning.value = false;
            danger.value = false;
@@ -298,7 +313,8 @@
         return data.typeName.includes(value);
      };
      const handleNodeClick = (data: Tree) => {
         ruleForm.searchParams.positionNum = data.id;
         ruleForm.searchParams.positionNum = data.sortNum;
         ruleForm.searchParams.equipmentTypeId = data.id;
         listApi();
      };
      const data = ref([]);
@@ -317,6 +333,7 @@
      return {
         handleNodeClick,
         ruleForm,
         timeDate,
         resetForm,
         listApi,
         onAddorUpdata,