药房修改

pages/pharmacy/pharmacy.vue

@@ -1,20 +1,25 @@
 <template>
   <view class="pharmacy">
-    <view
-      class="scanning_btn"
-      hover-class="seimin-btn-hover"
-      @click="drugsScanning()"
-    >
-      <text class="icon_transport transport-saoma"></text>
+    <view class="pharmacy_header">
+      <view
+        class="scanning_btn"
+        hover-class="seimin-btn-hover"
+        @click="drugsScanning()"
+      >
+        <text class="icon_transport transport-saoma"></text>
+      </view>
+      <view class="scanFont">扫一扫</view>
+      <picker v-if="depts[index]" @change="bindPickerChange" :value="index" range-key="dept" :range="depts" class="pharmacy_changeDept">
+          <view class="pharmacy_input">{{depts[index].dept}}</view>
+      </picker>
     </view>
-    <view class="scanFont">扫一扫</view>
     <view class="pharmacy-heng">
       <view
         class="pharmacy-heng-tab"
-        :class="{ 'cube-tab_active': selectedLabelSlots === item.label }"
+        :class="{ 'cube-tab_active': selectedLabelSlots === item.id }"
         v-for="(item, i) in tabs"
         :key="i"
-        @click="clickHandler(item.label)"
+        @click="clickHandler(item.id)"
       >
         <view class="pharmacy-heng-label">{{ item.label }}</view>
       </view>
@@ -103,38 +108,38 @@ export default {
       freshing: false, //上拉加载开关
       scroll_top: 0, //距离顶部的距离
       scroll_refresher_enabled: true, //是否开启自定义下拉刷新
-      selectedLabelSlots: "待配药",
+      selectedLabelSlots: 4,
       list: [],
       idx: 0,
       totalNum: -1,
       tabs: [
         {
+          id: 4,
           label: "待配药",
         },
         {
+          id: 5,
           label: "配药中",
         },
         {
+          id: 6,
           label: "核对中",
         },
       ],
+      depts: [],//下拉框选项
+      index: 0,//下拉框索引
+      hosId: uni.getStorageSync("userData").user.currentHospital.id,//当前院区
     };
   },
   methods: {
     // tab切换
-    clickHandler(key) {
-      this.selectedLabelSlots = key;
+    clickHandler(id) {
+      this.selectedLabelSlots = id;
       this.idx = 0;
       this.totalNum = -1;
       this.scroll_top = Math.random();
       //4为微信待配药、5为微信配药中、6为微信核对中
-      if (key == "待配药") {
-        this.getPharmacyListData(4, 0);
-      } else if (key == "配药中") {
-        this.getPharmacyListData(5, 0);
-      } else if (key == "核对中") {
-        this.getPharmacyListData(6, 0);
-      }
+      this.getPharmacyListData(id, 0);
     },
     // 请求列表数据
     getPharmacyListData(type, idx) {
@@ -151,6 +156,7 @@ export default {
         sum: 20,
         drugsBag: {
           searchType: type,
+          launch:{id:this.depts[this.index].id}
         },
       };
       uni.showLoading({
@@ -192,13 +198,7 @@ export default {
       this.triggered = true;
       this.idx = 0;
       this.totalNum = -1;
-      if (this.selectedLabelSlots == "待配药") {
-        this.getPharmacyListData(4, 0);
-      } else if (this.selectedLabelSlots == "配药中") {
-        this.getPharmacyListData(5, 0);
-      } else if (this.selectedLabelSlots == "核对中") {
-        this.getPharmacyListData(6, 0);
-      }
+      this.getPharmacyListData(this.selectedLabelSlots, 0);
     },
     // 滚动
     scroll(e) {
@@ -222,13 +222,7 @@ export default {
     scrolltolower() {
       if (this.freshing) {
         this.freshing = false;
-        if (this.selectedLabelSlots == "待配药") {
-          this.getPharmacyListData(4, ++this.idx);
-        } else if (this.selectedLabelSlots == "配药中") {
-          this.getPharmacyListData(5, ++this.idx);
-        } else if (this.selectedLabelSlots == "核对中") {
-          this.getPharmacyListData(6, ++this.idx);
-        }
+        this.getPharmacyListData(this.selectedLabelSlots, ++this.idx);
       }
     },
     // 详情页面
@@ -241,6 +235,46 @@ export default {
     stop(e) {
       e.preventDefault();
     },
+    //选择药房科室
+    bindPickerChange: function(e) {
+        console.log('picker发送选择改变，携带值为', e.target.value)
+        this.index = e.target.value;
+        // 待配药
+        this.getPharmacyListData(4, 0);
+    },
+    // 获取药房类型的科室
+    getDeptByPharmacy(){
+      let postData = {
+          "idx": 0,
+          "sum": 10,
+          "department": {
+              "hospital": {
+                  "id": this.hosId
+              },
+              "type": {
+                  "id": "386"
+              },
+          }
+      };
+      uni.showLoading({
+        title: "加载中",
+        mask: true,
+      });
+      post("/data/fetchDataList/department", postData).then((res) => {
+        uni.hideLoading();
+        if (res.status == 200) {
+          this.depts = res.list.map(v=>({id:v.id,dept:v.dept}));
+          if(this.depts.length){
+            this.getPharmacyListData(this.selectedLabelSlots, 0);
+          }
+        } else {
+          uni.showToast({
+            icon: "none",
+            title: "请求失败！",
+          });
+        }
+      });
+    }
   },
   onLoad(options) {
     //#ifdef H5
@@ -252,8 +286,8 @@ export default {
       });
     }
     //#endif
-    // 待配药
-    this.getPharmacyListData(4, 0);
+    // 获取药房类型的科室
+    this.getDeptByPharmacy();
     // #ifdef APP-PLUS
     webHandle("no", "app");
     // #endif
@@ -288,6 +322,23 @@ export default {
 .pharmacy {
   background-color: rgb(249, 250, 251);
   padding-top: 36rpx;
+  .pharmacy_header{
+    position: relative;
+    .pharmacy_changeDept{
+      position: absolute;
+      top: 50%;
+      right: 52rpx;
+      transform: translateY(-50%);
+      .pharmacy_input{
+        background-image: linear-gradient(to right, #72c172, #3bb197);
+        border-radius: 8rpx;
+        color: #fff;
+        font-size: 36rpx;
+        font-weight: 700;
+        padding: 8rpx 16rpx;
+      }
+    }
+  }
 
   .scanning_btn {
     margin: 0 auto;