修改样式

src/api/manage.js

-import request from '@/utils/request'
+import request from "@/utils/request";
 
 export function getAllSubregion(params) {
+  console.log("params", params);
   return request({
-    url: '/api/management/getallsubregion',
-    method: 'Get',
+    url: "/api/management/getallsubregion",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function SaveManageInfo(data) {
   return request({
-    url: '/api/management/savemanageinfo',
-    method: 'Post',
+    url: "/api/management/savemanageinfo",
+    method: "Post",
     data: data
-  })
+  });
 }
 
 export function getAllMachineInfo(
     zoneid: zoneid,
     equipmentid: equipmentid,
     statusid: statusid
-  }
+  };
   return request({
-    url: '/api/management/getallmachineinfo',
-    method: 'Get',
+    url: "/api/management/getallmachineinfo",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getAllMachine(zoneid, deviceid) {
   const params = {
     zoneid: zoneid,
     deviceid: deviceid
-  }
+  };
   return request({
-    url: '/api/management/getallmachine',
-    method: 'Get',
+    url: "/api/management/getallmachine",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getMachineDetailById(id, params) {
   return request({
-    url: '/api/management/getmachinedetail?id=' + id,
-    method: 'Get',
+    url: "/api/management/getmachinedetail?id=" + id,
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function UpdateMachineInfo(data) {
-  console.log('data', data)
+  console.log("data", data);
   return request({
-    url: '/api/management/updatemachineinfo',
-    method: 'Post',
+    url: "/api/management/updatemachineinfo",
+    method: "Post",
     data: data
-  })
+  });
 }
 
 export function UpdateMachineInfoTwo(data) {
-  console.log('data', data)
+  console.log("data", data);
   return request({
-    url: '/api/management/updatemachineinfotwo',
-    method: 'post',
+    url: "/api/management/updatemachineinfotwo",
+    method: "post",
     data: data
-  })
+  });
 }
 
 export function getAllEquimentName(params) {
   return request({
-    url: '/api/management/getallequimentname',
-    method: 'Get',
+    url: "/api/management/getallequimentname",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function savePlan(data, id) {
   return request({
-    url: '/api/management/saveplan?id=' + id,
-    method: 'Post',
+    url: "/api/management/saveplan?id=" + id,
+    method: "Post",
     data: data
-  })
+  });
 }
 
 export function getAllPlan(params) {
   return request({
-    url: '/api/management/getallplan',
-    method: 'Get',
+    url: "/api/management/getallplan",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getAllPlanDetail(unitype) {
   // eslint-disable-next-line no-redeclare
   const params = {
     unitype: unitype
-  }
+  };
   return request({
-    url: '/api/management/getallplandetail',
-    method: 'Get',
+    url: "/api/management/getallplandetail",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getEditMachine(id, params) {
   return request({
-    url: '/api/management/geteditmachine?id=' + id,
-    method: 'Get',
+    url: "/api/management/geteditmachine?id=" + id,
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function DeletePlans(data) {
   return request({
-    url: '/api/staff/deleteplans',
-    method: 'delete',
+    url: "/api/staff/deleteplans",
+    method: "delete",
     data: data
-  })
+  });
 }
 
 export function EditPlanDetail(id, params) {
   return request({
-    url: '/api/manage/editplandetail?id=' + id,
-    method: 'get',
+    url: "/api/manage/editplandetail?id=" + id,
+    method: "get",
     params: params
-  })
+  });
 }
 
 export function UpdatePlanInfo(data) {
   return request({
-    url: '/api/manage/updateplaninfo',
-    method: 'Post',
+    url: "/api/manage/updateplaninfo",
+    method: "Post",
     data: data
-  })
+  });
 }
 
 export function getComprehensive(params) {
   return request({
-    url: '/api/manage/getcomprehensive',
-    method: 'Get',
+    url: "/api/manage/getcomprehensive",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function SaveInformation(eid, data) {
   return request({
-    url: '/api/manage/saveinformation?eid=' + eid,
-    method: 'Post',
+    url: "/api/manage/saveinformation?eid=" + eid,
+    method: "Post",
     data: data
-  })
+  });
 }
 
 export function getPatientInfo(id, params) {
   return request({
-    url: '/api/manage/getpatientinfo?id=' + id,
-    method: 'Get',
+    url: "/api/manage/getpatientinfo?id=" + id,
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function ChangeClass(equitid, id) {
   const params = {
     equitid: equitid,
     id: id
-  }
+  };
   return request({
-    url: '/api/manage/changeclass',
-    method: 'Get',
+    url: "/api/manage/changeclass",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function changePatient(equitid, id) {
   const params = {
     equitid: equitid,
     id: id
-  }
+  };
   return request({
-    url: '/api/manage/changepatient',
-    method: 'Get',
+    url: "/api/manage/changepatient",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getAllOrganization(params) {
   return request({
-    url: '/api/manage/getallorganization',
-    method: 'Get',
+    url: "/api/manage/getallorganization",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getUserRegister(id, params) {
   return request({
-    url: '/api/manage/getregisterinfo?id=' + id,
-    method: 'Get',
+    url: "/api/manage/getregisterinfo?id=" + id,
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getInformationData(limit, page) {
   const params = {
     limit: limit,
     page: page
-  }
+  };
   return request({
-    url: '/api/manage/getinformationdata',
-    method: 'Get',
+    url: "/api/manage/getinformationdata",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function SaveBacteria(id, data) {
   return request({
-    url: '/api/manage/savebacteria?id=' + id,
-    method: 'Post',
+    url: "/api/manage/savebacteria?id=" + id,
+    method: "Post",
     data: data
-  })
+  });
 }
 
 export function SaveLincomycin(id, data) {
   return request({
-    url: '/api/manage/savelincomycin?id=' + id,
-    method: 'Post',
+    url: "/api/manage/savelincomycin?id=" + id,
+    method: "Post",
     data: data
-  })
+  });
 }
 
 export function SaveQualityControl(id, data) {
   return request({
-    url: '/api/manage/savequalitycontrol?id=' + id,
-    method: 'Post',
+    url: "/api/manage/savequalitycontrol?id=" + id,
+    method: "Post",
     data: data
-  })
+  });
 }
 
 export function getOrgName(params) {
   return request({
-    url: '/api/manage/getorgname',
-    method: 'Get',
+    url: "/api/manage/getorgname",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getAllQulityInfo(params) {
   return request({
-    url: '/api/manage/getallqulityinfo',
-    method: 'Get',
+    url: "/api/manage/getallqulityinfo",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function EditCulture(id, userid) {
   const params = {
     id: id,
     userid: userid
-  }
+  };
   return request({
-    url: '/api/manage/editculture',
-    method: 'Get',
+    url: "/api/manage/editculture",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function UpdateCulture(data) {
   return request({
-    url: '/api/manage/updateculture',
-    method: 'Post',
+    url: "/api/manage/updateculture",
+    method: "Post",
     data: data
-  })
+  });
 }
 
 export function DeleteCultrue(data) {
   return request({
-    url: '/api/manage/deletecultrue',
-    method: 'delete',
+    url: "/api/manage/deletecultrue",
+    method: "delete",
     data: data
-  })
+  });
 }
 
 export function EditDialyState(id, params) {
   return request({
-    url: '/api/manage/editdialystate?id=' + id,
-    method: 'Get',
+    url: "/api/manage/editdialystate?id=" + id,
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function UpdateDialyState(data) {
   return request({
-    url: '/api/manage/updatedialystate',
-    method: 'post',
+    url: "/api/manage/updatedialystate",
+    method: "post",
     data: data
-  })
+  });
 }
 
 export function DeleteDialystate(data) {
   return request({
-    url: '/api/manage/deletedialystate',
-    method: 'delete',
+    url: "/api/manage/deletedialystate",
+    method: "delete",
     data: data
-  })
+  });
 }
 
 export function EditIon(id, params) {
   return request({
-    url: '/api/manage/edition?id=' + id,
-    method: 'Get',
+    url: "/api/manage/edition?id=" + id,
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function UpdateIon(data) {
   return request({
-    url: '/api/manage/updateion',
-    method: 'Post',
+    url: "/api/manage/updateion",
+    method: "Post",
     data: data
-  })
+  });
 }
 
 export function DeleteIon(data) {
   return request({
-    url: '/api/manage/deleteion',
-    method: 'delete',
+    url: "/api/manage/deleteion",
+    method: "delete",
     data: data
-  })
+  });
 }
 
 export function queryTable(bedid, startime, endtime) {
     bedid: bedid,
     startime: startime,
     endtime: endtime
-  }
+  };
   return request({
-    url: '/api/manage/query',
-    method: 'Get',
+    url: "/api/manage/query",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function SaveRepair(id, data) {
   return request({
-    url: '/api/manage/saverepair?id=' + id,
-    method: 'post',
+    url: "/api/manage/saverepair?id=" + id,
+    method: "post",
     data: data
-  })
+  });
 }
 
 export function getAllRepair(limit, page) {
   const params = {
     limit: limit,
     page: page
-  }
+  };
   return request({
-    url: '/api/manage/getallrepair',
-    method: 'Get',
+    url: "/api/manage/getallrepair",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function EditRepair(id, params) {
   return request({
-    url: '/api/manage/editrepair?id=' + id,
-    method: 'Get',
+    url: "/api/manage/editrepair?id=" + id,
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function UpdateRepair(data) {
   return request({
-    url: '/api/manage/updaterepair',
-    method: 'Post',
+    url: "/api/manage/updaterepair",
+    method: "Post",
     data: data
-  })
+  });
 }
 
 export function DeleteRepair(data) {
   return request({
-    url: '/api/manage/deleterepair',
-    method: 'delete',
+    url: "/api/manage/deleterepair",
+    method: "delete",
     data: data
-  })
+  });
 }
 
 export function queryRepair(bedid, startime, endtime) {
     bedid: bedid,
     startime: startime,
     endtime: endtime
-  }
+  };
 
   return request({
-    url: '/api/manage/queryrepair',
-    method: 'Get',
+    url: "/api/manage/queryrepair",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function EditUser(id, patientid) {
   const params = {
     id: id,
     patientid: patientid
-  }
+  };
   return request({
-    url: '/api/manage/edituser',
-    method: 'Get',
+    url: "/api/manage/edituser",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function DeleteUserform(data) {
   return request({
-    url: '/api/manage/deleteform',
-    method: 'delete',
+    url: "/api/manage/deleteform",
+    method: "delete",
     data: data
-  })
+  });
 }
 
 export function UpdateForm(data) {
   return request({
-    url: '/api/manage/updateform',
-    method: 'post',
+    url: "/api/manage/updateform",
+    method: "post",
     data: data
-  })
+  });
 }
 
 export function queryInfo(zone, bed, startime, endtime, limit, page) {
     endtime: endtime,
     limit: limit,
     page: page
-  }
+  };
   return request({
-    url: '/api/manage/queryinfo',
-    method: 'Get',
+    url: "/api/manage/queryinfo",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getAutoData(id, params) {
   return request({
-    url: '/api/manage/insertautodata?id=' + id,
-    method: 'Get',
+    url: "/api/manage/insertautodata?id=" + id,
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getAllEquitType(params) {
   return request({
-    url: '/api/manage/getallequittype',
-    method: 'Get',
+    url: "/api/manage/getallequittype",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getUserForm(id, limit, page) {
     id: id,
     limit: limit,
     page: page
-  }
+  };
   return request({
-    url: '/api/manage/getuserform',
-    method: 'Get',
+    url: "/api/manage/getuserform",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function UpdateMacheineTwo(data) {
   return request({
-    url: '/api/manage/updatemacheinettwo',
-    method: 'post',
+    url: "/api/manage/updatemacheinettwo",
+    method: "post",
     data: data
-  })
+  });
 }
 
 export function getBedForm(id, params) {
   return request({
-    url: '/api/manage/getbedform?id=' + id,
-    method: 'get',
+    url: "/api/manage/getbedform?id=" + id,
+    method: "get",
     params: params
-  })
+  });
 }
 
 export function getTotalCount(params) {
   return request({
-    url: '/api/manage/gettotalcount',
-    method: 'Get',
+    url: "/api/manage/gettotalcount",
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getTotalNumber(id, params) {
   return request({
-    url: '/api/manage/getotalnumber?id=' + id,
-    method: 'Get',
+    url: "/api/manage/getotalnumber?id=" + id,
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function getTimeWarning(id, params) {
   return request({
-    url: '/api/manage/gettimewarning?id=' + id,
-    method: 'Get',
+    url: "/api/manage/gettimewarning?id=" + id,
+    method: "Get",
     params: params
-  })
+  });
 }
 
 export function SaveManageInfoTwo(data, beds) {
-  console.log('data', beds)
+  console.log("data", beds);
   return request({
-    url: '/api/manage/savemanageinfotwo?beds=' + beds,
-    method: 'post',
+    url: "/api/manage/savemanageinfotwo?beds=" + beds,
+    method: "post",
     data: data
-  })
+  });
 }
 
 export function getAllpatient(params) {
   return request({
-    url: '/api/manage/getallpatient',
-    method: 'get',
+    url: "/api/manage/getallpatient",
+    method: "get",
     params: params
-  })
+  });
 }
 
 export function changeBed(id, params) {
   return request({
-    url: '/api/manage/changebed?id=' + id,
-    method: 'get',
+    url: "/api/manage/changebed?id=" + id,
+    method: "get",
     params: params
-  })
+  });
 }
 
 export function getPatientDetail(id, params) {
   return request({
-    url: '/api/manage/getpatientdetail?id=' + id,
-    method: 'get',
+    url: "/api/manage/getpatientdetail?id=" + id,
+    method: "get",
     params: params
-  })
+  });
 }
 
 export function changeRun(id, data) {
   return request({
-    url: '/api/manage/changrun?id=' + id,
-    method: 'post',
+    url: "/api/manage/changrun?id=" + id,
+    method: "post",
     data: data
-  })
+  });
 }
 
 export function getRemanderData(params) {
   return request({
-    url: '/api/manage/getremanderdata',
-    method: 'get',
+    url: "/api/manage/getremanderdata",
+    method: "get",
     params: params
-  })
+  });
 }
 
 export function openDelete(id, params) {
   return request({
-    url: '/api/manage/opendelete?id=' + id,
-    method: 'delete',
+    url: "/api/manage/opendelete?id=" + id,
+    method: "delete",
     params: params
-  })
+  });
 }
 
 export function DeleteUserLogin(id, params) {
   return request({
-    url: '/api/manage/deleteuserlogin?id=' + id,
-    method: 'delete',
+    url: "/api/manage/deleteuserlogin?id=" + id,
+    method: "delete",
     params: params
-  })
+  });
 }
 
 export function DeleteCultrues(id, params) {
   return request({
-    url: '/api/manage/deletecultrues?id=' + id,
-    method: 'delete',
+    url: "/api/manage/deletecultrues?id=" + id,
+    method: "delete",
     params: params
-  })
+  });
 }
 
 export function DeleteDialystates(id, params) {
   return request({
-    url: '/api/manage/deletedialystates?id=' + id,
-    method: 'delete',
+    url: "/api/manage/deletedialystates?id=" + id,
+    method: "delete",
     params: params
-  })
+  });
 }
 
 export function DeleteIons(id, params) {
   return request({
-    url: '/api/manage/deleteions?id=' + id,
-    method: 'delete',
+    url: "/api/manage/deleteions?id=" + id,
+    method: "delete",
     params: params
-  })
+  });
 }
 
 export function DeleteRepairs(id, params) {
   return request({
-    url: '/api/manage/deleterepairs?id=' + id,
-    method: 'delete',
+    url: "/api/manage/deleterepairs?id=" + id,
+    method: "delete",
     params: params
-  })
+  });
 }
 
 export function SaveMode(data) {
   return request({
-    url: '/api/manage/savemode',
-    method: 'post',
+    url: "/api/manage/savemode",
+    method: "post",
     data: data
-  })
+  });
 }
 
 export function getAllMode(params) {
   return request({
-    url: '/api/manage/getallmode',
-    method: 'get',
+    url: "/api/manage/getallmode",
+    method: "get",
     params: params
-  })
+  });
 }
 
 export function EditMode(id, params) {
   return request({
-    url: '/api/manage/editmode?id=' + id,
-    method: 'get',
+    url: "/api/manage/editmode?id=" + id,
+    method: "get",
     params: params
-  })
+  });
 }
 
 export function UpdateMode(id, data) {
   return request({
-    url: '/api/manage/updatemode?id=' + id,
-    method: 'post',
+    url: "/api/manage/updatemode?id=" + id,
+    method: "post",
     data: data
-  })
+  });
 }
 
 export function DeleteMode(id, params) {
   return request({
-    url: '/api/manage/deletemode?id=' + id,
-    method: 'delete',
+    url: "/api/manage/deletemode?id=" + id,
+    method: "delete",
     params: params
-  })
+  });
 }

