设备型号更新

src/api/manage.js

-import request from '@/utils/request'
+import request from "@/utils/request";
 
 export function getAllSubregion(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, classid, deviceid) {
+export function getAllMachine(zoneid, deviceid) {
   const params = {
     zoneid: zoneid,
-    classid: classid,
     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);
   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) {
+export function getAllPlan(bedid) {
+  const params = {
+    bedid: bedid
+  };
   return request({
-    url: '/api/management/getallplan',
-    method: 'Get',
+    url: "/api/management/getallplan",
+    method: "Get",
     params: params
-  })
+  });
 }
 
-export function getAllPlanDetail(unitype) {
+export function getAllPlanDetail(unitype, bedid) {
   // eslint-disable-next-line no-redeclare
   const params = {
-    unitype: unitype
-  }
+    unitype: unitype,
+    bedid: bedid
+  };
   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",
+    data: data
+  });
+}
+
+export function getAllMode(params) {
+  return request({
+    url: "/api/manage/getallmode",
+    method: "get",
+    params: params
+  });
+}
+
+export function EditMode(id, params) {
+  return request({
+    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",
+    data: data
+  });
+}
+
+export function DeleteMode(id, params) {
+  return request({
+    url: "/api/manage/deletemode?id=" + id,
+    method: "delete",
     params: params
-  })
+  });
 }

src/lang/zh.js

     dryWeight: '干体重',
     device: '设备',
     deviceManage: '设备管理',
+    modemanagement:'型号管理',
     dialysisMachineManage: '设备管理',
     workforce: '排班管理',
     appointment: '排班管理',

src/router/modules/device.js

-import Layout from "@/views/layout/Layout";
-import { S_IFMT } from "constants";
+import Layout from '@/views/layout/Layout'
+import {
+  S_IFMT
+} from 'constants'
 
 export default {
-  path: "/device",
+  path: '/device',
   component: Layout,
-  redirect: "/device/main",
-  name: "device",
+  redirect: '/device/main',
+  name: 'device',
   alwaysShow: true,
   meta: {
-    title: "deviceManage",
-    icon: "shebei"
+    title: 'deviceManage',
+    icon: 'shebei'
   },
-  children: [
+  children: [{
+      path: '/device/zones',
+      component: () => import('@/xt_pages/device/zone_main'),
+      name: 'deviceZoneManage',
+      meta: {
+        title: 'deviceZoneManage'
+      }
+    },
     {
-      path: "/device/zones",
-      component: () => import("@/xt_pages/device/zone_main"),
-      name: "deviceZoneManage",
+      path: '/device/groups',
+      component: () => import('@/xt_pages/device/group_main'),
+      name: 'deviceGroupManage',
       meta: {
-        title: "deviceZoneManage"
+        title: 'deviceGroupManage'
       }
     },
     {
-      path: "/device/groups",
-      component: () => import("@/xt_pages/device/group_main"),
-      name: "deviceGroupManage",
+      path: '/device/numbers',
+      component: () => import('@/xt_pages/device/number_main'),
+      name: 'deviceNumberManage',
       meta: {
-        title: "deviceGroupManage"
+        title: 'deviceNumberManage'
       }
     },
     {
-      path: "/device/numbers",
-      component: () => import("@/xt_pages/device/number_main"),
-      name: "deviceNumberManage",
+      path: '/device/mode',
+      component: () => import('@/xt_pages/mode/index'),
+      name: 'modemanagement',
       meta: {
-        title: "deviceNumberManage"
+        title: 'modemanagement'
       }
     },
     {
-      path: "/device/main",
-      component: () => import("@/xt_pages/management/index"),
+      path: '/device/main',
+      component: () => import('@/xt_pages/management/index'),
       // component: () => import("@/xt_pages/device/main"),
-      name: "dialysisMachineManage",
+      name: 'dialysisMachineManage',
       meta: {
-        title: "dialysisMachineManage"
+        title: 'dialysisMachineManage'
       }
     },
     {
-      path: "/device/home",
-      component: () => import("@/xt_pages/management/home"),
-      name: "managementHome",
+      path: '/device/home',
+      component: () => import('@/xt_pages/management/home'),
+      name: 'managementHome',
       is_menu: false,
       hidden: true,
       meta: {
-        title: "设备管理详情页"
+        title: '设备管理详情页'
       }
     }
+
   ]
-};
+}

src/xt_pages/management/components/ManageForm.vue

             <el-form-item
               label="机位号:"
               v-show="bedShow"
-              required 
+              required
               prop="bed_number"
             >
               <el-select style="width:135px" v-model="form.bed_number">
             </el-form-item>
 
             <el-form-item label="机位号:" v-show="bedShowTwo">
-              <el-input
-                v-model="forms.beds"
-                style="width:135px"
-              ></el-input>
+              <el-input v-model="forms.beds" style="width:135px"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <el-form-item label="设备型号:" required prop="unit_type">
-              <el-input style="width:135px" v-model="form.unit_type"></el-input>
+              <el-select style="width:135px" v-model="form.unit_type">
+                <el-option
+                  v-for="item in this.deviceMode"
+                  :key="item.id"
+                  :label="item.device_mode"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="SaveManageInfo('form')" v-show="buttonShow"
+        <el-button
+          type="primary"
+          @click="SaveManageInfo('form')"
+          v-show="buttonShow"
+          >保存</el-button
+        >
+        <el-button
+          type="primary"
+          @click="SaveManageInfoTwo('form')"
+          v-show="buttonShowTwo"
           >保存</el-button
         >
-         <el-button type="primary" @click="SaveManageInfoTwo('form')" v-show="buttonShowTwo"
+        <el-button @click="SaveManageInfoThree('form')" v-show="buttonShowThree"
           >保存</el-button
         >
-        <el-button @click="SaveManageInfoThree('form')" v-show="buttonShowThree">保存</el-button>
       </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { getAllSubregion, SaveManageInfo, SaveManageInfoTwo } from '@/api/manage'
+import {
+  getAllSubregion,
+  SaveManageInfo,
+  SaveManageInfoTwo,
+  getAllMode
+} from '@/api/manage'
 const treatmentmodes = [
   'HD',
   'HDF',
       disa: true,
       buttonShow: true,
       buttonShowTwo: false,
-      buttonShowThree: false
+      buttonShowThree: false,
+      deviceMode: []
     }
   },
   methods: {
           })
         }
       })
+    },
+    getAllMode() {
+      getAllMode().then(response => {
+        var mode = response.data.data.mode
+        this.deviceMode = mode
+        console.log('mode', mode)
+      })
     }
   },
   created() {
     this.getAllSubregion()
+    this.getAllMode()
   }
 }
 </script>
 
 <style lang="scss">
 .el-form-item__label {
-  width: 100px;
   font-size: 14px;
 }
 // .el-form-item {

src/xt_pages/management/components/PlanForm.vue

                 <el-option
                   v-for="item in this.DeviceType"
                   :key="item.id"
