9月13日杨青

src/xt_pages/workforce/Patientshift.vue

           </div>
           <div class="content_top">隐藏备注：
             <el-switch
-              v-model="value"
+              v-model="hidder"
               active-color="#13ce66"
               inactive-color="#ff4949"
               active-text="ON"
               <tr v-for="(ite,index) in item.zones" :key="index">
                 <td style="text-align: center;">{{ getZoneName(ite.partition_id) }}</td>
                 <td>
-                  <template  v-for="(it,index) in item.list">
-                  <div  v-if="ite.partition_id==it.partition_id" class="huanzhekuai"  style="" @dblclick="db_click">                    
-                    <div style="max-height: 110px; margin-top: 10px;margin-bottom: 5px;background: rgb(74 197 235);" @dragstart.self="curInfoDragStart($event,it)" @drop.self="drop($event,it)" @dragover="allowDrop" draggable="true" >
-                      <span>{{ it.name }}({{ getmode(it.mode_id) }})</span><br>
-                      <div v-if="value" >
-                        <span style="font-size: 14px;color: rgb(12, 185, 50);margin-bottom: 5px;">{{it.order.DeviceNumber.zone.name}}-{{it.order.DeviceNumber.number}}</span><br>
-                        <span style="font-size: 14px;color:orange;margin-bottom: 5px;">{{getBloodAccess(it.order.blood_access_id)}}</span><br>
-                        <span style="font-size: 13px;color:rgb(102, 13, 161);margin-bottom: 5px;">{{it.order.schedule_remark}}</span>
+                  <div v-for="(it,index) in numberlist" style="display: inline-block;position: relative;" @dblclick="db_click($event,it)">
+                    <!-- <template v-if="ite.partition_id==it.zone_id">
+                      <div v-for="(item2) in item.list" style="background:#14bacd ;" >
+                          <template >
+                            <div v-if="it.id==item2.bed_id" style="display: inline-block;">
+                              <div>
+                                <span>{{ item2.name }}({{ getmode(item2.mode_id) }})</span><br>
+                                <div v-if="hidder" >
+                                  <span style="font-size: 14px;color: rgb(19, 241, 175);margin-bottom: 5px;">{{item2.order.DeviceNumber.zone.name}}-{{item2.order.DeviceNumber.number}}</span><br>
+                                  <span style="font-size: 14px;color:orange;margin-bottom: 5px;">{{getBloodAccess(item2.order.blood_access_id)}}</span><br>
+                                  <span style="font-size: 13px;color:rgb(102, 13, 161);margin-bottom: 5px;">{{item2.order.schedule_remark}}</span>
+                                </div> 
+                              </div>
+                            </div>
+                          </template> 
+                        </div>
+                    </template>   @drop="drop($event)" @dragstart.self="curInfoDragStart($event)"  @dragover="allowDrop"-->
+                    <div  v-if="ite.partition_id==it.zone_id" class="huanzhekuais"  style="" draggable="true" > 
+                      <div class="huanzhekuai" >
+                        <div v-for="(item2) in item.list" @drop="drop($event,item2)" @dragstart.self="curInfoDragStart($event,item2)"  @dragover="allowDrop">
+                          <template >
+                            <div v-if="it.id==item2.bed_id" style="display: inline-block;">
+                              <div>
+                                <span>{{ item2.name }}({{ getmode(item2.mode_id) }})</span><br>
+                                <div v-if="hidder" >
+                                  <span style="font-size: 14px;color: rgb(19, 241, 175);margin-bottom: 5px;">{{item2.order.DeviceNumber.zone.name}}-{{item2.order.DeviceNumber.number}}</span><br>
+                                  <span style="font-size: 14px;color:orange;margin-bottom: 5px;">{{getBloodAccess(item2.order.blood_access_id)}}</span><br>
+                                  <span style="font-size: 13px;color:rgb(102, 13, 161);margin-bottom: 5px;">{{item2.order.schedule_remark}}</span>
+                                </div> 
+                              </div>
+                            </div>
+                          </template> 
+                        </div>
                       </div> 
                     </div>
-                    
+                    <div v-if="ite.partition_id==it.zone_id" style="display: inline-block;width: 125px;text-align: center;">
+                      {{ it.number }}
+                    </div>
                   </div>
-                  </template>
                 </td>
               </tr>
             </tbody>
           center>
           <div>
             <div style="display: flex;">
