Merge branch '20200710_pc_vue_new_branch' of http://git.shengws.com/csx/Vue_New into 20200710_pc_vue_new_branch

src/xt_pages/medicalScheduling/class.vue

             >
              <el-form :model="form" :rules="rules" ref="form" label-width="90px">
                 <el-form-item label="班种名称 : " required prop="class_name">
-                    <el-input v-model="form.class_name" placeholder="" ></el-input>
+                    <el-input v-model.trim="form.class_name" placeholder="" ></el-input>
                 </el-form-item>
                 <el-form-item label="班种属性 : " required  prop="class_attributes">
                     <el-select v-model="form.class_attributes" placeholder="请选择">
                         </el-option>
                     </el-select>
                     <el-time-select
+                    @change="changtimeTwo"
                     style="width:140px;"
                     v-model="form.timeone_end"
                     :picker-options="{
                     style="width:140px;"
                     v-model="form.timetwo_start"
                     :picker-options="{
-                    start: '08:00',
+                    start: '01:00',
                     step: '00:15',
                     end: '24:00'
                     }"
                         </el-option>
                     </el-select>
                     <el-time-select
+                    @change="changtime"
                     style="width:140px;"
                     v-model="form.timetwo_end"
                     :picker-options="{
-                    start: '08:00',
+                    start: '01:00',
                     step: '00:15',
                     end: '24:00'
                     }"
                         </el-option>
                     </el-select>
                     <el-time-select
+                    @change="changtime"
                     style="width:140px;"
                     v-model="form.timeone_end"
                     :picker-options="{
                         </el-option>
                     </el-select>
                     <el-time-select
+                    @change="changtimeTwo"
                     style="width:140px;"
                     v-model="form.timetwo_end"
                     :picker-options="{
 <script>
 import {saveDoctorSchedules,getDoctorScheduleList,getScheduleDetail,UpdateSchedule,deleteScheduleById } from '@/api/doctorSchedule'
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import { parseTime } from '@/utils'
 export default {
     components:{
         BreadCrumb
                      this.showError = true
                      return false
                  }
+                 
                  const params = {
                     class_name:this.form.class_name,
                     class_attributes:this.form.class_attributes,
                     work_time:this.form.work_time,
                     remarks:this.form.remarks
                  }
-                 console.log("params",params)
                 saveDoctorSchedules(params).then(response=>{
                   if(response.data.state == 1){
                     var schedules = response.data.data.schedules
                     this.form.timetwo_end=""
                     this.form.work_time = ""
                     this.form.remarks = ""
+                  }else{
+                     this.$message.error("班种名称已存在")
                   }
                })
              }
                  this.$message.success("修改成功")
                  this.EditNewVisible = false
                  this.getList()
-                 
+               }else{
+                   this.$message.error("班种名称已存在")
                }
              })
           }
                 var msg = response.data.data.msg
                 this.$message.success("删除成功")
                 this.getList()
+              }else{
+                this.$message.error("该班种已存在排班,不能删除")
               }
            }) 
         })