-                  :label="item.equitment_name"
+                  :label="item.device_mode"
                   :value="item.id"
                 ></el-option>
               </el-select>
 </template>
 
 <script>
-import { getAllEquimentName, savePlan, getAllEquitType } from '@/api/manage'
+import { getAllEquimentName, savePlan, getAllEquitType } from "@/api/manage";
 export default {
-  name: 'PlanForm',
+  name: "PlanForm",
   props: {
     equimentid: Number
   },
     return {
       dialogVisible: false,
       form: {
-        device_type: '',
-        disinfec_time: '',
+        device_type: "",
+        disinfec_time: "",
         time: [],
         class_time: [],
         way: 0,
       },
       value: [],
       timeType: [
-        { id: 1, name: '周一' },
-        { id: 2, name: '周二' },
-        { id: 3, name: '周三' },
-        { id: 4, name: '周四' },
-        { id: 5, name: '周五' },
-        { id: 6, name: '周六' },
-        { id: 7, name: '周日' }
+        { id: 1, name: "周一" },
+        { id: 2, name: "周二" },
+        { id: 3, name: "周三" },
+        { id: 4, name: "周四" },
+        { id: 5, name: "周五" },
+        { id: 6, name: "周六" },
+        { id: 7, name: "周日" }
       ],
       classType: [
-        { id: 1, name: '上午' },
-        { id: 2, name: '下午' },
-        { id: 3, name: '晚上' }
+        { id: 1, name: "上午" },
+        { id: 2, name: "下午" },
+        { id: 3, name: "晚上" }
       ],
       // 机表消毒方式
       disinfectType: [
-        { id: 0, name: '/' },
-        { id: 1, name: '擦拭' },
-        { id: 2, name: '化学消毒' }
+        { id: 0, name: "/" },
+        { id: 1, name: "擦拭" },
+        { id: 2, name: "化学消毒" }
       ],
       // 基表消毒液
       disinfectantType: [
-        { id: 0, name: '/' },
-        { id: 1, name: '0.22%季铵盐' },
-        { id: 2, name: '500mg/l含氯消毒剂' },
-        { id: 3, name: '1000mg/l含氯消毒剂' },
-        { id: 4, name: '1500mg/l含氯消毒剂' }
+        { id: 0, name: "/" },
+        { id: 1, name: "0.22%季铵盐" },
+        { id: 2, name: "500mg/l含氯消毒剂" },
+        { id: 3, name: "1000mg/l含氯消毒剂" },
+        { id: 4, name: "1500mg/l含氯消毒剂" }
       ],
       // 夜路消毒方式
       sterilizeType: [
-        { id: 0, name: '/' },
-        { id: 1, name: '热化学消毒' },
-        { id: 2, name: '化学消毒 + 除钙' },
-        { id: 3, name: '热化学消毒 + 除钙' },
-        { id: 4, name: '热消毒' },
-        { id: 5, name: '化学消毒' },
-        { id: 6, name: '除钙' },
-        { id: 7, name: '清洗' }
+        { id: 0, name: "/" },
+        { id: 1, name: "热化学消毒" },
+        { id: 2, name: "化学消毒 + 除钙" },
+        { id: 3, name: "热化学消毒 + 除钙" },
+        { id: 4, name: "热消毒" },
+        { id: 5, name: "化学消毒" },
+        { id: 6, name: "除钙" },
+        { id: 7, name: "清洗" }
       ],
       // 夜路消毒液
       fluidPathType: [
-        { id: 0, name: '/' },
-        { id: 1, name: '20%柠檬酸' },
-        { id: 2, name: '25%柠檬酸' },
-        { id: 3, name: '50%柠檬酸' },
-        { id: 4, name: '50%柠檬酸 + 5%次氯酸钠' },
-        { id: 5, name: '20%柠檬酸 + 10%冰醋酸' },
-        { id: 6, name: '0.2%过氧化乙酸' },
-        { id: 7, name: '10%冰醋酸' },
-        { id: 8, name: '50%冰醋酸' },
-        { id: 9, name: '5%次氯酸钠' }
+        { id: 0, name: "/" },
+        { id: 1, name: "20%柠檬酸" },
+        { id: 2, name: "25%柠檬酸" },
+        { id: 3, name: "50%柠檬酸" },
+        { id: 4, name: "50%柠檬酸 + 5%次氯酸钠" },
+        { id: 5, name: "20%柠檬酸 + 10%冰醋酸" },
+        { id: 6, name: "0.2%过氧化乙酸" },
+        { id: 7, name: "10%冰醋酸" },
+        { id: 8, name: "50%冰醋酸" },
+        { id: 9, name: "5%次氯酸钠" }
       ],
       DeviceType: [],
       planid: 0,
       plandata: 0
-    }
+    };
   },
   methods: {
     open: function() {
-      this.dialogVisible = true
+      this.dialogVisible = true;
     },
     getAllEquimentName() {
       getAllEquimentName().then(response => {
         if (response.data.state === 1) {
-          var equit = response.data.data.equit
+          var equit = response.data.data.equit;
           // console.log('equit', equit);
           // this.DeviceType = equit;
         }
-      })
+      });
     },
     savePlan(formName) {
-      var equimentid = this.equimentid
+      var equimentid = this.equimentid;
       // console.log('equimentid', equimentid);
-      var devicetype = this.form.device_type
-      var devicetypes = parseInt(devicetype)
-      this.form.device_type = devicetypes
+      var devicetype = this.form.device_type;
+      var devicetypes = parseInt(devicetype);
+      this.form.device_type = devicetypes;
 
-      var ways = this.form.way
-      var way = parseInt(ways)
-      this.form.way = way
+      var ways = this.form.way;
+      var way = parseInt(ways);
+      this.form.way = way;
 
-      var machinedisinfectant = this.form.machine_disinfectant
-      var machinedisinfectants = parseInt(machinedisinfectant)
-      this.form.machine_disinfectant = machinedisinfectants
+      var machinedisinfectant = this.form.machine_disinfectant;
+      var machinedisinfectants = parseInt(machinedisinfectant);
+      this.form.machine_disinfectant = machinedisinfectants;
 
-      var disinfectantways = this.form.disinfectant_way
-      var disinfectantway = parseInt(disinfectantways)
-      this.form.disinfectant_way = disinfectantway
+      var disinfectantways = this.form.disinfectant_way;
+      var disinfectantway = parseInt(disinfectantways);
+      this.form.disinfectant_way = disinfectantway;
 
-      var disinfectants = this.form.disinfectant
-      var disinfectant = parseInt(disinfectants)
-      this.form.disinfectant = disinfectant
+      var disinfectants = this.form.disinfectant;
+      var disinfectant = parseInt(disinfectants);
+      this.form.disinfectant = disinfectant;
       savePlan(this.form, this.equimentid).then(response => {
         if (response.data.state === 1) {
-          var msg = response.data.data.msg
+          var msg = response.data.data.msg;
           // console.log('msg', msg);
-          this.$message.success('保存成功')
-          this.dialogVisible = false
-          this.$emit('getAllPlan')
-          this.$emit('getAllPlanDetail')
+          this.$message.success("保存成功");
+          this.dialogVisible = false;
+          this.$emit("getAllPlan");
+          this.$emit("getAllPlanDetail");
           // 如果保存成功通过状态值改变父组键表格的值
-          this.plandata = 1
-          this.$emit('func', this.plandata)
+          this.plandata = 1;
+          this.$emit("func", this.plandata);
         } else {
-          this.$message.error('该消毒计划已存在')
+          this.$message.error("该消毒计划已存在");
         }
-      })
+      });
     },
     getAllEquitType() {
       getAllEquitType().then(response => {
         if (response.data.state === 1) {
-          var equitname = response.data.data.equitname
-          var name = response.data.data.name
-          console.log('name', name)
-          // console.log('equitname', equitname)
-          this.DeviceType = equitname
+          var equitname = response.data.data.mode;
+          this.DeviceType = equitname;
         }
-      })
+      });
     }
   },
   created() {
-    this.getAllEquimentName()
-    this.getAllEquitType()
+    this.getAllEquimentName();
+    this.getAllEquitType();
   }