-              <div style="width:300px;margin-right: 10px;">
+              <div style="width:150px;margin-right: 10px;">
                 <div style="margin: 10px 0;">分区
-                  <el-select v-model="fenqu_dialog" placeholder="请选择">
+                  <el-select v-model="fenqu_dialog" placeholder="请选择" @change="dialogfenqu">
                     <el-option
-                      v-for="item in options"
+                      v-for="item in partitionArr"
                       :key="item.value"
-                      :label="item.label"
-                      :value="item.value">
+                      :label="item.name"
+                      :value="item.id">
                     </el-option>
                   </el-select>
                 </div>
                 <div>床位
-                  <el-select v-model="chuangwei" placeholder="请选择">
+                  <el-select v-model="chuangwei" placeholder="请选择" @change="dialogchuangwei">
                     <el-option
-                      v-for="item in options"
+                      v-for="item in subzone"
                       :key="item.value"
-                      :label="item.label"
-                      :value="item.value">
+                      :label="item.number"
+                      :value="item.id">
                     </el-option>
                   </el-select>
                 </div>
               </div>
-              <div style="width:200px">
-                <div style="margin-top: 10px;margin-bottom: 5px;background: rgb(74 197 235);height: 110px;width: 125px;text-align: center;">
-                  <span >周建(HD)</span><br>
-                  <span style="font-size: 14px;color: rgb(12, 185, 50);margin-bottom: 5px;">A1区-6号床</span><br>
-                  <span style="font-size: 14px;color:orange;margin-bottom: 5px;">颈部长期置管</span><br>
-                  <span style="font-size: 13px;color:rgb(102, 13, 161);margin-bottom: 5px;">不睡7区，下机动脉用纱布压。用德朗</span>
+              <div style="width:350px">
+                <div style="display: flex;">
+                  <div>
+                    <div style="margin: 10px 30px 10px 10px;background: rgb(74 197 235);height: 110px;width: 125px;text-align: center;">
+                      <span >{{ huanzhe.name }}({{getmode(huanzhe.mode_id)}})</span><br>
+                      <span style="font-size: 14px;color: rgb(12, 185, 50);margin-bottom: 5px;">
+                        {{ huanzhe.zeng_fenqu }}-{{ huanzhe.zeng_chuang }}
+                      </span><br>
+                      <span style="font-size: 14px;color:orange;margin-bottom: 5px;">{{getBloodAccess(huanzhe.boolen_id)}}</span><br>
+                      <span style="font-size: 13px;color:rgb(102, 13, 161);margin-bottom: 5px;">{{huanzhe.schedule_remark}}</span> 
+                    </div>
+                     <div style="margin-left: 10px;">{{getZoneName(xian_fenqu.zone_id)}}-{{xian_fenqu.number}}</div>
+                  </div>
+                  
+                  <div>
+                    <div style="margin: 10px 30px 10px 10px;background: rgb(74 197 235);height: 110px;width: 125px;text-align: center;">
+                      <span >{{genghuan.name}}</span><span v-if="genghuan.mode_id !=''">({{genghuan.mode_id}})</span><br>
+                      <span style="font-size: 14px;color: rgb(12, 185, 50);margin-bottom: 5px;">
+                        {{ genghuan.genghuan_fenqu }}-{{ genghuan.genghuan_chuang }}
+                        <!-- A1区-6号床 -->
+                      </span><br>
+                      <span style="font-size: 14px;color:orange;margin-bottom: 5px;"></span>{{getBloodAccess(genghuan.g_boolen_id)}}<br>
+                      <span style="font-size: 13px;color:rgb(102, 13, 161);margin-bottom: 5px;">{{genghuan.genghuan_remark}}</span>
+                    </div>
+                    <div style="margin-left: 10px;">{{getZoneName(g_xian_fenqu.zone_id)}}-{{g_xian_fenqu.number}}</div>
+                  </div>
                 </div>
+               
               </div>
             </div>
           </div>
           <span slot="footer" class="dialog-footer">
             <el-button @click="centerDialogVisible = false">取 消</el-button>
-            <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
+            <el-button type="primary" @click="verify_dialog">确 定</el-button>
           </span>
         </el-dialog>
           <!-- 排班替换/交换提示弹窗 -->
 import { parseTime } from '@/utils'
 import { uParseTime } from '@/utils/tools'
 import { getDataConfig } from '@/utils/data'
