标本一键建单及其他

components/seiminModel/seiminModel.vue

@@ -26,7 +26,15 @@
         </view>
       </view>
       <!-- 正常弹窗 -->
-      <view class="seiminModel_content" v-html="opts.content" v-else></view>
+      <view class="seiminModel_content" v-else>
+        <!-- 图标 -->
+        <view class="seiminModel_status">
+          <text class="pda pda-shibai red" v-if="opts.icon === 'error'"></text>
+          <text class="pda pda-duigou green" v-if="opts.icon === 'success'"></text>
+        </view>
+        <!-- 内容 -->
+        <view class="seiminModel_txt" v-html="opts.content"></view>
+      </view>
       <!-- 底部 -->
       <view class="seiminModel_footer" v-if="nurseDeptSwitchTip <= 0 || (nurseDeptSwitchTip > 0 && closeTime === 0)">
         <view class="seiminModel_footer__btn" v-for="(btn, i) in opts.btns" :style="{
@@ -75,6 +83,7 @@
           skin: "default", //弹窗风格(default|toast|qrcode|)
           isVisible: false, //是否显示弹窗
           title: "提示", //标题
+          icon:'success',//图标(success|error|)
           content: "", //内容
           btns: [{
               name: "取消",
@@ -195,11 +204,20 @@
         flex-direction: column;
         align-content: center;
 
+        .seiminModel_status {
+          margin-bottom: 35rpx;
+
+          .pda {
+            font-size: 138rpx;
+          }
+        }
+
         .seiminModel_header {
           height: 100rpx;
           position: relative;
           @include flex(center, center);
-          .seiminModel_countDown{
+
+          .seiminModel_countDown {
             position: absolute;
             right: 26rpx;
             font-size: 28rpx;

pages/index/index.vue

@@ -15,7 +15,8 @@
         </view>
       </view>
       <!-- 通告栏 -->
-      <uni-notice-bar :speed="50" scrollable single showIcon :text="updateTipsForNurses" background-color="#fff" color="#666">
+      <uni-notice-bar :speed="20" scrollable single showIcon :text="updateTipsForNurses" background-color="#fff"
+        color="#666">
       </uni-notice-bar>
       <!-- 一键收标本 -->
       <view class="collect_specimens">
@@ -183,6 +184,9 @@
         if (res.status == 200) {
           this.quickOtherList = res.data.allTaskTypes.filter(v => v.associationType.value == ASSOCIATION_TYPES[
             '其他临床服务']);
+          let specimenTaskType = res.data.allTaskTypes.find(v => v.associationType.value == ASSOCIATION_TYPES[
+            '临时标本业务']);
+          this.specimenTaskTypeId = specimenTaskType && specimenTaskType.id;
         }
       },
       // 护士端科室显示选择(名称还是别名)
@@ -254,7 +258,10 @@
         uni.navigateTo({
           url: '/pages/quickCreateOrder/quickCreateOrder'
         })
-        this.changeQucikCreateOrderType('specimen');
+        this.changeQucikCreateOrderType({
+          type: 'specimen',
+          taskTypeId: this.specimenTaskTypeId
+        });
       },
       // 切换科室弹窗
       showDeptModel() {

pages/quickCreateOrder/quickCreateOrder.vue

@@ -1,8 +1,6 @@
 <template>
   <view class="quickCreateOrder">
-    <view class="qco_msg">
-      支助人员将去<b>7东-泌尿外科I病区</b>执行<b>调药</b>，请选择起点科室；
-    </view>
+    <view class="qco_msg" v-html="dataObj.msg"></view>
     <!-- 起点科室,终点科室 -->
     <block v-if="qucikCreateOrderType === 'other'">
       <view class="select_block">
@@ -15,57 +13,37 @@
       </view>
     </block>
     <!-- 备注 -->
-    <view class="remarks">
-      <textarea class="remarks_textarea" auto-height :maxlength="100" placeholder-style="color:#999"
-        placeholder="备注信息：请您填写微生物和数量" />
+    <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" />
     </view>
     <!-- 快捷输入,历史输入 -->
-    <view class="quickAndHistory">
+    <view class="quickAndHistory" v-if="dataObj.remarksSwitch == 1 && dataObj.customRemarks.length">
       <view class="quickAndHistory_header">
         快捷输入
       </view>
       <view class="quickAndHistory_container">
-        <view class="quickAndHistory_item">
-          我是一只小青蛙
-        </view>
-        <view class="quickAndHistory_item">
-          我是一只小青蛙
-        </view>
-        <view class="quickAndHistory_item">
-          我是一只小青蛙
-        </view>
-        <view class="quickAndHistory_item">
-          我是一只小青蛙
-        </view>
-        <view class="quickAndHistory_item">
-          我是一只小青蛙
+        <view class="quickAndHistory_item" @click="addRemarks(customRemark)"
+          v-for="(customRemark,i) in dataObj.customRemarks" :key="i">
+          {{customRemark}}
         </view>
       </view>
     </view>
-    <view class="quickAndHistory">
+    <view class="quickAndHistory" v-if="dataObj.remarksSwitch == 1">
       <view class="quickAndHistory_header">
         历史输入
       </view>
       <view class="quickAndHistory_container">
-        <view class="quickAndHistory_item">
-          我是一只小青蛙
-        </view>
-        <view class="quickAndHistory_item">
-          我是一只小青蛙
-        </view>
-        <view class="quickAndHistory_item">
-          我是一只小青蛙
-        </view>
-        <view class="quickAndHistory_item">
-          我是一只小青蛙
-        </view>
-        <view class="quickAndHistory_item">
-          我是一只小青蛙
+        <view class="quickAndHistory_item" @click="addRemarks(historyCustomRemark)"
+          v-for="(historyCustomRemark,i) in historyCustomRemarks" :key="i">
+          {{historyCustomRemark}}
         </view>
       </view>
     </view>
     <!-- 底部 -->
     <seiminFooterBtn :btns="btns"></seiminFooterBtn>
+    <seiminModel ref="seiminModel"></seiminModel>
   </view>
 </template>
 
@@ -73,9 +51,26 @@
   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',
@@ -89,17 +84,112 @@
             name: '确认',
             type: 'primary',
             click: () => {
-              console.log('确认');
+              this.submitData();
             }
           }
         ]
       };
     },
     computed: {
-      ...mapState(['qucikCreateOrderType']),
+      ...mapState(['qucikCreateOrderType', 'qucikCreateOrderTypeId']),
+      ...mapState('user', ['loginInfoUserDeptId']),
+    },
+    methods: {
+      // 添加备注
+      addRemarks(customRemark) {
+        this.remarksFocus = false;
+        this.$nextTick(() => {
+          this.remarksFocus = true;
+        });
+        this.workOrderRemark += customRemark;
+      },
+      //获取所有数据
+      getData(qucikCreateOrderType, qucikCreateOrderTypeId) {
+        uni.showLoading({
+          title: '加载中'
+        });
+        let postData = {
+          "taskTypeId": qucikCreateOrderTypeId,
+          "deptId": this.loginInfoUserDeptId,
+        };
+        if (qucikCreateOrderType === 'specimen') {
+          Promise.all([
+            reqBuildTrip(postData),
+            reqRecentRemarks(postData)
+          ]).then(values => {
+            uni.hideLoading();
+            this.getBuildTrip(values[0]);
+            this.getRecentRemarks(values[1]);
+          })
+        }
+      },
+      // 获取其他数据
+      getBuildTrip(res) {
+        if (res.status == 200) {
+          // 处理返回的数据
+          if (res.customRemarks) {
+            res.customRemarks = res.customRemarks.split('$');
+          } else {
+            res.customRemarks = []
+          }
+          this.dataObj = res;
+        }
+      },
+      // 获取历史输入
+      getRecentRemarks(res) {
+        if (res.state == 200) {
+          this.historyCustomRemarks = res.data || [];
+        }
+      },
+      // 提交数据,建单
+      submitData() {
+        uni.showLoading({
+          title: '加载中',
+          mask: true
+        })
+        let postData = {
+          urgent: 0,
+          workOrder: {
+            sourceId: SOURCEID['护士端'],
+            workOrderRemark: this.workOrderRemark,
+            taskType: {
+              id: this.qucikCreateOrderTypeId
+            },
+            createDept: this.loginInfoUserDeptId,
+            startDept: {
+              id: this.loginInfoUserDeptId
+            },
+          },
+        };
+        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 || '操作失败'
+            });
+          }
+        })
+      }
     },
     onLoad() {
-
+      this.getData(this.qucikCreateOrderType, this.qucikCreateOrderTypeId);
     }
   }
 </script>