-}
+};
 </script>
 
 <style scoped></style>

src/xt_pages/management/components/RepairForm.vue

 <template>
   <div>
-    <el-row>
-      <el-col :span="2">
-        <el-checkbox v-model="checkAllStatus" @change="changeCheck"
-          >全选</el-checkbox
-        >
-      </el-col>
-      <el-col :span="2" class="a">
-        <el-button size="small" @click="BatchDelete">批量删除</el-button>
-      </el-col>
-      <el-col :span="4" class="a">
+    <el-row class="row">
+      <el-col :span="4">
         <span class="machineClass">机号:</span>
         <el-select style="width:100px" v-model="forms.bed">
           <el-option
           ></el-option>
         </el-select>
       </el-col>
-      <el-col :span="10" class="a">
+      <el-col :span="11">
         <span class="machineClass">日期查询:</span>
         <el-date-picker
           v-model="forms.start_time"
         <el-button @click="queryRepair()">查询</el-button>
       </el-col>
     </el-row>
+    <el-row>
+        <el-col :span="2">
+        <el-checkbox v-model="checkAllStatus" @change="changeCheck"
+          >全选</el-checkbox
+        >
+      </el-col>
+      <el-col :span="2" class="a">
+        <el-button size="small" @click="BatchDelete">批量删除</el-button>
+      </el-col>
+    </el-row>
     <el-row>
       <el-table
         ref="multipleTable"
   DeleteRepair,
   queryRepair,
   DeleteRepairs
