完成工单详情

pages/orderDetail/orderDetail.vue

@@ -3,7 +3,7 @@
     <!-- 头部 -->
     <view class="orderDetail_header">
       <view class="orderDetail_header_item" v-for="tab in tabs" :key="tab.id" :class="{active:tab.id === selectedTab}"
-        @click="changeTab(tab.id)">
+        @click="debouncedChangeTab(tab.id)">
         {{tab.name}}
       </view>
     </view>
@@ -161,25 +161,146 @@
             </view>
           </view>
         </view>
-        <view class="orderDetail_infoItem_item business business-inspect">
-          <view class="inspect_info">
+        <!-- 检查信息 -->
+        <view class="orderDetail_infoItem_item business business_inspect"
+          v-if="orderInfo.taskType&&(orderInfo.taskType.associationType.value==ASSOCIATION_TYPES['患者陪检业务'] || orderInfo.taskType.associationType.value==ASSOCIATION_TYPES['患者其他服务业务'])">
+          <!-- 患者信息 -->
+          <view class="inspect_info" v-if="orderInfo.patient">
             <view class="inspect_info_block">
               <view class="inspect_info_left">
-                张三
+                <block v-if="orderInfo.patient.illnessState">
+                  <view class="inspect_info_icon" v-if="orderInfo.patient.illnessState.value === '2'">危</view>
+                  <view class="inspect_info_icon" v-else-if="orderInfo.patient.illnessState.value === '3'">重</view>
+                </block>
+                <block v-if="orderInfo.patient.careLevel">
+                  <view class="inspect_info_icon green" v-if="orderInfo.patient.careLevel.value === '0'">特</view>
+                  <view class="inspect_info_icon green" v-else-if="orderInfo.patient.careLevel.value === '1'">1</view>
+                  <view class="inspect_info_icon green" v-else-if="orderInfo.patient.careLevel.value === '2'">2</view>
+                  <view class="inspect_info_icon green" v-else-if="orderInfo.patient.careLevel.value === '3'">3</view>
+                </block>
+                <view class="inspect_info_name">{{orderInfo.patient.patientName}}</view>
               </view>
               <view class="inspect_info_right">
-                14床
+                {{orderInfo.patient.bedNum}}床
               </view>
             </view>
             <view class="inspect_info_block">
               <view class="inspect_info_left">
-                10086
+                {{orderInfo.patient.patientCode}}
               </view>
-              <view class="inspect_info_right">
-                待检6
+              <view class="inspect_info_right"
+                v-if="orderInfo.taskType.associationType.value==ASSOCIATION_TYPES['患者陪检业务']">
+                待检{{orderInfo.checkList.length}}
               </view>
             </view>
           </view>