@@ -156,6 +246,7 @@
 
       .remarks_textarea {
         width: 100%;
+        min-height: 100rpx;
       }
     }
 

request/api.js

@@ -49,3 +49,27 @@ export const reqFetchDataList = (type, target, postData) =>
     data: postData,
     method: 'POST'
   });
+
+// 获取一键建单所需的信息
+export const reqBuildTrip = (postData) =>
+  request({
+    url: '/nurse/workOrder/buildTrip',
+    data: postData,
+    method: 'POST'
+  });
+
+// 获取一键建单所需的历史输入信息
+export const reqRecentRemarks = (postData) =>
+  request({
+    url: '/nurse/workOrder/recentRemarks',
+    data: postData,
+    method: 'POST'
+  });
+  
+// 建单
+export const reqBuildOrder = (postData) =>
+  request({
+    url: '/api/startOrder',
+    data: postData,
+    method: 'POST'
+  });

static/fonts/demo_index.html

@@ -55,6 +55,18 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon pda">&#xe626;</span>
+                <div class="name">失败</div>
+                <div class="code-name">&amp;#xe626;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pda">&#xe602;</span>
+                <div class="name">对勾</div>
+                <div class="code-name">&amp;#xe602;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon pda">&#xe637;</span>
                 <div class="name">向右</div>
                 <div class="code-name">&amp;#xe637;</div>