-} from "@/api/manage";
-import { uParseTime } from "@/utils/tools";
-import { getFileExtension } from "@/utils/tools";
+} from '@/api/manage'
+import { uParseTime } from '@/utils/tools'
+import { getFileExtension } from '@/utils/tools'
 export default {
-  name: "RepairForm",
+  name: 'RepairForm',
   data() {
     return {
       dialogVisible: false,
       selectCulture: [],
       forms: {
-        bed: "",
+        bed: '',
         sename: 1,
-        start_time: "",
-        end_time: ""
+        start_time: '',
+        end_time: ''
       },
       guaForm: {
-        id: "",
-        guarantee_date: "",
-        start_time: "",
-        arrive_time: "",
-        finish_time: "",
-        total_distance: "",
-        failure_stage: "",
-        fault_description: "",
-        cause_analysis: "",
-        treatment_process: "",
-        images: "",
-        exclude: "",
-        reason: "",
-        code_information: "",
-        image_name: ""
+        id: '',
+        guarantee_date: '',
+        start_time: '',
+        arrive_time: '',
+        finish_time: '',
+        total_distance: '',
+        failure_stage: '',
+        fault_description: '',
+        cause_analysis: '',
+        treatment_process: '',
+        images: '',
+        exclude: '',
+        reason: '',
+        code_information: '',
+        image_name: ''
       },
       isIndeterminate: false,
       checkAllStatus: false,
       bedNumber: [],
       tableData: [],
-      qiniuDomain: "https://images.shengws.com/",
-      uploadFileData: { token: "", key: "" },
+      qiniuDomain: 'https://images.shengws.com/',
+      uploadFileData: { token: '', key: '' },
       faultPhase: [
-        { id: 1, name: "开机启动" },
-        { id: 2, name: "自检" },
-        { id: 3, name: "准备" },
-        { id: 4, name: "治疗" },
-        { id: 5, name: "消毒" }
+        { id: 1, name: '开机启动' },
+        { id: 2, name: '自检' },
+        { id: 3, name: '准备' },
+        { id: 4, name: '治疗' },
+        { id: 5, name: '消毒' }
       ],
       breakDown: [
-        { id: 1, name: "是" },
-        { id: 2, name: "待观察" },
-        { id: 3, name: "未解决" }
+        { id: 1, name: '是' },
+        { id: 2, name: '待观察' },
+        { id: 3, name: '未解决' }
       ],
       repirRules: {
-        guarantee_date: [{ required: true, message: "请填写保修日期" }],
-        fault_description: [{ required: true, message: "请填写故障描述" }]
+        guarantee_date: [{ required: true, message: '请填写保修日期' }],
+        fault_description: [{ required: true, message: '请填写故障描述' }]
       },
-      filename: "",
+      filename: '',
       limit: 10,
       page: 1,
       total: 0,
-      filename: ""
-    };
+      filename: ''
+    }
   },
   methods: {
     changeCheck() {
-      this.$refs.multipleTable.clearSelection();
+      this.$refs.multipleTable.clearSelection()
       if (this.checkAllStatus) {
-        this.$refs.multipleTable.toggleAllSelection();
+        this.$refs.multipleTable.toggleAllSelection()
       }
     },
     getAllSubregion() {
       getAllSubregion().then(response => {
-        var zones = response.data.data.zones;
-        var numbers = response.data.data.numbers;
-        var number = [{ id: 0, number: "全部" }];
+        var zones = response.data.data.zones
+        var numbers = response.data.data.numbers
+        var number = [{ id: 0, number: '全部' }]
         for (let index = 0; index < numbers.length; index++) {
-          const item = numbers[index];
-          number.push({ id: item.id, number: item.number });
+          const item = numbers[index]
+          number.push({ id: item.id, number: item.number })
         }
-        this.bedNumber = number;
-      });
+        this.bedNumber = number
+      })
     },
     handleSelectionChange(val) {
-      this.selectCulture = val;
+      this.selectCulture = val
     },
     getAllRepair() {
       getAllRepair(this.limit, this.page).then(response => {
         if (response.data.state === 1) {
-          var repair = response.data.data.repair;
+          var repair = response.data.data.repair
           // console.log('repair是', repair)
           // eslint-disable-next-line no-unused-vars
-          var total = response.data.data.total;
-          this.total = total;
+          var total = response.data.data.total
+          this.total = total
           for (let index = 0; index < repair.length; index++) {
             if (repair[index].failure_stage === 0) {
-              repair[index].failure_stage = "";
+              repair[index].failure_stage = ''
             }
 
             if (repair[index].failure_stage === 1) {
-              repair[index].failure_stage = "开机启动";
+              repair[index].failure_stage = '开机启动'
             }
             if (repair[index].failure_stage === 2) {
-              repair[index].failure_stage = "自检";
+              repair[index].failure_stage = '自检'
             }
             if (repair[index].failure_stage === 3) {
-              repair[index].failure_stage = "准备";
+              repair[index].failure_stage = '准备'
             }
             if (repair[index].failure_stage === 4) {
-              repair[index].failure_stage = "治疗";
+              repair[index].failure_stage = '治疗'
             }
             if (repair[index].failure_stage === 5) {
-              repair[index].failure_stage = "消毒";
+              repair[index].failure_stage = '消毒'
             }
 
             if (repair[index].exclude === 0) {
-              repair[index].exclude = "";
+              repair[index].exclude = ''
             }
 
             if (repair[index].exclude === 1) {
-              repair[index].exclude = "是";
+              repair[index].exclude = '是'
             }
             if (repair[index].exclude === 2) {
-              repair[index].exclude = "待观察";
+              repair[index].exclude = '待观察'
             }
             if (repair[index].exclude === 3) {
-              repair[index].exclude = "未解决";
+              repair[index].exclude = '未解决'
             }
           }
-          this.tableData = repair;
+          this.tableData = repair
         }
-      });
+      })
     },
     getTime(time) {
-      return uParseTime(time, "{y}-{m}-{d}");
+      return uParseTime(time, '{y}-{m}-{d}')
     },
     getTimes(time) {
-      return uParseTime(time, "{y}-{m}-{d} {h}:{i}");
+      return uParseTime(time, '{y}-{m}-{d} {h}:{i}')
     },
     handleExceed(file) {
       // console.log(file)
       // console.log(file)
     },
     EditRepair(id) {
-      this.dialogVisible = true;
+      this.dialogVisible = true
       EditRepair(id).then(response => {
         if (response.data.state === 1) {
-          var repair = response.data.data.repair;
-          console.log("repair", repair);
+          var repair = response.data.data.repair
+          console.log('repair', repair)
           this.guaForm.guarantee_date = uParseTime(
             repair.guarantee_date,
-            "{y}-{m}-{d}"
-          );
+            '{y}-{m}-{d}'
+          )
           this.guaForm.start_time = uParseTime(
             repair.start_time,
-            "{y}-{m}-{d} {h}:{i}"
-          );
+            '{y}-{m}-{d} {h}:{i}'
+          )
           this.guaForm.arrive_time = uParseTime(
             repair.arrive_time,
-            "{y}-{m}-{d} {h}:{i}"
-          );
+            '{y}-{m}-{d} {h}:{i}'
+          )
           this.guaForm.finish_time = uParseTime(
             repair.finish_time,
-            "{y}-{m}-{d} {h}:{i}"
-          );
-          this.guaForm.total_distance = repair.total_distance;
-          this.guaForm.failure_stage = repair.failure_stage;
-          this.guaForm.fault_description = repair.fault_description;
-          this.guaForm.cause_analysis = repair.cause_analysis;
-          this.guaForm.treatment_process = repair.treatment_process;
-          this.guaForm.images = repair.images;
-          this.guaForm.exclude = repair.exclude;
-          this.guaForm.reason = repair.reason;
-          this.guaForm.code_information = repair.code_information;
-          this.guaForm.id = repair.id;
-          this.filename = repair.image_name;
+            '{y}-{m}-{d} {h}:{i}'
+          )
+          this.guaForm.total_distance = repair.total_distance
+          this.guaForm.failure_stage = repair.failure_stage
+          this.guaForm.fault_description = repair.fault_description
+          this.guaForm.cause_analysis = repair.cause_analysis
+          this.guaForm.treatment_process = repair.treatment_process
+          this.guaForm.images = repair.images
+          this.guaForm.exclude = repair.exclude
+          this.guaForm.reason = repair.reason
+          this.guaForm.code_information = repair.code_information
+          this.guaForm.id = repair.id
+          this.filename = repair.image_name
         }
-      });
+      })
     },
     handleSuccess(res, file, fileList) {
-      this.guaForm.images = this.qiniuDomain + res.url;
-      console.log("图片上传", this.guaForm.images);
-      this.$refs.upload.clearFiles();
-      this.filename = file.name;
-      this.guaForm.image_name = file.name;
+      this.guaForm.images = this.qiniuDomain + res.url
+      console.log('图片上传', this.guaForm.images)
+      this.$refs.upload.clearFiles()
+      this.filename = file.name
+      this.guaForm.image_name = file.name
     },
     beforeUploadFile(file) {
-      this.filename = file.name;
-      this.guaForm.image_name = file.name;
-      const isLt2M = file.size / 1024 / 1024 <= 2048;
-      console.log("filename", file);
+      this.filename = file.name
+      this.guaForm.image_name = file.name
+      const isLt2M = file.size / 1024 / 1024 <= 2048
+      console.log('filename', file)
       // console.log('视频大小', file.size / 1024 / 1024)
       // console.log('isLt2M是什么', isLt2M)
 
       if (!isLt2M) {
-        this.$message.error("上传视频大小不能超过 2G!");
-        return false;
+        this.$message.error('上传视频大小不能超过 2G!')
+        return false
       }
-      var date = new Date();
-      var ext = getFileExtension(file.name);
+      var date = new Date()
+      var ext = getFileExtension(file.name)
       var key =
         date.getFullYear() +
         (date.getMonth() + 1) +
         date.getHours() +
         date.getMinutes() +
         date.getSeconds() +
-        "_o_" +
+        '_o_' +
         file.uid +
-        "." +
-        ext;
-      const _self = this;
+        '.' +
+        ext
+      const _self = this
       return new Promise((resolve, reject) => {
         // eslint-disable-next-line no-undef
         getToken()
           .then(response => {
-            const token = response.data.data.uptoken;
-            console.log("token2是什么?", token);
-            _self._data.uploadFileData.token = token;
-            _self._data.uploadFileData.key = key;
-            resolve(true);
+            const token = response.data.data.uptoken
+            console.log('token2是什么?', token)
+            _self._data.uploadFileData.token = token
+            _self._data.uploadFileData.key = key
+            resolve(true)
           })
           // eslint-disable-next-line handle-callback-err
           .catch(err => {
-            reject(false);
-          });
-      });
+            reject(false)
+          })
+      })
     },
     toLink() {
-      window.location.href = this.guaForm.images;
+      window.location.href = this.guaForm.images
     },
     UpdateRepair(formName) {
       this.$refs[formName].validate(valid => {
         this.guaForm.start_time = uParseTime(
           this.guaForm.start_time,
-          "{y}-{m}-{d} {h}:{i}"
-        );
+          '{y}-{m}-{d} {h}:{i}'
+        )
         this.guaForm.arrive_time = uParseTime(
           this.guaForm.arrive_time,
-          "{y}-{m}-{d} {h}:{i}"
-        );
+          '{y}-{m}-{d} {h}:{i}'
+        )
         this.guaForm.finish_time = uParseTime(
           this.guaForm.finish_time,
-          "{y}-{m}-{d} {h}:{i}"
-        );
+          '{y}-{m}-{d} {h}:{i}'
+        )
 