src/xt_pages/management/components/ManageForm.vue

     <el-dialog
       title="新增设备"
       :visible.sync="dialogVisible"
-      width="52%"
+      width="70%"
       align="center"
     >
       <el-form ref="form" :model="form" :rules="rules">
                 placeholder="请选择"
                 format="yyyy-MM-dd"
                 value-format="yyyy-MM-dd"
-                style="width:140px"
+                style="width:135px"
               ></el-date-picker>
             </el-form-item>
           </el-col>
   SaveManageInfo,
   SaveManageInfoTwo,
   getAllMode
-} from '@/api/manage'
+} from "@/api/manage";
 const treatmentmodes = [
-  'HD',
-  'HDF',
-  'HD+HP',
-  'HP',
-  'HF',
-  'SCUF',
-  'IUF',
-  'HFHD',
-  'HFHD+HP',
-  'PHF',
-  'HFR',
-  'HDF+HP',
-  'CRRT',
-  '腹水回输'
-]
+  "HD",
+  "HDF",
+  "HD+HP",
+  "HP",
+  "HF",
+  "SCUF",
+  "IUF",
+  "HFHD",
+  "HFHD+HP",
+  "PHF",
+  "HFR",
+  "HDF+HP",
+  "CRRT",
+  "腹水回输"
+];
 export default {
-  name: 'ManageForm',
+  name: "ManageForm",
   data() {
     return {
       dialogVisible: false,
-      checked1: '',
+      checked1: "",
       form: {
-        serial_number: '', // 序列号
+        serial_number: "", // 序列号
         device_type: 1, // 设备类型
-        bed_number: '', // 床位号
-        device_name: '', // 设备名称
-        manufacture_factory: '', // 生产厂家
-        service_manufacturer: '', // 维修厂家
-        unit_type: '', // 设备型号
-        use_section: '', // 使用科室
-        section_number: '', // 科室编号
-        buy_date: '', // 购买日期
-        install_date: '', // 安装日期
-        start_date: '', // 启用日期
-        maintenance_engineer: '', // 维修工程师
-        telephone: '', // 联系电话
-        guarantee_date: '', // 保修日期
+        bed_number: "", // 床位号
+        device_name: "", // 设备名称
+        manufacture_factory: "", // 生产厂家
+        service_manufacturer: "", // 维修厂家
+        unit_type: "", // 设备型号
+        use_section: "", // 使用科室
+        section_number: "", // 科室编号
+        buy_date: "", // 购买日期
+        install_date: "", // 安装日期
+        start_date: "", // 启用日期
+        maintenance_engineer: "", // 维修工程师
+        telephone: "", // 联系电话
+        guarantee_date: "", // 保修日期
         machine_status: 1, // 机器状态
-        user_total: '', // 初次使用次数
-        Disinfection_mode: '', // 消毒方式
-        remarks: '', // 备注
-        rubbish_date: '', // 报废日期
-        rubbish_reason: '', // 报废原因
-        user_year: '', // 使用年限
-        work_time: '', // 工作时长
-        revers_mode: '', // 反渗模式
+        user_total: "", // 初次使用次数
+        Disinfection_mode: "", // 消毒方式
+        remarks: "", // 备注
+        rubbish_date: "", // 报废日期
+        rubbish_reason: "", // 报废原因
+        user_year: "", // 使用年限
+        work_time: "", // 工作时长
+        revers_mode: "", // 反渗模式
         treat_mode: [],
         treat_type: [], // 治疗模式
-        beds: ''
+        beds: ""
       },
       forms: {
-        beds: ''
+        beds: ""
       },
       deviceType: [],
       bedNumber: [],
       machineStatus: [
-        { id: 1, name: '使用机' },
-        { id: 2, name: '备用机' },
-        { id: 3, name: '急诊机' },
-        { id: 4, name: '报废机' }
+        { id: 1, name: "使用机" },
+        { id: 2, name: "备用机" },
+        { id: 3, name: "急诊机" },
+        { id: 4, name: "报废机" }
       ],
       DisinfectionMode: [
-        { id: 0, name: '请选择' },
-        { id: 1, name: '化学消毒' },
-        { id: 2, name: '热消毒' },
-        { id: 3, name: '化学消毒+热消毒' }
+        { id: 0, name: "请选择" },
+        { id: 1, name: "化学消毒" },
+        { id: 2, name: "热消毒" },
+        { id: 3, name: "化学消毒+热消毒" }
       ],
       DisCardResion: [
-        { id: 0, name: '请选择' },
-        { id: 1, name: '超期限报废' },
-        { id: 2, name: '故障报废' },
-        { id: 3, name: '核定报废' }
+        { id: 0, name: "请选择" },
+        { id: 1, name: "超期限报废" },
+        { id: 2, name: "故障报废" },
+        { id: 3, name: "核定报废" }
       ],
       checkAll: false,
       isIndeterminate: true,
       //   { id: 3, name: 'ww' }
       // ],
       DeviceType: [
-        { id: 1, name: '透析机' },
-        { id: 2, name: '水处理机' },
-        { id: 3, name: '其他' }
+        { id: 1, name: "透析机" },
+        { id: 2, name: "水处理机" },
+        { id: 3, name: "其他" }
       ],
       reverseMode: [
-        { id: 0, name: '请选择' },
-        { id: 1, name: '单级反渗' },
-        { id: 2, name: '双级反渗' }
+        { id: 0, name: "请选择" },
+        { id: 1, name: "单级反渗" },
+        { id: 2, name: "双级反渗" }
       ],
       rules: {
-        serial_number: [{ required: true, message: '请填写序列号' }],
-        device_name: [{ required: true, message: '请填写设备名称' }],
-        device_type: [{ required: true, message: '请填写设备类型' }],
-        unit_type: [{ required: true, message: '请填写设备型号' }],
-        bed_number: [{ required: true, message: '请填写机位号' }]
+        serial_number: [{ required: true, message: "请填写序列号" }],
+        device_name: [{ required: true, message: "请填写设备名称" }],
+        device_type: [{ required: true, message: "请填写设备类型" }],
+        unit_type: [{ required: true, message: "请填写设备型号" }],
+        bed_number: [{ required: true, message: "请填写机位号" }]
         // treat_mode: [{ required: true, message: "请选择至少一种治疗模式" }]
       },
       DisinfectionShow: false,
       buttonShowTwo: false,
       buttonShowThree: false,
       deviceMode: []
-    }
+    };
   },
   methods: {
     open: function() {
-      this.dialogVisible = true
+      this.dialogVisible = true;
       // this.resetForm("form");
     },
     changetreatmentmode(val) {
-      const checkedCount = val.length
-      this.checkAll = checkedCount === 14
-      this.isIndeterminate = checkedCount > 0 && checkedCount < 14
+      const checkedCount = val.length;
+      this.checkAll = checkedCount === 14;
+      this.isIndeterminate = checkedCount > 0 && checkedCount < 14;
     },
     handleCheckAllChange(val) {
-      this.form.treat_mode = val ? this.treatmentmode : []
-      this.isIndeterminate = false
+      this.form.treat_mode = val ? this.treatmentmode : [];
+      this.isIndeterminate = false;
     },
     getAllSubregion() {
       getAllSubregion().then(response => {
         if (response.data.state === 1) {
-          var zones = response.data.data.zones
-          this.deviceType = zones
-          var numbers = response.data.data.numbers
-          var devicenumber = response.data.data.devicenumber
+          var zones = response.data.data.zones;
+          this.deviceType = zones;
+          var numbers = response.data.data.numbers;
+          var devicenumber = response.data.data.devicenumber;
           // console.log('devicenumber$', devicenumber)
           // var device = [{ bed_id: 0, bed_number: '请选择' }]
           // for (let index = 0; index < devicenumber.length; index++) {
           // const item = devicenumber[index]
           // device.push({ bed_id: item.bed_id, bed_number: item.bed_number })
           // }
-          this.bedNumber = devicenumber
+          this.bedNumber = devicenumber;
         }
-      })
+      });
     },
 
     changeDeviceType(val) {
       if (val === 1) {
-        this.bedShow = true
-        this.totalShow = true
-        this.treatShow = true
-        this.allShow = true
-        this.bedShowTwo = false
-        this.buttonShow = true
-        this.buttonShowTwo = false
-        this.buttonShowThree = false
+        this.bedShow = true;
+        this.totalShow = true;
+        this.treatShow = true;
+        this.allShow = true;
+        this.bedShowTwo = false;
+        this.buttonShow = true;
+        this.buttonShowTwo = false;
+        this.buttonShowThree = false;
       }
 
       if (val === 2) {
-        this.totalShow = false
-        this.DisinfectionShow = true
-        this.allShow = false
-        this.treatShow = false
-        this.reverseShow = true
-        this.bedShow = false
-        this.bedShowTwo = true
-        this.buttonShow = false
-        this.buttonShowTwo = true
-        this.buttonShowThree = false
+        this.totalShow = false;
+        this.DisinfectionShow = true;
+        this.allShow = false;
+        this.treatShow = false;
+        this.reverseShow = true;
+        this.bedShow = false;
+        this.bedShowTwo = true;
+        this.buttonShow = false;
+        this.buttonShowTwo = true;
+        this.buttonShowThree = false;
       }
 
       if (val === 3) {
-        this.bedShow = false
-        this.totalShow = false
-        this.reverseShow = false
-        this.allShow = false
-        this.treatShow = false
-        this.DisinfectionShow = false
-        this.bedShowTwo = false
-        this.buttonShow = false
-        this.buttonShowTwo = false
-        this.buttonShowThree = true
+        this.bedShow = false;
+        this.totalShow = false;
+        this.reverseShow = false;
+        this.allShow = false;
+        this.treatShow = false;
+        this.DisinfectionShow = false;
+        this.bedShowTwo = false;
+        this.buttonShow = false;
+        this.buttonShowTwo = false;
+        this.buttonShowThree = true;
       }
     },
     changeMachineStatus(val) {
       if (val === 4) {
-        this.disa = false
+        this.disa = false;
       } else {
-        this.disa = true
-        this.form.rubbish_date = ''
-        this.form.rubbish_reason = ''
+        this.disa = true;
+        this.form.rubbish_date = "";
+        this.form.rubbish_reason = "";
       }
     },
     SaveManageInfoThree(formName) {
-      if (this.form.bed_number === '') {
-        this.form.bed_number = 0
+      if (this.form.bed_number === "") {
+        this.form.bed_number = 0;
       }
-      const arr1 = []
+      const arr1 = [];
       this.form.treat_mode.map((item, index) => {
-        const obj = {}
-        if (item === 'HD') {
-          obj.id = 1
+        const obj = {};
+        if (item === "HD") {
+          obj.id = 1;
         }
-        if (item === 'HDF') {
-          obj.id = 2
+        if (item === "HDF") {
+          obj.id = 2;
         }
-        if (item === 'HD+HP') {
-          obj.id = 3
+        if (item === "HD+HP") {
+          obj.id = 3;
         }
-        if (item === 'HP') {
-          obj.id = 4
+        if (item === "HP") {
+          obj.id = 4;
         }
-        if (item === 'HF') {
-          obj.id = 5
+        if (item === "HF") {
+          obj.id = 5;
         }
-        if (item === 'SCUF') {
-          obj.id = 6
+        if (item === "SCUF") {
+          obj.id = 6;
         }
-        if (item === 'IUF') {
-          obj.id = 7
+        if (item === "IUF") {
+          obj.id = 7;
         }
-        if (item === 'HFHD') {
-          obj.id = 8
+        if (item === "HFHD") {
+          obj.id = 8;
         }
-        if (item === 'HFHD+HP') {
-          obj.id = 9
+        if (item === "HFHD+HP") {
+          obj.id = 9;
         }
-        if (item === 'PHF') {
-          obj.id = 10
+        if (item === "PHF") {
+          obj.id = 10;
         }
-        if (item === 'HFR') {
-          obj.id = 11
+        if (item === "HFR") {
+          obj.id = 11;
         }
-        if (item === 'HDF+HP') {
-          obj.id = 12
+        if (item === "HDF+HP") {
+          obj.id = 12;
         }
-        if (item === 'CRRT') {
-          obj.id = 13
+        if (item === "CRRT") {
+          obj.id = 13;
         }
-        if (item === '腹水回输') {
-          obj.id = 14
+        if (item === "腹水回输") {
+          obj.id = 14;
         }
-        arr1.push(obj.id)
-      })
+        arr1.push(obj.id);
+      });
       // console.log('arrr1', arr1)
-      this.form.treat_type = arr1
+      this.form.treat_type = arr1;
 
-      var device_type = this.form.device_type
-      var device_types = parseInt(device_type)
-      this.form.device_type = device_types
+      var device_type = this.form.device_type;
+      var device_types = parseInt(device_type);
+      this.form.device_type = device_types;
 
-      if (this.form.rubbish_reason === '') {
-        this.form.rubbish_reason = 0
+      if (this.form.rubbish_reason === "") {
+        this.form.rubbish_reason = 0;
       }
-      var rubbish_reason = this.form.rubbish_reason
-      var rubbish_reasons = parseInt(rubbish_reason)
-      this.form.rubbish_reason = rubbish_reasons
+      var rubbish_reason = this.form.rubbish_reason;
+      var rubbish_reasons = parseInt(rubbish_reason);
+      this.form.rubbish_reason = rubbish_reasons;
 
-      var machine_status = this.form.machine_status
-      var machine_statuss = parseInt(machine_status)
-      this.form.machine_status = machine_statuss
+      var machine_status = this.form.machine_status;
+      var machine_statuss = parseInt(machine_status);
+      this.form.machine_status = machine_statuss;
 
       // if (this.form.bed_number === '') {
       //  this.form.bed_number = 0
       // var bed_numbers = this.form.bed_number
       // var bed_numberss = parseInt(bed_numbers)
       // this.form.bed_number = bed_numberss
-      console.log('购买日期', this.form.buy_date)
+      console.log("购买日期", this.form.buy_date);
 
-      if (this.form.Disinfection_mode === '') {
-        this.form.Disinfection_mode = 0
+      if (this.form.Disinfection_mode === "") {
+        this.form.Disinfection_mode = 0;
       }
-      var disinfecction_modes = this.form.Disinfection_mode
-      var disinfecction_modess = parseInt(disinfecction_modes)
-      this.form.Disinfection_mode = disinfecction_modess
+      var disinfecction_modes = this.form.Disinfection_mode;
+      var disinfecction_modess = parseInt(disinfecction_modes);
+      this.form.Disinfection_mode = disinfecction_modess;
 
-      if (this.form.revers_mode === '') {
-        this.form.revers_mode = 0
+      if (this.form.revers_mode === "") {
+        this.form.revers_mode = 0;
       }
 
       this.$refs[formName].validate(valid => {
         if (valid) {
           SaveManageInfo(this.form).then(response => {
             if (response.data.state === 1) {
-              var addmacher = response.data.data.addmacher
-              this.dialogVisible = false
-              this.$message.success('保存成功')
-              this.form.bed_number = ''
-              this.form.serial_number = ''
-              this.form.device_name = ''
-              this.form.manufacture_factory = ''
-              this.form.service_manufacturer = ''
-              this.form.use_section = ''
-              this.form.section_number = ''
-              this.form.maintenance_engineer = ''
-              this.form.telephone = ''
-              this.form.user_total = ''
-              this.form.remarks = ''
-              this.form.user_year = ''
-              this.form.work_time = ''
-              this.form.unit_type = ''
-              this.getAllSubregion()
-              this.$emit('getAllMachineInfo')
-              this.$forceUpdate()
+              var addmacher = response.data.data.addmacher;
+              this.dialogVisible = false;
+              this.$message.success("保存成功");
+              this.form.bed_number = "";
+              this.form.serial_number = "";
+              this.form.device_name = "";
+              this.form.manufacture_factory = "";
+              this.form.service_manufacturer = "";
+              this.form.use_section = "";
+              this.form.section_number = "";
+              this.form.maintenance_engineer = "";
+              this.form.telephone = "";
+              this.form.user_total = "";
+              this.form.remarks = "";
+              this.form.user_year = "";
+              this.form.work_time = "";
+              this.form.unit_type = "";
+              this.getAllSubregion();
+              this.$emit("getAllMachineInfo");
+              this.$forceUpdate();
             } else {
-              this.$message.error('添加失败')
+              this.$message.error("添加失败");
             }
-          })
+          });
         }
-      })
+      });
     },
 
     SaveManageInfo(formName) {
-      const arr1 = []
+      const arr1 = [];
       this.form.treat_mode.map((item, index) => {
-        const obj = {}
-        if (item === 'HD') {
-          obj.id = 1
+        const obj = {};
+        if (item === "HD") {
+          obj.id = 1;
         }
-        if (item === 'HDF') {
-          obj.id = 2
+        if (item === "HDF") {
+          obj.id = 2;
         }
-        if (item === 'HD+HP') {
-          obj.id = 3
+        if (item === "HD+HP") {
+          obj.id = 3;
         }
-        if (item === 'HP') {
-          obj.id = 4
+        if (item === "HP") {
+          obj.id = 4;
         }
-        if (item === 'HF') {
-          obj.id = 5
+        if (item === "HF") {
+          obj.id = 5;
         }
-        if (item === 'SCUF') {
-          obj.id = 6
+        if (item === "SCUF") {
+          obj.id = 6;
         }
-        if (item === 'IUF') {
-          obj.id = 7
+        if (item === "IUF") {
+          obj.id = 7;
         }
-        if (item === 'HFHD') {
-          obj.id = 8
+        if (item === "HFHD") {
+          obj.id = 8;
         }
-        if (item === 'HFHD+HP') {
-          obj.id = 9
+        if (item === "HFHD+HP") {
+          obj.id = 9;
         }
-        if (item === 'PHF') {
-          obj.id = 10
+        if (item === "PHF") {
+          obj.id = 10;
         }
-        if (item === 'HFR') {
-          obj.id = 11
+        if (item === "HFR") {
+          obj.id = 11;
         }
-        if (item === 'HDF+HP') {
-          obj.id = 12
+        if (item === "HDF+HP") {
+          obj.id = 12;
         }
-        if (item === 'CRRT') {
-          obj.id = 13
+        if (item === "CRRT") {
+          obj.id = 13;
         }
-        if (item === '腹水回输') {
-          obj.id = 14
+        if (item === "腹水回输") {
+          obj.id = 14;
         }
-        arr1.push(obj.id)
-      })
+        arr1.push(obj.id);
+      });
       // console.log('arrr1', arr1)
-      this.form.treat_type = arr1
+      this.form.treat_type = arr1;
 
-      var device_type = this.form.device_type
-      var device_types = parseInt(device_type)
-      this.form.device_type = device_types
+      var device_type = this.form.device_type;
+      var device_types = parseInt(device_type);
+      this.form.device_type = device_types;
 
-      if (this.form.rubbish_reason === '') {
-        this.form.rubbish_reason = 0
+      if (this.form.rubbish_reason === "") {
+        this.form.rubbish_reason = 0;
       }
-      var rubbish_reason = this.form.rubbish_reason
-      var rubbish_reasons = parseInt(rubbish_reason)
-      this.form.rubbish_reason = rubbish_reasons
+      var rubbish_reason = this.form.rubbish_reason;
+      var rubbish_reasons = parseInt(rubbish_reason);
+      this.form.rubbish_reason = rubbish_reasons;
 
-      var machine_status = this.form.machine_status
-      var machine_statuss = parseInt(machine_status)
-      this.form.machine_status = machine_statuss
+      var machine_status = this.form.machine_status;
+      var machine_statuss = parseInt(machine_status);
+      this.form.machine_status = machine_statuss;
 
       // if (this.form.bed_number === '') {
       //  this.form.bed_number = 0
       // var bed_numbers = this.form.bed_number
       // var bed_numberss = parseInt(bed_numbers)
       // this.form.bed_number = bed_numberss
-      console.log('购买日期', this.form.buy_date)
+      console.log("购买日期", this.form.buy_date);
 
-      if (this.form.Disinfection_mode === '') {
-        this.form.Disinfection_mode = 0
+      if (this.form.Disinfection_mode === "") {
+        this.form.Disinfection_mode = 0;
       }
-      var disinfecction_modes = this.form.Disinfection_mode
-      var disinfecction_modess = parseInt(disinfecction_modes)
-      this.form.Disinfection_mode = disinfecction_modess
+      var disinfecction_modes = this.form.Disinfection_mode;
+      var disinfecction_modess = parseInt(disinfecction_modes);
+      this.form.Disinfection_mode = disinfecction_modess;
 
-      if (this.form.revers_mode === '') {
-        this.form.revers_mode = 0
+      if (this.form.revers_mode === "") {
+        this.form.revers_mode = 0;
       }
       this.$refs[formName].validate(valid => {
         if (valid) {
           SaveManageInfo(this.form).then(response => {
             if (response.data.state === 1) {
-              var addmacher = response.data.data.addmacher
-              this.dialogVisible = false
-              this.$message.success('保存成功')
-              this.form.bed_number = ''
-              this.form.serial_number = ''
-              this.form.device_name = ''
-              this.form.manufacture_factory = ''
-              this.form.service_manufacturer = ''
-              this.form.use_section = ''
-              this.form.section_number = ''
-              this.form.maintenance_engineer = ''
-              this.form.telephone = ''
-              this.form.user_total = ''
-              this.form.remarks = ''
-              this.form.user_year = ''
-              this.form.work_time = ''
-              this.form.unit_type = ''
-              this.getAllSubregion()
-              this.$emit('getAllMachineInfo')
-              this.$forceUpdate()
+              var addmacher = response.data.data.addmacher;
+              this.dialogVisible = false;
+              this.$message.success("保存成功");
+              this.form.bed_number = "";
+              this.form.serial_number = "";
+              this.form.device_name = "";
+              this.form.manufacture_factory = "";
+              this.form.service_manufacturer = "";
+              this.form.use_section = "";
+              this.form.section_number = "";
+              this.form.maintenance_engineer = "";
+              this.form.telephone = "";
+              this.form.user_total = "";
+              this.form.remarks = "";
+              this.form.user_year = "";
+              this.form.work_time = "";
+              this.form.unit_type = "";
+              this.getAllSubregion();
+              this.$emit("getAllMachineInfo");
+              this.$forceUpdate();
             } else {
-              this.$message.error('添加失败')
+              this.$message.error("添加失败");
             }
-          })
+          });
         }
-      })
+      });
     },
     SaveManageInfoTwo(formName) {
-      if (this.form.bed_number === '') {
-        this.form.bed_number = 0
+      if (this.form.bed_number === "") {
+        this.form.bed_number = 0;
       }
 
-      var device_type = this.form.device_type
-      var device_types = parseInt(device_type)
-      this.form.device_type = device_types
+      var device_type = this.form.device_type;
+      var device_types = parseInt(device_type);
+      this.form.device_type = device_types;
 
-      if (this.form.rubbish_reason === '') {
-        this.form.rubbish_reason = 0
+      if (this.form.rubbish_reason === "") {
+        this.form.rubbish_reason = 0;
       }
-      var rubbish_reason = this.form.rubbish_reason
-      var rubbish_reasons = parseInt(rubbish_reason)
-      this.form.rubbish_reason = rubbish_reasons
+      var rubbish_reason = this.form.rubbish_reason;
+      var rubbish_reasons = parseInt(rubbish_reason);
+      this.form.rubbish_reason = rubbish_reasons;
 
-      var machine_status = this.form.machine_status
-      var machine_statuss = parseInt(machine_status)
-      this.form.machine_status = machine_statuss
+      var machine_status = this.form.machine_status;
+      var machine_statuss = parseInt(machine_status);
+      this.form.machine_status = machine_statuss;
 
-      if (this.form.revers_mode === '') {
-        this.form.revers_mode = 0
+      if (this.form.revers_mode === "") {
+        this.form.revers_mode = 0;
       }
 
-      var revers_mode = this.form.revers_mode
-      var revers_modes = parseInt(revers_mode)
-      this.form.revers_mode = revers_modes
+      var revers_mode = this.form.revers_mode;
+      var revers_modes = parseInt(revers_mode);
+      this.form.revers_mode = revers_modes;
 
-      if (this.form.Disinfection_mode === '') {
-        this.form.Disinfection_mode = 0
+      if (this.form.Disinfection_mode === "") {
+        this.form.Disinfection_mode = 0;
       }
-      var disinfecction_modes = this.form.Disinfection_mode
-      var disinfecction_modess = parseInt(disinfecction_modes)
-      this.form.Disinfection_mode = disinfecction_modess
+      var disinfecction_modes = this.form.Disinfection_mode;
+      var disinfecction_modess = parseInt(disinfecction_modes);
+      this.form.Disinfection_mode = disinfecction_modess;
 
       this.$refs[formName].validate(valid => {
         if (valid) {
           SaveManageInfoTwo(this.form, this.forms.beds).then(response => {
             if (response.data.state === 1) {
-              var add = response.data.data.addmacher
-              console.log('add', add)
-              this.dialogVisible = false
-              this.$message.success('保存成功')
-              this.getAllSubregion()
-              this.$emit('getAllMachineInfo')
-              this.$forceUpdate()
+              var add = response.data.data.addmacher;
+              console.log("add", add);
+              this.dialogVisible = false;
+              this.$message.success("保存成功");
+              this.getAllSubregion();
+              this.$emit("getAllMachineInfo");
+              this.$forceUpdate();
             }
-          })
+          });
         }
-      })
+      });
     },
     getAllMode() {
       getAllMode().then(response => {
-        var mode = response.data.data.mode
-        this.deviceMode = mode
-        console.log('mode', mode)
-      })
+        var mode = response.data.data.mode;
+        this.deviceMode = mode;
+        console.log("mode", mode);
+      });
     }
   },
   created() {
-    this.getAllSubregion()
-    this.getAllMode()
+    this.getAllSubregion();
+    this.getAllMode();
   }
-}
+};
 </script>
 
 <style lang="scss">
   line-height: 26px;
   height: 26px;
 }
+#manage-form {
+  .el-form-item__label {
+    width: 100px;
+    padding: 0;
+  }
+}
+.el-checkbox {
+  color: #606266;
+  font-weight: 500;
+  font-size: 14px;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  margin-right: 26px;
+}
 </style>

src/xt_pages/management/index.vue

         icon="el-icon-circle-plus-outline"
         size="small"
         @click="AddManage()"
-        >新增
-      </el-button>
+        >新增</el-button
+      >
     </div>
     <div class="app-container">
       <div class="cell clearfix">
           icon="el-icon-search"
           size="small"
           @click="seahcerMacherInfo()"
-          >搜索
-        </el-button>
+          >搜索</el-button
+        >
       </div>
 
       <div class="cell clearfix">
         </div>
       </div>
 
-      <el-table :data="tableData" border style="width: 100%">
-        <el-table-column label="序号" width="180" align="center" type="index">
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%"
+        :row-style="{ color: '#303133' }"
+        :header-cell-style="{
+          backgroundColor: 'rgb(245, 247, 250)',
+          color: '#606266'
+        }"
+      >
+        <el-table-column label="序号" width="80" align="center" type="index">
           <!-- <template slot-scope="scope">{{ scope.row.id }}</template> -->
         </el-table-column>
 
-        <el-table-column label="序列号" width="180" align="center">
+        <el-table-column label="序列号" width="120" align="center">
           <template slot-scope="scope">{{ scope.row.serial_number }}</template>
         </el-table-column>
 
-        <el-table-column label="设备类型" width="180" align="center">
+        <el-table-column label="设备类型" width="120" align="center">
           <template slot-scope="scope">{{ scope.row.device_type }}</template>
         </el-table-column>
-        <el-table-column label="设备名称" width="180" align="center">
+        <el-table-column label="设备名称" width="120" align="center">
           <template slot-scope="scope">{{ scope.row.device_name }}</template>
         </el-table-column>
-        <el-table-column label="设备型号" align="center">
+        <el-table-column label="设备型号" width="120" align="center">
           <template slot-scope="scope">{{ scope.row.device_mode }}</template>
         </el-table-column>
 
           <template slot-scope="scope">{{ scope.row.user_total }}</template>
         </el-table-column>
 
-        <el-table-column label="操作" align="center">
+        <el-table-column label="操作" width="120" align="center">
           <template slot-scope="scope">
             <el-button
               @click="handleClick(scope.row.id, scope.$index, scope.row.bed_id)"
-              type="text"
+              type="primary"
               size="small"
-              >查看
-            </el-button>
+              >查看</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
 </template>
 
 <script>
-import BreadCrumb from '../components/bread-crumb'
-import { getAllMachineInfo, getAllSubregion } from '@/api/manage'
-import ManageForm from './components/ManageForm'
+import BreadCrumb from "../components/bread-crumb";
+import { getAllMachineInfo, getAllSubregion } from "@/api/manage";
+import ManageForm from "./components/ManageForm";
 
 export default {
-  name: 'index.vue',
+  name: "index.vue",
   components: {
     BreadCrumb,
     ManageForm
   data() {
     return {
       crumbs: [
-        { path: false, name: '设备管理' },
-        { path: false, name: '设备管理' }
+        { path: false, name: "设备管理" },
+        { path: false, name: "设备管理" }
       ],
-      searchKey: '',
-      zones: [{ id: 0, name: '全部' }],
+      searchKey: "",
+      zones: [{ id: 0, name: "全部" }],
       schedulType: 0,
       schedulTypeone: 0,
       schedulTypetwo: 0,
       DeviceType: [
-        { id: 0, name: '全部' },
-        { id: 1, name: '透析机' },
-        { id: 2, name: '水处理机' },
-        { id: 3, name: '其他' }
+        { id: 0, name: "全部" },
+        { id: 1, name: "透析机" },
+        { id: 2, name: "水处理机" },
+        { id: 3, name: "其他" }
       ],
 
       AllStatus: [
-        { id: 0, name: '全部' },
-        { id: 1, name: '使用机' },
-        { id: 2, name: '备用机' },
-        { id: 3, name: '急诊机' },
-        { id: 4, name: '报废机' }
+        { id: 0, name: "全部" },
+        { id: 1, name: "使用机" },
+        { id: 2, name: "备用机" },
+        { id: 3, name: "急诊机" },
+        { id: 4, name: "报废机" }
       ],
       tableData: [],
       listQuery: {
         page: 1,
         limit: 10,
-        searchKey: '',
-        zoneid: '',
-        equipmentid: '',
-        statusid: ''
+        searchKey: "",
+        zoneid: "",
+        equipmentid: "",
+        statusid: ""
       },
       total: 0
-    }
+    };
   },
   methods: {
     getAllSubregion() {
       getAllSubregion().then(response => {
         if (response.data.state === 1) {
-          var zone = response.data.data.zones
-          var zones = [{ id: 0, name: '全部' }]
+          var zone = response.data.data.zones;
+          var zones = [{ id: 0, name: "全部" }];
           for (let i = 0; i < zone.length; i++) {
-            const item = zone[i]
-            zones.push({ id: item.id, name: item.name })
+            const item = zone[i];
+            zones.push({ id: item.id, name: item.name });
           }
           // console.log('zones', zones)
-          this.zones = zones
+          this.zones = zones;
         }
-      })
+      });
     },
     selectSchedulType(scheduleType) {
-      this.schedulType = scheduleType
-      this.listQuery.zoneid = scheduleType
-      this.getAllMachineInfo()
+      this.schedulType = scheduleType;
+      this.listQuery.zoneid = scheduleType;
+      this.getAllMachineInfo();
     },
     selectSchedulTypeOne(scheduleType) {
-      this.schedulTypeone = scheduleType
-      this.listQuery.equipmentid = scheduleType
-      this.getAllMachineInfo()
+      this.schedulTypeone = scheduleType;
+      this.listQuery.equipmentid = scheduleType;
+      this.getAllMachineInfo();
     },
     selectSchedulTypeTwo(scheduleType) {
-      this.schedulTypetwo = scheduleType
-      this.listQuery.statusid = scheduleType
-      this.getAllMachineInfo()
+      this.schedulTypetwo = scheduleType;
+      this.listQuery.statusid = scheduleType;
+      this.getAllMachineInfo();
     },
     seahcerMacherInfo() {
-      this.getAllMachineInfo()
+      this.getAllMachineInfo();
     },
     AddManage() {
-      this.$refs.manageForm.open()
+      this.$refs.manageForm.open();
     },
     getAllMachineInfo() {
       getAllMachineInfo(
         this.listQuery.statusid
       ).then(response => {
         if (response.data.state === 1) {
-          var addmahcer = response.data.data.addmahcer
+          var addmahcer = response.data.data.addmahcer;
           for (let index = 0; index < addmahcer.length; index++) {
             if (addmahcer[index].device_type === 1) {
-              addmahcer[index].device_type = '透析机'
+              addmahcer[index].device_type = "透析机";
             }
             if (addmahcer[index].device_type === 2) {
-              addmahcer[index].device_type = '水处理机'
+              addmahcer[index].device_type = "水处理机";
             }
 
             if (addmahcer[index].device_type === 3) {
-              addmahcer[index].device_type = '其他'
+              addmahcer[index].device_type = "其他";
             }
 
             if (addmahcer[index].machine_status === 1) {
-              addmahcer[index].machine_status = '使用机'
+              addmahcer[index].machine_status = "使用机";
             }
             if (addmahcer[index].machine_status === 2) {
-              addmahcer[index].machine_status = '备用机'
+              addmahcer[index].machine_status = "备用机";
             }
             if (addmahcer[index].machine_status === 3) {
-              addmahcer[index].machine_status = '急诊机'
+              addmahcer[index].machine_status = "急诊机";
             }
             if (addmahcer[index].machine_status === 4) {
-              addmahcer[index].machine_status = '报废机'
+              addmahcer[index].machine_status = "报废机";
             }
           }
-          this.tableData = addmahcer
+          this.tableData = addmahcer;
           // console.log('addmacher', addmahcer)
-          var total = response.data.data.total
+          var total = response.data.data.total;
           // console.log('total', total)
-          this.total = total
+          this.total = total;
         }
-      })
+      });
     },
     handleSizeChange(limit) {
-      this.listQuery.limit = limit
-      this.getAllMachineInfo()
+      this.listQuery.limit = limit;
+      this.getAllMachineInfo();
     },
     handleCurrentChange(page) {
-      this.listQuery.page = page
-      this.getAllMachineInfo()
+      this.listQuery.page = page;
+      this.getAllMachineInfo();
     },
     handleClick(id, index, bedid) {
       this.$router.push({
-        path: '/device/home?index=' + index + '&' + 'bedid=' + bedid + '&' + 'id=' + id
-      })
+        path:
+          "/device/home?index=" +
+          index +
+          "&" +
+          "bedid=" +
+          bedid +
+          "&" +
+          "id=" +
+          id
+      });
       // this.$router.push({ path: '/device/home?index=' + index + '&' + 'id=' + id })
     }
   },
   created() {
     // 获取所有的分区
-    this.getAllSubregion()
-    this.getAllMachineInfo()
+    this.getAllSubregion();
+    this.getAllMachineInfo();
   }
-}
+};
 </script>
 
 <style scoped></style>

src/xt_permission.js

-import router from './router'
-import store from './store'
-import NProgress from 'nprogress' // progress bar
-import 'nprogress/nprogress.css'// progress bar style
+import router from "./router";
+import store from "./store";
+import NProgress from "nprogress"; // progress bar
+import "nprogress/nprogress.css"; // progress bar style
 
-NProgress.configure({ showSpinner: false })// NProgress Configuration
+NProgress.configure({ showSpinner: false }); // NProgress Configuration
 
-const loginWhiteList = ['/token/verify', '/401', '/404'] // 登录验证白名单
-const permissionWhiteList = loginWhiteList.concat(['/']) // 权限验证白名单
+const loginWhiteList = ["/token/verify", "/401", "/404"]; // 登录验证白名单
+const permissionWhiteList = loginWhiteList.concat(["/"]); // 权限验证白名单
 
 router.beforeEach((to, from, next) => {
   // 线上注释
   // return
   // 线上注释
 
-  NProgress.start()
+  NProgress.start();
   // console.log(store.getters.current_role_urls.indexOf(to.path))
   // alert('path:' + to.path)
   // 如果 url 带有 lt (login_token)参数，则跳转到验证 token 时等待的页面
   if (to.query.lt != null && to.query.lt.length > 0) {
     // alert('will go to verify token: ' + to.query.lt)
-    next({ path: '/token/verify', query: { token: to.query.lt }})
+    next({ path: "/token/verify", query: { token: to.query.lt } });
 
     // 否则 如果没有 user 信息，则前往 sso 登录
   } else if (store.getters.xt_user.user.id === 0) {
     if (loginWhiteList.indexOf(to.path) !== -1) {
       // alert('登录白名单内，跳过登录')
-      next()
+      next();
     } else {
       // alert('前往登录')
-      window.location.href = process.env.BASE_API + '/login' // sso 地址
+      window.location.href = process.env.BASE_API + "/login"; // sso 地址
     }
 
     // 否则 如果当前 url 不需要验证访问权限，则通过
   } else if (permissionWhiteList.indexOf(to.path) !== -1) {
     // alert('权限验证白名单内，直接进入')
-    next()
+    next();
 
     // 否则 如果拥有当前 url 的权限，则通过
-  // } else if (store.getters.current_role_urls.indexOf(to.path) !== -1) {
-  //   // alert('权限验证通过')
-  //   next()
+    // } else if (store.getters.current_role_urls.indexOf(to.path) !== -1) {
+    //   // alert('权限验证通过')
+    //   next()
 
     // 否则 跳转401 (未经授权)
   } else {
     // console.log(store.getters.current_role_urls)
     // console.log(store.getters.current_role_urls.indexOf(to.path))
     // alert('401')
-    next()
+    next();
     // next({ path: '/404' })
   }
-})
+});
 
 router.afterEach(() => {
-  NProgress.done()
-})
+  NProgress.done();
+});