首页扫描

components/seiminSearch/seiminSearch.vue

@@ -36,7 +36,7 @@
       },
       value: {
         type: String,
-        default: false
+        default: ''
       },
       button: {
         value: String,

main.js

@@ -12,7 +12,7 @@ import {
 Vue.prototype.$request = request
 
 Vue.config.productionTip = false
-console.info('v2.4.1')
+console.info('v1.0.2')
 
 App.mpType = 'app'
 

manifest.json

@@ -2,8 +2,8 @@
     "name" : "医疗服务中心转运系统",
     "appid" : "__UNI__FEB1B1E",
     "description" : "医疗服务中心转运系统",
-    "versionName" : "1.0.1",
-    "versionCode" : 101,
+    "versionName" : "1.0.2",
+    "versionCode" : 102,
     "transformPx" : false,
     "app-plus" : {
         /* 5+App特有相关 */

package-lock.json

@@ -12,7 +12,8 @@
         "animate.css": "^4.1.1",
         "crypto-js": "^4.1.1",
         "date-fns": "^2.28.0",
-        "lodash": "^4.17.21"
+        "lodash": "^4.17.21",
+        "moment": "^2.29.3"
       }
     },
     "node_modules/animate.css": {
@@ -37,6 +38,14 @@
       "version": "4.17.21",
       "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/moment": {
+      "version": "2.29.3",
+      "resolved": "https://registry.npmmirror.com/moment/-/moment-2.29.3.tgz",
+      "integrity": "sha512-c6YRvhEo//6T2Jz/vVtYzqBzwvPT95JBQ+smCytzf7c50oMZRsR/a4w88aD34I+/QVSfnoAnSBFPJHItlOMJVw==",
+      "engines": {
+        "node": "*"
+      }
     }
   },
   "dependencies": {
@@ -59,6 +68,11 @@
       "version": "4.17.21",
       "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "moment": {
+      "version": "2.29.3",
+      "resolved": "https://registry.npmmirror.com/moment/-/moment-2.29.3.tgz",
+      "integrity": "sha512-c6YRvhEo//6T2Jz/vVtYzqBzwvPT95JBQ+smCytzf7c50oMZRsR/a4w88aD34I+/QVSfnoAnSBFPJHItlOMJVw=="
     }
   }
 }

package.json

@@ -17,6 +17,7 @@
     "animate.css": "^4.1.1",
     "crypto-js": "^4.1.1",
     "date-fns": "^2.28.0",
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "moment": "^2.29.3"
   }
 }

pages/index/index.vue

@@ -5,7 +5,7 @@
       <!-- 头部搜索 -->
       <view class="search">
         <view class="search_wrap">
-          <input focus placeholder="请输入标本编码/检查单号/请…" :placeholder-style="placeholderStyle" confirm-type="search"
+          <input focus placeholder="请输入标本编码/检查单号/患…" :placeholder-style="placeholderStyle" confirm-type="search"
             v-model="searchText" />
           <view class="searchBtn"> 搜索 </view>
         </view>
@@ -18,7 +18,7 @@
         color="#666">
       </uni-notice-bar>
       <!-- 一键收标本 -->
-      <view class="collect_specimens">
+      <view class="collect_specimens" v-if="openSpecimen">
         <view class="collect_icon"> 标 </view>
         <view class="collect_specimensNum">
           <view class="urgent collect_row" @click="gotoSpecimenList('urgent')">