+          <!-- 检查信息 -->
+          <block v-if="orderInfo.taskType.associationType.value==ASSOCIATION_TYPES['患者陪检业务']">
+            <view class="inspect_item" v-for="item in orderInfo.checkList" :key="item.id">
+              <view class="inspect_item_name">
+                {{item.inspectName||'暂无'}}
+              </view>
+              <view class="inspect_item_info">
+                <view class="inspect_item_dept">
+                  {{item.execDept?(deptDisplay==2?item.execDept.deptalias:item.execDept.dept):'暂无'}}
+                </view>
+                <view class="inspect_item_number">
+                  叫号信息 {{item.reservationNumber || '暂无'}}
+                </view>
+              </view>
+              <view class="inspect_item_yytime">
+                预约时间{{item.yyTime || '暂无'}}
+              </view>
+            </view>
+          </block>
+        </view>
+        <!-- 标本信息 -->
+        <view class="orderDetail_infoItem_item business business_specimen"
+          v-if="orderInfo.taskType&&(orderInfo.taskType.associationType.value==ASSOCIATION_TYPES['临时标本业务'] || orderInfo.taskType.associationType.value==ASSOCIATION_TYPES['标本轮巡业务'])">
+          <view class="inspect_specimen">
+            <uni-table stripe emptyText="暂无更多数据">
+              <!-- 表头行 -->
+              <uni-tr class="th">
+                <uni-th align="center" width="68">标本类型</uni-th>
+                <uni-th align="center" width="71">标本编码</uni-th>
+                <uni-th align="center" width="66">状态</uni-th>
+                <uni-th align="center" width="71">科室</uni-th>
+              </uni-tr>
+              <!-- 表格数据行 -->
+              <uni-tr v-for="data in orderInfo.specimenSet" :key="data.id">
+                <uni-td align="center">{{data.stype?data.stype.name:'暂无'}}</uni-td>
+                <uni-td align="center">{{data.scode || '暂无'}}</uni-td>
+                <uni-td align="center">{{data.speState?data.speState.name:'暂无'}}</uni-td>
+                <uni-td align="center" class="td" v-if="data.checkDept">
+                  {{deptDisplay==2?data.checkDept.deptalias:data.checkDept.dept}}
+                  <image class="urgent" v-if="data.urgent == 1" src="../../static/imgs/icon_ji.png" mode="widthFix">
+                  </image>
+                </uni-td>
+                <uni-td align="center" class="td" v-else>
+                  暂无
+                  <image class="urgent" v-if="data.urgent == 1" src="../../static/imgs/icon_ji.png" mode="widthFix">
+                  </image>
+                </uni-td>
+              </uni-tr>
+            </uni-table>
+          </view>
+        </view>
+        <!-- 药品信息 -->
+        <view class="orderDetail_infoItem_item business business_drugsBag"
+          v-if="orderInfo.taskType&&(orderInfo.taskType.associationType.value==ASSOCIATION_TYPES['药品配送业务'] || orderInfo.taskType.associationType.value==ASSOCIATION_TYPES['静配配送'])">
+          <!-- 检查信息 -->
+          <block v-if="orderInfo.drugs&&orderInfo.taskType.associationType.value==ASSOCIATION_TYPES['药品配送业务']">
+            <view class="drugsBag_item">
+              <view class="drugsBag_item_name">
+                发药单号
+              </view>
+              <view class="drugsBag_item_value">
+                {{orderInfo.drugs.packid || '暂无'}}
+              </view>
+            </view>
+            <view class="drugsBag_item">
+              <view class="drugsBag_item_name">
+                发药科室
+              </view>
+              <view class="drugsBag_item_value">
+                {{orderInfo.drugs.launch?(deptDisplay == 2?orderInfo.drugs.launch.deptalias:orderInfo.drugs.launch.dept):'暂无'}}
+              </view>
+            </view>
+            <view class="drugsBag_item">
+              <view class="drugsBag_item_name">
+                状态
+              </view>
+              <view class="drugsBag_item_value">
+                {{orderInfo.drugs.drugsState?orderInfo.drugs.drugsState.name:'暂无'}}
+              </view>
+            </view>
+          </block>
+          <block v-if="orderInfo.staticDistri&&orderInfo.taskType.associationType.value==ASSOCIATION_TYPES['静配配送']">
+            <view class="drugsBag_item">
+              <view class="drugsBag_item_name">
+                发药单号
+              </view>
+              <view class="drugsBag_item_value">
+                {{orderInfo.staticDistri.packid || '暂无'}}
+              </view>
+            </view>
+            <view class="drugsBag_item">
+              <view class="drugsBag_item_name">
+                发药科室
+              </view>
+              <view class="drugsBag_item_value">
+                {{orderInfo.staticDistri.launch?(deptDisplay == 2?orderInfo.staticDistri.launch.deptalias:orderInfo.staticDistri.launch.dept):'暂无'}}
+              </view>
+            </view>
+            <view class="drugsBag_item">
+              <view class="drugsBag_item_name">
+                状态
+              </view>
+              <view class="drugsBag_item_value">
+                {{orderInfo.staticDistri.drugsState?orderInfo.staticDistri.drugsState.name:'暂无'}}
+              </view>
+            </view>
+          </block>
         </view>
       </scroll-view>
     </view>
