样式调整

pages/index/index.vue

@@ -41,7 +41,7 @@
           <text class="newOrders_header_title">最新工单</text>
           <text class="newOrders_header_more" @click="goToMore">更多&gt;&gt;</text>
         </view>
-        <view class="newOrders_item" v-for="newOrder in newOrderList" :key="newOrder.id">
+        <view class="newOrders_item" v-for="newOrder in newOrderList" :key="newOrder.id" @click="toDetail(newOrder.id)">
           <image class="ji" src="../../static/imgs/icon_ji.png" mode="widthFix"
             v-if="newOrder.emergencyType && newOrder.emergencyType.value == 2"></image>
           <image class="jiaji" src="../../static/imgs/icon_jiaji.png" mode="widthFix"
@@ -135,6 +135,12 @@
         "changeSearchDeptParams",
       ]),
       ...mapActions('system', ["vxSystem"]),
+      // 前往工单详情
+      toDetail(id) {
+        uni.navigateTo({
+          url: `/pages/orderDetail/orderDetail?id=${id}`
+        })
+      },
       // 跳转到工单列表页面
       goToMore() {
         uni.navigateTo({
@@ -691,7 +697,9 @@
             @include clamp(1);
           }
 
-          .newOrders_item_status {}
+          .newOrders_item_status {
+            width: 4em;
+          }
         }
       }
 

pages/orderDetail/orderDetail.vue

@@ -10,7 +10,7 @@
     <!-- tab -->
     <!-- 工单信息 -->
     <view class="orderDetail_info" v-show="selectedTab === 1">
-      <view class="orderDetail_infoItem" v-if="orderInfo.id">
+      <scroll-view scroll-y class="orderDetail_infoItem" v-if="orderInfo.id">
         <view class="orderDetail_infoItem_header">
           <view class="orderDetail_infoItem_header_title">
             <view class="icon"></view>
@@ -69,8 +69,9 @@
           <view class="orderDetail_infoItem_item_content"
             v-if="orderInfo.taskType.associationType.value === ASSOCIATION_TYPES['患者陪检业务']||orderInfo.taskType.associationType.value === ASSOCIATION_TYPES['患者其他服务业务']">
             <text class="orderDetail_infoItem_item_name">预约时间</text>
-            <text
-              class="orderDetail_infoItem_item_value">{{orderInfo.yyjdTime?(orderInfo.yyjdTime|formatDate('MM-dd HH:mm')):'暂无'}}</text>
+            <text class="orderDetail_infoItem_item_value"
+              v-if="orderInfo.yyjdTime">{{orderInfo.yyjdTime|formatDate('MM-dd HH:mm')}}</text>
+            <text class="orderDetail_infoItem_item_value" v-else>暂无</text>
           </view>
           <view class="orderDetail_infoItem_item_content"
             v-if="orderInfo.taskType.associationType.value === ASSOCIATION_TYPES['患者陪检业务']">
@@ -113,11 +114,11 @@
             <text class="orderDetail_infoItem_item_value">{{orderInfo.specialCloseReason||'暂无'}}</text>
           </view>
         </view>
-      </view>
+      </scroll-view>
     </view>
     <!-- 流程信息 -->
     <view class="orderDetail_info" v-show="selectedTab === 2">
-      <view class="orderDetail_infoItem" v-if="logList.length">
+      <scroll-view scroll-y class="orderDetail_infoItem" v-if="logList.length">
         <view class="orderDetail_infoItem_header">
           <view class="orderDetail_infoItem_header_title">
             <view class="icon"></view>
@@ -147,13 +148,40 @@
             </view>
           </view>
         </view>
-      </view>
+      </scroll-view>
     </view>
     <!-- 业务信息 -->
     <view class="orderDetail_info" v-show="selectedTab === 3">
-      <view class="orderDetail_infoItem">
-        业务信息
-      </view>
+      <scroll-view scroll-y class="orderDetail_infoItem">
+        <view class="orderDetail_infoItem_header">
+          <view class="orderDetail_infoItem_header_title">
+            <view class="icon"></view>
+            <view class="taskNameAndWorkerName">
+              <text class="taskName">业务信息</text>
+            </view>
+          </view>
+        </view>
+        <view class="orderDetail_infoItem_item business business-inspect">
+          <view class="inspect_info">
+            <view class="inspect_info_block">
+              <view class="inspect_info_left">
+                张三
+              </view>
+              <view class="inspect_info_right">
+                14床
+              </view>
+            </view>
+            <view class="inspect_info_block">
+              <view class="inspect_info_left">
+                10086
+              </view>
+              <view class="inspect_info_right">
+                待检6
+              </view>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
     </view>
     <!-- 底部 -->
     <seiminFooterBtn :btns="btns"></seiminFooterBtn>
@@ -453,13 +481,13 @@
     }
 
     // tab
-    // 工单信息
+    // 工单详情
     .orderDetail_info {
       padding: 108rpx 24rpx 0;
 
       .orderDetail_infoItem {
         width: 702rpx;
-        min-height: 320rpx;
+        height: calc(100vh - 340rpx);
         background-color: #fff;
         margin-top: 8rpx;
         border-radius: 8rpx;
@@ -526,7 +554,8 @@
           flex: 1;
           @include border(bottom);
           @include flex(flex-start, stretch, column);
-          &.process{
+
+          &.process {
             padding-top: 90rpx;
             padding-bottom: 90rpx;
           }