-        if (this.guaForm.failure_stage === "") {
-          this.guaForm.failure_stage = 0;
+        if (this.guaForm.failure_stage === '') {
+          this.guaForm.failure_stage = 0
         }
 
-        var failurestages = this.guaForm.failure_stage;
-        var falur = parseInt(failurestages);
-        this.guaForm.failure_stage = falur;
+        var failurestages = this.guaForm.failure_stage
+        var falur = parseInt(failurestages)
+        this.guaForm.failure_stage = falur
 
-        if (this.guaForm.exclude === "") {
-          this.guaForm.exclude = 0;
+        if (this.guaForm.exclude === '') {
+          this.guaForm.exclude = 0
         }
-        var excludes = this.guaForm.exclude;
-        var exclude = parseInt(excludes);
-        this.guaForm.exclude = exclude;
+        var excludes = this.guaForm.exclude
+        var exclude = parseInt(excludes)
+        this.guaForm.exclude = exclude
         if (valid) {
           UpdateRepair(this.guaForm).then(response => {
             if (response.data.state === 1) {
-              var repair = response.data.data.repair;
-              this.dialogVisible = false;
-              this.$message.success("修改成功");
+              var repair = response.data.data.repair
+              this.dialogVisible = false
+              this.$message.success('修改成功')
             }
-          });
+          })
         }
-      });
+      })
     },
     BatchDelete() {
       if (this.selectCulture.length == 0) {
-        this.$message.error("请选择要删除的信息");
-        return false;
+        this.$message.error('请选择要删除的信息')
+        return false
       }
       this.$confirm(
-        "确认要删除所选记录吗? <br>删除后,信息将无法恢复",
-        "删除提示",
+        '确认要删除所选记录吗? <br>删除后,信息将无法恢复',
+        '删除提示',
         {
           dangerouslyUseHTMLString: true,
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         }
       ).then(() => {
-        var ids = [];
-        var idMap = {};
+        var ids = []
+        var idMap = {}
         for (const index in this.selectCulture) {
-          ids.push(this.selectCulture[index].id);
-          idMap[this.selectCulture[index].id] = this.selectCulture[index].id;
+          ids.push(this.selectCulture[index].id)
+          idMap[this.selectCulture[index].id] = this.selectCulture[index].id
         }
         DeleteRepair({ ids: ids }).then(response => {
           if (response.data.state === 1) {
-            var msg = response.data.data.msg;
-            var planDataLength = this.tableData.length;
+            var msg = response.data.data.msg
+            var planDataLength = this.tableData.length
             for (let index = planDataLength - 1; index >= 0; index--) {
               if (this.tableData[index].id in idMap) {
-                this.tableData.splice(index, 1);
+                this.tableData.splice(index, 1)
               }
             }
-            this.$message.success("删除成功");
+            this.$message.success('删除成功')
           }
-        });
-      });
+        })
+      })
     },
     queryRepair() {
       queryRepair(
         this.forms.end_time
       ).then(response => {
         if (response.data.state === 1) {
-          var repair = response.data.data.repair;
-          this.tableData = repair;
+          var repair = response.data.data.repair
+          this.tableData = repair
         }
-      });
+      })
     },
     handleSizeChange(limit) {
-      this.limit = limit;
-      this.getAllRepair();
+      this.limit = limit
+      this.getAllRepair()
     },
     handleCurrentChange(page) {
-      this.page = page;
-      this.getAllRepair();
+      this.page = page
+      this.getAllRepair()
     },
     DeleteRepairs(id, index) {
       this.$confirm(
-        "确认要删除所选记录吗? <br>删除后,信息将无法恢复",
-        "删除提示",
+        '确认要删除所选记录吗? <br>删除后,信息将无法恢复',
+        '删除提示',
         {
           dangerouslyUseHTMLString: true,
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         }
       ).then(() => {
         DeleteRepairs(id, index).then(response => {
           if (response.data.state === 1) {
-            var msg = response.data.data.msg;
-            this.tableData.splice(index, 1);
+            var msg = response.data.data.msg
+            this.tableData.splice(index, 1)
           }
-        });
-      });
+        })
+      })
     }
   },
   created() {
-    this.getAllSubregion();
-    this.getAllRepair();
+    this.getAllSubregion()
+    this.getAllRepair()
   }
-};
+}
 </script>
 
-<style scoped></style>
+<style scoped>
+  .row{
+    margin-bottom:10px;
+  }
+</style>

src/xt_pages/management/components/UserForm.vue

 <template>
   <div id="user-form">
-    <el-row>
-      <el-col :span="2" class="a">
-        <el-checkbox
-          :indeterminate="isIndeterminate"
-          v-model="checkAllStatus"
-          @change="changeCheck"
-          >全选</el-checkbox
-        >
-      </el-col>
-      <el-col :span="2" class="a">
-        <el-button size="small" @click="BatchDelete">批量删除</el-button>
+    <el-row class="c">
+      <el-col :span="11">
+        <span class="machineClass">日期查询:</span>
+        <el-date-picker
+          v-model="form.start_time"
+          prefix-icon="none"
+          type="date"
+          placeholder="请选择"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          style="width:145px"
+        ></el-date-picker
+        >-
+        <el-date-picker
+          v-model="form.end_time"
+          prefix-icon="none"
+          type="date"
+          placeholder="请选择"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          style="width:145px"
+        ></el-date-picker>
       </el-col>
-      <el-col :span="3" class="a">
+       <el-col :span="4">
         <span class="machineClass">分区:</span>
-        <el-select style="width:80px" v-model="form.zone" @change="changeBed">
+        <el-select style="width:90px" v-model="form.zone" @change="changeBed">
           <el-option
             v-for="item in this.zones"
             :key="item.id"
           ></el-option>
         </el-select>
       </el-col>
-      <el-col :span="4" class="a">
+      <el-col :span="4">
         <span class="machineClass">机位号:</span>
         <el-select style="width:80px" v-model="form.bed">
           <el-option
           ></el-option>
         </el-select>
       </el-col>
