切换院区和科室

components/seiminPicker/seiminPicker.vue

@@ -0,0 +1,143 @@
+<template>
+  <view class="seiminPicker">
+    <view class="picker-modal" v-if="showPicker" @click="_close"></view>
+    <view class="picker-content" :style="{transform:  showPicker ? 'translateY(0)' : 'translateY(100%)'}">
+      <view class="picker-header">
+        <view class="packer-title" :style="{color:titleColor, fontSize:titleFontSize}" v-html="title"></view>
+      </view>
+      <picker-view indicator-style="height: 90rpx;" class="picker-view" :value="pickerValue" @change="changePicker">
+        <picker-view-column>
+          <view class="picker-item" :style="{fontSize:itemFontSize}" v-for="(item, index) in pickerList" :key="index">
+            {{item.label}}
+          </view>
+        </picker-view-column>
+      </picker-view>
+      <view class="picker-confirm"
+        :style="{color: confirmColor, fontSize: confirmFontSize, fontWeight:confirmFontWeight}"
+        @click="__confirmPicker">确定</view>
+    </view>
+  </view>
+</template>
+
+<script>
+  export default {
+    name: 'seiminPicker',
+    props: {
+      title: { //标题文字
+        type: String,
+        default: ""
+      },
+      titleColor: { //标题文字颜色
+        type: String,
+        default: ""
+      },
+      titleFontSize: { //标题文字大小
+        type: String,
+        default: '26rpx'
+      },
+      confirmColor: { // 确定按钮颜色
+        type: String,
+        default: ''
+      },
+      confirmFontSize: { //确定文字大小
+        type: String,
+        default: '28rpx'
+      },
+      confirmFontWeight: { //确定按钮的字体粗细
+        type: String,
+        default: ''
+      },
+      itemFontSize: { //选项文字大小
+        type: String,
+        default: '28rpx'
+      },
+      pickerList: { //数据
+        type: Array
+      },
+    },
+    data() {
+      return {
+        showPicker: false,
+        pickerValue: [0],
+      }
+    },
+    methods: {
+      _close() {
+        this.showPicker = false
+      },
+      _open() {
+        this.showPicker = true
+      },
+      //确定
+      __confirmPicker() {
+        this.showPicker = false
+        let checkedObj = this.pickerList[this.pickerValue]
+        this.$emit('onConfirm', checkedObj)
+      },
+      //滑动picker
+      changePicker(e) {
+        this.pickerValue = e.detail.value
+      },
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .picker-modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 99;
+  }
+
+  .picker-content {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    background-color: #F9FAFB;
+    transition: all .3s;
+  }
+
+  .picker-header {
+    @include flex(center, center);
+    padding: 20rpx;
+    border-bottom: 1px solid #E5E9ED;
+    background-color: #fff;
+  }
+
+  .picker-confirm {
+    margin-top: 10rpx;
+    border-top: 1px solid #E5E9ED;
+    height: 90rpx;
+    @include flex(center, center);
+    background-color: #fff;
+  }
+
+  .packer-title {
+    text-align: center;
+  }
+
+  .picker-view {
+    position: relative;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 490rpx;
+    background-color: rgba(255, 255, 255, 1);
+  }
+
+  .uni-picker-view-mask {
+    border-bottom: 1px solid #E5E9ED;
+  }
+
+  .picker-item {
+    text-align: center;
+    line-height: 90rpx;
+    text-overflow: ellipsis;
+  }
+</style>

pages.json

@@ -19,6 +19,13 @@
         "navigationBarBackgroundColor": "#2C2D31"
       }
 
+    }, {
+      "path": "pages/searchDept/searchDept",
+      "style": {
+        "navigationBarTitleText": "选择科室",
+        "navigationBarBackgroundColor": "#2C2D31"
+      }
+
     }
   ],
   "globalStyle": {

pages/quickCreateOrder/quickCreateOrder.vue

@@ -2,7 +2,9 @@
   <view class="quickCreateOrder">
     <view class="qco_msg" v-html="dataObj.msg"></view>
     <!-- 起点科室,终点科室 -->
-    <block v-if="qucikCreateOrderType === 'other' && (dataObj.start || dataObj.end)">
+    <block
+      v-if="qucikCreateOrderType === 'other' && (dataObj.start || dataObj.end)"
+    >
       <!-- 返回值的departmentStrategy是201 则是默认发起科室 -->
       <!-- 返回值的departmentStrategy是202 则是固定科室范围 -->
       <!-- 返回值的departmentStrategy是203 则是固定科室 -->
@@ -11,51 +13,105 @@
       <!-- 100013 （护士端一键建单展示策略）取起点科室，和msg值展示 -->
       <!-- <block v-if="dataObj.status == 100013"> -->
       <view class="select_block">
-        <text class="select_label"
-          :class="{disableColor:(dataObj.start.start.departmentStrategy == 201 ||dataObj.start.start.departmentStrategy == 203)}">起点科室</text>
-        <view class="select_placeholder"
-          v-if="dataObj.start.start.departmentStrategy == 201||dataObj.start.start.departmentStrategy == 203">
-          {{deptDisplay == 1?dataObj.start.start.list[0].dept:dataObj.start.start.list[0].deptalias}}
+        <text
+          class="select_label"
+          :class="{
+            disableColor:
+              dataObj.start.start.departmentStrategy == 201 ||
+              dataObj.start.start.departmentStrategy == 203,
+          }"
+          >起点科室</text
+        >
+        <view
+          class="select_placeholder"
+          v-if="
+            dataObj.start.start.departmentStrategy == 201 ||
+            dataObj.start.start.departmentStrategy == 203
+          "
+        >
+          {{
+            deptDisplay == 1
+              ? dataObj.start.start.list[0].dept
+              : dataObj.start.start.list[0].deptalias
+          }}
         </view>