@@ -191,6 +312,9 @@
 
 <script>
   import {
+    debounce
+  } from 'lodash/function';
+  import {
     reqFetchData,
     reqFetchWorkOrderLog,
   } from "../../request/api.js";
@@ -212,6 +336,7 @@
   export default {
     data() {
       return {
+        debouncedChangeTab: null,
         // 路由传参
         queryParams: {},
         // 关联类型
@@ -287,7 +412,6 @@
             this.getProcess(this.queryParams);
             break;
           case 3:
-            this.getInfo(this.queryParams);
             break;
         }
       },
@@ -444,6 +568,12 @@
     onLoad(queryParams) {
       console.log(queryParams);
       this.init(queryParams);
+    },
+    created() {
+      this.debouncedChangeTab = debounce(this.changeTab, 166);
+    },
+    beforeDestroy() {
+      this.debouncedChangeTab.cancel()
     }
   }
 </script>
@@ -638,6 +768,141 @@
               padding-bottom: 16rpx;
             }
           }
+
+          // 业务信息-检查
+          &.business_inspect {
+            .inspect_info {
+              font-size: 34rpx;
+              color: #333;
+              padding-top: 20rpx;
+              padding-bottom: 20rpx;
+              @include border($directive:bottom, $style:dashed);
+
+              .inspect_info_block {
+                height: 60rpx;
+                @include flex(space-between, center);
+
+                .inspect_info_left {
+                  @include flex;
+
+                  .inspect_info_icon {
+                    width: 50rpx;
+                    height: 50rpx;
+                    line-height: 50rpx;
+                    background-color: #FFE8EB;
+                    border-radius: 50%;
+                    border: 1px solid #FF3B53;
+                    color: #FF3B53;
+                    font-size: 28rpx;
+                    margin-right: 8rpx;
+                    @include flex(center, center);
+
+                    &.green {
+                      border: 1px solid $defaultColor;
+                      background-color: rgba(73, 184, 86, 0.1);
+                    }
+                  }
+
+                  .inspect_info_name {
+                    font-weight: bold;
+                  }
+                }
+
+                .inspect_info_right {
+                  font-weight: bold;
+                }
+              }
+            }
+
+            .inspect_item {
+              color: #333;
+              font-size: 34rpx;
+              line-height: 48rpx;
+              padding-top: 26rpx;
+              padding-bottom: 26rpx;
+              @include border($directive:bottom, $style:dashed);
+
+              .inspect_item_name {
+                font-weight: bold;
+              }
+
+              .inspect_item_yytime {
+                font-weight: bold;
+              }
+
+              .inspect_item_info {
+                margin-top: 16rpx;
+                margin-bottom: 16rpx;
+                @include flex(space-between, center);
+
+                .inspect_item_dept {
+                  flex: 1;
+                  word-break: break-all;
+                  @include clamp;
+                }
+
+                .inspect_item_number {
+                  flex: 1;
+                  text-align: right;
+                  word-break: break-all;
+                  @include clamp;
+                }
+              }
+            }
+          }
+
+          // 业务信息-标本
+          &.business_specimen {
+            font-size: 34rpx;
+
+            .th {
+              background-color: red;
+              @include btn_background;
+
+              th {
+                color: #fff;
+              }
+            }
+
+            .td {
+              position: relative;
+
+              .urgent {
+                width: 60rpx;
+                position: absolute !important;
+                right: 0;
+                top: 0;
+              }
+            }
+
+            .table--border {
+              border: none;
+            }
+
+            ::v-deep .uni-table {
+              min-width: 0;
+            }
+
+            ::v-deep .uni-table-td {
+              word-break: break-all;
+            }
+          }
+
+          // 业务信息-药品
+          &.business_drugsBag {
+            .drugsBag_item {
+              color: #333;
+              font-size: 34rpx;
+              margin-top: 20rpx;
+              @include flex(space-between, center);
+
+              .drugsBag_item_name {}
+
+              .drugsBag_item_value {
+                font-weight: bold;
+              }
+            }
+          }
         }
       }
     }