dialog提交

src/api/manage.js

@@ -1,20 +1,20 @@
-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) {
-  console.log("data是什么", data);
+  console.log('data是什么', data)
   return request({
-    url: "/api/management/savemanageinfo",
-    method: "Post",
+    url: '/api/management/savemanageinfo',
+    method: 'Post',
     data: data
-  });
+  })
 }
 
 export function getAllMachineInfo(
@@ -25,12 +25,12 @@ export function getAllMachineInfo(
   equipmentid,
   statusid
 ) {
-  console.log("page", page);
-  console.log("limit", limit);
-  console.log("zoneid", zoneid);
-  console.log("equipmentid", equipmentid);
-  console.log("statusid", statusid);
-  console.log("seacherkey", searchKey);
+  console.log('page', page)
+  console.log('limit', limit)
+  console.log('zoneid', zoneid)
+  console.log('equipmentid', equipmentid)
+  console.log('statusid', statusid)
+  console.log('seacherkey', searchKey)
   const params = {
     page: page,
     limit: limit,
@@ -38,158 +38,166 @@ 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) {
-  console.log("zoneid", zoneid);
-  console.log("classid", classid);
-  console.log("deviceid", deviceid);
+  console.log('zoneid', zoneid)
+  console.log('classid', classid)
+  console.log('deviceid', 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) {
   return request({
-    url: "/api/management/updatemachineinfo",
-    method: "Post",
+    url: '/api/management/updatemachineinfo',
+    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) {
-  console.log("data是什么", data);
-  console.log("id", id);
+  console.log('data是什么', data)
+  console.log('id', 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(id, params) {
   return request({
-    url: "/api/management/getallplandetail?id=" + id,
-    method: "Get",
+    url: '/api/management/getallplandetail?id=' + id,
+    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(data) {
   return request({
-    url: "/api/manage/saveinformation",
-    method: "Post",
+    url: '/api/manage/saveinformation',
+    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) {
-  console.log("equitid", equitid);
-  console.log("id", id);
+  console.log('equitid', equitid)
+  console.log('id', 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',
+    params: params
+  })
 }

src/router/modules/device.js

@@ -1,59 +1,59 @@
-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: [
     {
-      path: '/device/zones',
-      component: () => import('@/xt_pages/device/zone_main'),
-      name: 'deviceZoneManage',
+      path: "/device/zones",
+      component: () => import("@/xt_pages/device/zone_main"),
+      name: "deviceZoneManage",
       meta: {
-        title: 'deviceZoneManage'
+        title: "deviceZoneManage"
       }
     },
     {
-      path: '/device/groups',
-      component: () => import('@/xt_pages/device/group_main'),
-      name: 'deviceGroupManage',
+      path: "/device/groups",
+      component: () => import("@/xt_pages/device/group_main"),
+      name: "deviceGroupManage",
       meta: {
-        title: 'deviceGroupManage'
+        title: "deviceGroupManage"
       }
     },
     {
-      path: '/device/numbers',
-      component: () => import('@/xt_pages/device/number_main'),
-      name: 'deviceNumberManage',
+      path: "/device/numbers",
+      component: () => import("@/xt_pages/device/number_main"),
+      name: "deviceNumberManage",
       meta: {
-        title: 'deviceNumberManage'
+        title: "deviceNumberManage"
       }
     },
     {
-      path: '/device/main',
-      // component: () => import("@/xt_pages/management/index"),
-      component: () => import('@/xt_pages/device/main'),
-      name: 'dialysisMachineManage',
+      path: "/device/main",
+      component: () => import("@/xt_pages/management/index"),
+      // component: () => import('@/xt_pages/device/main'),
+      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/home/index.vue

@@ -1,43 +1,51 @@
 <template>
-<div class="main-contain">
-  <!-- <div class="position">
+  <div class="main-contain">
+    <!-- <div class="position">
     <bread-crumb></bread-crumb>
-  </div> -->
-  <section class=" app-container app-main-bg">
-    <div class="home-page">
-      <div class="search clearfix">
-        <input type="text" class="search-input" placeholder="病人姓名/透析号" v-model="searchKey" >
-        <button class="search-button" @click="clickSearch">搜索</button>
-      </div>
-      <div class="ui-step clearfix">
-        <h2 class="ui-step-tit">病人透析治疗流程</h2>
-        <ul class="ui-step-ul">
-          <li v-for="(item, index) in steps" :key="index" class="ui-step-done">
-            <div class="ui-step-number"><i /></div>
-            <div class="ui-step-title">{{ item.title }}</div>
-          </li>
-        </ul>
-      </div>
-      <!-- <el-steps :active="5" align-center>
+    </div>-->
+    <section class="app-container app-main-bg">
+      <div class="home-page">
+        <div class="search clearfix">
+          <input type="text" class="search-input" placeholder="病人姓名/透析号" v-model="searchKey" />
+          <button class="search-button" @click="clickSearch">搜索</button>
+        </div>
+        <div class="ui-step clearfix">
+          <h2 class="ui-step-tit">病人透析治疗流程</h2>
+          <ul class="ui-step-ul">
+            <li v-for="(item, index) in steps" :key="index" class="ui-step-done">
+              <div class="ui-step-number">
+                <i />
+              </div>
+              <div class="ui-step-title">{{ item.title }}</div>
+            </li>
+          </ul>
+        </div>
+        <!-- <el-steps :active="5" align-center>
           <el-step  v-for="(item, index) in steps" :key="index" :title="item.title"></el-step>
-      </el-steps> -->
-      <div class="config-process">
-        <h2 class="title">系统使用配置流程</h2>
-        <ul class="process">
-          <router-link v-for="(item, index) in process" tag="li" class="items" :key="index" :to="item.link">
-              <img :src="item.imgUrl" >
+        </el-steps>-->
+        <div class="config-process">
+          <h2 class="title">系统使用配置流程</h2>
+          <ul class="process">
+            <router-link
+              v-for="(item, index) in process"
+              tag="li"
+              class="items"
+              :key="index"
+              :to="item.link"
+            >
+              <img :src="item.imgUrl" />
               <p class="name">{{ item.name }}</p>
-          </router-link>
-        </ul>
+            </router-link>
+          </ul>
+        </div>
       </div>
-    </div>
-    <div class="main-r">
+      <div class="main-r">
         <div class="res-widget">
           <ul>
             <li class="taocan-title clearfix">
-              <div class="taocan-h2 ">{{subscibeBan.used}}</div>
+              <div class="taocan-h2">{{subscibeBan.used}}</div>
               <div class="bar"></div>
-              <div class="taocan-h1 ">{{subscibeBan.name}}</div>
+              <div class="taocan-h1">{{subscibeBan.name}}</div>
             </li>
             <li class="taocan-item">
               <div class="ng-binding" :title="subscibeBan.desc">{{subscibeBan.desc}}</div>
@@ -56,18 +64,16 @@
                 <div class="taocan-use clearfix" :style="subscibeBan.pce"></div>
               </div>
                 <a class="btn clearfix" v-if="subscibeBan.pay_status" href="javascript:0" @click="openPay">立即购买</a>
-            </li> -->
+            </li>-->
           </ul>
         </div>
 
         <div class="res-widget" v-if="patientData.length > 0">
-
           <ul>
             <li class="taocan-title clearfix">
               <div class="bar"></div>
-              <div class="taocan-h1 ">传染病检查提醒通知</div>
+              <div class="taocan-h1">传染病检查提醒通知</div>
             </li>
-
           </ul>
           <el-table
             :data="patientData"
@@ -75,30 +81,25 @@
             highlight-current-row
             :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
           >
-
             <el-table-column label="姓名" align="center">
-              <template slot-scope="scope">
-                {{scope.row.name}}
-              </template>
+              <template slot-scope="scope">{{scope.row.name}}</template>
             </el-table-column>
 
-
             <el-table-column label="检查日期" align="center">
               <template slot-scope="scope">
-               <span v-if="dateCompare(scope.row.infectious_next_record_time) == 1">{{ scope.row.infectious_next_record_time | parseTime('{y}-{m}-{d}')}}</span>
-                <span v-if="dateCompare(scope.row.infectious_next_record_time) == 2" style="color: red">{{ scope.row.infectious_next_record_time | parseTime('{y}-{m}-{d}')}}</span>
-
+                <span
+                  v-if="dateCompare(scope.row.infectious_next_record_time) == 1"
+                >{{ scope.row.infectious_next_record_time | parseTime('{y}-{m}-{d}')}}</span>
+                <span
+                  v-if="dateCompare(scope.row.infectious_next_record_time) == 2"
+                  style="color: red"
+                >{{ scope.row.infectious_next_record_time | parseTime('{y}-{m}-{d}')}}</span>
               </template>
             </el-table-column>
 
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    @click="jump(scope.row.id)"
-                  >查看
-                  </el-button>
+                <el-button size="mini" type="primary" @click="jump(scope.row.id)">查看</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -108,297 +109,353 @@
             :page-size="5"
             background
             style="margin-top:20px;float: right"
-            :total="total">
-          </el-pagination>
+            :total="total"
+          ></el-pagination>
         </div>
 
-     </div>
-
-
-  </section>
+        <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>
+
+        <el-dialog
+          title="病人姓名"
+          :visible.sync="dialogVisible"
+          width="30%"
+          :before-close="handleClose"
+        >
+          <div class="newLine">
+            <span>本次透析日期</span>
+            <span>123</span>
+          </div>
+          <div class="newLine">
+            <span>透前体重(kg)</span>
+            <span>123</span>
+          </div>
+          <div class="newLine">
+            <span>干体重(kg)</span>
+            <span>123</span>
+          </div>
+          <div class="newLine">
+            <span>衣物重(kg)</span>
+            <span>123</span>
+          </div>
+          <div class="newLine">
+            <span>体重增加(kg)</span>
+            <span>123</span>
+          </div>
+          <div class="newLine">
+            <span>透后体重(kg)</span>
+            <span>123</span>
+          </div>
+          <div class="newLine">
+            <span>体重减少(kg)</span>
+            <span>123</span>
+          </div>
+          <div class="newLine">
+            <span>上次透后体重(kg)</span>
+            <span>123</span>
+          </div>
+
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+          </span>
+        </el-dialog>
+      </div>
+    </section>
   </div>
-
 </template>
 <script>
-import { GetServerTime } from '@/api/public'
-import { GetPatientTotal,GetRemind } from '@/api/patient'
-import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import { GetServerTime } from "@/api/public";
+import { GetPatientTotal, GetRemind } from "@/api/patient";
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
 export default {
-  name: 'Home',
+  name: "Home",
   components: {
     BreadCrumb
   },
   data() {
     return {
-      searchKey: '',
+      dialogVisible: false,
+
+      searchKey: "",
       patientTotal: 0,
-      patientData:[],
+      patientData: [],
       steps: [
-        { title: '透析处方' },
-        { title: '接诊评估' },
-        { title: '透前评估' },
-        { title: '临时医嘱' },
-        { title: '双人核对' },
-        { title: '透析上机' },
-        { title: '透析监测' },
-        { title: '透析下机' },
-        { title: '透后评估' },
-        { title: '治疗小结' }
+        { title: "透析处方" },
+        { title: "接诊评估" },
+        { title: "透前评估" },
+        { title: "临时医嘱" },
+        { title: "双人核对" },
+        { title: "透析上机" },
+        { title: "透析监测" },
+        { title: "透析下机" },
+        { title: "透后评估" },
+        { title: "治疗小结" }
       ],
       process: [
         {
-          imgUrl: require('../../assets/home/equipment.png'),
-          name: '设备管理',
-          link: '/device/main'
+          imgUrl: require("../../assets/home/equipment.png"),
+          name: "设备管理",
+          link: "/device/main"
         },
         {
-          imgUrl: require('../../assets/home/user.png'),
-          name: '病人管理',
-          link: '/patients/patients'
+          imgUrl: require("../../assets/home/user.png"),
+          name: "病人管理",
+          link: "/patients/patients"
         },
         // { imgUrl: require('../../assets/home/sick.png'), name: '登记病人', link: '/patients/create' },
         // { imgUrl: require('../../assets/home/prescription.png'), name: '透析处方', link: '/dialysis/paper' },
         {
-          imgUrl: require('../../assets/home/scheduling.png'),
-          name: '病人排班',
-          link: '/workforce/appointment'
+          imgUrl: require("../../assets/home/scheduling.png"),
+          name: "病人排班",
+          link: "/workforce/appointment"
         },
         {
-          imgUrl: require('../../assets/home/record.png'),
-          name: '透析记录',
-          link: '/dialysis/dialysisrecord'
+          imgUrl: require("../../assets/home/record.png"),
+          name: "透析记录",
+          link: "/dialysis/dialysisrecord"
         },
         {
-          imgUrl: require('../../assets/home/analyze.png'),
-          name: '透析监控',
-          link: '/dialysis/watch'
+          imgUrl: require("../../assets/home/analyze.png"),
+          name: "透析监控",
+          link: "/dialysis/watch"
         }
       ],
       subscibe: {},
       subscibeBan: {
-        used: '已使用0天',
-        name: '免费版本',
-        desc: '当前为免费版',
-        detail: '可管理100位（含）以下患者',
-        leave: '剩余0天',
+        used: "已使用0天",
+        name: "免费版本",
+        desc: "当前为免费版",
+        detail: "可管理100位（含）以下患者",
+        leave: "剩余0天",
         pay_status: false
       },
       serverTime: 0,
       leftTime: false,
-      total:0,
+      total: 0,
       page: 0,
-      limit:5,
-    }
+      limit: 5
+    };
   },
   methods: {
-    dateCompare(date){
-      var date1 =  Date.parse(new Date())/1000;
-      console.log(date)
-      console.log(date1)
-     if (date > date1){
-       return 1
-     }else{
-       return 2
-
-     }
-
-
+    dateCompare(date) {
+      var date1 = Date.parse(new Date()) / 1000;
+      console.log(date);
+      console.log(date1);
+      if (date > date1) {
+        return 1;
+      } else {
+        return 2;
+      }
     },
-    jump(id){
-      this.$router.push({ path: "patients/inspection?id="+id});
+    jump(id) {
+      this.$router.push({ path: "patients/inspection?id=" + id });
     },
-    handleSizeChange(val) {
-
-    }, handleCurrentChange(val) {
-      this.page = val
-      let params = {
-        page : this.page,
-        limit: 5,
-      }
-      this.GetRemindPatientList(params)
+    handleSizeChange(val) {},
+    handleCurrentChange(val) {
+      this.page = val;
+      const params = {
+        page: this.page,
+        limit: 5
+      };
+      this.GetRemindPatientList(params);
     },
-    GetRemindPatientList(params){
-      GetRemind(params).then(response => {
-        if (response.data.state == 1) {
-          this.patientData = response.data.data.patients
-          this.total = response.data.data.total
-        } else {
-          this.$message.error(response.data.msg)
-        }
-      }).catch(e => {
-      })
+    GetRemindPatientList(params) {
+      GetRemind(params)
+        .then(response => {
+          if (response.data.state == 1) {
+            this.patientData = response.data.data.patients;
+            this.total = response.data.data.total;
+          } else {
+            this.$message.error(response.data.msg);
+          }
+        })
+        .catch(e => {});
     },
     GetPatientTotal() {
-      GetPatientTotal().then(response => {
-        if (response.data.state == 1) {
-          this.patientTotal = response.data.data.total
-        } else {
-          this.$message.error(response.data.msg)
-        }
-      }).catch(e => {
-
-      })
+      GetPatientTotal()
+        .then(response => {
+          if (response.data.state == 1) {
+            this.patientTotal = response.data.data.total;
+          } else {
+            this.$message.error(response.data.msg);
+          }
+        })
+        .catch(e => {});
     },
     clickSearch() {
       if (this.searchKey.length > 0) {
-        this.$router.push('/patients/patients?keyword=' + this.searchKey)
+        this.$router.push("/patients/patients?keyword=" + this.searchKey);
       } else {
-        this.$router.push('/patients/patients')
+        this.$router.push("/patients/patients");
       }
     },
     openPay() {
-      this.$router.push('/service/buy')
+      this.$router.push("/service/buy");
     },
     GetServerTime() {
-      GetServerTime().then(response => {
-        if (response.data.state == 1) {
-          this.serverTime = response.data.data.timestamp
-        } else {
-          this.serverTime = Math.round(new Date().getTime() / 1000)
-        }
-      }).catch(() => {
-        this.serverTime = Math.round(new Date().getTime() / 1000)
-      })
+      GetServerTime()
+        .then(response => {
+          if (response.data.state == 1) {
+            this.serverTime = response.data.data.timestamp;
+          } else {
+            this.serverTime = Math.round(new Date().getTime() / 1000);
+          }
+        })
+        .catch(() => {
+          this.serverTime = Math.round(new Date().getTime() / 1000);
+        });
     },
     initSubscibe() {
       // state:1正版(标准),2试用(免费),3其他无效状态,8专业,9(永久免费)，标准版和专业版会过期
-      var used = Math.ceil((this.serverTime - this.subscibe.period_start) / 86400)
+      var used = Math.ceil(
+        (this.serverTime - this.subscibe.period_start) / 86400
+      );
 
-      var leave = ''
-      var pce = ''
+      var leave = "";
+      var pce = "";
 
-      var leaveTime = 0
+      var leaveTime = 0;
 
-      this.subscibe.state = 2// 强制改为免费版
+      this.subscibe.state = 2; // 强制改为免费版
 
       switch (this.subscibe.state) {
         case 9:
           this.subscibeBan = {
-            used: '已使用' + used + '天',
-            name: '永久版',
-            desc: '当前为永久免费版本',
-            detail: '该版本不会过期，并可使用所有功能',
-            leave: '',
+            used: "已使用" + used + "天",
+            name: "永久版",
+            desc: "当前为永久免费版本",
+            detail: "该版本不会过期，并可使用所有功能",
+            leave: "",
             pay_status: false,
-            pce: 'width:100%'
-          }
-          break
+            pce: "width:100%"
+          };
+          break;
         case 2:
           // 免费版本不会过期，但有人数限制，免费版，可以管理20位（含）以下患者，当患者数过了20位，系统不能正常使用，达到18位时，要提醒购买,超过60位，要购买专业版
-          pce = 0
+          pce = 0;
           if (this.patientTotal > 200) {
-            leave = '管理患者数已达' + this.patientTotal + '位，请购买专业版'
-            pce = 100
+            leave = "管理患者数已达" + this.patientTotal + "位，请购买专业版";
+            pce = 100;
           } else if (this.patientTotal > 100) {
-            leave = '管理患者数已达' + this.patientTotal + '位，请购买标准版'
-            pce = 100
+            leave = "管理患者数已达" + this.patientTotal + "位，请购买标准版";
+            pce = 100;
           } else if (this.patientTotal >= 90) {
-            leave = '管理患者数已达' + this.patientTotal + '位，建议购买标准版'
-            pce = Math.round(this.patientTotal / 100 * 100)
+            leave = "管理患者数已达" + this.patientTotal + "位，建议购买标准版";
+            pce = Math.round((this.patientTotal / 100) * 100);
           }
-          pce = 'width:' + pce + '%'
+          pce = "width:" + pce + "%";
           this.subscibeBan = {
-            used: '已使用' + used + '天',
-            name: '免费版',
-            desc: '当前为免费版',
-            detail: '可管理100位（含）以下患者',
+            used: "已使用" + used + "天",
+            name: "免费版",
+            desc: "当前为免费版",
+            detail: "可管理100位（含）以下患者",
             leave: leave,
             pay_status: !!leave,
             pce: pce
-          }
-          break
+          };
+          break;
         case 8:
-          leaveTime = this.subscibe.period_end - this.serverTime
-          this.leftTime = leaveTime
+          leaveTime = this.subscibe.period_end - this.serverTime;
+          this.leftTime = leaveTime;
           if (leaveTime < 0) {
-            leave = '已经过期'
-            pce = '100'
+            leave = "已经过期";
+            pce = "100";
           } else {
-            leave = Math.floor(leaveTime / 86400)
-            leave = leave > 30 ? '' : '剩余' + leave + '天'
-            pce = 100 - Math.round(leaveTime / (this.subscibe.period_end - this.subscibe.period_start) * 100)
+            leave = Math.floor(leaveTime / 86400);
+            leave = leave > 30 ? "" : "剩余" + leave + "天";
+            pce =
+              100 -
+              Math.round(
+                (leaveTime /
+                  (this.subscibe.period_end - this.subscibe.period_start)) *
+                  100
+              );
           }
-          pce = 'width:' + pce + '%'
+          pce = "width:" + pce + "%";
 
           this.subscibeBan = {
-            used: '已使用' + used + '天',
-            name: '专业版',
-            desc: '当前为专业版',
-            detail: '不限患者',
+            used: "已使用" + used + "天",
+            name: "专业版",
+            desc: "当前为专业版",
+            detail: "不限患者",
             leave: leave,
             pay_status: !!leave,
             pce: pce
-          }
-          break
+          };
+          break;
         case 1:
-          leaveTime = this.subscibe.period_end - this.serverTime
-          this.leftTime = leaveTime
+          leaveTime = this.subscibe.period_end - this.serverTime;
+          this.leftTime = leaveTime;
           if (leaveTime < 0) {
-            leave = '已经过期'
-            pce = '100'
+            leave = "已经过期";
+            pce = "100";
           } else if (this.patientTotal > 200) {
-            leave = '管理患者数已达' + this.patientTotal + '位，请购买专业版'
-            pce = 'width:100%'
+            leave = "管理患者数已达" + this.patientTotal + "位，请购买专业版";
+            pce = "width:100%";
           } else if (this.patientTotal >= 190) {
-            leave = '管理患者数已达' + this.patientTotal + '位，建议购买专业版'
-            pce = Math.round(this.patientTotal / 200 * 100)
+            leave = "管理患者数已达" + this.patientTotal + "位，建议购买专业版";
+            pce = Math.round((this.patientTotal / 200) * 100);
           } else {
-            leave = Math.floor(leaveTime / 86400)
-            leave = leave > 30 ? '' : '剩余' + leave + '天，建议购买标准版'
-            pce = 100 - Math.round(leaveTime / (this.subscibe.period_end - this.subscibe.period_start) * 100)
+            leave = Math.floor(leaveTime / 86400);
+            leave = leave > 30 ? "" : "剩余" + leave + "天，建议购买标准版";
+            pce =
+              100 -
+              Math.round(
+                (leaveTime /
+                  (this.subscibe.period_end - this.subscibe.period_start)) *
+                  100
+              );
           }
-          pce = 'width:' + pce + '%'
+          pce = "width:" + pce + "%";
 
           this.subscibeBan = {
-            used: '已使用' + used + '天',
-            name: '标准版',
-            desc: '当前为标准版',
-            detail: '可管理200位（含）以下患者',
+            used: "已使用" + used + "天",
+            name: "标准版",
+            desc: "当前为标准版",
+            detail: "可管理200位（含）以下患者",
             leave: leave,
             pay_status: !!leave,
             pce: pce
-          }
-          break
+          };
+          break;
 
         default:
           this.subscibeBan = {
-            used: '',
-            name: '未订阅服务',
-            desc: '当前未订阅服务',
-            detail: '无法使用血透系统',
-            leave: '',
+            used: "",
+            name: "未订阅服务",
+            desc: "当前未订阅服务",
+            detail: "无法使用血透系统",
+            leave: "",
             pay_status: true,
-            pce: ''
-          }
-          break
+            pce: ""
+          };
+          break;
       }
     }
-
   },
   created() {
-    this.subscibe = this.$store.getters.xt_user.subscibe
-    this.GetPatientTotal()
-    this.GetServerTime()
-    let params = {
-      page : this.page+1,
-      limit: this.limit,
-    }
-    this.GetRemindPatientList(params)
+    this.subscibe = this.$store.getters.xt_user.subscibe;
+    this.GetPatientTotal();
+    this.GetServerTime();
+    const params = {
+      page: this.page + 1,
+      limit: this.limit
+    };
+    this.GetRemindPatientList(params);
   },
   watch: {
     serverTime: function() {
       if (this.serverTime > 0 && this.patientTotal > 0) {
-        this.initSubscibe()
+        this.initSubscibe();
       }
     },
     patientTotal: function() {
       if (this.serverTime > 0 && this.patientTotal > 0) {
-        this.initSubscibe()
+        this.initSubscibe();
       }
     }
   }
-
-}
+};
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
@@ -410,7 +467,7 @@ export default {
   display: -ms-flexbox;
   display: flex;
   padding: 10px;
-  margin-top:15px;
+  margin-top: 15px;
   .home-page {
     font-family: "Microsoft Yahei";
     -webkit-box-flex: 1;
@@ -483,7 +540,8 @@ export default {
             left: 0;
             top: 21px;
             display: block;
-            content: " ";content: " ";
+            content: " ";
+            content: " ";
             width: 50%;
             height: 1px;
             background: #409eff;
@@ -566,7 +624,7 @@ export default {
           flex: 1;
           margin: 0 6px;
           background: #fff;
-          padding: 22px 0 ;
+          padding: 22px 0;
           cursor: pointer;
           .name {
             font-size: 14px;
@@ -581,15 +639,14 @@ export default {
     min-width: 290px;
     margin: 0 0 0 10px;
     .res-widget {
-
       min-height: 80px;
       background: #fff;
       padding: 10px 20px;
       margin-bottom: 15px;
       border-radius: 2px;
       // box-shadow: 0 0 4px 0 rgba(200, 200, 200, 0.5);
-          -webkit-box-shadow: 0 4px 12px rgba(135, 135, 135, 0.15);
-    box-shadow: 0 4px 12px rgba(135, 135, 135, 0.15);
+      -webkit-box-shadow: 0 4px 12px rgba(135, 135, 135, 0.15);
+      box-shadow: 0 4px 12px rgba(135, 135, 135, 0.15);
       background-color: #fff;
       color: #34495e;
       font-size: 12px;
@@ -759,4 +816,11 @@ export default {
     width: 16.66666667%;
   }
 }
+.newLine {
+  display: flex;
+  justify-content: space-between;
+  height: 40px;
+  line-height: 40px;
+  border-bottom: 1px solid #ccc;
+}
 </style>

src/xt_pages/management/home.vue

@@ -552,7 +552,7 @@
                                     <el-form-item label="透析方式:">
                                        <el-select v-model="userform.dialysis_mode" placeholder="请选择" class="a">
                                            <el-option
-                                            v-for="item in treatmentmodes"
+                                            v-for="item in treatmode"
                                            :key="item.id"
                                            :label="item.name"
                                            :value="item.id">
@@ -562,28 +562,26 @@
                                   </el-col>
                                   <el-col :span="8">
                                       <el-form-item label="上机时间:">
-                                         <el-date-picker
-                                           v-model="userform.start_time"
-                                           prefix-icon="none"
-                                           type="date"
-                                           placeholder="请选择"
-                                           format="yyyy-MM-dd"
-                                           value-format="yyyy-MM-dd"
-                                           style="width:150px">
-                                          </el-date-picker> 
+                                          <el-date-picker
+                                              type="datetime"
+                                              format="yyyy-MM-dd HH:mm"
+                                              value-format="yyyy-MM-dd HH:mm"
+                                               placeholder="选择时间"
+                                               v-model="userform.start_time"
+                                               style="width:200px;"
+                                          ></el-date-picker>
                                       </el-form-item>
                                   </el-col>
                                    <el-col :span="8">
                                       <el-form-item label="下机时间:">
                                          <el-date-picker
-                                           v-model="userform.end_time"
-                                           prefix-icon="none"
-                                           type="date"
-                                           placeholder="请选择"
-                                           format="yyyy-MM-dd"
-                                           value-format="yyyy-MM-dd"
-                                           style="width:150px">
-                                          </el-date-picker> 
+                                              type="datetime"
+                                              format="yyyy-MM-dd HH:mm"
+                                              value-format="yyyy-MM-dd HH:mm"
+                                               placeholder="选择时间"
+                                               v-model="userform.end_time"
+                                               style="width:200px;"
+                                          ></el-date-picker>
                                       </el-form-item>
                                   </el-col>
                                 </el-row>
@@ -600,7 +598,7 @@
                                   </el-col>
                                   <el-col :span="8">
                                      <el-form-item label="体重减少:">
-                                          <el-input style="width:180px" v-model="userform.weight_loss"></el-input>
+                                          <el-input style="width:180px" v-model="userform.weight_loss"></el-input> 
                                      </el-form-item>
                                   </el-col>
                                 </el-row>
@@ -618,7 +616,7 @@
                                   <el-col :span="8">
                                         <el-form-item label="运行:">
                                           <el-radio-group v-model="userform.run">
-                                             <el-radio v-for="item in runOption"  :label="item.label" :value="item.value" :key="item.value">{{item.label}}</el-radio>
+                                             <el-radio v-for="item in runOption"  :label="item.name" :value="item.id" :key="item.id">{{item.name}}</el-radio>
                                           </el-radio-group>
                                         </el-form-item> 
                                   </el-col>
@@ -710,7 +708,7 @@
                                        <el-form-item label="消毒方式:">
                                          <el-select v-model="userform.fluid_path" placeholder="请选择" >
                                            <el-option
-                                            v-for="item in disinfectType"
+                                            v-for="item in sterilizeType"
                                            :key="item.id"
                                            :label="item.name"
                                            :value="item.id"
@@ -723,7 +721,7 @@
                                        <el-form-item label="消毒液:">
                                         <el-select v-model="userform.disinfectant" placeholder="请选择" >
                                            <el-option
-                                            v-for="item in disinfectantType"
+                                            v-for="item in fluidPathType"
                                            :key="item.id"
                                            :label="item.name"
                                            :value="item.id"
@@ -750,7 +748,7 @@
                                   <el-col :span="8">
                                       <el-form-item label="消毒液残留:">
                                         <el-radio-group v-model="userform.disinfection_residue">
-                                           <el-radio v-for="item in Disinfectant"  :label="item.label" :value="item.value" :key="item.value">{{item.label}}</el-radio>
+                                           <el-radio v-for="item in Disinfectant"  :label="item.name" :value="item.id" :key="item.id">{{item.name}}</el-radio>
                                         </el-radio-group>
                                       </el-form-item>  
                                   </el-col>
@@ -763,38 +761,52 @@
                                     </el-col>
                                     <el-col :span="8">
                                        <el-form-item label="开始消毒时间:">
-                                         <el-date-picker
-                                             size="small"
-                                            clearable
-                                            v-model="userform.starttime"
-                                            prefix-icon="el-icon-date"
-                                            :editable="false"
-                                             style="width: 150px;"
-                                             type="date"
-                                             placeholder="选择日期时间"
-                                             align="right"
-                                              format="yyyy-MM-dd"
-                                              value-format="yyyy-MM-dd"
-                                             >
-                                           </el-date-picker>
+                                          <el-date-picker
+                                              type="datetime"
+                                              format="yyyy-MM-dd HH:mm"
+                                              value-format="yyyy-MM-dd HH:mm"
+                                               placeholder="选择时间"
+                                               v-model="userform.starttime"
+                                               style="width:200px;"
+                                                @change="changStartTime"
+                                          ></el-date-picker>                                   
+                                            <!-- <el-time-picker
+                                             v-model="userform.starttime"
+                                            :picker-options="{
+                                               selectableRange: '00:01:00 - 23:59:00'
+                                             }"
+                                             placeholder="请选择"
+                                             style="width:150px;"
+                                              value-format="H:m"
+                                              format="H:m"
+                                              @change="changStartTime"
+                                               >
+                                            </el-time-picker> -->
                                        </el-form-item>
                                     </el-col>
                                     <el-col :span="8">
-                                       <el-form-item label="结束消毒时间:">
-                                         <el-date-picker
-                                             size="small"
-                                            clearable
-                                            v-model="userform.endtime"
-                                            prefix-icon="el-icon-date"
-                                            :editable="false"
-                                             style="width: 150px;"
-                                             type="date"
-                                             placeholder="选择日期时间"
-                                             align="right"
-                                              format="yyyy-MM-dd"
-                                              value-format="yyyy-MM-dd"
-                                             >
-                                           </el-date-picker>
+                                       <el-form-item label="结束消毒时间:">                                  
+                                            <!-- <el-time-picker
+                                             v-model="userform.endtime"
+                                            :picker-options="{
+                                               selectableRange: '00:01:00 - 23:59:00'
+                                             }"
+                                             placeholder="请选择"
+                                             style="width:150px;"
+                                              value-format="H:m"
+                                              format="H:m"
+                                              @change="changeEndTime"
+                                               >
+                                            </el-time-picker>-->
+                                            <el-date-picker
+                                              type="datetime"
+                                              format="yyyy-MM-dd HH:mm"
+                                              value-format="yyyy-MM-dd HH:mm"
+                                               placeholder="选择时间"
+                                               v-model="userform.endtime"
+                                               style="width:200px;"
+                                                @change="changeEndTime"
+                                          ></el-date-picker>              
                                        </el-form-item>
                                     </el-col>
                                 </el-row>
@@ -828,7 +840,7 @@
                                    <el-col>
                                       <el-form-item label="浓度:">
                                           <el-radio-group v-model="userform.dialysis_concentration">
-                                           <el-radio v-for="item in potency"  :label="item.label" :value="item.value" :key="item.value">{{item.label}}</el-radio>
+                                           <el-radio v-for="item in potency"  :label="item.name" :value="item.id" :key="item.id">{{item.name}}</el-radio>
                                         </el-radio-group>
                                         <span style="color:red">您已一个月未更换,请注意检测</span>
                                       </el-form-item>
@@ -1039,7 +1051,7 @@
 
 <script>
   import BreadCrumb from '../components/bread-crumb'
-  import { getAllSubregion, getAllMachine, getMachineDetailById, UpdateMachineInfo, getAllPlan, getAllPlanDetail, DeletePlans,getAllEquimentName,EditPlanDetail,UpdatePlanInfo,SaveInformation,getPatientInfo,ChangeClass,changePatient } from '@/api/manage'
+  import { getAllSubregion, getAllMachine, getMachineDetailById, UpdateMachineInfo, getAllPlan, getAllPlanDetail, DeletePlans, getAllEquimentName, EditPlanDetail, UpdatePlanInfo, SaveInformation, getPatientInfo, ChangeClass, changePatient, getAllOrganization } from '@/api/manage'
   import { uParseTime } from '@/utils/tools'
   import PlanForm from './components/PlanForm'
   import EditMachineForm from './components/EditMachineForm'
@@ -1122,17 +1134,17 @@ export default {
           { id: 2, name: '下午' },
           { id: 3, name: '晚上' }
         ],
-        names:[
-          {id:1,name:"20%柠檬酸"},
-          {id:2,name:"50%柠檬酸"},
-          {id:3,name:"次氯酸钠"}
+        names: [
+          { id: 1, name: '20%柠檬酸' },
+          { id: 2, name: '50%柠檬酸' },
+          { id: 3, name: '次氯酸钠' }
+        ],
+        germs: [
+          { id: 1, name: '费森细菌过滤器' },
+          { id: 2, name: '日机装细菌过滤器' },
+          { id: 3, name: '贝朗机细菌过滤器' },
+          { id: 4, name: '东丽机细菌过滤器' }
         ],
-       germs:[
-         {id:1,name:"费森细菌过滤器"},
-         {id:2,name:"日机装细菌过滤器"},
-         {id:3,name:"贝朗机细菌过滤器"},
-         {id:4,name:"东丽机细菌过滤器"}
-       ],
         forms: {
           zone_id: '', // 分区号
           class_id: '', // 班次
@@ -1151,9 +1163,9 @@ export default {
           devicetype: [{ required: true, message: '请填写设备类型' }],
           unit_type: [{ required: true, message: '请填写设备型号' }]
         },
-        runOption:[
-          {value:'1',label:'正常'},
-          {value:'2',label:'故障'}
+        runOption: [
+          { id: 1, name: '正常' },
+          { id: 2, name: '故障' }
         ],
         runOptions: [
           { value: '1', label: '达标' },
@@ -1166,23 +1178,23 @@ export default {
           { value: '4', label: '治疗' },
           { value: '5', label: '消毒' }
         ],
-        Disinfectant:[
-          { value:'1',label:'有'},
-          { value:'2',label:'无'}
+        Disinfectant: [
+          { id: 1, name: '有' },
+          { id: 2, name: '无' }
         ],
-         potency:[
-          {value:'1',label:'达标'},
-          {value:"2",label:'未达标'}
+        potency: [
+          { id: 1, name: '达标' },
+          { id: 2, name: '未达标' }
         ],
         equimentid: 0,
         checkAllStatus: false,
-        checkAllStatusOne:false,
+        checkAllStatusOne: false,
         selectMachines: [],
-        selectMachinesOne:[],
+        selectMachinesOne: [],
         machineIndex: -1,
         planid: 0,
         machineform: {
-          id:'',
+          id: '',
           device_type: '',
           disinfec_time: '',
           time: '',
@@ -1194,117 +1206,138 @@ export default {
         },
         dialogVisible: false,
         timeType: [
-        { 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: "晚上" }
-      ],
-      // 基表消毒方式
-      disinfectType: [{ id: 1, name: "擦拭" }, { id: 2, name: "化学消毒" }],
-      // 基表消毒液
-      disinfectantType: [
-        { id: 1, name: "0.22%季铵盐" },
-        { id: 2, name: "500mg/l含氯消毒剂" },
-        { id: 3, name: "1000mg/l含氯消毒剂" },
-        { id: 4, name: "1500mg/l含氯消毒剂" }
-      ],
-      // 夜路消毒方式
-      sterilizeType: [
-        { id: 1, name: "热化学消毒" },
-        { id: 2, name: "化学消毒 + 除钙" },
-        { id: 3, name: "热化学消毒 + 除钙" },
-        { id: 4, name: "热消毒" },
-        { id: 5, name: "化学消毒" },
-        { id: 6, name: "除钙" },
-        { id: 7, name: "清洗" }
-      ],
-      // 夜路消毒液
-      fluidPathType: [
-        { 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%次氯酸钠" }
-       ],
-
-       userform:{
-         date:moment(new Date()).format('YYYY-MM-DD'), //日期
-         classtype:"", //班次
-         zone:"",//分区
-         bed_number:"",//床位号
-         patient_name:"",//患者
-         contagion:"",//传染病
-        dialysis_mode:"",//透析方式
-        start_time:"",//上机时间
-        end_time:"",//下机时间
-        dialysis_time:"",//透析时长
-        hyperfiltratio:"",// 实际超滤量
-        weight_loss:"",//体重减少
-        warning_value:"",//预警值
-        user_total:"",//使用次数
-        run:"",//运行
-        failure_stage:"",//故事发生阶段
-        fault_description:"",//故障描述
-        code_information:"",//故障提示及代码
-
-        //机器消毒
-        disinfect_type:"",//消毒方式
-        disinfectant_type:"",//消毒液  
-        disinfection:"",//消毒状态
-        machine_run:"",//运行
-      
-      //液路
-       fluid_path:"",//消毒方式
-        disinfectant:"",//消毒液
-         disinfection_status:"",//消毒状态
-        disinfection_residue:"",//消毒液残留
-        longtime:"",//消毒时长
-        starttime:"",//开始消毒时间
-        endtime:"",//结束消毒时间
-        dialysis_checked:"",//更换 
-         dialysis_name:"",//名称
-         norms:"",//规格
-        dialysis_concentration:"",//浓度
-        germ_checked:"",//更换
-        germ_name:"",//名称
-        germ_number:"",//数量
-        clean:"",//清洁
-        sign_name:"",//签名
-       },
-       treatmentmodes:[
-         {id:1,name:"HD"},
-         {id:2,name:"HDF"},
-         {id:3,name:"HD+HP"},
-         {id:4,name:"HP"},
-         {id:5,name:"HF"},
-         {id:6,name:"SCUF"},
-         {id:7,name:"IUF"},
-         {id:8,name:"HFHD+HP"},
-         {id:9,name:"HFR"},
-         {id:10,name:"HDF+HP"},
-         {id:11,name:"GRRT"},
-         {id:12,name:"腹水回收"}
-       ],
-       disinfection:[
-         {id:1,name:"已消毒"},
-         {id:2,name:"未消毒"},
-         {id:3,name:"消毒未完成"}
-       ],
-       patientName:[],
-      }
+          { 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: '晚上' }
+        ],
+        // 基表消毒方式
+        disinfectType: [{ id: 1, name: '擦拭' }, { id: 2, name: '化学消毒' }],
+        // 基表消毒液
+        disinfectantType: [
+          { id: 1, name: '0.22%季铵盐' },
+          { id: 2, name: '500mg/l含氯消毒剂' },
+          { id: 3, name: '1000mg/l含氯消毒剂' },
+          { id: 4, name: '1500mg/l含氯消毒剂' }
+        ],
+        // 夜路消毒方式
+        sterilizeType: [
+          { id: 1, name: '热化学消毒' },
+          { id: 2, name: '化学消毒 + 除钙' },
+          { id: 3, name: '热化学消毒 + 除钙' },
+          { id: 4, name: '热消毒' },
+          { id: 5, name: '化学消毒' },
+          { id: 6, name: '除钙' },
+          { id: 7, name: '清洗' }
+        ],
+        // 夜路消毒液
+        fluidPathType: [
+          { 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%次氯酸钠' }
+        ],
 
+        userform: {
+          date: moment(new Date()).format('YYYY-MM-DD'), // 日期
+          classtype: '', // 班次
+          zone: '', // 分区
+          bed_number: '', // 床位号
+          patient_name: '', // 患者
+          contagion: '', // 传染病
+          dialysis_mode: '', // 透析方式
+          start_time: '', // 上机时间
+          end_time: '', // 下机时间
+          dialysis_time: '', // 透析时长
+          hyperfiltratio: '', // 实际超滤量
+          weight_loss: '', // 体重减少
+          warning_value: '', // 预警值
+          user_total: '', // 使用次数
+          run: '正常', // 运行
+          failure_stage: '', // 故事发生阶段
+          fault_description: '', // 故障描述
+          code_information: '', // 故障提示及代码
+
+          // 机器消毒
+          disinfect_type: 1, // 消毒方式
+          disinfectant_type: 2, // 消毒液
+          disinfection: 1, // 消毒状态
+          machine_run: '达标', // 运行
+  
+          // 液路
+          fluid_path: 3, // 消毒方式
+          disinfectant: 3, // 消毒液
+          disinfection_status: 1, // 消毒状态
+          disinfection_residue: '无', // 消毒液残留
+          longtime: '', // 消毒时长
+          starttime: '', // 开始消毒时间
+          endtime: '', // 结束消毒时间
+          dialysis_checked: '', // 更换
+          dialysis_name: '', // 名称
+          norms: '', // 规格
+          dialysis_concentration: '达标', // 浓度
+          germ_checked: '', // 更换
+          germ_name: '', // 名称
+          germ_number: '', // 数量
+          clean: '', // 清洁
+          sign_name: ''// 签名
+        },
+        treatmentmodes: [
+          { id: 1, name: 'HD' },
+          { id: 2, name: 'HDF' },
+          { id: 3, name: 'HD+HP' },
+          { id: 4, name: 'HP' },
+          { id: 5, name: 'HF' },
+          { id: 6, name: 'SCUF' },
+          { id: 7, name: 'IUF' },
+          { id: 8, name: 'HFHD+HP' },
+          { id: 9, name: 'HFR' },
+          { id: 10, name: 'HDF+HP' },
+          { id: 11, name: 'GRRT' },
+          { id: 12, name: '腹水回收' }
+        ],
+        treatmode: [
+          { id: 1, name: 'HD' },
+          { id: 2, name: 'HDF' },
+          { id: 3, name: 'HD + HP' },
+          { id: 4, name: 'HP' },
+          { id: 5, name: 'HF' },
+          { id: 6, name: 'SCUF' },
+          { id: 7, name: 'IUF' },
+          { id: 8, name: 'HFHD' },
+          { id: 9, name: 'HFHD+HP' },
+          { id: 10, name: 'PHF' },
+          { id: 11, name: 'HFR' },
+          { id: 12, name: 'HDF+HP' },
+          { id: 13, name: 'CRRT' },
+          { id: 14, name: '腹水回输' },
+          { id: 15, name: 'HD前置换' },
+          { id: 16, name: 'HD后置换' },
+          { id: 17, name: 'HDF前置换' },
+          { id: 18, name: 'HDF后置换' }
+        ],
+        disinfection: [
+          { id: 1, name: '已消毒' },
+          { id: 2, name: '未消毒' },
+          { id: 3, name: '消毒未完成' }
+        ],
+        patientName: [],
+        start: '',
+        end: ''
+      }
     },
     methods: {
       handleClick(tab, event) {
@@ -1356,7 +1389,6 @@ export default {
             this.tableDatatwo = addmahcer
             var index = this.$route.query.index
             this.$refs.singleTable.setCurrentRow(this.tableDatatwo[index])
-            
           }
         })
       },
@@ -1514,7 +1546,6 @@ export default {
             if (response.data.state === 1) {
               var addmacher = response.data.data.addmacher
               console.log('addmacher', addmacher)
-
             }
           })
         })
@@ -1528,8 +1559,8 @@ export default {
           this.$refs.multipleTableOne.toggleAllSelection()
         }
       },
-     handleSelectionChange(val){
-         this.selectMachinesOne = val
+      handleSelectionChange(val) {
+        this.selectMachinesOne = val
       },
       changeCheckOne() {
         this.$refs.multipleTable.clearSelection()
@@ -1779,65 +1810,64 @@ export default {
       },
       EditMachine(id, index) {
         this.dialogVisible = true
-        EditPlanDetail(id).then(response=>{
-          if(response.data.state === 1 ){
-             var plan = response.data.data.plan
-             console.log("plan是什么东西", plan);
-             this.machineform.id = plan.id
-             this.machineform.device_type = plan.device_type
-             this.machineform.disinfec_time = plan.disinfec_time
-             this.machineform.time = plan.time
-             this.machineform.class_time = plan.classtime
-             this.machineform.way = plan.way
-             this.machineform.machine_disinfectant = plan.machine_disinfectant
-             this.machineform.disinfectant_way = plan.disinfectan_way
-             this.machineform.disinfectant = plan.disinfectant
+        EditPlanDetail(id).then(response => {
+          if (response.data.state === 1) {
+            var plan = response.data.data.plan
+            console.log('plan是什么东西', plan)
+            this.machineform.id = plan.id
+            this.machineform.device_type = plan.device_type
+            this.machineform.disinfec_time = plan.disinfec_time
+            this.machineform.time = plan.time
+            this.machineform.class_time = plan.classtime
+            this.machineform.way = plan.way
+            this.machineform.machine_disinfectant = plan.machine_disinfectant
+            this.machineform.disinfectant_way = plan.disinfectan_way
+            this.machineform.disinfectant = plan.disinfectant
           }
         })
       },
-      UpdatePlanInfo(formName){
-
-          var devicetype = this.machineform.device_type;
-          var devicetypes = parseInt(devicetype);
-          this.machineform.device_type = devicetypes;
-
-            var disinfectimes = this.machineform.disinfec_time
-           var disinfectime =   parseInt(disinfectimes)
-          this.machineform.disinfec_time = disinfectime
-          
-         var times =  this.machineform.time
-          var time = parseInt(times)
-          this.machineform.time = time
-
-          var classtimes =  this.machineform.class_time
-          var classtime =  parseInt(classtimes)
-          this.machineform.class_time = classtime
-
-          var ways = this.machineform.way;
-          var way = parseInt(ways);
-          this.machineform.way = way;
-
-          var machinedisinfectant = this.machineform.machine_disinfectant;
-          var machinedisinfectants = parseInt(machinedisinfectant);
-          this.machineform.machine_disinfectant = machinedisinfectants;
-
-          var disinfectantways = this.machineform.disinfectant_way;
-          var disinfectantway = parseInt(disinfectantways);
-          this.machineform.disinfectant_way = disinfectantway;
-
-          var disinfectants = this.machineform.disinfectant;
-          var disinfectant = parseInt(disinfectants);
-          this.machineform.disinfectant = disinfectant;
-         UpdatePlanInfo(this.machineform).then(response=>{
-             if(response.data.state == 1){
-                var plan =  response.data.data.plan
-                this.dialogVisible = false
-                this.$message.success("修改成功")
-                console.log("this",this.equimentid)
-               this.getAllPlanDetail(this.equimentid)
-               this.getAllPlan()
-             }
-         })
+      UpdatePlanInfo(formName) {
+        var devicetype = this.machineform.device_type
+        var devicetypes = parseInt(devicetype)
+        this.machineform.device_type = devicetypes
+
+        var disinfectimes = this.machineform.disinfec_time
+        var disinfectime = parseInt(disinfectimes)
+        this.machineform.disinfec_time = disinfectime
+  
+        var times = this.machineform.time
+        var time = parseInt(times)
+        this.machineform.time = time
+
+        var classtimes = this.machineform.class_time
+        var classtime = parseInt(classtimes)
+        this.machineform.class_time = classtime
+
+        var ways = this.machineform.way
+        var way = parseInt(ways)
+        this.machineform.way = way
+
+        var machinedisinfectant = this.machineform.machine_disinfectant
+        var machinedisinfectants = parseInt(machinedisinfectant)
+        this.machineform.machine_disinfectant = machinedisinfectants
+
+        var disinfectantways = this.machineform.disinfectant_way
+        var disinfectantway = parseInt(disinfectantways)
+        this.machineform.disinfectant_way = disinfectantway
+
+        var disinfectants = this.machineform.disinfectant
+        var disinfectant = parseInt(disinfectants)
+        this.machineform.disinfectant = disinfectant
+        UpdatePlanInfo(this.machineform).then(response => {
+          if (response.data.state == 1) {
+            var plan = response.data.data.plan
+            this.dialogVisible = false
+            this.$message.success('修改成功')
+            console.log('this', this.equimentid)
+            this.getAllPlanDetail(this.equimentid)
+            this.getAllPlan()
+          }
+        })
       },
       openDeleteMahcine() {
         if (this.selectMachines.length == 0) {
@@ -1875,7 +1905,7 @@ export default {
                       this.planData.splice(index, 1)
                     }
                   }
-                   var planDataLengths = this.tableData.length
+                  var planDataLengths = this.tableData.length
                   for (let index = planDataLengths - 1; index >= 0; index--) {
                     if (this.tableData[index].id in idMap) {
                       this.tableData.splice(index, 1)
@@ -1892,8 +1922,8 @@ export default {
             return false
           })
       },
-      openDeleteMahcineOne(){
-         if (this.selectMachinesOne.length == 0) {
+      openDeleteMahcineOne() {
+        if (this.selectMachinesOne.length == 0) {
           this.$message.error('请选择要删除的会员')
           return false
         }
@@ -1928,7 +1958,7 @@ export default {
                       this.tableData.splice(index, 1)
                     }
                   }
-                   var planDataLengths = this.planData.length
+                  var planDataLengths = this.planData.length
                   for (let index = planDataLengths - 1; index >= 0; index--) {
                     if (this.planData[index].id in idMap) {
                       this.planData.splice(index, 1)
@@ -1947,58 +1977,150 @@ export default {
       },
       getAllEquimentName() {
         getAllEquimentName().then(response => {
-           if (response.data.state === 1) {
-           var equit = response.data.data.equit;
-           console.log("equit", equit);
-           this.DeviceType = equit;
-         }
-       });
+          if (response.data.state === 1) {
+            var equit = response.data.data.equit
+            console.log('equit', equit)
+            this.DeviceType = equit
+          }
+        })
       },
-      clickQuery(){
-         this.$refs.multipleform.open()
+      clickQuery() {
+        this.$refs.multipleform.open()
       },
-      getPatientInfo(bedid){
-        getPatientInfo(bedid).then(response=>{
-          if(response.data.state === 1){
-           var schedules =  response.data.data.schedules
-           console.log("schedules",schedules)
+      getPatientInfo(bedid) {
+        getPatientInfo(bedid).then(response => {
+          if (response.data.state === 1) {
+            var schedules = response.data.data.schedules
+            console.log('schedules', schedules)
             this.patientName = schedules
           }
         })
       },
-      ChangeClass(id){
-       ChangeClass(this.equimentid,id).then(response=>{
-          if(response.data.state === 1){
-            var patients = response.data.data.patients  
-            console.log("patients",patients)
-            if(patients.is_infectious === 0){
-               this.userform.contagion = ""
+      ChangeClass(id) {
+        ChangeClass(this.equimentid, id).then(response => {
+          if (response.data.state === 1) {
+            var patients = response.data.data.patients
+            console.log('patients', patients)
+            if (patients.is_infectious === 0) {
+              this.userform.contagion = ''
             }
-            if(patients.is_infectious === 1){
-               this.userform.contagion = "无"
-            }    
-            if(patients.is_infectious === 2){
-              this.userform.contagion = "有"
+            if (patients.is_infectious === 1) {
+              this.userform.contagion = '无'
             }
-            this.userform.patient_name = patients.name  
-            var zone =  response.data.data.zone
-            console.log("zone",zone)
+            if (patients.is_infectious === 2) {
+              this.userform.contagion = '有'
+            }
+            this.userform.patient_name = patients.name
+            var zone = response.data.data.zone
+            console.log('zone', zone)
             this.userform.zone = zone.name
             var number = response.data.data.number
-            console.log("nubmer",number)
+            console.log('nubmer', number)
             this.userform.bed_number = number.number
+            var order = response.data.data.order
+            console.log('orgder', order)
+            this.userform.start_time = uParseTime(order.start_time, '{y}-{m}-{d} {h}:{i}')
+            this.userform.end_time = uParseTime(order.end_time, '{y}-{m}-{d} {h}:{i}')
+            var prescription = response.data.data.prescription
+            console.log('prescription', prescription)
+            if (prescription.mode_id === 1) {
+              this.userform.dialysis_mode = 'HD'
+            }
+            if (prescription.mode_id === 2) {
+              this.userform.dialysis_mode = 'HDF'
+            }
+            if (prescription.mode_id === 3) {
+              this.userform.dialysis_mode = 'HD+HP'
+            }
+            if (prescription.mode_id === 4) {
+              this.userform.dialysis_mode = 'HP'
+            }
+            if (prescription.mode_id === 5) {
+              this.userform.dialysis_mode = 'HF'
+            }
+            if (prescription.mode_id === 6) {
+              this.userform.dialysis_mode = 'SCUF'
+            }
+            if (prescription.mode_id === 7) {
+              this.userform.dialysis_mode = 'IUF'
+            }
+            if (prescription.mode_id === 8) {
+              this.userform.dialysis_mode = 'HFHD'
+            }
+            if (prescription.mode_id === 9) {
+              this.userform.dialysis_mode = 'HFHD+HP'
+            }
+            if (prescription.mode_id === 10) {
+              this.userform.dialysis_mode = 'PHF'
+            }
+            if (prescription.mode_id === 11) {
+              this.userform.dialysis_mode = 'HFR'
+            }
+            if (prescription.mode_id === 12) {
+              this.userform.dialysis_mode = 'HDF+HP'
+            }
+            if (prescription.mode_id === 13) {
+              this.userform.dialysis_mode = 'CRRT'
+            }
+            if (prescription.mode_id === 14) {
+              this.userform.dialysis_mode = '腹水回输'
+            }
+            if (prescription.mode_id === 15) {
+              this.userform.dialysis_mode = 'HD前置换'
+            }
+            if (prescription.mode_id === 16) {
+              this.userform.dialysis_mode = 'HD后置换'
+            }
+            if (prescription.mode_id === 17) {
+              this.userform.dialysis_mode = 'HDF前置换'
+            }
+            if (prescription.mode_id === 18) {
+              this.userform.dialysis_mode = 'HDF后置换'
+            }
+            var dislysis = response.data.data.dislysis
+            console.log('dislysis', dislysis)
+            this.userform.dialysis_time = dislysis.actual_treatment_hour + 'h' + dislysis.actual_treatment_minute + 'min'
+            this.userform.hyperfiltratio = dislysis.actual_ultrafiltration + 'L'
+            this.userform.weight_loss = dislysis.weight_loss + 'kg'
           }
-       })
+        })
       },
-      changePatient(id){
-        changePatient(this.equimentid,id).then(response=>{
+      changePatient(id) {
+        changePatient(this.equimentid, id).then(response => {
 
         })
       },
-      SaveInformation(formName){
-        SaveInformation(this.userform).then(response=>{
+      SaveInformation(formName) {
+        SaveInformation(this.userform).then(response => {
 
         })
+      },
+      changStartTime(val) {
+        this.userform.starttime = val
+      },
+      changeEndTime(val) {
+        this.userform.endtime = val
+        console.log('val', val)
+        console.log('开始时间', this.userform.starttime)
+        console.log('呵呵', this.formatDuring(val))
+      },
+      formatDuring(mss) {
+        const days = parseInt(mss / (1000 * 60 * 60 * 24)) // 得到天数
+        const hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)) // 得到小时
+        const minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60)) // 得到分钟数
+        const seconds = (mss % (1000 * 60)) / 1000 // 得到秒数
+        const str1 = hours < 10 ? ('0' + hours) : hours
+        console.log('str1', str1)
+        const str2 = minutes < 10 ? ('0' + minutes) : minutes
+        return str1 + ':' + str2
+      },
+      getAllOrganization() {
+        getAllOrganization().then(response => {
+          if (response.data.state === 1) {
+            var approle = response.data.data.approle
+            console.log('机构用户', approle)
+          }
+        })
       }
 
     },
@@ -2010,8 +2132,8 @@ export default {
       // console.log('id是什么', id)
       // this.equimentid = id
       this.getAllPlan()
-      this.getAllEquimentName();
-
+      this.getAllEquimentName()
+      this.getAllOrganization()
     }
   }
 </script>