-        <view class="select_placeholder" v-else>请选择起点科室<text class="pda pda-xiangyou"></text></view>
+        <view class="select_placeholder" v-else
+          >请选择起点科室<text class="pda pda-xiangyou"></text
+        ></view>
       </view>
       <view class="select_block">
-        <text class="select_label"
-          :class="{disableColor:(dataObj.end.end.departmentStrategy == 201||dataObj.end.end.departmentStrategy == 203)}">终点科室</text>
-        <view class="select_placeholder"
-          v-if="(dataObj.end.end.departmentStrategy == 201||dataObj.end.end.departmentStrategy == 203)">
-          {{deptDisplay == 1?dataObj.end.end.list[0].dept:dataObj.end.end.list[0].deptalias}}
+        <text
+          class="select_label"
+          :class="{
+            disableColor:
+              dataObj.end.end.departmentStrategy == 201 ||
+              dataObj.end.end.departmentStrategy == 203,
+          }"
+          >终点科室</text
+        >
+        <view
+          class="select_placeholder"
+          v-if="
+            dataObj.end.end.departmentStrategy == 201 ||
+            dataObj.end.end.departmentStrategy == 203
+          "
+        >
+          {{
+            deptDisplay == 1
+              ? dataObj.end.end.list[0].dept
+              : dataObj.end.end.list[0].deptalias
+          }}
         </view>
-        <view class="select_placeholder" v-else>请选择终点科室<text class="pda pda-xiangyou"></text></view>
+        <view class="select_placeholder" v-else
+          >请选择终点科室<text class="pda pda-xiangyou"></text
+        ></view>
       </view>
       <!-- </block> -->
     </block>
     <!-- 备注 -->
     <view class="remarks" v-if="dataObj.remarksSwitch == 1">
-      <textarea :focus="remarksFocus" class="remarks_textarea" auto-height :maxlength="100"
-        placeholder-style="color:#999" :placeholder="dataObj.remarksPrompts|| '请填写工单备注,不超过100个字符'"
-        v-model="workOrderRemark" />
+      <textarea
+        :focus="remarksFocus"
+        class="remarks_textarea"
+        auto-height
+        :maxlength="100"
+        placeholder-style="color:#999"
+        :placeholder="
+          dataObj.remarksPrompts || '请填写工单备注,不超过100个字符'
+        "
+        v-model="workOrderRemark"
+      />
     </view>
     <!-- 快捷输入,历史输入 -->
-    <view class="quickAndHistory" v-if="dataObj.remarksSwitch == 1 && dataObj.customRemarks.length">
-      <view class="quickAndHistory_header">
-        快捷输入
-      </view>
+    <view
+      class="quickAndHistory"
+      v-if="dataObj.remarksSwitch == 1 && dataObj.customRemarks.length"
+    >
+      <view class="quickAndHistory_header"> 快捷输入 </view>
       <view class="quickAndHistory_container">
-        <view class="quickAndHistory_item" @click="addRemarks(customRemark)"
-          v-for="(customRemark,i) in dataObj.customRemarks" :key="i">
-          {{customRemark}}
+        <view
+          class="quickAndHistory_item"
+          @click="addRemarks(customRemark)"
+          v-for="(customRemark, i) in dataObj.customRemarks"
+          :key="i"
+        >
+          {{ customRemark }}
         </view>
       </view>
     </view>
-    <view class="quickAndHistory" v-if="dataObj.remarksSwitch == 1 && historyCustomRemarks.length">
-      <view class="quickAndHistory_header">
-        历史输入
-      </view>
+    <view
+      class="quickAndHistory"
+      v-if="dataObj.remarksSwitch == 1 && historyCustomRemarks.length"
+    >
+      <view class="quickAndHistory_header"> 历史输入 </view>
       <view class="quickAndHistory_container">
-        <view class="quickAndHistory_item" @click="addRemarks(historyCustomRemark)"
-          v-for="(historyCustomRemark,i) in historyCustomRemarks" :key="i">
-          {{historyCustomRemark}}
+        <view
+          class="quickAndHistory_item"
+          @click="addRemarks(historyCustomRemark)"
+          v-for="(historyCustomRemark, i) in historyCustomRemarks"
+          :key="i"
+        >
+          {{ historyCustomRemark }}
         </view>
       </view>
     </view>
@@ -66,289 +122,297 @@
 </template>
 
 <script>