@@ -114,6 +114,7 @@
     },
     data() {
       return {
+        openSpecimen: false, //标本的开通权限
         searchText: '', //首页搜索内容
         placeholderStyle: "color:#999;font-size:30rpx;line-height:66rpx;",
         urgentNum: 0, //急标数量
@@ -195,12 +196,19 @@
       },
       // 查询急标和普标数量
       querySpecimenNumRequest() {
-        return reqSpecimenWorkOrderMsg({
-          deptId: this.loginInfo.user.dept.id,
-        });
+        if (this.openSpecimen) {
+          return reqSpecimenWorkOrderMsg({
+            deptId: this.loginInfo.user.dept.id,
+          });
+        } else {
+          return Promise.resolve();
+        }
       },
       // 查询急标和普标数量
       querySpecimenNumResponse(res) {
+        if (!this.openSpecimen) {
+          return;
+        }
         if (res.status == 200) {
           if (res.specimenCount) {
             this.urgentNum = res.specimenCount.urgent;
@@ -271,6 +279,7 @@
         if (res.status == 200) {
           res.data = res.data || {};
           res.data.allTaskTypes = res.data.allTaskTypes || [];
+          this.openSpecimen = res.data.openSpecimen;
           this.quickOtherList = res.data.allTaskTypes.filter(
             (v) => v.associationType ? v.associationType.value == ASSOCIATION_TYPES["其他临床服务"] : false
           );

pages/patientBuild/patientBuild.vue

@@ -85,6 +85,7 @@
       switchChange(e) {
         this.isUrgent = e.detail.value;
         this.urgentRemark = '';
+        this.isYYBuild = !this.isUrgent;
         this.showBtns(!this.isUrgent);
       },
       // 选择设备
@@ -170,6 +171,7 @@
       },
       // 是否加急
       allowUrgentChange(isUrgent) {
+        console.log(isUrgent,this.isYYBuild)
         if (this.isYYBuild) {
           this.isYYBuild = !isUrgent;
           if (!this.isYYBuild) {
@@ -229,7 +231,7 @@
         console.log(this.patientBuildTrip)
         if (
           (this.patientTaskType.associationType.value === this.ASSOCIATION_TYPES['患者陪检业务'] &&
-            this.hasYYtimeChecks.length && this.patientTaskType.appointmentSwitch == 1) ||
+            checks.length && this.patientTaskType.appointmentSwitch == 1) ||
           (this.patientTaskType.associationType.value === this.ASSOCIATION_TYPES['患者其他服务业务'] &&
             this.patientTaskType.appointmentOtherSwitch == 1)
         ) {
@@ -254,8 +256,8 @@
       },
       // 底部按钮展示
       showBtns(flag) {
-        console.log(flag)
-        if (flag) {
+        console.log(flag,this.isYYBuild)
+        if (flag && this.isYYBuild) {
           //患者陪检业务或患者其他服务业务，并且预约建单开关打开的情况下
           this.btns = [{
             name: "上一步",

pages/search/search.vue

@@ -1,22 +1,370 @@
 <template>
-  <view>
-
+  <view class="search">
+    <view class="search-box">
+      <seiminSearch class="mSearch-input-box" :mode="2" button="inside" placeholder="请输入标本编码/检查单号/患者编码"
+        @input="debounceInp" v-model="keyword" ref="search"></seiminSearch>
+    </view>
+    <view class="search-keyword">
+      <!-- 患者 -->
+      <view class="head" v-if="searchList.patientList.length">患者</view>
+      <view class="orderList_listItem" v-for="search in searchList.patientList" :key="search.id"
+        @click="toDetail(search,'patient')">
+        <view class="orderList_listItem_header">
+          <view class="orderList_listItem_header_title">
+            <block v-if="search.illnessState">
+              <view class="associationType_icon red" v-if="search.illnessState.value === '2'">危</view>
+              <view class="associationType_icon red" v-else-if="search.illnessState.value === '3'">重</view>
+            </block>
+            <block v-if="search.careLevel">
+              <view class="associationType_icon red" v-if="search.careLevel.value === '0'">特</view>
+              <view class="associationType_icon red" v-else-if="search.careLevel.value === '1'">1</view>
+              <view class="associationType_icon green" v-else-if="search.careLevel.value === '2'">2</view>
+              <view class="associationType_icon green" v-else-if="search.careLevel.value === '3'">3</view>
+            </block>
+            <view class="taskNameAndWorkerName">
+              <text class="workerName">{{search.patientName || '暂无'}}</text>
+            </view>
+          </view>
+          <text class="orderList_listItem_header_more">{{search.bedNum }}床</text>
+        </view>
+        <view class="orderList_listItem_item">
+          <view class="orderList_listItem_item_content">
+            <text class="orderList_listItem_item_name">{{search.residenceNo || '暂无'}}</text>
+            <text class="orderList_listItem_item_time">待检{{search.watingCount}}</text>
+          </view>
+        </view>
+      </view>
+      <!-- 标本 -->
+      <view class="head" v-if="searchList.specimenList.length">标本</view>
+      <view class="orderList_listItem" v-for="search in searchList.specimenList" :key="search.id"
+        @click="toDetail(search,'specimen')">
+        <view class="orderList_listItem_header">
+          <view class="orderList_listItem_header_title">
+            <view class="taskNameAndWorkerName">
+              <text class="workerName">{{search.specimenDesc || '暂无'}}</text>
+            </view>
+          </view>
+          <text class="orderList_listItem_header_more">{{search.scode || '暂无' }}</text>
+        </view>
+        <view class="orderList_listItem_item">
+          <view class="orderList_listItem_item_content">
+            <text class="orderList_listItem_item_name">{{search.patientName || '暂无'}}
+              <block v-if="search.bedNum">({{search.bedNum}}床)</block>
+            </text>
+            <text class="orderList_listItem_item_time">{{search.speState?search.speState.name:'暂无'}}</text>
+          </view>
+        </view>
+      </view>
+      <!-- 检查 -->
+      <view class="head" v-if="searchList.inspectList.length">检查</view>
+      <view class="orderList_listItem" v-for="search in searchList.inspectList" :key="search.id"
+        @click="toDetail(search,'inspect')">
+        <view class="orderList_listItem_header">
+          <view class="orderList_listItem_header_title">
+            <view class="taskNameAndWorkerName">
+              <text class="workerName">{{search.inspectName || '暂无'}}</text>
+            </view>
+          </view>
+          <text class="orderList_listItem_header_more">{{search.bedNum }}床</text>
+        </view>
+        <view class="orderList_listItem_item">
+          <view class="orderList_listItem_item_content no">
+            <view class="no_item">
+              <text class="orderList_listItem_item_name">{{search.inspectCode || '暂无'}}</text>
+              <text class="orderList_listItem_item_time"></text>
+            </view>
+            <view class="no_item">
+              <text class="orderList_listItem_item_name">{{search.patientName || '暂无'}}
+                <block v-if="search.bedNum">({{search.bedNum}}床)</block>
+              </text>
+              <text class="orderList_listItem_item_time">{{search.yyTime||'暂无'}}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <seiminModel ref="seiminModel"></seiminModel>
   </view>
 </template>
 
 <script>
+  import {
+    debounce
+  } from 'lodash/function';
+  import {
+    reqSmartScan,
+  } from "../../request/api.js";
+  import {
+    mapState,
+    mapMutations,
+  } from "vuex";
+  import {
+    ASSOCIATION_TYPES
+  } from '../../utils/enum.association_types.js';
   export default {
     data() {
       return {
-
+        queryParams: {}, //路由参数
+        ASSOCIATION_TYPES,
+        checkedShowMsg: {}, //当前选中的任务类型的buildtrip信息
+        selectedPatient: {}, //当前选中的患者
+        taskTypeListResource: [], //任务类型列表(请求的原始数据)
+        taskTypeList: [], //任务类型列表
+        pickerTitle: "", //一键建单picker的title
+        debounceInp: null,
+        keyword: "",
+        searchList: {
+          patientList: [],
+          specimenList: [],
+          inspectList: [],
+        },
       };
     },
-    onLoad() {
-
+    computed: {
+      ...mapState("login", ["loginInfo"]),
+      ...mapState('other', ["deptDisplay"]),
     },
-  }
+    methods: {
+      ...mapMutations('other', ['changeQucikCreateOrderType', 'clearPatientBuildData', 'changePatientBuildData']),
+      // 跳转患者详情
+      toDetail(search, type) {
+        switch (type) {
+          case 'patient':
+            uni.navigateTo({
+              url: `/pages/patientDetail/patientDetail?patientCode=${search.patientCode}&patientName=${search.patientName}`
+            })
+            break;
+          case 'specimen':
+            uni.navigateTo({
+              url: `/pages/detail/detail?id=${search.id}&associationType=specimen&scode=${search.scode}`
+            })
+            break;
+          case 'inspect':
+            uni.navigateTo({
+              url: `/pages/detail/detail?id=${search.id}&associationType=inspect`
+            })
+            break;
+        }
+      },
+      //监听输入
+      inputChange(event = '') {
+        let keyWord = event.detail ? event.detail.value : event;
+        // 长度小于等于0,返回首页
+        // 长度小于等于4,只搜索床号
+        // 长度大于4,搜索患者住院号，患者二维码，标本码，检查单号
+        if (!keyWord.length) {
+          uni.navigateTo({
+            url: '/pages/index/index'
+          })
+          return;
+        }
+        let postData = {
+          deptId: this.loginInfo.user.dept.id,
+          code: keyWord
+        };
+        uni.showLoading({
+          title: "加载中",
+          mask: true,
+        });
+        reqSmartScan(postData).then((res) => {
+          uni.hideLoading();
+          uni.stopPullDownRefresh();
+          if (res.state == 200) {
+            Object.assign(this.searchList, res.data);
+            console.log(this.searchList)
+          } else {
+            this.$refs.seiminModel.show({
+              skin: "toast",
+              icon: "error",
+              content: res.msg || "获取数据失败",
+            });
+            throw new Error(res.msg || "获取数据失败");
+          }
+        });
+      },
+    },
+    onReachBottom() {
+      this.reachBottom();
+    },
+    onPullDownRefresh() {
+      this.inputChange(this.keyword)
+    },
+    created() {
+      this.debounceInp = debounce(this.inputChange, 500);
+    },
+    beforeDestroy() {
+      this.debounceInp.cancel()
+    },
+    onLoad(queryParams) {
+      this.queryParams = queryParams;
+      this.keyword = queryParams.txt;
+      this.inputChange(queryParams.txt);
+    },
+    mounted() {
+      this.$refs.search.inputVal = this.queryParams.txt;
+    }
+  };
 </script>
+<style lang="scss" scoped>
+  .search {
+    padding-bottom: 108rpx;
+
+    .search-box {
+      background-color: rgb(242, 242, 242);
+      padding: 15rpx 2.5%;
+      position: fixed;
+      z-index: 99;
+      width: 100%;
+      @include flex(space-between);
+
+      .mSearch-input-box {
+        width: 100%;
+      }
+
+      .input-box {
+        width: 85%;
+        flex-shrink: 1;
+        @include flex(center, center);
+
+        &>input {
+          width: 100%;
+          height: 60rpx;
+          font-size: 32rpx;
+          border: 0;
+          border-radius: 60rpx;
+          appearance: none;
+          padding: 0 3%;
+          margin: 0;
+          background-color: #ffffff;
+        }
+      }
+
+      .search-btn {
+        width: 15%;
+        margin: 0 0 0 2%;
+        flex-shrink: 0;
+        font-size: 28rpx;
+        color: #fff;
+        background: linear-gradient(to right, #ff9801, #ff570a);
+        border-radius: 60rpx;
+        @include flex(center, center);
+      }
+    }
+
+    .search-keyword {
+      padding: 88rpx 24rpx 0;
+
+      .head {
+        font-weight: bold;
+      }
 
-<style lang="scss">
+      // 列表项
+      .orderList_listItem {
+        width: 702rpx;
+        min-height: 232rpx;
+        background-color: #fff;
+        position: relative;
+        margin-top: 8rpx;
+        border-radius: 8rpx;
+        padding: 0 24rpx;
+        font-size: 32rpx;
+        @include border;
+        @include semicircle(#F9FAFB, 82rpx);
+        @include flex(flex-start, stretch, column);
 
+        .orderList_listItem_header {
+          height: 86rpx;
+          @include border($directive:bottom, $style:dashed);
+          @include flex(space-between, center);
+
+          .orderList_listItem_header_title {
+            color: #333;
+            flex: 1;
+            @include flex(flex-start, center);
+
+            .associationType_icon {
+              width: 48rpx;
+              height: 48rpx;
+              border-radius: 50%;
+              font-size: 24rpx;
+              margin-right: 8rpx;
+              @include border($color:#39b199);
+              @include flex(center, center);
+
+              &.green {
+                color: $defaultColor;
+                border: 1px solid $defaultColor;
+                background-color: rgba(73, 184, 86, 0.1);
+              }
+
+              &.red {
+                color: #FF3B53;
+                border: 1px solid #FF3B53;
+                background-color: #FFE8EB;
+              }
+            }
+
+            .taskNameAndWorkerName {
+              flex: 1;
+              @include flex;
+
+              .taskName {
+                max-width: 10em;
+                @include clamp;
+              }
+
+              .workerName {
+                flex: 1;
+                @include clamp;
+              }
+            }
+          }
+
+          .orderList_listItem_header_more {
+            color: #333;
+            font-weight: bold;
+            @include clamp;
+          }
+        }
+
+        .orderList_listItem_item {
+          height: 88rpx;
+          color: #333;
+          font-size: 30rpx;
+          flex: 1;
+          @include border(bottom);
+          @include flex(flex-start, stretch, column);
+
+          &:last-of-type {
+            border-bottom: none;
+          }
+
+          .orderList_listItem_item_content {
+            min-height: 143rpx;
+            flex: 1;
+            @include flex(space-between, center);
+
+            &.no {
+              @include flex($flexDirection: column);
+
+              .no_item {
+                height: 50%;
+                @include flex(space-between, center);
+              }
+            }
+
+            .orderList_listItem_item_name {
+              font-size: 34rpx;
+            }
+
+            .orderList_listItem_item_time {
+              color: #333;
+              font-size: 34rpx;
+              font-weight: bold;
+            }
+          }
+        }
+      }
+    }
+  }
 </style>

request/api.js

@@ -182,3 +182,11 @@ export const reqUppwd = (postData) =>
     data: postData,
     method: 'POST'
   });
+
+// 首页搜索
+export const reqSmartScan = (postData) =>
+  request({
+    url: `/workerOrder/smartScan`,
+    data: postData,
+    method: 'POST'
+  });

request/config.js

@@ -9,11 +9,11 @@ const host = 'http://192.168.3.108';
 //配置项
 const config = {
   baseUrl: "", // 后端服务地址
-  pdaDownloadUrl: `${host}/assets/downloads`, // PDA下载地址
+  pdaDownloadUrl: `${host}/apk`, // PDA下载地址
 };
 // 后端服务地址
 const baseUrls = {
-  development: "http://192.168.3.108/service", //开发环境
+  development: `${host}/service`, //开发环境
   production: `${host}/service`, //生产环境
 };
 config.baseUrl = baseUrls[process.env.NODE_ENV];

utils/index.js

@@ -4,6 +4,7 @@ import {
   pad,
   enc
 } from "crypto-js";
+import moment from 'moment';
 import {
   WORKORDER_EVALUATION
 } from "./enum.workorderEvaluation.js";