chenrui 1 rok pred
rodič
commit
00b0eb5558

BIN
src/assets/img/ongoing.png


+ 23 - 7
src/views/productManagement/productSourcePath/warrantyInfoModal.vue

@@ -36,12 +36,12 @@
           <div class="imgBox">
             <img
               v-if="detailsData.productMsg"
-              style="margin-bottom:6px;object-fit: cover;"
+              style="margin-bottom:6px;object-fit: cover;border:1px dashed #ccc;"
               :src="detailsData.productMsg"
-              alt=""
+              alt="图片走丢啦"
               width="86"
               height="55"
-              align="middle" />
+              align="middle" @click="viewLargeImg"/>
             <div style="text-align:right;">
               <img v-if="detailsData.state ==='END'" src="@/assets/img/finishImg.png" alt="" width="50" height="50">
               <img v-if="detailsData.state ==='RUN'" src="@/assets/img/ongoing.png" alt="" width="50" height="50">
@@ -53,15 +53,15 @@
             <a-descriptions-item label="门店名称">
               {{ detailsData.storeName|| '--' }}
             </a-descriptions-item>
-            <a-descriptions-item label="汽配经销商">
-              {{ detailsData.dealerName ||'--' }}
-            </a-descriptions-item>
             <a-descriptions-item label="姓名">
               {{ detailsData.storeManager ||'--' }}
             </a-descriptions-item>
             <a-descriptions-item label="电话">
               {{ detailsData.storeMobile ||'--' }}
             </a-descriptions-item>
+            <a-descriptions-item label="汽配经销商">
+              {{ detailsData.dealerName ||'--' }}
+            </a-descriptions-item>
           </a-descriptions>
         </div>
         <div class="infoList">
@@ -91,6 +91,17 @@
         <a-button id="warrantyInfo-back" @click="isShow = false">关闭</a-button>
       </div>
     </a-spin>
+    <!-- 查看图片 -->
+    <a-modal v-model="openImgModal" :title="null" :footer="null" :width="600" centered>
+      <div class="viewImg">
+        <img
+          :src="detailsData.productMsg"
+          alt="图片走丢啦"
+          width="100%"
+          height="100%"
+          align="middle"/>
+      </div>
+    </a-modal>
   </a-modal>
 </template>
 
@@ -112,7 +123,8 @@ export default {
     return {
       isShow: this.openModal, //  是否打开弹框
       spinning: false,
-      detailsData: null //  详情数据
+      detailsData: null ,//  详情数据
+      openImgModal:false
     }
   },
   methods: {
@@ -125,6 +137,10 @@ export default {
           this.detailsData = null
         }
       })
+    },
+    // 查看图片
+    viewLargeImg(){
+      this.openImgModal = true
     }
   },
   watch: {