-      <el-col :span="8" class="a">
-        <span class="machineClass">日期查询:</span>
-        <el-date-picker
-          v-model="form.start_time"
-          prefix-icon="none"
-          type="date"
-          placeholder="请选择"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd"
-          style="width:120px"
-        ></el-date-picker
-        >-
-        <el-date-picker
-          v-model="form.end_time"
-          prefix-icon="none"
-          type="date"
-          placeholder="请选择"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd"
-          style="width:120px"
-        ></el-date-picker>
-      </el-col>
-      <el-col :span="2" class="a">
+      <el-col :span="5">
         <el-button @click="queryInfo()">查询</el-button>
       </el-col>
-      <el-col :span="2" class="a">
+    </el-row>
+    <el-row :span="24">
+      <el-col :span="2">
+        <el-checkbox
+          :indeterminate="isIndeterminate"
+          v-model="checkAllStatus"
+          @change="changeCheck"
+          >全选</el-checkbox
+        >
+      </el-col>
+      <el-col :span="3">
+        <el-button size="small" @click="BatchDelete">批量删除</el-button>
+      </el-col>
+       <el-col :span="6" class="a">
         <el-button @click="printCard">打印</el-button>
       </el-col>
     </el-row>
 .machineClass {
   font-size: 14px;
 }
+.c{
+  margin-bottom:10px;
+}
 </style>

src/xt_pages/management/home.vue

                  <el-row>
                    <el-col :span="24">
                      <span class="zone">分&nbsp;&nbsp;&nbsp;&nbsp;区:</span>
-                      <el-select v-model="forms.zone_id" placeholder="请选择" class="a" @change="changeBedNumber" style="width:125px">
+                      <el-select v-model="forms.zone_id" placeholder="请选择" class="a" @change="changeBedNumber" style="width:125px" :disabled="zoneDisabled">
                         <el-option
                          v-for="item in bedZone"
                          :key="item.id"
                       </el-select>
                      </el-col>
                   </el-row>
-                  <el-row>
-                   <el-col>
-                    <span class="zone">班&nbsp;&nbsp;&nbsp;&nbsp;次:</span>
-                      <el-select v-model="forms.class_id" placeholder="请选择" class="a" @change="changeClassId" style="width:125px">
-                        <el-option
-                         v-for="item in Classes"
-                         :key="item.id"
-                         :label="item.name"
-                         :value="item.id">
-                        </el-option>
-                      </el-select>
-                     </el-col>
-                  </el-row>
+<!--                  <el-row>-->
+<!--                   <el-col>-->
+<!--                    <span class="zone">班&nbsp;&nbsp;&nbsp;&nbsp;次:</span>-->
+<!--                      <el-select v-model="forms.class_id" placeholder="请选择" class="a" @change="changeClassId" style="width:125px">-->
+<!--                        <el-option-->
+<!--                         v-for="item in Classes"-->
+<!--                         :key="item.id"-->
+<!--                         :label="item.name"-->
+<!--                         :value="item.id">-->
+<!--                        </el-option>-->
+<!--                      </el-select>-->
+<!--                     </el-col>-->
+<!--                  </el-row>-->
                   <el-row>
                      <el-col>
                      <span>设备类型:</span>
                       align="center"
                       >
                       <template slot-scope="scope">
-                         <div @click="handleIndex(scope.$index)">{{scope.row.device_name}}</div> 
+                         <div @click="handleIndex(scope.$index)">{{scope.row.device_name}}</div>
                       </template>
                     </el-table-column>
                      <el-table-column
                       width="90"
                       align="center">
                       <template slot-scope="scope">
-                        <div @click="handleIndex(scope.$index)">{{scope.row.unit_type}}</div> 
+                        <div @click="handleIndex(scope.$index)">{{scope.row.device_mode}}</div>
                       </template>
                      </el-table-column>
                       <el-table-column
                              <el-row>
                                <el-col :span="7">
                                    <el-form-item label="设备型号:" required prop="unit_type">
-                                       <el-input style="width:150px" v-model="form.unit_type" :disabled="disableThree"></el-input>
+                                        <el-select style="width:135px" v-model="form.unit_type" :disabled="disableThree">
+                                           <el-option
+                                             v-for="item in this.deviceMode"
+                                             :key="item.id"
+                                             :label="item.device_mode"
+                                             :value="item.id"
+                                           ></el-option>
+                                          </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="7">
                              <el-row>
                                <el-col :span="7">
                                    <el-form-item label="设备型号:" required prop="unit_type">
-                                       <el-input style="width:150px" v-model="form.unit_type" :disabled="disableFour"></el-input>
+                                       <el-select style="width:135px" v-model="form.unit_type" :disabled="disableFour">
+                                        <el-option
+                                            v-for="item in this.deviceMode"
+                                            :key="item.id"
+                                            :label="item.device_mode"
+                                            :value="item.id"
+                                             ></el-option>
+                                           </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="7">
                               <el-row>
                                <el-col :span="7">
                                    <el-form-item label="设备型号:" required prop="unit_type">
-                                       <el-input style="width:150px" v-model="form.unit_type" :disabled="disableFive"></el-input>
-                                   </el-form-item>
-                               </el-col>
+                                       <el-select style="width:135px" v-model="form.unit_type" :disabled="disableFive">
+                                        <el-option
+                                            v-for="item in this.deviceMode"
+                                            :key="item.id"
+                                            :label="item.device_mode"
+                                            :value="item.id"
+                                             ></el-option>
+                                           </el-select>
+                                       </el-form-item>
+                                    </el-col>
                                <el-col :span="7">
                                   <el-form-item label="使用科室:">
                                        <el-input style="width:150px" v-model="form.use_section" :disabled="disableFive"></el-input>
                                                     {{scope.row.disinfec_time}}
                                                  </template>
                                         </el-table-column>
-                                         <el-table-column label="操作" align="center" min-width="120px">
+                                         <el-table-column label="操作" align="center" min-width="130px">
                                              <template slot-scope="scope">
                                                  <el-tooltip class="item" effect="dark" content="编辑" placement="top">
                                                   <el-button
                                         <el-table-column align="center" type="selection" width="55"></el-table-column>
                                         <el-table-column label="型号" align="center" min-width="70px">
                                                 <template slot-scope="scope">
-                                                    {{scope.row.equitment_name}}
+                                                    {{scope.row.device_mode}}
                                                  </template>
                                         </el-table-column>
                                          <el-table-column label="时间" align="center" min-width="70px" >
                                                     {{scope.row.disinfec_time}}
                                                  </template>
                                         </el-table-column>
-                                         <el-table-column label="操作" align="center" min-width="130px">
+                                         <el-table-column label="操作" align="center" width="130px">
                                              <template slot-scope="scope">
                                                  <el-tooltip class="item" effect="dark" content="编辑" placement="top">
                                                   <el-button
                              <el-form :model="userform" ref="userform" :rules="userRules">
                                 <el-row>
                                   <el-col :span="8">
