From 93bda83e9949347c6ee99887a65247c22b134f66 Mon Sep 17 00:00:00 2001
From: zhuangyuanke <xiaozhantie@126.com>
Date: Mon, 22 Jul 2024 16:05:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=85=E5=8A=9E=E4=BB=BB=E5=8A=A1=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4=EF=BC=8C=E5=90=88?=
 =?UTF-8?q?=E5=B9=B6=E5=88=97=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/followup/index.vue | 597 +++++++++++++++-------------
 1 file changed, 314 insertions(+), 283 deletions(-)

diff --git a/src/views/system/followup/index.vue b/src/views/system/followup/index.vue
index a9bcb64..ebce431 100644
--- a/src/views/system/followup/index.vue
+++ b/src/views/system/followup/index.vue
@@ -197,7 +197,7 @@
           v-if="queryParams.nodeExecuteStatus == 'UNEXECUTED'"
         >
           <el-switch
-           class="switchStyle"
+            class="switchStyle"
             v-model="timeSignshow"
             active-color="#1890ff"
             inactive-color="#5AC1A1"
@@ -228,57 +228,71 @@
         :data="taskExecuteRecordList"
         @selection-change="handleSelectionChange"
       >
-        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column type="selection" width="35" align="center" />
         <el-table-column
           label="姓名"
           align="center"
           prop="patientName"
-          width="50"
+          width="80"
+          :show-overflow-tooltip="true"
         />
         <el-table-column
           label="电话"
           align="center"
           prop="patientPhone"
-          width="120"
+          width="110"
         />
         <el-table-column
           label="性别"
           align="center"
           prop="visitSerialNumber"
-          width="50"
+          width="48"
         >
           <template slot-scope="scope">
             {{ scope.row.sex == "MALE" ? "男" : "" }}
             {{ scope.row.sex == "FEMALE" ? "女" : "" }}
           </template>
         </el-table-column>
+        <!-- prop="hospitalAgencyName" -->
+        <el-table-column label="医院/院区" align="center" width="105">
+          <template slot-scope="scope">
+            {{ scope.row.hospitalAgencyName }}
+            {{ scope.row.campusAgencyName }}
+          </template>
+        </el-table-column>
+        <!-- <el-table-column label="院区" align="center" prop="campusAgencyName" /> -->
         <el-table-column
-          label="医院"
-          align="center"
-          prop="hospitalAgencyName"
-          width="105"
-        />
-        <el-table-column label="院区" align="center" prop="campusAgencyName" />
-        <el-table-column
-          label="科室名称"
+          label="科室/病区"
           align="center"
           prop="departmentName"
-        />
-        <el-table-column label="病区名称" align="center" prop="wardName" />
+          :show-overflow-tooltip="true"
+          width="100"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.departmentName }}
+            {{ scope.row.wardName }}
+          </template>
+        </el-table-column>
+        <!-- <el-table-column label="病区名称" align="center" prop="wardName" /> -->
         <el-table-column
-          label="门诊/住院号"
+          :render-header="renderHeader"
+          label="门诊|住院号/就诊流水号"
           align="center"
-          prop="inHospitalNumber"
           width="120"
           :show-overflow-tooltip="true"
-        />
-        <el-table-column
+        >
+          <template slot-scope="scope">
+            {{ scope.row.inHospitalNumber }}<br />
+            {{ scope.row.visitSerialNumber }}
+          </template>
+        </el-table-column>
+        <!-- <el-table-column
           label="就诊流水号"
           align="center"
           prop="visitSerialNumber"
           width="120"
           :show-overflow-tooltip="true"
-        />
+        /> -->
         <el-table-column
           label="诊断"
           align="center"
@@ -292,6 +306,7 @@
           align="center"
           prop="attendingPhysicianName"
           width="80"
+          :show-overflow-tooltip="true"
         />
         <el-table-column label="就诊方式" align="center" prop="visitMethod">
           <template slot-scope="scope">
@@ -346,14 +361,14 @@
           </template>
         </el-table-column>
         <el-table-column
-          label="任务名称"
+          label="路径名称"
           align="center"
           prop="manageRouteName"
           width="110"
         >
         </el-table-column>
         <el-table-column