-      }
+      },
+     timeDifference(startTime,endTime){ 
+        var start1=startTime.split(":");
+        var startAll=parseInt(start1[0]*60)+parseInt(start1[1]);   
+        var end1=endTime.split(":");
+        var endAll=parseInt(end1[0]*60)+parseInt(end1[1]);
+         return endAll - startAll
+      },
+      timeStamp(StatusMinute){	
+        var day=parseInt(StatusMinute/60/24);
+        var hour=parseInt(StatusMinute/60%24);
+        var min= parseInt(StatusMinute % 60);
+        StatusMinute="";
+        if (day > 0)
+        {
+            StatusMinute= day + "天";
+        } 
+        if (hour>0)
+        {
+            StatusMinute += hour + "小时";
+        } 
+        // if(hour == 0){
+        //    StatusMinute += hour + "小时"
+        // }
+        if (min>0)
+        {
+            StatusMinute += parseFloat(min) + "分钟";
+        }
+            return StatusMinute;
+        },
+     changtime(){
+         //计算时长
+        console.log("timeone",this.form.timeone_start)
+        console.log("timeonend",this.form.timeone_end)
+        console.log("timeonetype",this.form.timeone_type)
+        var longtime = 0
+        var timeone = 0
+        var timetwo = 0
+        //时间选择1的时间差
+       if(this.form.timeone_type == 1){
+          var timeone = this.timeDifference(this.form.timeone_start,this.form.timeone_end)
+           timeone = timeone
+       }
+       if(this.form.timeone_type == 2){
+          var hour = this.form.timeone_end.split(":")
+          var hous = parseInt(hour[0]) + 24
+          var oneHours = hous.toString() +":"+ hour[1]
+          var timeone =  this.timeDifference(this.form.timeone_start,oneHours)
+         timeone = timeone
+        }
+       console.log("时间选择1时长",this.timeStamp(timeone))
+                
+        //时间选择2的时间差
+        if(this.form.timetwo_type == 1){
+            var timetwo = this.timeDifference(this.form.timetwo_start,this.form.timetwo_end)
+            timetwo = timetwo
+        }
+        if(this.form.timetwo_type == 2){
+            var hour = this.form.timetwo_end.split(":")
+            var hous = parseInt(hour[0]) + 24
+            var oneHours = hous.toString() +":"+ hour[1]
+            var timetwo =  this.timeDifference(this.form.timetwo_start,oneHours)
+            timetwo = timetwo
+        }
+          console.log("timetwo",timetwo)
+          console.log("时间选择2时长",this,this.timeStamp(timetwo))
+                  
+        longtime = timeone + timetwo
+        console.log("longtime",longtime)
+        this.form.work_time = this.timeStamp(longtime)
+     },
+     changtimeTwo(){
+           //计算时长
+        console.log("timeone",this.form.timeone_start)
+        console.log("timeonend",this.form.timeone_end)
+        console.log("timeonetype",this.form.timeone_type)
+        var longtime = 0
+        var timeone = 0
+        var timetwo = 0
+        //时间选择1的时间差
+       if(this.form.timeone_type == 1){
+          var timeone = this.timeDifference(this.form.timeone_start,this.form.timeone_end)
+           timeone = timeone
+       }
+       if(this.form.timeone_type == 2){
+          var hour = this.form.timeone_end.split(":")
+          var hous = parseInt(hour[0]) + 24
+          var oneHours = hous.toString() +":"+ hour[1]
+          var timeone =  this.timeDifference(this.form.timeone_start,oneHours)
+         timeone = timeone
+        }
+       console.log("时间选择1时长",this.timeStamp(timeone))
+                
+        //时间选择2的时间差
+        if(this.form.timetwo_type == 1){
+            var timetwo = this.timeDifference(this.form.timetwo_start,this.form.timetwo_end)
+            timetwo = timetwo
+        }
+        if(this.form.timetwo_type == 2){
+            var hour = this.form.timetwo_end.split(":")
+            var hous = parseInt(hour[0]) + 24
+            var oneHours = hous.toString() +":"+ hour[1]
+            var timetwo =  this.timeDifference(this.form.timetwo_start,oneHours)
+            timetwo = timetwo
+        }
+          console.log("timetwo",timetwo)
+          console.log("时间选择2时长",this,this.timeStamp(timetwo))
+                  
+        longtime = timeone + timetwo
+        console.log("longtime",longtime)
+        this.form.work_time = this.timeStamp(longtime) 
+     }
     },
     created(){
         //获取班种列表
         this.getList()
+    },
+    watch: {
+    //  监听对象数据变化
+    work_time: {
+      handler(newVal, oldVal) {
+        console.log(newVal)
+        console,log(oldVal)
+      },
+      deep: true  // 非常非常重要，这个是深度监听，默认是false。true的时候才能监听到对象的变化
     }
+   }
 }
 </script>
 <style scoped>