优化

pages/arrivalConfirmation/index.vue

@@ -35,10 +35,13 @@
           <span style="color: #5ae725">{{ item.pcNum }}</span>
         </div>
         <div>
-          <u-button v-if="item.imgList && item.imgList.length > 0" size="small" @click="openImgModal(item)">
+          <u-tag
-            查看到货确认单
+            v-if="item.imgList && item.imgList.length > 0"
-          </u-button>
+            text="查看到货确认单"
-          <u-button v-else type="primary" size="small" @click="openImgModal">上传到货确认单</u-button>
+            type="info"
+            @click="openImgModal(item)"
+          ></u-tag>
+          <u-tag v-else type="primary" text="上传到货确认单" @click="openImgModal"></u-tag>
         </div>
       </div>
       <div class="list-item">
@@ -200,7 +203,7 @@ export default {
         isDetail: true,
         // 到货
         isArrival: true,
-        active: 1,
+        active: 1
       }
       uni.navigateTo({
         url: `/pages/sendACarSystem/details?params=${JSON.stringify(params)}`

pages/sendACarSystem/components/PlanAuditDetails.vue

@@ -82,7 +82,7 @@
       <div class="uPopup">
         <div class="pop-title">{{ imgList && imgList.length > 0 ? imgList[current].title : '' }}</div>
         <div class="content">
-          <u-swiper v-if="imgList.length > 0" :list="imgList" @change="e => (current = e.current)" :autoplay="false">
+          <u-swiper v-if="imgList.length > 0" :list="imgList" @change="e => (current = e.current)" :autoplay="false" @click="handleSwiper">
             <view slot="indicator" class="indicator">
               <view
                 class="indicator__dot"
@@ -202,6 +202,13 @@ export default {
       this.current = 0
       console.log('🚀 ~ 查看附件 ~ item', item)
     },
+    handleSwiper() {
+      // 预览当前图片
+      uni.previewImage({
+        current: this.imgList[this.current].url,
+        urls: this.imgList.map((item) => item.url)
+      })
+    },
     submit() {
       console.log('🚀 ~ 提交 ~ submit ~ this.isPass', this.isPass)
       console.log('🚀 ~ 提交 ~ submit ~ this.opinion', this.opinion)

pages/sendACarSystem/details.vue

@@ -6,7 +6,7 @@
       <div class="item" :class="{ active: active == 2 }" @click="handleTab(2)">派车详情</div>
       <div class="item" :class="{ active: active == 3 }" @click="handleTab(3)" v-if="!opt.isArrival">审核记录</div>
     </div>
-    <div v-if="opt.isDetail" style="height: 45px"></div>
+    <!-- <div v-if="opt.isDetail" style="height: 45px"></div> -->
 
     <PlanDetails v-if="active == 1" :opt="opt" />
     <PlanAuditDetails v-if="active == 2" :opt="opt" />
@@ -56,9 +56,9 @@ page {
 }
 .tabs {
   width: 100%;
-  position: fixed;
+  /* position: fixed;
   top: 44px;
-  left: 0;
+  left: 0; */
   background-color: #fff;
   z-index: 99;
   display: flex;

pages/sendACarSystem/index.vue

@@ -4,7 +4,7 @@
       <div class="item" :class="{ active: active == 1 }" @click="handleTab(1)">派车分配</div>
       <div class="item" :class="{ active: active == 2 }" @click="handleTab(2)">派车审核</div>
     </div>
-    <div style="height: 45px;"></div>
+    <div style="height: 45px"></div>
     <!-- 搜索 -->
     <div class="search">
       <div v-if="active == 2" style="width: 30%">
@@ -51,12 +51,8 @@
           <span>{{ item.plan }}</span>
         </div>
         <div>
-          <u-button v-if="active == 1 && !item.isSend" type="primary" size="small" @click="openModal">
+          <u-tag v-if="active == 1 && !item.isSend" type="primary" text="派车分配" @click="openModal"></u-tag>
-            派车分配
+          <u-tag v-else-if="active == 2 && item.status == 0" type="warning" text="审核" @click="openModal"></u-tag>
-          </u-button>
-          <u-button v-else-if="active == 2 && item.status == 0" type="warning" size="small" @click="openModal">
-            审核
-          </u-button>
           <u-tag text="已通过" type="success" v-else-if="active == 2 && item.status == 1"></u-tag>
         </div>
       </div>
@@ -82,10 +78,16 @@
         </div>
         <div v-else>
           <div class="item-wrap">
-            <div class="item" :class="{active: isPass}" @click="isPass = true">通过</div>
+            <div class="item" :class="{ active: isPass }" @click="isPass = true">通过</div>
-            <div class="item" :class="{active: !isPass}" @click="isPass = false">不通过</div>
+            <div class="item" :class="{ active: !isPass }" @click="isPass = false">不通过</div>
           </div>
-					<u-textarea v-model="opinion" placeholder="不通过必须填写审核不通过意见" :rows="5" maxlength="200" count></u-textarea>
+          <u-textarea
+            v-model="opinion"
+            placeholder="不通过必须填写审核不通过意见"
+            :rows="5"
+            maxlength="200"
+            count
+          ></u-textarea>
         </div>
       </view>
     </u-modal>