-          label="任务节点名称"
+          label="任务节点"
           align="center"
           prop="routeNodeName"
           width="110"
@@ -464,12 +479,10 @@
   </div>
 </template>
 <script>
-import { manualFollowUpList } from "@/api/system/followup"
+import { manualFollowUpList } from "@/api/system/followup";
 import { usergetList } from "@/api/unitconfig/patientConfiguration";
 import { getAge } from "@/utils/age";
-import {
-  selectAgencyList, getAgencyList
-} from "@/api/manage/selectAgencyList";
+import { selectAgencyList, getAgencyList } from "@/api/manage/selectAgencyList";
 export default {
   name: "Followup22",
   dicts: ["visit_method"],
@@ -516,8 +529,8 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        timeSign: 'TODAY',
-        nodeExecuteStatus: 'UNEXECUTED',
+        timeSign: "TODAY",
+        nodeExecuteStatus: "UNEXECUTED",
         followStartTime: null,
         followEndTime: null,
         clinicalStartTime: null,
@@ -550,14 +563,16 @@ export default {
       form: {},
       visitoptions: [
         {
-          value: 'IN_THE_HOSPITAL',
-          label: '在院'
-        }, {
-          value: 'OUTPATIENT_SERVICE',
-          label: '门诊'
-        }, {
-          value: 'DISCHARGE',
-          label: '出院'
+          value: "IN_THE_HOSPITAL",
+          label: "在院",
+        },
+        {
+          value: "OUTPATIENT_SERVICE",
+          label: "门诊",
+        },
+        {
+          value: "DISCHARGE",
+          label: "出院",
         },
       ],
       // 表单校验
@@ -569,120 +584,116 @@ export default {
     };
   },
   created() {
-    if (localStorage.getItem('followupquery')) {
-      this.queryParams = JSON.parse(localStorage.getItem('followupquery'))
-      this.queryParams.hospitalAgencyId = undefined
-      this.queryParams.campusAgencyId = undefined
-      this.queryParams.departmentId = undefined
+    if (localStorage.getItem("followupquery")) {
+      this.queryParams = JSON.parse(localStorage.getItem("followupquery"));
+      this.queryParams.hospitalAgencyId = undefined;
+      this.queryParams.campusAgencyId = undefined;
+      this.queryParams.departmentId = undefined;
     }
     this.getList();
     this.selectAgencyinfo();
   },
   mounted() {
-    this.getMaxTableHeight()
-    this.screenChange()
+    this.getMaxTableHeight();
+    this.screenChange();
   },
   methods: {
     changeswitch(e) {
       if (e == true) {
-        this.queryParams.timeSign = 'WHOLE'
-        this.getList()
-
+        this.queryParams.timeSign = "WHOLE";
+        this.getList();
       } else {
-        this.queryParams.timeSign = 'TODAY'
-        this.getList()
+        this.queryParams.timeSign = "TODAY";
+        this.getList();
       }
     },
     updateCPage(index, size) {
-      this.queryParams.pageNum = index
-      this.queryParams.pageSize = size
+      this.queryParams.pageNum = index;
+      this.queryParams.pageSize = size;
       this.getList();
     },
     handleClick(tab, event) {
-      this.intentionalTime = []
-      this.mzTime = []
-      this.ryTime = []
-      this.queryParams.dischargeStartTime = null
-      this.queryParams.dischargeEndTime = null
-      this.queryParams.clinicalStartTime = null
-      this.queryParams.clinicalEndTime = null
-      this.queryParams.followStartTime = null
-      this.queryParams.followEndTime = null
-      this.queryParams.admissionEndTime = null
-      this.queryParams.admissionStartTime = null
-      this.queryParams.mainDiagnosis = null
-      this.queryParams.visitSerialNumber = null
-      this.queryParams.attendingPhysicianId = null
-      this.queryParams.suitRange = null
-      this.queryParams.patientName = null
-      this.queryParams.hospitalAgencyId = null
-      this.queryParams.campusAgencyId = null
-      this.queryParams.departmentId = null
-      this.queryParams.wardId = null
-      this.queryParams.patientPhone = null
-      if (this.queryParams.nodeExecuteStatus == 'EXECUTED') {
-        this.queryParams.timeSign = null
-
+      this.intentionalTime = [];
+      this.mzTime = [];
+      this.ryTime = [];
+      this.queryParams.dischargeStartTime = null;
+      this.queryParams.dischargeEndTime = null;
+      this.queryParams.clinicalStartTime = null;
+      this.queryParams.clinicalEndTime = null;
+      this.queryParams.followStartTime = null;
+      this.queryParams.followEndTime = null;
+      this.queryParams.admissionEndTime = null;
+      this.queryParams.admissionStartTime = null;
+      this.queryParams.mainDiagnosis = null;
+      this.queryParams.visitSerialNumber = null;
+      this.queryParams.attendingPhysicianId = null;
+      this.queryParams.suitRange = null;
+      this.queryParams.patientName = null;
+      this.queryParams.hospitalAgencyId = null;
+      this.queryParams.campusAgencyId = null;
+      this.queryParams.departmentId = null;
+      this.queryParams.wardId = null;
+      this.queryParams.patientPhone = null;
+      if (this.queryParams.nodeExecuteStatus == "EXECUTED") {
+        this.queryParams.timeSign = null;
       } else {
-        this.queryParams.timeSign = 'TODAY'
-
-
+        this.queryParams.timeSign = "TODAY";
       }
-      console.log(this.queryParams.nodeExecuteStatus, 'nodeExecuteStatus')
+      console.log(this.queryParams.nodeExecuteStatus, "nodeExecuteStatus");
       this.getList();
     },
     change(e) {
-      if (e == 'DISCHARGE') {
-        this.queryParams.clinicalStartTime = null
-        this.queryParams.clinicalEndTime = null
-      } else if (e == 'OUTPATIENT_SERVICE') {
-        this.queryParams.dischargeStartTime = null
-        this.queryParams.dischargeEndTime = null
+      if (e == "DISCHARGE") {
+        this.queryParams.clinicalStartTime = null;
+        this.queryParams.clinicalEndTime = null;
+      } else if (e == "OUTPATIENT_SERVICE") {
+        this.queryParams.dischargeStartTime = null;
+        this.queryParams.dischargeEndTime = null;
       } else {
-        this.queryParams.dischargeStartTime = null
-        this.queryParams.dischargeEndTime = null
-        this.queryParams.clinicalStartTime = null
-        this.queryParams.clinicalEndTime = null
+        this.queryParams.dischargeStartTime = null;
+        this.queryParams.dischargeEndTime = null;
+        this.queryParams.clinicalStartTime = null;
+        this.queryParams.clinicalEndTime = null;
       }
     },
     //主治医生
     usergetListinfo() {
       usergetList({
         hospitalAgencyId: this.queryParams.hospitalAgencyId,
-        postName: 'DOCTOR'
-      }).then(res => {
-        this.attendingPhysicianlist = res.data
-      })
+        postName: "DOCTOR",
+      }).then((res) => {
+        this.attendingPhysicianlist = res.data;
+      });
     },
     //获取下级单位
     getAgencyListinfo(nodeType, id) {
       let query = {
         nodeType: nodeType,
+      };
+      if (nodeType == "HOSPITAL") {
+        query.hospitalId = id;
+      } else if (nodeType == "CAMPUS") {
+        query.campusId = id;
+      } else if (nodeType == "DEPARTMENT") {
+        query.departmentId = id;
       }
-      if (nodeType == 'HOSPITAL') {
-        query.hospitalId = id
-      } else if (nodeType == 'CAMPUS') {
-        query.campusId = id
-      } else if (nodeType == 'DEPARTMENT') {
-        query.departmentId = id
-      }
-      getAgencyList(query).then(res => {
-        if (nodeType == 'HOSPITAL') {
-          this.campusAgencylist = res.data.campusList
-          this.departmentlist = res.data.departmentList
-        } else if (nodeType == 'CAMPUS') {
-          this.departmentlist = res.data.departmentList
+      getAgencyList(query).then((res) => {
+        if (nodeType == "HOSPITAL") {
+          this.campusAgencylist = res.data.campusList;
+          this.departmentlist = res.data.departmentList;
+        } else if (nodeType == "CAMPUS") {
+          this.departmentlist = res.data.departmentList;
         }
-        this.wardlist = res.data.wardList
-      })
+        this.wardlist = res.data.wardList;
+      });
     },
     //选中医院获取院区
     changehospitalAgency(id) {
-      this.getAgencyListinfo('HOSPITAL', id)
-      this.queryParams.campusAgencyId = null
-      this.queryParams.departmentId = null
-      this.queryParams.wardId = null
-      this.queryParams.attendingPhysicianId = null
+      this.getAgencyListinfo("HOSPITAL", id);
+      this.queryParams.campusAgencyId = null;
+      this.queryParams.departmentId = null;
+      this.queryParams.wardId = null;
+      this.queryParams.attendingPhysicianId = null;
       // })
       //医生
       this.usergetListinfo();
@@ -690,45 +701,45 @@ export default {
     },
     //选中院区获取科室
     changecampusAgency(id) {
-      this.getAgencyListinfo('CAMPUS', id)
-      this.queryParams.departmentId = null
-      this.queryParams.wardId = null
+      this.getAgencyListinfo("CAMPUS", id);
+      this.queryParams.departmentId = null;
+      this.queryParams.wardId = null;
       // })
     },
     //选中科室获取病区
     changedepartment(id) {
-      this.getAgencyListinfo('DEPARTMENT', id)
+      this.getAgencyListinfo("DEPARTMENT", id);
       // let query = {
       //   nodeType: 'WARD',
       //   parentDepartmentId: id,
       // }
       // getDepartmentList(query).then(res => {
       //   this.wardlist = res.data
-      this.queryParams.wardId = null
+      this.queryParams.wardId = null;
       // })
     },
     //清空医院
     clearhospitalAgency() {
-      this.queryParams.campusAgencyId = null
-      this.queryParams.departmentId = null
-      this.queryParams.wardId = null
-      this.queryParams.attendingPhysicianId = null
+      this.queryParams.campusAgencyId = null;
+      this.queryParams.departmentId = null;
+      this.queryParams.wardId = null;
+      this.queryParams.attendingPhysicianId = null;
     },
     //清空院区
     clearcampusAgency() {
-      this.queryParams.departmentId = null
-      this.queryParams.wardId = null
-      this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId)
+      this.queryParams.departmentId = null;
+      this.queryParams.wardId = null;
+      this.getAgencyListinfo("HOSPITAL", this.queryParams.hospitalAgencyId);
     },
     //清空科室
     cleardepartment() {
-      this.queryParams.wardId = null
+      this.queryParams.wardId = null;
       if (this.queryParams.departmentId) {
-        this.getAgencyListinfo('DEPARTMENT', this.queryParams.departmentId)
+        this.getAgencyListinfo("DEPARTMENT", this.queryParams.departmentId);
       } else if (this.queryParams.campusAgencyId) {
-        this.getAgencyListinfo('CAMPUS', this.queryParams.campusAgencyId)
+        this.getAgencyListinfo("CAMPUS", this.queryParams.campusAgencyId);
       } else if (this.queryParams.hospitalAgencyId) {
-        this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId)
+        this.getAgencyListinfo("HOSPITAL", this.queryParams.hospitalAgencyId);
       }
     },
     //获取医院list
@@ -745,7 +756,7 @@ export default {
     getList() {
       this.loading = true;
       manualFollowUpList(this.queryParams).then((response) => {
-        localStorage.setItem('followupquery', JSON.stringify(this.queryParams))
+        localStorage.setItem("followupquery", JSON.stringify(this.queryParams));
         this.taskExecuteRecordList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -759,7 +770,7 @@ export default {
     // 表单重置
     reset() {
       this.form = {
-        nodeExecuteStatus: '',
+        nodeExecuteStatus: "",
         id: null,
         patientId: null,
         manageRouteId: null,
@@ -783,36 +794,40 @@ export default {
     chooseTime() {
       if (this.intentionalTime == null) {
         this.intentionalTime = [];
-        this.queryParams.followStartTime = null
-        this.queryParams.followEndTime = null
+        this.queryParams.followStartTime = null;
+        this.queryParams.followEndTime = null;
       } else {
-        this.queryParams.followStartTime = this.intentionalTime[0]
-        this.queryParams.followEndTime = this.intentionalTime[1]
+        this.queryParams.followStartTime = this.intentionalTime[0];
+        this.queryParams.followEndTime = this.intentionalTime[1];
       }
     },
     // 门诊
     mzchange() {
       if (this.mzTime == null) {
         this.mzTime = [];
-        this.queryParams.clinicalStartTime = null
-        this.queryParams.clinicalEndTime = null
+        this.queryParams.clinicalStartTime = null;
+        this.queryParams.clinicalEndTime = null;
       } else {
-        console.log(this.queryParams, '-----')
-        if (!this.queryParams.suitRange || this.queryParams.suitRange == 'IN_THE_HOSPITAL') {
-          this.queryParams.clinicalStartTime = this.mzTime[0]
-          this.queryParams.clinicalEndTime = this.mzTime[1]
-          this.queryParams.dischargeStartTime = this.queryParams.clinicalStartTime
-          this.queryParams.dischargeEndTime = this.queryParams.clinicalEndTime
-        } else if (this.queryParams.suitRange == 'DISCHARGE') {
-          this.queryParams.dischargeStartTime = this.mzTime[0]
-          this.queryParams.dischargeEndTime = this.mzTime[1]
-          this.queryParams.clinicalStartTime = null
-          this.queryParams.clinicalEndTime = null
-        } else if (this.queryParams.suitRange == 'OUTPATIENT_SERVICE') {
-          this.queryParams.dischargeStartTime = null
-          this.queryParams.dischargeEndTime = null
-          this.queryParams.clinicalStartTime = this.mzTime[0]
-          this.queryParams.clinicalEndTime = this.mzTime[1]
+        console.log(this.queryParams, "-----");
+        if (
+          !this.queryParams.suitRange ||
+          this.queryParams.suitRange == "IN_THE_HOSPITAL"
+        ) {
+          this.queryParams.clinicalStartTime = this.mzTime[0];
+          this.queryParams.clinicalEndTime = this.mzTime[1];
+          this.queryParams.dischargeStartTime =
+            this.queryParams.clinicalStartTime;
+          this.queryParams.dischargeEndTime = this.queryParams.clinicalEndTime;
+        } else if (this.queryParams.suitRange == "DISCHARGE") {
+          this.queryParams.dischargeStartTime = this.mzTime[0];
+          this.queryParams.dischargeEndTime = this.mzTime[1];
+          this.queryParams.clinicalStartTime = null;
+          this.queryParams.clinicalEndTime = null;
+        } else if (this.queryParams.suitRange == "OUTPATIENT_SERVICE") {
+          this.queryParams.dischargeStartTime = null;
+          this.queryParams.dischargeEndTime = null;
+          this.queryParams.clinicalStartTime = this.mzTime[0];
+          this.queryParams.clinicalEndTime = this.mzTime[1];
         }
       }
     },
@@ -820,11 +835,11 @@ export default {
     rychange() {
       if (this.ryTime == null) {
         this.ryTime = [];
-        this.queryParams.admissionStartTime = null
-        this.queryParams.admissionEndTime = null
+        this.queryParams.admissionStartTime = null;
+        this.queryParams.admissionEndTime = null;
       } else {
-        this.queryParams.admissionStartTime = this.ryTime[0]
-        this.queryParams.admissionEndTime = this.ryTime[1]
+        this.queryParams.admissionStartTime = this.ryTime[0];
+        this.queryParams.admissionEndTime = this.ryTime[1];
       }
     },
     /** 搜索按钮操作 */
@@ -836,77 +851,76 @@ export default {
     resetQuery() {
       this.resetForm("queryForm");
       // 未执行
-      if (this.queryParams.nodeExecuteStatus == 'UNEXECUTED') {
+      if (this.queryParams.nodeExecuteStatus == "UNEXECUTED") {
         this.queryParams = {
-        pageNum: 1,
-        pageSize: 10,
-        nodeExecuteStatus: 'UNEXECUTED',
-        timeSign:"today",
-        followStartTime: null,
-        followEndTime: null,
-        clinicalStartTime: null,
-        clinicalEndTime: null,
-        admissionEndTime: null,
-        admissionStartTime: null,
-        mainDiagnosis: null,
-        visitSerialNumber: null,
-        attendingPhysicianId: null,
-        patientId: null,
-        suitRange: null,
-        manageRouteId: null,
-        manageRouteNodeId: null,
-        patientName: null,
-        startDate: null,
-        endDate: null,
-        manageRouteName: null,
-        manageRouteNodeName: null,
-        taskContent: null,
-        executeTime: null,
-        executePerson: null,
-        executeType: null,
-        executeRemark: null,
-        hospitalAgencyId: null,
-        campusAgencyId: null,
-        departmentId: null,
-        wardId: null,
-      }
-        this.timeSignshow = false
+          pageNum: 1,
+          pageSize: 10,
+          nodeExecuteStatus: "UNEXECUTED",
+          timeSign: "today",
+          followStartTime: null,
+          followEndTime: null,
+          clinicalStartTime: null,
+          clinicalEndTime: null,
+          admissionEndTime: null,
+          admissionStartTime: null,
+          mainDiagnosis: null,
+          visitSerialNumber: null,
+          attendingPhysicianId: null,
+          patientId: null,
+          suitRange: null,
+          manageRouteId: null,
+          manageRouteNodeId: null,
+          patientName: null,
+          startDate: null,
+          endDate: null,
+          manageRouteName: null,
+          manageRouteNodeName: null,
+          taskContent: null,
+          executeTime: null,
+          executePerson: null,
+          executeType: null,
+          executeRemark: null,
+          hospitalAgencyId: null,
+          campusAgencyId: null,
+          departmentId: null,
+          wardId: null,
+        };
+        this.timeSignshow = false;
       } else {
         this.queryParams = {
-        pageNum: 1,
-        pageSize: 10,
-        nodeExecuteStatus: 'EXECUTED',
-        followStartTime: null,
-        followEndTime: null,
-        clinicalStartTime: null,
-        clinicalEndTime: null,
-        admissionEndTime: null,
-        admissionStartTime: null,
-        mainDiagnosis: null,
-        visitSerialNumber: null,
-        attendingPhysicianId: null,
-        patientId: null,
-        suitRange: null,
-        manageRouteId: null,
-        manageRouteNodeId: null,
-        patientName: null,
-        startDate: null,
-        endDate: null,
-        manageRouteName: null,
-        manageRouteNodeName: null,
-        taskContent: null,
-        executeTime: null,
-        executePerson: null,
-        executeType: null,
-        executeRemark: null,
-        hospitalAgencyId: null,
-        campusAgencyId: null,
-        departmentId: null,
-        wardId: null,
-      }
+          pageNum: 1,
+          pageSize: 10,
+          nodeExecuteStatus: "EXECUTED",
+          followStartTime: null,
+          followEndTime: null,
+          clinicalStartTime: null,
+          clinicalEndTime: null,
+          admissionEndTime: null,
+          admissionStartTime: null,
+          mainDiagnosis: null,
+          visitSerialNumber: null,
+          attendingPhysicianId: null,
+          patientId: null,
+          suitRange: null,
+          manageRouteId: null,
+          manageRouteNodeId: null,
+          patientName: null,
+          startDate: null,
+          endDate: null,
+          manageRouteName: null,
+          manageRouteNodeName: null,
+          taskContent: null,
+          executeTime: null,
+          executePerson: null,
+          executeType: null,
+          executeRemark: null,
+          hospitalAgencyId: null,
+          campusAgencyId: null,
+          departmentId: null,
+          wardId: null,
+        };
         // this.timeSignshow=true
         // this.queryParams.nodeExecuteStatus = 'EXECUTED'
-        
       }
 
       this.handleQuery();
@@ -972,7 +986,9 @@ export default {
           manageRouteNodeId: row.manageRouteNodeId,
           visitRecordId: row.visitRecordId,
           taskExecuteRecordId: row.taskExecuteRecordId,
-          routeHandleRemark: row.routeHandleRemark ? row.routeHandleRemark : null,
+          routeHandleRemark: row.routeHandleRemark
+            ? row.routeHandleRemark
+            : null,
         },
       });
     },
@@ -1010,7 +1026,7 @@ export default {
           this.getList();
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => { });
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -1024,85 +1040,100 @@ export default {
     },
     // 获取表格最高高度
     getMaxTableHeight() {
-      const windowInnerHeight = window.innerHeight // 屏幕可视高度
-      const layoutDiv = this.$refs.layout
-      const formDiv = this.$refs.topform
+      const windowInnerHeight = window.innerHeight; // 屏幕可视高度
+      const layoutDiv = this.$refs.layout;
+      const formDiv = this.$refs.topform;
       this.maxTableHeight =
-        windowInnerHeight - 134 - 54 -
+        windowInnerHeight -
+        134 -
+        54 -
         this.getBoxPadding(layoutDiv) -
-        this.getBoxHeight(formDiv)
+        this.getBoxHeight(formDiv);
     },
     // 屏幕resize监听
     screenChange() {
       // 屏幕resize监听事件：一旦屏幕宽高发生变化，就会执行resize
-      window.addEventListener('resize', this.getMaxTableHeight, true)
+      window.addEventListener("resize", this.getMaxTableHeight, true);
       // 将屏幕监听事件移除
       // 这步是必须的。离开页面时不移除，再返回，或者进入到别的有相同元素的页面会报错
       // 或者将这里的方法直接写在beforeDestroy函数中也可以
-      this.$once('hook:beforeDestroy', () => {
-        window.removeEventListener('resize', this.getMaxTableHeight, true)
-      })
+      this.$once("hook:beforeDestroy", () => {
+        window.removeEventListener("resize", this.getMaxTableHeight, true);
+      });
+    },
+
+    renderHeader(h, { column }) {
+      return h("span", {}, [
+        h("span", {}, column.label.split("/")[0]),
+        h("br"),
+        h("span", {}, column.label.split("/")[1]),
+      ]);
     },
   },
 };
 </script>
 <style lang="scss" scoped>
-    ::v-deep .el-table {
-      overflow: auto;
-    }
+::v-deep .el-table {
+  overflow: auto;
+}
 
-    .app-container {
-      padding-top: 0 !important;
-    }
+.app-container {
+  padding-top: 0 !important;
+}
 
+::v-deep.el-table {
+  .el-table-column--selection .cell {
+    text-overflow: clip !important;
+    padding-left: 6px !important;
+    padding-right: 3px !important;
+  }
+}
 
+// :deep(.el-switch) {
+//   position: relative;
+//   user-select: none;
 
-    // :deep(.el-switch) {
-    //   position: relative;
-    //   user-select: none;
+//   .el-switch__core {
+//     width: 45px !important;
+//   }
 
-    //   .el-switch__core {
-    //     width: 45px !important;
-    //   }
+//   &.is-checked .el-switch__label {
+//     position: absolute;
+//     top: 0px;
+//     left: -3px;
+//     color: #fff;
+//   }
 
-    //   &.is-checked .el-switch__label {
-    //     position: absolute;
-    //     top: 0px;
-    //     left: -3px;
-    //     color: #fff;
-    //   }
+//   .el-switch__label {
+//     position: absolute;
+//     top: 0px;
+//     left: 10px;
+//     color: #fff;
+//   }
+// }
 
-    //   .el-switch__label {
-    //     position: absolute;
-    //     top: 0px;
-    //     left: 10px;
-    //     color: #fff;
-    //   }
-    // }
+::v-deep .el-switch {
+  .el-switch__label {
+    position: absolute !important;
+    display: none;
+    color: #fff;
+  }
 
-    ::v-deep .el-switch
-    { 
-          .el-switch__label {
-          position: absolute !important;
-           display: none;
-           color: #fff;
-        }
-
-         .el-switch__label--left {
-          z-index: 9 !important;
-          left: 20px !important;
-        }
-         .el-switch__label--right {
-          z-index: 9;
-          left: -3px;
-        }
-        .el-switch__label.is-active {
-          display: block  !important;
-          color: #fff;
-        }
-       .el-switch__core,
-         .el-switch__label {
-          width: 60px !important;
-        }
-    }
+  .el-switch__label--left {
+    z-index: 9 !important;
+    left: 20px !important;
+  }
+  .el-switch__label--right {
+    z-index: 9;
+    left: -3px;
+  }
+  .el-switch__label.is-active {
+    display: block !important;
+    color: #fff;
+  }
+  .el-switch__core,
+  .el-switch__label {
+    width: 60px !important;
+  }
+}
 </style>