-                                     <el-form-item label="日期:" required prop="date">
+                                     <el-form-item label="日期:" required prop="date" class="st">
                                          <el-date-picker
                                            v-model="userform.date"
                                            prefix-icon="none"
                                      </el-form-item>
                                   </el-col>
                                   <el-col :span="8">
-                                     <el-form-item label="班次:" required prop="classtype">
+                                     <el-form-item label="班次:" required prop="classtype" class="st">
                                        <el-select v-model="userform.classtype" placeholder="请选择" class="a" @change="ChangeClass">
                                            <el-option
                                             v-for="item in classType"
                                          <el-radio-group v-model="userform.dialysis_concentration">
                                                 <el-radio :label="gender.id" :value="gender.id" v-for="(gender, index) in potency" :key="index">{{gender.name}}</el-radio>
                                          </el-radio-group>
-                                      
+
                                       </el-form-item>
                                    </el-col>
                                 </el-row>
                                   </div>
                                 </el-row>
                              </el-form>
-                             
+
                           </el-tab-pane>
                            <el-tab-pane label="使用登记列表" name="second">
                              <user-form ref="userForm" :userdata="userdata"></user-form>
                 <el-option
                   v-for="item in this.DeviceType"
                   :key="item.id"
-                  :label="item.equitment_name"
+                  :label="item.device_mode"
                   :value="item.id"
                 ></el-option>
               </el-select>
   import { getAllSubregion, getAllMachine, getMachineDetailById,
     UpdateMachineInfo, getAllPlan, getAllPlanDetail, DeletePlans,
     getAllEquimentName, EditPlanDetail, UpdatePlanInfo, SaveInformation, getPatientInfo,
-    ChangeClass, getAllOrganization, getUserRegister, SaveQualityControl, getOrgName, SaveRepair, SaveBacteria, SaveLincomycin, getAutoData, getAllEquitType, UpdateMacheineTwo, getTotalNumber, getTimeWarning, getAllpatient, UpdateMachineInfoTwo, getPatientDetail, openDelete } from '@/api/manage'
+    ChangeClass, getAllOrganization, getUserRegister, SaveQualityControl, getOrgName, SaveRepair, SaveBacteria, SaveLincomycin, getAutoData, getAllEquitType, UpdateMacheineTwo, getTotalNumber, getTimeWarning, getAllpatient, UpdateMachineInfoTwo, getPatientDetail, openDelete, getAllMode } from '@/api/manage'
   import { uParseTime } from '@/utils/tools'
   import { getToken } from '@/api/qiniu'
   import PlanForm from './components/PlanForm'
         bedZone: [],
         bedZoneTwo: [],
         forms: {
-          zone_id: '', // 分区号
+          zone_id: 0, // 分区号
           class_id: '', // 班次
-          device_type: '', // 设备类型
+          device_type: 0, // 设备类型
           date: ''
         },
         currentRow: null,
           code_information: '',
           imageName: ''
         },
+
         filename: '',
         qiniuDomain: 'https://images.shengws.com/',
         uploadFileData: { token: '', key: '' },
           { id: 1, name: '单级反渗' },
           { id: 2, name: '双级反渗' }
         ],