@@ -114,9 +126,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'pda';
-  src: url('iconfont.woff2?t=1649728794969') format('woff2'),
-       url('iconfont.woff?t=1649728794969') format('woff'),
-       url('iconfont.ttf?t=1649728794969') format('truetype');
+  src: url('iconfont.woff2?t=1650009457376') format('woff2'),
+       url('iconfont.woff?t=1650009457376') format('woff'),
+       url('iconfont.ttf?t=1650009457376') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -143,6 +155,24 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon pda pda-shibai"></span>
+            <div class="name">
+              失败
+            </div>
+            <div class="code-name">.pda-shibai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pda pda-duigou"></span>
+            <div class="name">
+              对勾
+            </div>
+            <div class="code-name">.pda-duigou
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon pda pda-xiangyou"></span>
             <div class="name">
               向右
@@ -234,6 +264,22 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#pda-shibai"></use>
+                </svg>
+                <div class="name">失败</div>
+                <div class="code-name">#pda-shibai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#pda-duigou"></use>
+                </svg>
+                <div class="name">对勾</div>
+                <div class="code-name">#pda-duigou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#pda-xiangyou"></use>
                 </svg>
                 <div class="name">向右</div>

static/fonts/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "pda"; /* Project id 3307922 */
-  src: url('/static/fonts/iconfont.woff2?t=1649728794969') format('woff2'),
-       url('/static/fonts/iconfont.woff?t=1649728794969') format('woff'),
-       url('/static/fonts/iconfont.ttf?t=1649728794969') format('truetype');
+  src: url('/static/fonts/iconfont.woff2?t=1650009457376') format('woff2'),
+       url('/static/fonts/iconfont.woff?t=1650009457376') format('woff'),
+       url('/static/fonts/iconfont.ttf?t=1650009457376') format('truetype');
 }
 
 .pda {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.pda-shibai:before {
+  content: "\e626";
+}
+
+.pda-duigou:before {
+  content: "\e602";
+}
+
 .pda-xiangyou:before {
   content: "\e637";
 }

static/fonts/iconfont.json

@@ -6,6 +6,20 @@
   "description": "转运PDA",
   "glyphs": [
     {
+      "icon_id": "100733",
+      "name": "失败",
+      "font_class": "shibai",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "3668000",
+      "name": "对勾",
+      "font_class": "duigou",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
       "icon_id": "479506",
       "name": "向右",
       "font_class": "xiangyou",

store/index.js

@@ -28,6 +28,7 @@ export default new Vuex.Store({
   state: {
     isShowSeiminModel: false, //是否显示切换科室弹窗
     qucikCreateOrderType: '', //快捷建单类型
+    qucikCreateOrderTypeId: '', //快捷建单类型id
     deptDisplay: 1, //护士端科室显示选择(名称还是别名)1是名称，2是别名
     updateTipsForNurses: '', //护士端更新提示
     specimenButton: '', //标本按钮文字
@@ -43,8 +44,9 @@ export default new Vuex.Store({
       state.isShowSeiminModel = args;
     },
     //快捷建单类型
-    changeQucikCreateOrderType(state, args) {
-      state.qucikCreateOrderType = args;
+    changeQucikCreateOrderType(state, args = {}) {
+      state.qucikCreateOrderType = args.type;
+      state.qucikCreateOrderTypeId = args.taskTypeId;
     },
     //护士端科室显示选择(名称还是别名)1是名称，2是别名
     changeDeptDisplay(state, args) {

utils/enum.sourceid.js

@@ -0,0 +1,21 @@
+import {
+  createEnum
+} from './index.js';
+let data = [{
+    name: '服务台',
+    value: '1'
+  },
+  {
+    name: '护士端',
+    value: '2'
+  },
+  {
+    name: '系统自动建单',
+    value: '3'
+  },
+  {
+    name: '微信端',
+    value: '4'
+  },
+]
+export const SOURCEID = createEnum(data); //建单来源