fix: [SBBJ-1225]申领备件可以看到图片

src/components/item/slectItemList.vue

@@ -20,9 +20,10 @@
             <view class="item-dec" style="display: flex">
               <span style="white-space: nowrap; align-self: flex-start">图片:</span>
               <div style="display: flex; flex-direction: column; margin-left: 10px">
-                <span v-for="(pic, picIndex) in item.picture" :key="picIndex" @click.stop="showImage(pic.path)" @longpress.stop="showFullText(pic.name)" class="image-link">
-                  {{ pic.name }}
-                </span>
+                <u-image v-for="(pic, picIndex) in item.picture" :key="picIndex" :showLoading="true" :src="pic.path" width="80px" height="80px"></u-image>
+                <!--                <span v-for="(pic, picIndex) in item.picture" :key="picIndex" @click.stop="showImage(pic.path)" @longpress.stop="showFullText(pic.name)" class="image-link">-->
+                <!--                  {{ pic.name }}-->
+                <!--                </span>-->
               </div>
             </view>
           </view>
@@ -50,9 +51,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, defineProps, defineEmits, getCurrentInstance, watch } from 'vue'
+import { defineEmits, defineProps, getCurrentInstance, ref, watch } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import * as repairOrderApi from '@/api/repairOrder'
 
 const props = defineProps({
   isShowSelectItem: {
@@ -213,21 +213,26 @@ function chooseItem(item) {
 
 .btns {
   display: flex;
+
   button {
     flex: 1;
   }
+
   .sure {
     background: #409eff;
     color: white;
     border-radius: 0px;
+
     &::after {
       border: 1px solid #409eff;
       border-radius: 0px;
     }
   }
+
   .reset {
     background: #f5f5f5;
     border-radius: 0px;
+
     &::after {
       border-radius: 0px;
     }
@@ -248,11 +253,13 @@ function chooseItem(item) {
   align-items: center;
   height: 72rpx;
   width: 100%;
+
   .input {
     flex: 1;
     font-size: 28rpx;
     color: #000000;
   }
+
   .placeholder {
     flex: 1;
     font-size: 28rpx;
@@ -263,6 +270,7 @@ function chooseItem(item) {
 .title {
   padding: 32rpx 0px;
   position: relative;
+
   span {
     position: absolute;
     left: -16rpx;
@@ -277,21 +285,25 @@ function chooseItem(item) {
   .item {
     display: flex;
     margin-bottom: 20rpx;
+
     .item-box {
       background: #f5f5f5;
       border-radius: 12rpx;
       flex: 1;
       width: 0rpx;
     }
+
     .spare-title {
       padding: 20rpx 30rpx;
       border-bottom: 1px solid #e4e4e4;
+
       .title-txt {
         color: #409eff;
         font-size: 30rpx;
         font-weight: bold;
       }
     }
+
     .dec {
       color: #9c9c9c;
       padding: 20rpx 30rpx 20rpx;
@@ -321,10 +333,12 @@ function chooseItem(item) {
 .popup-footer {
   display: flex;
   border-top: 1px solid #e4e4e4;
+
   view {
     line-height: 100rpx;
     flex: 1;
     text-align: center;
+
     &.sure {
       color: #409eff;
     }
@@ -398,6 +412,7 @@ function chooseItem(item) {
   max-width: 100%;
   max-height: 100%;
 }
+
 .tooltip {
   position: absolute;
   background-color: #f9f9f9;