-  import {
-    mapState
-  } from 'vuex';
-  import {
-    reqBuildTrip,
-    reqRecentRemarks,
-    reqBuildOrder
-  } from '../../request/api.js';
-  import {
-    SOURCEID
-  } from '../../utils/enum.sourceid.js';
-  export default {
-    data() {
-      return {
-        // 工单备注是否获取焦点
-        remarksFocus: true,
-        // 工单备注
-        workOrderRemark: '',
-        // 获取到的数据集合对象(历史输入除外)
-        dataObj: {},
-        // 历史输入
-        historyCustomRemarks: [],
-        //底部按钮
-        btns: [{
-            name: '回到首页',
-            type: 'default',
-            click: () => {
-              uni.navigateTo({
-                url: '/pages/index/index'
-              })
-            }
+import { mapState } from "vuex";
+import {
+  reqBuildTrip,
+  reqRecentRemarks,
+  reqBuildOrder,
+} from "../../request/api.js";
+import { SOURCEID } from "../../utils/enum.sourceid.js";
+export default {
+  data() {
+    return {
+      // 工单备注是否获取焦点
+      remarksFocus: true,
+      // 工单备注
+      workOrderRemark: "",
+      // 获取到的数据集合对象(历史输入除外)
+      dataObj: {},
+      // 历史输入
+      historyCustomRemarks: [],
+      //底部按钮
+      btns: [
+        {
+          name: "回到首页",
+          type: "default",
+          click: () => {
+            uni.navigateTo({
+              url: "/pages/index/index",
+            });
           },
-          {
-            name: '确认',
-            type: 'primary',
-            click: () => {
-              this.submitData();
-            }
-          }
-        ]
-      };
-    },
-    computed: {
-      ...mapState(['qucikCreateOrderType', 'qucikCreateOrderTypeId', 'deptDisplay']),
-      ...mapState('user', ['loginInfoUserDeptId']),
+        },
+        {
+          name: "确认",
+          type: "primary",
+          click: () => {
+            this.submitData();
+          },
+        },
+      ],
+    };
+  },
+  computed: {
+    ...mapState([
+      "qucikCreateOrderType",
+      "qucikCreateOrderTypeId",
+      "deptDisplay",
+    ]),
+  },
+  methods: {
+    // 添加备注
+    addRemarks(customRemark) {
+      this.remarksFocus = false;
+      this.$nextTick(() => {
+        this.remarksFocus = true;
+      });
+      this.workOrderRemark += customRemark;
     },
-    methods: {
-      // 添加备注
-      addRemarks(customRemark) {
-        this.remarksFocus = false;
-        this.$nextTick(() => {
-          this.remarksFocus = true;
-        });
-        this.workOrderRemark += customRemark;
-      },
-      //获取所有数据
-      getData(qucikCreateOrderType, qucikCreateOrderTypeId) {
-        uni.showLoading({
-          title: '加载中'
-        });
-        let postData1 = {};
-        let postData2 = {
-          "taskTypeId": qucikCreateOrderTypeId,
-          "deptId": this.loginInfoUserDeptId,
+    //获取所有数据
+    getData(qucikCreateOrderType, qucikCreateOrderTypeId) {
+      uni.showLoading({
+        title: "加载中",
+      });
+      let postData1 = {};
+      let postData2 = {
+        taskTypeId: qucikCreateOrderTypeId,
+        deptId: this.loginInfo.user.dept.id,
+      };
+      if (qucikCreateOrderType === "specimen") {
+        //标本快捷建单
+        postData1 = {
+          taskTypeId: qucikCreateOrderTypeId,
+          deptId: this.loginInfo.user.dept.id,
         };
-        if (qucikCreateOrderType === 'specimen') {
-          //标本快捷建单
-          postData1 = {
-            "taskTypeId": qucikCreateOrderTypeId,
-            "deptId": this.loginInfoUserDeptId,
-          };
-        } else if (qucikCreateOrderType === 'other') {
-          //其他临床服务快捷建单
-          postData1 = {
-            "taskTypeId": qucikCreateOrderTypeId,
-          };
-        }
-        Promise.all([
-          reqBuildTrip(postData1),
-          reqRecentRemarks(postData2)
-        ]).then(values => {
+      } else if (qucikCreateOrderType === "other") {
+        //其他临床服务快捷建单
+        postData1 = {
+          taskTypeId: qucikCreateOrderTypeId,
+        };
+      }
+      Promise.all([reqBuildTrip(postData1), reqRecentRemarks(postData2)]).then(
+        (values) => {
           uni.hideLoading();
           this.getBuildTrip(values[0]);
           this.getRecentRemarks(values[1]);
-        })
-      },
-      // 获取数据(除历史输入)
-      getBuildTrip(res) {
-        if (res.status == 200 || res.status == 100012 || res.status == 100013 || res.status == 100014 || res.status ==
-          100015) {
-          // 处理返回的数据
-          if (res.customRemarks) {
-            res.customRemarks = res.customRemarks.split('$');
-          } else {
-            res.customRemarks = []
-          }
-          // 处理msg
-          if (res.msg.includes('<b>')) {
-            res.msg = res.msg.replace(/<b>/g, '<text class="green">');
-            res.msg = res.msg.replace(/<\/b>/g, '</text>');
-          }
-          this.dataObj = res;
         }
-      },
-      // 获取历史输入
-      getRecentRemarks(res) {
-        if (res.state == 200) {
-          this.historyCustomRemarks = res.data || [];
+      );
+    },
+    // 获取数据(除历史输入)
+    getBuildTrip(res) {
+      if (
+        res.status == 200 ||
+        res.status == 100012 ||
+        res.status == 100013 ||
+        res.status == 100014 ||
+        res.status == 100015
+      ) {
+        // 处理返回的数据
+        if (res.customRemarks) {
+          res.customRemarks = res.customRemarks.split("$");
+        } else {
+          res.customRemarks = [];
+        }
+        // 处理msg
+        if (res.msg.includes("<b>")) {
+          res.msg = res.msg.replace(/<b>/g, '<text class="green">');
+          res.msg = res.msg.replace(/<\/b>/g, "</text>");
         }
-      },
-      // 提交数据,建单
-      submitData() {
-        let postData = {};
-        uni.showLoading({
-          title: '加载中',
-          mask: true
-        })
-        if (this.qucikCreateOrderType === 'specimen') {
-          //标本建单
-          postData = {
-            urgent: 0,
-            workOrder: {
-              sourceId: SOURCEID['护士端'],
-              workOrderRemark: this.workOrderRemark,
-              taskType: {
-                id: this.qucikCreateOrderTypeId
-              },
-              createDept: this.loginInfoUserDeptId,
-              startDept: {
-                id: this.loginInfoUserDeptId
-              },
+        this.dataObj = res;
+      }
+    },
+    // 获取历史输入
+    getRecentRemarks(res) {
+      if (res.state == 200) {
+        this.historyCustomRemarks = res.data || [];
+      }
+    },
+    // 提交数据,建单
+    submitData() {
+      let postData = {};
+      uni.showLoading({
+        title: "加载中",
+        mask: true,
+      });
+      if (this.qucikCreateOrderType === "specimen") {
+        //标本建单
+        postData = {
+          urgent: 0,
+          workOrder: {
+            sourceId: SOURCEID["护士端"],
+            workOrderRemark: this.workOrderRemark,
+            taskType: {
+              id: this.qucikCreateOrderTypeId,
             },
-          };
-        } else if (this.qucikCreateOrderType === 'other') {
-          let startDept = {}; //起点科室
-          let endDepts = []; //终点科室
-          // 其他服务建单
-          // 起点科室---- start
-          if (this.dataObj.start.start.departmentStrategy == 201) {
-            startDept = {
-              id: this.dataObj.start.start.list[0].id
-            };
-          }
-          // 起点科室---- end
-          // 终点科室---- start
-          if (this.dataObj.start.start.departmentStrategy == 201) {
-            endDepts = [{
-              id: this.dataObj.end.end.list[0].id
-            }];
-          }
-          // 终点科室---- end
-          //请求参数
-          postData = {
-            workOrder: {
-              sourceId: SOURCEID['护士端'],
-              workOrderRemark: this.workOrderRemark,
-              taskType: {
-                id: this.qucikCreateOrderTypeId
-              },
-              createDept: this.loginInfoUserDeptId,
-              startDept,
-              endDepts,
+            createDept: this.loginInfo.user.dept.id,
+            startDept: {
+              id: this.loginInfo.user.dept.id,
             },
+          },
+        };
+      } else if (this.qucikCreateOrderType === "other") {
+        let startDept = {}; //起点科室
+        let endDepts = []; //终点科室
+        // 其他服务建单
+        // 起点科室---- start
+        if (this.dataObj.start.start.departmentStrategy == 201) {
+          startDept = {
+            id: this.dataObj.start.start.list[0].id,
           };
         }
+        // 起点科室---- end
+        // 终点科室---- start
+        if (this.dataObj.start.start.departmentStrategy == 201) {
+          endDepts = [
+            {
+              id: this.dataObj.end.end.list[0].id,
+            },
+          ];
+        }
+        // 终点科室---- end
+        //请求参数
+        postData = {
+          workOrder: {
+            sourceId: SOURCEID["护士端"],
+            workOrderRemark: this.workOrderRemark,
+            taskType: {
+              id: this.qucikCreateOrderTypeId,
+            },
+            createDept: this.loginInfo.user.dept.id,
+            startDept,
+            endDepts,
+          },
+        };
+      }
 
-        reqBuildOrder(postData).then(res => {
-          uni.hideLoading();
-          if (res.status == 200) {
-            this.$refs.seiminModel.showChangeDept({
-              skin: "toast",
-              content: '创建成功',
-              btns: [{
+      reqBuildOrder(postData).then((res) => {
+        uni.hideLoading();
+        if (res.status == 200) {
+          this.$refs.seiminModel.showChangeDept({
+            skin: "toast",
+            content: "创建成功",
+            btns: [
+              {
                 name: "知道了",
                 textColor: "#49B856",
                 flex: 1,
                 click() {
                   uni.navigateTo({
-                    url: '/pages/index/index'
-                  })
-                }
-              }]
-            });
-          } else {
-            this.$refs.seiminModel.showChangeDept({
-              skin: "toast",
-              icon: 'error',
-              content: res.msg || '操作失败'
-            });
-          }
-        })
-      }
+                    url: "/pages/index/index",
+                  });
+                },
+              },
+            ],
+          });
+        } else {
+          this.$refs.seiminModel.showChangeDept({
+            skin: "toast",
+            icon: "error",
+            content: res.msg || "操作失败",
+          });
+        }
+      });
     },
-    onLoad() {
-      console.log(this.qucikCreateOrderType, this.qucikCreateOrderTypeId);
-      this.getData(this.qucikCreateOrderType, this.qucikCreateOrderTypeId);
-    }
-  }
+  },
+  onLoad() {
+    console.log(this.qucikCreateOrderType, this.qucikCreateOrderTypeId);
+    this.getData(this.qucikCreateOrderType, this.qucikCreateOrderTypeId);
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-  .quickCreateOrder {
-    margin-bottom: 100rpx;
+.quickCreateOrder {
+  margin-bottom: 100rpx;
 
-    .qco_msg {
-      min-height: 144rpx;
-      padding: 32rpx 160rpx;
-      color: #999;
-      line-height: 40rpx;
-      font-size: 28rpx;
-      text-align: center;
-    }
+  .qco_msg {
+    min-height: 144rpx;
+    padding: 32rpx 160rpx;
+    color: #999;
+    line-height: 40rpx;
+    font-size: 28rpx;
+    text-align: center;
+  }
 
-    // 起点科室,终点科室
-    .select_block {
-      padding: 0 30rpx;
-      height: 88rpx;
-      font-size: 34rpx;
-      border-top: 1px solid #E5E5E5;
-      background-color: #fff;
-      @include flex(space-between, center);
+  // 起点科室,终点科室
+  .select_block {
+    padding: 0 30rpx;
+    height: 88rpx;
+    font-size: 34rpx;
+    border-top: 1px solid #e5e5e5;
+    background-color: #fff;
+    @include flex(space-between, center);
 
-      .select_label {
-        color: #000;
+    .select_label {
+      color: #000;
 
-        &.disableColor {
-          color: #999;
-        }
+      &.disableColor {
+        color: #999;
       }
+    }
 
-      .select_placeholder {
-        color: #888;
-        @include flex(flex-start, center);
+    .select_placeholder {
+      color: #888;
+      @include flex(flex-start, center);
 
-        .pda-xiangyou {
-          font-size: 24rpx;
-          margin-left: 30rpx;
-        }
+      .pda-xiangyou {
+        font-size: 24rpx;
+        margin-left: 30rpx;
       }
     }
+  }
 
-    // 备注
-    .remarks {
-      min-height: 150rpx;
-      background-color: #fff;
-      border-top: 1px solid #E5E5E5;
-      border-bottom: 1px solid #E5E5E5;
-      padding: 22rpx 25rpx;
+  // 备注
+  .remarks {
+    min-height: 150rpx;
+    background-color: #fff;
+    border-top: 1px solid #e5e5e5;
+    border-bottom: 1px solid #e5e5e5;
+    padding: 22rpx 25rpx;
 
-      .remarks_textarea {
-        width: 100%;
-        min-height: 100rpx;
-      }
+    .remarks_textarea {
+      width: 100%;
+      min-height: 100rpx;
     }
+  }
 
-    // 快捷输入,历史输入
-    .quickAndHistory {
-      padding: 43rpx 25rpx 0;
+  // 快捷输入,历史输入
+  .quickAndHistory {
+    padding: 43rpx 25rpx 0;
 
-      .quickAndHistory_header {
-        font-weight: bold;
-        font-size: 34rpx;
-        padding-bottom: 24rpx;
-        color: #333;
-      }
+    .quickAndHistory_header {
+      font-weight: bold;
+      font-size: 34rpx;
+      padding-bottom: 24rpx;
+      color: #333;
+    }
 
-      .quickAndHistory_container {
-        @include flex;
-        flex-wrap: wrap;
+    .quickAndHistory_container {
+      @include flex;
+      flex-wrap: wrap;
 
-        .quickAndHistory_item {
-          height: 66rpx;
-          font-size: 28rpx;
-          border-radius: 33rpx;
-          background-color: #fff;
-          line-height: 66rpx;
-          padding: 0 24rpx;
-          color: #666;
-          margin-bottom: 11rpx;
-          margin-right: 24rpx;
-          @include clamp;
-        }
+      .quickAndHistory_item {
+        height: 66rpx;
+        font-size: 28rpx;
+        border-radius: 33rpx;
+        background-color: #fff;
+        line-height: 66rpx;
+        padding: 0 24rpx;
+        color: #666;
+        margin-bottom: 11rpx;
+        margin-right: 24rpx;
+        @include clamp;
       }
     }
   }
+}
 </style>

pages/searchDept/searchDept.vue

@@ -0,0 +1,504 @@
+<template>
+  <view class="content">
+    <view class="search-box">
+      <seiminSearch class="mSearch-input-box" :mode="2" button="inside" placeholder="请输入科室名称" @search="doSearch(false)"
+        @input="changeInp" @confirm="doSearch(false)" v-model="keyword"></seiminSearch>
+    </view>
+    <view class="search-keyword">
+      <scroll-view class="keyword-list-box" v-show="isShowKeywordList" scroll-y>
+        <block v-for="(row, index) in keywordList" :key="index">
+          <view class="keyword-entry" hover-class="keyword-entry-tap">
+            <view class="keyword-text" @tap.stop="doSearch(keywordList[index].keyword)">
+              <rich-text :nodes="row.htmlStr"></rich-text>
+            </view>
+            <view class="keyword-img" @tap.stop="doSearch(keywordList[index].keyword)">
+              <image src="/static/HM-search/back.png"></image>
+            </view>
+          </view>
+        </block>
+      </scroll-view>
+      <scroll-view class="keyword-box" v-show="!isShowKeywordList" scroll-y>
+        <view class="keyword-block" v-if="oldKeywordList.length > 0">
+          <view class="keyword-list-header">
+            <view>历史搜索</view>
+            <view>
+              <image @tap="oldDelete" src="/static/HM-search/delete.png"></image>
+            </view>
+          </view>
+          <view class="keyword">
+            <view v-for="(keyword, index) in oldKeywordList" @tap="changeInp(keyword)" :key="index">{{ keyword }}
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+    <seiminModel ref="seiminModel"></seiminModel>
+  </view>
+</template>
+
+<script>
+  import {
+    reqFetchDataList,
+    reqChangeHospital,
+    reqUpdData,
+    reqGetCurrentUser,
+  } from "../../request/api.js";
+  import {
+    mapState,
+    mapMutations
+  } from "vuex";
+  export default {
+    data() {
+      return {
+        keyword: "",
+        oldKeywordList: [],
+        keywordList: [],
+        isShowKeywordList: false,
+        deptList: [],
+        timer: null, //定时器
+        searchText: "", //搜索文本
+        searchData: [], //搜索结果
+      };
+    },
+    computed: {
+      ...mapState("user", ["loginInfo"]),
+      ...mapState(["deptDisplay", "searchDeptParams", "searchDeptResult"]),
+    },
+    onUnload() {
+      if (this.timer) {
+        clearTimeout(this.timer);
+        this.timer = null;
+      }
+    },
+    onLoad(options) {
+      this.init();
+    },
+    methods: {
+      ...mapMutations(["changeSearchDeptResult", 'changeSeiminModel']),
+      ...mapMutations("user", ["changeLoginInfo"]),
+      init() {
+        this.loadOldKeyword();
+      },
+      blur() {
+        uni.hideKeyboard();
+      },
+      //加载历史搜索,自动读取本地Storage
+      loadOldKeyword() {
+        uni.getStorage({
+          key: "OldKeys",
+          success: (res) => {
+            var OldKeys = JSON.parse(res.data);
+            this.oldKeywordList = OldKeys;
+          },
+        });
+      },
+      //防抖搜索
+      changeInp(event) {
+        this.searchText = event;
+        clearTimeout(this.timer);
+        this.timer = setTimeout(() => {
+          this.inputChange(event);
+        }, 500);
+      },
+      //监听输入
+      inputChange(event) {
+        //兼容引入组件时传入参数情况
+        var keyword = event.detail ? event.detail.value : event;
+        if (!keyword) {
+          this.keywordList = [];
+          this.isShowKeywordList = false;
+          return;
+        }
+        this.keyword = keyword;
+        this.isShowKeywordList = true;
+        let postData = {
+          idx: 0,
+          sum: 20,
+          department: {},
+        };
+        // 院区参数----start
+        console.log(this.searchDeptParams);
+        if (this.searchDeptParams.type === "changeDept_index") {
+          //首页切换科室
+          postData.department.hospital = {
+            id: this.searchDeptParams.hospital.value,
+          };
+        } else {
+          postData.department.hospital = {
+            id: this.loginInfo.user.currentHospital.id,
+          };
+        }
+        // 院区参数----end
+        // 科室名称或科室别称开关----start
+        if (this.deptDisplay == 1) {
+          //科室名称
+          postData.department.dept = keyword;
+        } else if (this.deptDisplay == 2) {
+          //科室别称
+          postData.department.deptalias = keyword;
+        }
+        // 科室名称或科室别称开关----end
+        uni.showLoading({
+          title: "加载中",
+          mask: true,
+        });
+        reqFetchDataList("data", "department", postData).then((res) => {
+          if (res.status == 200) {
+            this.searchData.push({
+              name: keyword,
+              list: res.list,
+            });
+            let searchText = this.searchText.detail ?
+              this.searchText.detail.value :
+              this.searchText;
+            let index = this.searchData.findIndex(
+              (item) => item.name === searchText
+            );
+            this.deptList = index >= 0 ? this.searchData[index].list : [];
+            this.keywordList = this.drawCorrelativeKeyword(
+              this.deptList,
+              keyword
+            );
+            uni.hideLoading();
+          }
+        });
+      },
+      //高亮关键字
+      drawCorrelativeKeyword(keywords, keyword) {
+        var len = keywords.length,
+          keywordArr = [];
+        for (var i = 0; i < len; i++) {
+          var row = keywords[i];
+          //定义高亮#9f9f9f
+          var html = "";
+          if (this.deptDisplay == 1) {
+            // 科室名称
+            html = row.dept.replace(
+              keyword,
+              "<span style='color: #9f9f9f;'>" + keyword + "</span>"
+            );
+          } else if (this.deptDisplay == 2) {
+            // 科室别称
+            html = row.deptalias.replace(
+              keyword,
+              "<span style='color: #9f9f9f;'>" + keyword + "</span>"
+            );
+          }
+          html = "<div>" + html + "</div>";
+          var tmpObj = {
+            keyword: this.deptDisplay == 1 ? row.dept : row.deptalias,
+            htmlStr: html,
+          };
+          keywordArr.push(tmpObj);
+        }
+        return keywordArr;
+      },
+      //清除历史搜索
+      oldDelete() {
+        uni.showModal({
+          content: "确定清除历史搜索记录？",
+          success: (res) => {
+            if (res.confirm) {
+              console.log("用户点击确定");
+              this.oldKeywordList = [];
+              uni.removeStorage({
+                key: "OldKeys",
+              });
+            } else if (res.cancel) {
+              console.log("用户点击取消");
+            }
+          },
+        });
+      },
+      //执行搜索
+      doSearch(keyword) {
+        keyword = keyword === false ? this.keyword : keyword;
+        this.keyword = keyword;
+        this.saveKeyword(keyword); //保存为历史
+        let arr = this.deptList.filter((item) => {
+          return this.deptDisplay == 1 ?
+            item.dept === keyword :
+            item.deptalias === keyword;
+        });
+        if (arr.length) {
+          this.changeSearchDeptResult(arr[0]);
+          if (this.searchDeptParams.type === "changeDept_index") {
+            //首页切换科室
+            this.changeDept_index_handler();
+          }
+        }
+      },
+      //保存关键字到历史记录
+      saveKeyword(keyword) {
+        uni.getStorage({
+          key: "OldKeys",
+          success: (res) => {
+            var OldKeys = JSON.parse(res.data);
+            var findIndex = OldKeys.indexOf(keyword);
+            if (findIndex == -1) {
+              OldKeys.unshift(keyword);
+            } else {
+              OldKeys.splice(findIndex, 1);
+              OldKeys.unshift(keyword);
+            }
+            //最多10个纪录
+            OldKeys.length > 10 && OldKeys.pop();
+            uni.setStorage({
+              key: "OldKeys",
+              data: JSON.stringify(OldKeys),
+            });
+            this.oldKeywordList = OldKeys; //更新历史搜索
+          },
+          fail: (e) => {
+            var OldKeys = [keyword];
+            uni.setStorage({
+              key: "OldKeys",
+              data: JSON.stringify(OldKeys),
+            });
+            this.oldKeywordList = OldKeys; //更新历史搜索
+          },
+        });
+      },
+      //首页切换科室
+      changeDept_index_handler() {
+        if (this.searchDeptParams.type === "changeDept_index") {
+          // 首页切换科室
+          uni.showLoading({
+            title: '加载中',
+            mask: true,
+          })
+          if (
+            this.loginInfo.user.currentHospital.id ==
+            this.searchDeptParams.hospital.value
+          ) {
+            //没有切换院区
+            this.changeDept_index_handler_common();
+          } else {
+            //切换院区
+            reqChangeHospital({
+              currentHosId: this.searchDeptParams.hospital.value,
+              loginType: "PC",
+            }).then((res) => {
+              if (res.status == 200) {
+                this.changeDept_index_handler_common();
+              } else {
+                uni.hideLoading();
+                this.$refs.seiminModel.showChangeDept({
+                  skin: "toast",
+                  icon: "error",
+                  content: res.msg || "操作失败",
+                });
+              }
+            });
+          }
+        }
+      },
+      // 首页切换科室,公共方法
+      changeDept_index_handler_common() {
+        // 更新用户
+        reqUpdData("data", "user", {
+          user: {
+            dept: {
+              id: this.searchDeptResult.id,
+            },
+            id: this.loginInfo.user.id,
+          },
+        }).then((res) => {
+          if (res.status == 200) {
+            // 获取当前登录用户信息
+            reqGetCurrentUser().then((res) => {
+              uni.hideLoading();
+              if (res.status == 200) {
+                this.$refs.seiminModel.showChangeDept({
+                  skin: "toast",
+                  icon: "success",
+                  content: "切换科室成功",
+                  btns: [{
+                    click: (e) => {
+                      this.changeLoginInfo(res.data);
+                      this.changeSeiminModel(true);
+                      uni.navigateTo({
+                        url: this.searchDeptParams.backUrl,
+                      });
+                    }
+                  }]
+                });
+              } else {
+                this.$refs.seiminModel.showChangeDept({
+                  skin: "toast",
+                  icon: "error",
+                  content: res.msg || "操作失败",
+                });
+              }
+            });
+          } else {
+            uni.hideLoading();
+            this.$refs.seiminModel.showChangeDept({
+              skin: "toast",
+              icon: "error",
+              content: res.msg || "操作失败",
+            });
+          }
+        });
+      },
+    },
+  };
+</script>
+<style lang="scss" scoped>
+  view {
+    display: block;
+  }
+
+  .search-box {
+    background-color: rgb(242, 242, 242);
+    padding: 15upx 2.5%;
+    display: flex;
+    justify-content: space-between;
+    position: sticky;
+    top: 0;
+  }
+
+  .search-box .mSearch-input-box {
+    width: 100%;
+  }
+
+  .search-box .input-box {
+    width: 85%;
+    flex-shrink: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .search-box .search-btn {
+    width: 15%;
+    margin: 0 0 0 2%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-shrink: 0;
+    font-size: 28upx;
+    color: #fff;
+    background: linear-gradient(to right, #ff9801, #ff570a);
+    border-radius: 60upx;
+  }
+
+  .search-box .input-box>input {
+    width: 100%;
+    height: 60upx;
+    font-size: 32upx;
+    border: 0;
+    border-radius: 60upx;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    padding: 0 3%;
+    margin: 0;
+    background-color: #ffffff;
+  }
+
+  .placeholder-class {
+    color: #9e9e9e;
+  }
+
+  .search-keyword {
+    width: 100%;
+    background-color: rgb(242, 242, 242);
+  }
+
+  .keyword-list-box {
+    height: calc(100vh - 110upx);
+    padding-top: 10upx;
+    border-radius: 20upx 20upx 0 0;
+    background-color: #fff;
+  }
+
+  .keyword-entry-tap {
+    background-color: #eee;
+  }
+
+  .keyword-entry {
+    width: 94%;
+    height: 80upx;
+    margin: 0 3%;
+    font-size: 30upx;
+    color: #333;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: solid 1upx #e7e7e7;
+  }
+
+  .keyword-entry image {
+    width: 60upx;
+    height: 60upx;
+  }
+
+  .keyword-entry .keyword-text,
+  .keyword-entry .keyword-img {
+    height: 80upx;
+    display: flex;
+    align-items: center;
+  }
+
+  .keyword-entry .keyword-text {
+    width: 90%;
+  }
+
+  .keyword-entry .keyword-img {
+    width: 10%;
+    justify-content: center;
+  }
+
+  .keyword-box {
+    height: calc(100vh - 110upx);
+    border-radius: 20upx 20upx 0 0;
+    background-color: #fff;
+  }
+
+  .keyword-box .keyword-block {
+    padding: 10upx 0;
+  }
+
+  .keyword-box .keyword-block .keyword-list-header {
+    width: 94%;
+    padding: 10upx 3%;
+    font-size: 27upx;
+    color: #333;
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .keyword-box .keyword-block .keyword-list-header image {
+    width: 40upx;
+    height: 40upx;
+  }
+
+  .keyword-box .keyword-block .keyword {
+    width: 94%;
+    padding: 3px 3%;
+    display: flex;
+    flex-flow: wrap;
+    justify-content: flex-start;
+  }
+
+  .keyword-box .keyword-block .hide-hot-tis {
+    display: flex;
+    justify-content: center;
+    font-size: 28upx;
+    color: #6b6b6b;
+  }
+
+  .keyword-box .keyword-block .keyword>view {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 60upx;
+    padding: 0 20upx;
+    margin: 10upx 20upx 10upx 0;
+    height: 60upx;
+    font-size: 28upx;
+    background-color: rgb(242, 242, 242);
+    color: #6b6b6b;
+  }
+</style>

request/api.js

@@ -65,7 +65,7 @@ export const reqRecentRemarks = (postData) =>
     data: postData,
     method: 'POST'
   });
-  
+
 // 建单
 export const reqBuildOrder = (postData) =>
   request({
@@ -73,3 +73,25 @@ export const reqBuildOrder = (postData) =>
     data: postData,
     method: 'POST'
   });
+
+// 切换院区
+export const reqChangeHospital = (postData) =>
+  request({
+    url: '/auth/changeHospital',
+    data: postData,
+    method: 'POST'
+  });
+
+// 更新操作
+export const reqUpdData = (type, target, postData) =>
+  request({
+    url: `/${type}/updData/${target}`,
+    data: postData,
+    method: 'POST'
+  });
+
+// 获取当前用户登录信息
+export const reqGetCurrentUser = () =>
+  request({
+    url: '/user/data/getCurrentUser',
+  });

store/index.js

@@ -37,6 +37,10 @@ export default new Vuex.Store({
     // (2)	当用户设置为负数时，用户可点击知道了也可倒计时自动关闭。
     // (3)	如果用户填写0则为无自动关闭和强制查看时间。
     nurseDeptSwitchTip: 0,
+    // 搜索到的科室-searchDept
+    searchDeptResult: {},
+    // 搜索科室需要传递的参数
+    searchDeptParams: {},
   },
   mutations: {
     //是否显示切换科室弹窗
@@ -64,6 +68,14 @@ export default new Vuex.Store({
     changeNurseDeptSwitchTip(state, args) {
       state.nurseDeptSwitchTip = args;
     },
+    //搜索到的科室-searchDept
+    changeSearchDeptResult(state, args) {
+      state.searchDeptResult = args;
+    },
+    //搜索科室需要传递的参数
+    changeSearchDeptParams(state, args) {
+      state.searchDeptParams = args;
+    },
   },
   modules: {
     user,

store/modules/user.js

@@ -1,21 +1,21 @@
-import {
-  reqLogin
-} from "@/request/api.js";
+import { reqLogin } from "@/request/api.js";
 const state = {
   loginInfo: {}, //当前登录用户信息
-  loginInfoUserDeptId: undefined, //当前登录用户所属科室id
 };
 const getters = {};
 const mutations = {
+  // 登录
   vxLogin(state, args) {
     state.loginInfo = args;
-    state.loginInfoUserDeptId = args.user.dept.id;
   },
+  // 修改当前登录用户信息
+  changeLoginInfo(state, args){
+    state.loginInfo.user = args;
+  }
 };
 const actions = {
-  async vxLogin({
-    commit
-  }, args) {
+  // 登录
+  async vxLogin({ commit }, args) {
     let result = await reqLogin(args);
     if (result.status == 200) {
       commit("vxLogin", result.user);