6/16,同步

wuye-manager-uniapp/pageSubPack/ticket/repairMain.vue

@@ -73,8 +73,8 @@
                 v-for="(item, index) in problemImageUrl"
                 :key="index"
                 class="images"
+                @tap="handlePrivew(problemImageUrl, index)"
                 :src="item"
-                mode=""
               ></image>
             </view>
           </view>
@@ -104,18 +104,19 @@
           </view>
           <view class="" v-if="currentStep >= 3">
             <view class="item descrition flex-col">
-              <view class="label"> <text>问题描述</text> </view>
+              <view class="label"> <text>维修描述</text> </view>
               <view class="value" v-if="repairInfo.repairDes && repairInfo.repairDes.trim()">
                 {{ repairInfo.repairDes }}
               </view>
             </view>
             <view class="item photobox">
-              <view class="label"> <text>问题照片</text> </view>
+              <view class="label"> <text>维修图片</text> </view>
               <view class="value" v-if="repairImageUrl.length > 0">
                 <image
                   v-for="(item, index) in repairImageUrl"
                   :key="index"
                   class="images"
+                  @tap="handlePrivew(repairImageUrl, index)"
                   :src="item"
                 ></image>
               </view>
@@ -210,7 +211,6 @@ function getTicketById() {
       problemImageUrl.value = repairInfo.value.problemImageUrl
         ? repairInfo.value.problemImageUrl.split(',').filter(item => item)
         : []
-
       repairImageUrl.value = repairInfo.value.repairImageUrl
         ? repairInfo.value.repairImageUrl.split(',').filter(item => item)
         : []
@@ -288,6 +288,15 @@ function handleRepairCompluted() {
     url: '/pageSubPack/ticket/repairCompleted?id=' + repairInfo.value.id
   })
 }
+
+/** 预览图片 */
+function handlePrivew(items, index = 0) {
+  if (items.length <= 0) return
+  uni.previewImage({
+    urls: items,
+    count: index
+  })
+}
 </script>
 
 <style lang="scss" scoped>
@@ -296,6 +305,7 @@ function handleRepairCompluted() {
   background-color: #f9f9f9;
   box-sizing: border-box;
   overflow-x: hidden;
+
   overflow-y: auto;
   flex: 1;
   position: relative;