-        tabIndex: ''
+        tabIndex: '',
+        deviceMode: [],
+        zoneDisabled: false,
+        bedid: '',
+        unitType: ''
       }
     },
     methods: {
           this.bedZoneTwo = zones
           this.bedZoneThree = zoness
           this.bedNumber = numbers
-  
+
           // this.Number = devicenumber
         })
       },
         this.getAllMachine()
       },
       changeDeviceId(val) {
+        if (val === 1) {
+          this.zoneDisabled = false
+        } else {
+          this.zoneDisabled = true
+        }
         this.forms.device_type = val
         this.getAllMachine()
       },
       getAllMachine() {
-        getAllMachine(this.forms.zone_id, this.forms.class_id, this.forms.device_type).then(response => {
+        getAllMachine(this.forms.zone_id, this.forms.device_type).then(response => {
           if (response.data.state === 1) {
             var addmahcer = response.data.data.addmahcer
+            console.log('addmacher是', addmahcer)
             this.tableDatatwo = addmahcer
             this.tabIndex = this.$route.query.index
             this.$refs.singleTable.setCurrentRow(this.tableDatatwo[this.tabIndex])
         this.tabIndex = index
       },
       handleCurrentChange(val) {
+        this.unitType = val.unit_type
         // console.log('val是什么', val)
         this.currentRow = val
         this.$forceUpdate()
         this.getMachineDetailById(val.id)
         this.equimentid = val.id
         this.userdata = val.id
-        this.getAllPlanDetail(val.unit_type)
+        this.getAllPlanDetail(val.unit_type, val.bed_id)
         this.getPatientInfo(val.id)
         // 获取基本信息
         this.getUserRegister(val.id)
         getMachineDetailById(id).then(response => {
           if (response.data.state === 1) {
             var addmacher = response.data.data.addmacher
-            // console.log('addmacher', addmacher)
+            console.log('设备详情', addmacher)
             var warning = response.data.data.warning
             // console.log('warning', warning)
             var time = this.getTimestamp(this.userform.date) - warning.stime
             this.form.device_name = addmacher.device_name
             this.form.manufacture_factory = addmacher.manufacture_factory
             this.form.service_manufacturer = addmacher.service_manufacturer
-            this.form.unit_type = addmacher.unit_type
+
+            // this.form.unit_type = addmacher.unit_type
+  
+            this.form.unit_type = parseInt(addmacher.device_mode)
             this.form.use_section = addmacher.use_section
             this.form.section_number = addmacher.section_number
             if (addmacher.buy_date !== 0) {
             this.form.rubbish_reason = addmacher.rubbish_reason
             this.form.user_year = addmacher.user_year
             this.form.work_time = addmacher.work_time
-  
+
             // eslint-disable-next-line eqeqeq
             if (addmacher.disinfection_mode == 0) {
               this.form.Disinfection_mode = 0
         var machine_status = this.form.machine_status
         var machine_statuss = parseInt(machine_status)
         this.form.machine_status = machine_statuss
-  
+
         var revers_mode = this.form.revers_mode
         var revers_modes = parseInt(revers_mode)
         this.form.revers_mode = revers_modes
         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) {
             UpdateMachineInfoTwo(this.form).then(response => {
         var machine_status = this.form.machine_status
         var machine_statuss = parseInt(machine_status)
         this.form.machine_status = machine_statuss
-  
+
         this.$refs[formName].validate(valid => {
           UpdateMacheineTwo(this.form).then(response => {
             if (response.data.state === 1) {
           this.form.rubbish_reason = ''
         }
       },
-      getAllPlan() {
-        getAllPlan().then(response => {
+      getAllPlan(bedid) {
+        getAllPlan(bedid).then(response => {
           if (response.data.state === 1) {
             var plan = response.data.data.plan
-  
+
             for (let index = 0; index < plan.length; index++) {
               if (plan[index].time === 1) {
                 plan[index].time = '周一'
           }
         })
       },
-      getAllPlanDetail(unit_type) {
-        getAllPlanDetail(unit_type).then(response => {
+      getAllPlanDetail(unit_type, bedid) {
+        getAllPlanDetail(unit_type, bedid).then(response => {
           if (response.data.state === 1) {
             var plandetail = response.data.data.plandetail
-            // console.log('plandetail=====================', plandetail)
+            console.log('plandetail', plandetail)
             for (let index = 0; index < plandetail.length; index++) {
               if (plandetail[index].time === 1) {
                 plandetail[index].time = '周一'
             this.machineform.machine_disinfectant = plan.machine_disinfectant
             this.machineform.disinfectant_way = plan.disinfectan_way
             this.machineform.disinfectant = plan.disinfectant
+            this.getPatientDetail(this.unitType, this.$route.query.bedid)
           }
         })
       },
         var disinfectant = parseInt(disinfectants)
         this.machineform.disinfectant = disinfectant
         UpdatePlanInfo(this.machineform).then(response => {
-          if (response.data.state == 1) {
+          if (response.data.state === 1) {
             var plan = response.data.data.plan
             this.dialogVisible = false
             this.$message.success('修改成功')
-            this.getAllPlanDetail(this.equimentid)
-            this.getAllPlan()
+            this.getAllPlanDetail(this.unitType, this.$route.query.bedid)
+            this.getAllPlan(this.$route.query.bedid)
           }
         })
       },
         ChangeClass(this.equimentid, id).then(response => {
           if (response.data.state === 1) {
             var patients = response.data.data.patients
-  
+
             if (patients.is_infectious === 0) {
               this.userform.contagion = ''
             }
         var hyperfiltratio = this.userform.hyperfiltratio
         var hyperfiltratios = parseInt(hyperfiltratio)
         this.userform.hyperfiltratio = hyperfiltratios
-  
+
         if (this.userform.weight_loss === '') {
           this.userform.weight_loss = 0
         }
         var weightloss = this.userform.weight_loss
         var weidht = parseInt(weightloss)
         this.userform.weight_loss = weidht
-  
+
         if (this.userform.user_total === '0') {
           this.userform.user_total = 0
         }
         getUserRegister(id).then(response => {
           if (response.data.state === 1) {
             var information = response.data.data.information
-            // console.log('使用登记', information)
+            console.log('使用登记', information)
             // eslint-disable-next-line no-unused-vars
             var role = response.data.data.role
             // console.log('role', role)
             // eslint-disable-next-line eqeqeq
             var dislysis = response.data.data.dislysis
-  
+
             this.userform.id = information.id
-            if (information.date == 0) {
+            if (information.date === 0) {
               this.userform.date = moment(new Date()).format('YYYY-MM-DD')
             } else {
               this.userform.date = uParseTime(information.date, '{y}-{m}-{d}')
             this.userform.dialysis_name = information.dialysis_name
             this.userform.norms = information.norms
             this.userform.dialysis_concentration = information.dialysis_concentration
-  
+
             if (information.germ_checked === 0) {
               this.userform.germ_checked = false
             }
             if (information.germ_checked === 1) {
               this.userform.germ_checked = true
             }
-  
+
             this.userform.germ_name = information.germ_name
             this.userform.germ_number = information.germ_number
             if (information.clean === 1) {
       getAllEquitType() {
         getAllEquitType().then(response => {
           if (response.data.state === 1) {
-            var equitname = response.data.data.equitname
+            var equitname = response.data.data.mode
             this.DeviceType = equitname
           }
         })
         getAllpatient().then(response => {
           if (response.data.state === 1) {
             var allpatient = response.data.data.allpatient
-  
+
             this.patientName = allpatient
           }
         })
         getTimeWarning(id).then(response => {
           if (response.data.state === 1) {
             var information = response.data.data.informations
-            console.log('码字', information)
-            console.log('当前时间', this.getTimestamp(this.userform.date))
-            console.log('存入时间', information.stime)
+            // console.log('码字', information)
+            // console.log('当前时间', this.getTimestamp(this.userform.date))
+            // console.log('存入时间', information.stime)
             var time = this.getTimestamp(this.userform.date) - information.stime
             console.log('时间', time)
             // if (time < 2678400) {
             // if (timetwo < 2678400) {
             //  this.warnShowTwo = false
             // }
-  
+
             var clean = response.data.data.clean
             // var timethree = this.getTimestamp(this.userform.date) - clean.stime
             // if (timethree < 2678400) {
       // 通过自组建传值改变表格数据
       getPlanData(data) {
         if (data === 1) {
-          this.getAllPlanDetail(this.equimentid)
+          this.getAllPlanDetail(this.unitType, this.$route.query.bedid)
         }
+      },
+      getAllMode() {
+        getAllMode().then(response => {
+          var mode = response.data.data.mode
+          this.deviceMode = mode
+        })
       }
     },
     created() {
       this.getAllSubregion()
       this.getAllMachine()
       var index = this.$route.query.index
+      var bedid = this.$route.query.bedid
       // var id = this.$route.query.id
       // this.equimentid = id
-      this.getAllPlan()
+      this.bedid = bedid
+      this.getAllPlan(bedid)
       this.getAllEquimentName()
       this.getAllOrganization()
       this.getOrgName()
       this.getAllEquitType()
       this.getAllpatient()
-    }
+      this.getAllMode()
+  }
   }
 </script>
 <style lang="scss" scoped>
       width: 460px;
       height: 50px;
       // border:solid 1px red;
-      margin-left:780px;
+      margin-left:650px;
     }
 
   .zClass{
 
    .b{
     .el-button{
-      margin-left: 850px;
+      margin-left: 820px;
       margin-bottom: 10px;
     }
    }
        width:190px;
      }
    }
+   .st{
+     .el-form-item__label{
+       width:-10px;
+     }
+   }
    .main{
      position: relative;
      .newButtonOne{
       // border: solid 1px red;
       height: 50px;
       width: 400px;
-      margin-left: 750px;
+      margin-left: 650px;
     }
   // .el-form-item__label {
   //   width: 130px;

src/xt_pages/management/index.vue

           <template slot-scope="scope">{{ scope.row.device_name }}</template>
         </el-table-column>
         <el-table-column label="设备型号" align="center">
-          <template slot-scope="scope">{{ scope.row.unit_type }}</template>
+          <template slot-scope="scope">{{ scope.row.device_mode }}</template>
         </el-table-column>
 
         <el-table-column label="分区" align="center">
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button
-              @click="handleClick(scope.row.id, scope.$index)"
+              @click="handleClick(scope.row.id, scope.$index, scope.row.bed_id)"
               type="text"
               size="small"
               >查看
 </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) {
-      this.$router.push({ path: '/device/home?index=' + index })
+    handleClick(id, index, bedid) {
+      this.$router.push({
+        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>