添加上机时间和下机时间

src/pages/main/dialog/ComputerDialog.vue

 <template>
  <div>
+
     <div class="Dialog" v-show="!selecting">
         <div class="DialogTit">
             <span @click="close()" class="iconfont">&#xe6e9;</span>
               <span class="iconfont">&#xe6f9;</span>
             </div>
           </div>
+
+
+          <div class="item">
+            <h2 class="name">上机时间</h2>
+            <div class="content">
+              <span class="text" style="width: 100px"  @click="selectStartTimeAction">{{ start_time_str }}</span>
+              <span class="iconfont">&#xe6f9;</span>
+            </div>
+          </div>
+
+
           <div class="perform">
               <!-- <p class="crew">上机人员 : <span>黄海燕 护士</span></p> -->
               <!-- <button>执行上机</button> -->
     </div>
 
     <two-menu ref="selector"></two-menu>
+   <mt-datetime-picker
+     ref="start_time_picker"
+     type="datetime"
+     @confirm="didSelectStartTime"
+     v-model="start_time"
+   ></mt-datetime-picker>
   </div>
 </template>
 
 <script>
 import { startDialysis } from "@/api/dialysis";
 import { Toast } from 'vant';
+import { parseTime } from "@/utils";
+
 import TwoMenu from './TwoMenu'
 
 export default {
   },
   data() {
     return {
+      start_time: new Date(),
       selecting: false,
-
+      start_time_str: "",
       bed_id: 0,
       nurse_id: 0,
       zone_beds: [], // 该排班的区里的床位
     device_number_map: {
       type: Object,
     },
+  }, mounted() {
+
+    if(this.record.id == 0){
+      this.start_time_str = parseTime(this.start_time, "{y}-{m}-{d} {h}:{i}") + ":00";
+    }else{
+      if(this.record.start_time == 0){
+        this.start_time_str = parseTime(this.start_time, "{y}-{m}-{d} {h}:{i}") + ":00";
+
+      }else{
+        this.start_time_str = parseTime(this.record.start_time, "{y}-{m}-{d} {h}:{i}") + ":00";
+      }
+    }
   },
   created(){
     var date = this.$route.query && this.$route.query.date;
     this.zone_beds = beds
   },
   methods: {
+    didSelectStartTime: function(time) {
+      this.start_time_str = parseTime(time, "{y}-{m}-{d} {h}:{i}") + ":00";
+    },
+    selectStartTimeAction: function() {
+      if (this.record.id != 0) {
+        return
+      }
+      this.$refs.start_time_picker.open();
+    },
     commitInfo: function () {
       Toast.loading({forbidClick: true, duration: 0})
       let ParamsQuery = {}
       ParamsQuery['record_date'] = this.record_date
       ParamsQuery["nurse"] = this.nurse_id
       ParamsQuery["bed"] = this.bed_id
+      ParamsQuery["start_time"] = this.start_time_str
 
 
       startDialysis(ParamsQuery).then(response => {

src/pages/main/dialog/PlaneDialog.vue

             </div>
           </div>
 
+
+          <div class="item">
+            <h2 class="name">下机时间</h2>
+            <div class="content">
+              <span class="text" style="width: 100px"  @click="selectStartTimeAction">{{ end_time_str }}</span>
+              <span class="iconfont">&#xe6f9;</span>
+            </div>
+          </div>
+
           <div class="perform">
             <button @click="commitInfo" v-show="(record != null && record.id != '' && record.stage == 1)">执行下机</button>
             <button :disabled="true" style="background-color:lightgray;" v-show="(record != null && record.id != '' && record.stage == 2)">已下机</button>
         </div>
     </div>
     <two-menu ref="selector"></two-menu>
+   <mt-datetime-picker
+     ref="start_time_picker"
+     type="datetime"
+     @confirm="didSelectStartTime"
+     v-model="end_time"
+   ></mt-datetime-picker>
   </div>
 </template>
 
   } from "@/api/dialysis";
   import { Toast } from 'vant';
   import TwoMenu from './TwoMenu'
-export default {
+  import { parseTime } from "@/utils";
+
+  export default {
   name: "PlaneDialog",
   components: {
     TwoMenu
   data() {
     return {
       selecting: false,
-
+      end_time_str: "",
+      end_time:new Date(),
       nurse_id: 0,
     }
   },
     admin_map: {
       type: Object,
     },
-  },
+  },mounted() {
+      if(this.record.id == 0){
+        this.end_time_str = parseTime(this.end_time, "{y}-{m}-{d} {h}:{i}") + ":00";
+      }else{
+        if(this.record.end_time == 0){
+          this.end_time_str = parseTime(this.end_time, "{y}-{m}-{d} {h}:{i}") + ":00";
+        }else{
+          this.end_time_str = parseTime(this.record.end_time, "{y}-{m}-{d} {h}:{i}") + ":00";
+        }
+      }
+    },
   created(){
     var date = this.$route.query && this.$route.query.date;
     date *= 1000;
     }
   },
   methods: {
+    didSelectStartTime: function(time) {
+      this.end_time_str = parseTime(time, "{y}-{m}-{d} {h}:{i}") + ":00";
+    },
+    selectStartTimeAction: function() {
+      if (this.record.id != 0) {
+        if(this.record.end_time > 0){
+          return
+        }else{
+          this.$refs.start_time_picker.open();
+        }
+      }else{
+        this.$refs.start_time_picker.open();
+      }
+
+    },
     commitInfo: function () {
       Toast.loading({forbidClick: true, duration: 0})
       let ParamsQuery = {}
       ParamsQuery['patient'] = this.patient_prop.id
       ParamsQuery['record_date'] = this.record_date
       ParamsQuery["nurse"] = this.nurse_id
+      ParamsQuery["end_time"] = this.end_time_str
 
       finish(ParamsQuery).then(response => {
         if (response.data.state == 0) {

src/pages/main/today/dialysisComputer.vue

 <template>
    <div class="plate-box">
-    <h2 class="title"><span class="line"></span><p>{{title}}</p><span class="line"></span> </h2> 
-    <div class="plate " >   
+    <h2 class="title"><span class="line"></span><p>{{title}}</p><span class="line"></span> </h2>
+    <div class="plate " >
         <ul>
              <li>
                 <label>上机床位 : </label>
                 <label>状态 : </label>
                 <span class="content">{{stage}}</span>
             </li>
+          <li>
+            <label>上机时间 : </label>
+            <span class="content">{{start_time}}</span>
+          </li>
         </ul>
     </div>
     <!-- <div class="note">处方医生 : {{doctor}}</div> -->
-  </div>    
+  </div>
 </template>
 
 <script>
-export default {
+  import { parseTime } from "@/utils";
+
+  export default {
   name: "DialysisComputer",
   data() {
     return {
         return "未上机"
       }
       return this.record.stage == 1 ? "已上机" : "已下机"
+    },start_time:function () {
+      if (this.record == null || this.record.id == '') {
+        return "-"
+      }
+      return parseTime(this.record.start_time, "{y}年{m}月{d}日 {h}时");
+
+
     },
   },
   methods: {
-    
+
   }
 };
 </script>

src/pages/main/today/dialysisOff.vue

 <template>
    <div class="plate-box">
-    <h2 class="title"><span class="line"></span><p>{{title}}</p><span class="line"></span> </h2> 
-    <div class="plate">   
+    <h2 class="title"><span class="line"></span><p>{{title}}</p><span class="line"></span> </h2>
+    <div class="plate">
       <ul>
         <li>
           <label>下机护士 : </label>
           <label>状态 : </label>
           <span class="content">{{stage}}</span>
         </li>
+        <li>
+          <label>下机时间 : </label>
+          <span class="content">{{end_time}}</span>
+        </li>
       </ul>
     </div>
-  </div>    
+  </div>
 </template>
 
 <script>
-export default {
+  import { parseTime } from "@/utils";
+
+  export default {
   name: "DialysisComputer",
   data() {
     return {
       } else {
         return this.admin_map[this.record.finish_nurse] == null ? "" : this.admin_map[this.record.finish_nurse].name
       }
+    },end_time:function () {
+      if (this.record == null || this.record.id == '') {
+        return "-"
+      } else if (this.record.stage == 1) {
+        return "-"
+      } else {
+        return parseTime(this.record.end_time, "{y}年{m}月{d}日 {h}时");
+
+      }
     },
   },
   methods: {
-    
+
   }
 };
 </script>