-import {getSchedulesOne  } from "@/api/schedule";
 import {CoverSch,ExchangeSch,} from "@/api/schedule_template/sch_template";
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
 import print from 'print-js'
       tipDialogVisible:false,
       tipDialogVisibleTwo:false,
       tipDialogVisibleThree:false,
-      value: false,
+      centerDialogVisible:false,
+      hidder: false,
       td_1_width: '8%',
       td_3_width: '90%',
       date:'',
       classes:1,
       bingqu:0,
-      chuangwei:'',
-      fenqu:'',
-      fenqu_dialog:'',
-      chuangwei:'',
+      fenqu_dialog:0,
+      chuangwei:null,
       options:[],
-      centerDialogVisible:false,
       cur_drag_info:{
         id:'',
         name:'',
       list: [],
       loading: false,
       tableData: [],
-      numberList: [],
+      numberlist: [],
       partitionArr: [],
       listname:[],
       mode:[{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:'IUF+HD'},{id:16,name:'UF'},
       {id:17,name:'HD+'},{id:18,name:'血浆胆红素吸附+HDF'},{id:19,name:'血浆胆红素吸附'},{id:20,name:'I-HDF'},{id:21,name:'HD高通'},{id:22,name:'CVVH'},{id:23,name:'CVVHD'},
-      {id:24,name:'CVVHDF'},{id:25,name:'PE'},{id:26,name:'血浆胆红素吸附+HP'},{id:27,name:'HPD'},{id:28,name:'HDP'}]
-
+      {id:24,name:'CVVHDF'},{id:25,name:'PE'},{id:26,name:'血浆胆红素吸附+HP'},{id:27,name:'HPD'},{id:28,name:'HDP'}],
+      subzone:[],
+      huanzhe:{
+        id:null,
+        name:'',
+        mode_id:'',
+        zeng_fenqu:'',
+        zeng_chuang:'',
+        boolen_id:'',
+        schedule_remark:'',
+      },
+      xian_fenqu:'',
+      g_xian_fenqu:'',
+      genghuan:{
+        id:null,
+        name:'',
+        mode_id:'',
+        genghuan_fenqu:'',
+        genghuan_chuang:'',
+        g_boolen_id:'',
+        genghuan_remark:'',
+      },
     }
   },
   components: {
    console.log('dsafas',this.date);
     this.getAllZones()
     this.getlist()
-    this.getSchedulesOne()
+  },
+  mounted(){
+    // console.log('8888',this.huanzhe.order.DeviceNumber.zone.name);
   },
   methods:{
-    db_click(e){
-      this.centerDialogVisible=true
-      console.log('2222',e);
-    },
+   
     drop(e,val){
       this.allowDrop(e)
-      
+      console.log('3333',this.currentData);
+      console.log('6666',val);
       this.currentData={
-        currentData_id:val.order.id,
+        currentData_id:val.id,
         currentData_name:val.name,
         currentData_quhao:val.order.DeviceNumber.zone.name,
         currentData_chaung:val.order.DeviceNumber.number,
       //   currentData_chaung:this.cur_drag_info.chaung,
       // },
 
-      console.log('3333',this.currentData);
-      console.log('6666',val);
+      
     },
     allowDrop(e) {
       e.preventDefault();
      // 替换
      coverSch(){
       this.tipDialogVisible=false
-      // this.currentData={
-      //   currentData_id:this.cur_drag_info.id,
-      //   currentData_name:this.cur_drag_info.name,
-      //   currentData_quhao:this.cur_drag_info.quhao,
-      //   currentData_chaung:this.cur_drag_info.chaung,
-      // }
       let params={
         id_one:this.cur_drag_info.id,
         id_two:this.currentData.currentData_id
       this.tipDialogVisible=false
       let params={
         id_one:this.cur_drag_info.id,
-        id_two:this.currentData.id
+        id_two:this.currentData.currentData_id
 
       }
       ExchangeSch(params).then((response) => {
     },
     curInfoDragStart(e,val){
       this.cur_drag_info={
-        id:val.order.id,
+        id:val.id,
         name:val.name,
         quhao:val.order.DeviceNumber.zone.name,
        chaung:val.order.DeviceNumber.number,
         } else {
           this.partitionArr = response.data.data.zone;
           this.partitionArr.unshift({ id: 0, name: "全部" });
-          console.log('asfasdfsadfa',this.partitionArr);
+          console.log('asfasdfsadfa',response.data.data);
         }
       });
     },
     getlist() {
+
       var params = {
         schedule_date: this.date,
         schedule_type: this.classes,
           this.list = list
           var listOne = response.data.data.listOne
           this.zones =listOne
+          var numberlist=response.data.data.numberList
+          this.numberlist= numberlist
+          this.subzone = numberlist
+          this.chuangwei=numberlist[0].id
           if (list != null && list.length > 0) {
             const dataInfo = {}
             list.forEach((item, index) => {
                   schedule_type: item.schedule_type,
                   schedule_date: item.schedule_date,
                   zones: [],
-                  list:[]
+                  list:[],
+                  
                 }
               }
             })
 
       return name
     },
+    // 血管通路
     getBloodAccess(id) {
       var name = ''
       var list = getDataConfig(
       }
       return name
     },
-    getSchedulesOne(){
-      const params = {
-        weekTime: 2,
-        patitionid: '375,376,384,424,425,',
-        schedule_type: '',
-      };
-      getSchedulesOne(params).then((res)=>{
-        console.log('qqqqwwwwweeee',res.data.data);
+    // 双击打开弹窗
+    db_click(e,val){
+      if(e.target.innerText !=''){
+        this.centerDialogVisible=true
+        this.xian_fenqu=val
+        for(let i=0;i<this.list.length;i++){
+          // 双击弹窗的右侧第一个数据
+          if(val.id==this.list[i].bed_id){
+            this.huanzhe.id=this.list[i].id
+            this.huanzhe.name=this.list[i].name
+            this.huanzhe.mode_id=this.list[i].mode_id
+            this.huanzhe.zeng_fenqu=this.list[i].order.DeviceNumber.zone.name
+            this.huanzhe.zeng_chuang = this.list[i].order.DeviceNumber.number
+            this.huanzhe.boolen_id = this.list[i].order.blood_access_id
+            this.huanzhe.schedule_remark = this.list[i].order.schedule_remark
+            console.log('55555',this.huanzhe);
+          }
+          // 双击弹窗的右侧第二个默认数据
+          if(this.chuangwei==this.list[i].bed_id){
+            this.genghuan.id = this.list[i].id
+            this.genghuan.name=this.list[i].name
+            this.genghuan.mode_id=this.list[i].mode_id
+            this.genghuan.genghuan_fenqu=this.list[i].order.DeviceNumber.zone.name
+            this.genghuan.genghuan_chuang = this.list[i].order.DeviceNumber.number
+            this.genghuan.g_boolen_id = this.list[i].order.blood_access_id
+            this.genghuan.genghuan_remark = this.list[i].order.schedule_remark
+            console.log('99999',this.genghuan);
+            console.log('000000',this.list[i].bed_id);
+            return this.genghuan
+          }else{
+            this.genghuan.id = null
+            this.genghuan.name=''
+            this.genghuan.mode_id=''
+            this.genghuan.genghuan_fenqu=''
+            this.genghuan.genghuan_chuang = ''
+            this.genghuan.g_boolen_id = ''
+            this.genghuan.genghuan_remark =''
+          }
+        }
+        // 第二的床位
+        for(let y=0;y<this.numberlist.length;y++){
+          if(this.chuangwei==this.numberlist[y].id){
+            this.g_xian_fenqu=this.numberlist[y]
+          }
+        }
+      }else{
+        this.centerDialogVisible=false
+      }
+      
+      console.log('双击弹窗',this.zeng_fenqu);
+      console.log('双击弹窗33',e);
+      // console.log('双击弹窗333',value);
+    },
+    // 双击弹窗分区
+    dialogfenqu(e){
+      for (let i = 0; i < this.partitionArr.length; i++) {
+        if(e==this.partitionArr[i].id){
+          this.fenqu_dialog=e
+        }
+      }
+      var params = {
+        schedule_date: this.date,
+        schedule_type: this.classes,
+        partition_type: this.fenqu_dialog,
+        keywords: '',
+        page: 1,
+        limit: 5000
+      }
+      getSchedualPrintList(params).then((response)=>{
+        if (response.data.state == 1) {
+          var list = response.data.data.list
+          this.list = list
+          var listOne = response.data.data.listOne
+          this.zones =listOne
+          var numberlist=response.data.data.numberList
+          console.log('00000',this.list);
+          this.subzone=[]
+          // 选择的分区的床位
+          for(let i=0;i<numberlist.length;i++){
+            if(this.fenqu_dialog==0){
+              this.subzone = numberlist
+              this.chuangwei = numberlist[0].id
+              this.g_xian_fenqu = numberlist[0]
+            }
+            if(this.fenqu_dialog==numberlist[i].zone_id){
+              const obj={id:null,number:'',zone_id:null}
+              obj.id=numberlist[i].id
+              obj.number=numberlist[i].number
+              obj.zone_id=numberlist[i].zone_id
+              this.subzone.push(obj)
+              this.chuangwei = this.subzone[0].id 
+              this.g_xian_fenqu=this.subzone[0]
+            }
+          }
+          console.log('22222',this.g_xian_fenqu);
+          // 默认的患者
+          for(let i=0;i<this.list.length;i++){
+            if(this.chuangwei==this.list[i].bed_id){
+              this.genghuan.name=this.list[i].name
+              this.genghuan.mode_id=this.list[i].mode_id
+              this.genghuan.genghuan_fenqu=this.list[i].order.DeviceNumber.zone.name
+              this.genghuan.genghuan_chuang = this.list[i].order.DeviceNumber.number
+              this.genghuan.g_boolen_id =this.list[i].order.blood_access_id
+              this.genghuan.genghuan_remark = this.list[i].order.schedule_remark
+              console.log('99999',this.genghuan);
+              console.log('000000',this.list[i].bed_id);
+              return this.genghuan
+            }else{
+              console.log('eeeeee');
+              this.genghuan.name=''
+              this.genghuan.mode_id=''
+              this.genghuan.genghuan_fenqu=''
+              this.genghuan.genghuan_chuang = ''
+              this.genghuan.g_boolen_id = ''
+              this.genghuan.genghuan_remark =''
+              // return this.genghuan
+              // console.log('qqqqqq',this.list[i].bed_id);
+            }
+            
+          }
+        }
       })
+    },
+    // 双击弹窗床位
+    dialogchuangwei(e){
+      console.log('333333',e);
+      for (let i = 0; i < this.subzone.length; i++) {
+        if(e==this.subzone[i].id){
+          this.chuangwei=e
+          console.log('77777',this.chuangwei);
+        }
+      }
+      for(let i=0;i<this.list.length;i++){
+        if(this.chuangwei==this.list[i].bed_id){
+          this.genghuan.id = this.list[i].id
+          this.genghuan.name=this.list[i].name
+          this.genghuan.mode_id=this.list[i].mode_id
+          this.genghuan.genghuan_fenqu=this.list[i].order.DeviceNumber.zone.name
+          this.genghuan.genghuan_chuang = this.list[i].order.DeviceNumber.number
+          this.genghuan.g_boolen_id = this.list[i].order.blood_access_id
+          this.genghuan.genghuan_remark = this.list[i].order.schedule_remark
+          console.log('99999',this.genghuan);
+          console.log('000000',this.list[i].bed_id);
+          return this.genghuan
+        }
+        if(this.chuangwei!=this.list[i].bed_id){
+          console.log('eeeeee');
+          this.genghuan.id = null
+          this.genghuan.name=''
+          this.genghuan.mode_id=''
+          this.genghuan.genghuan_fenqu=''
+          this.genghuan.genghuan_chuang = ''
+          this.genghuan.g_boolen_id = ''
+          this.genghuan.genghuan_remark =''
+          // return this.genghuan
+          // console.log('qqqqqq',this.list[i].bed_id);
+        }
+      }
+      // 更换的床位置
+      for(let y=0;y<this.subzone.length;y++){
+        if(this.chuangwei==this.subzone[y].id){
+          this.g_xian_fenqu=this.subzone[y]
+        }
+      }
+    },
+    verify_dialog(){
+      this.centerDialogVisible=false
+      console.log('444444444',this.huanzhe.id,this.genghuan.id);
+      let params={
+        id_one:this.huanzhe.id,
+        id_two:this.genghuan.id
+
+      }
+      ExchangeSch(params).then((response) => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg);
+          this.tipDialogVisibleThree = false
+        } else {
+          console.log('22222222',response.data);
+          this.$message.success("交换成功");
+          this.tipDialogVisible = false
+          this.tipDialogVisibleThree = false
+          this.getlist();
+        }
+      });
     }
-    
   }
- 
 }
 </script>
 
             width: 125px;
             display: inline-block;
             text-align: center;
+            // margin:0 10px;
+           }
+           .huanzhekuais{
+            width: 125px;
+            // display: inline-block;
+            text-align: center;
             margin:0 10px;
+            // line-height: 110px;
+            background: #30b8e3;
            }
            
           }