订单查看店铺资质展示问题

src/views/hisStore/components/productOrder.vue

@@ -342,40 +342,61 @@
               :preview-src-list="[storeScrm.drugLicense]">
             </el-image>
           </el-descriptions-item>
-          <el-descriptions-item label="1类器械生产">
-            <el-image v-if="storeScrm.medicalDevice1!=null && storeScrm.medicalDevice1 !== ''"
-              style="width: 100px"
-              :src="storeScrm.medicalDevice1"
-              :preview-src-list="[storeScrm.medicalDevice1]">
-            </el-image>
-          </el-descriptions-item>
+<!--          <el-descriptions-item label="1类器械生产">-->
+<!--            <el-image v-if="storeScrm.medicalDevice1!=null && storeScrm.medicalDevice1 !== ''"-->
+<!--              style="width: 100px"-->
+<!--              :src="storeScrm.medicalDevice1"-->
+<!--              :preview-src-list="[storeScrm.medicalDevice1]">-->
+<!--            </el-image>-->
+<!--          </el-descriptions-item>-->
+
           <el-descriptions-item label="2类器械备案">
-            <el-image v-if="storeScrm.medicalDevice2!=null && storeScrm.medicalDevice2 !== ''"
-              style="width: 100px"
-              :src="storeScrm.medicalDevice2"
-              :preview-src-list="[storeScrm.medicalDevice2]">
-            </el-image>
+            <div  v-if="store.medicalDevice2!=null && store.medicalDevice2 !== ''">
+              <el-image  style="width: 100px"
+                         :src="store.medicalDevice2"
+                         :preview-src-list="[store.medicalDevice2]">
+              </el-image>
+            </div>
+            <div v-else>
+              <span style="color: #909399;">店铺未上传2类器械备案</span>
+            </div>
           </el-descriptions-item>
           <el-descriptions-item label="3类器械营业许可证">
-            <el-image v-if="storeScrm.medicalDevice3!=null && storeScrm.medicalDevice3 !== ''"
-              style="width: 100px"
-              :src="storeScrm.medicalDevice3"
-              :preview-src-list="[storeScrm.medicalDevice3]">
-            </el-image>
+            <div v-if="store.medicalDevice3 != null && store.medicalDevice3 !== ''">
+              <el-image style="width: 100px"
+                        :src="store.medicalDevice3"
+                        :preview-src-list="[store.medicalDevice3]">
+              </el-image>
+            </div>
+            <div v-else>
+              <span style="color: #909399;">店铺未上传3类器械营业许可证</span>
+            </div>
           </el-descriptions-item>
           <el-descriptions-item label="食品许可证">
-            <el-image v-if="storeScrm.foodLicense!=null && storeScrm.foodLicense !== ''"
-              style="width: 100px"
-              :src="storeScrm.foodLicense"
-              :preview-src-list="[storeScrm.foodLicense]">
-            </el-image>
+            <div v-if="store.foodLicense != null && store.foodLicense !== ''">
+              <el-image
+                v-for="(url, index) in store.foodLicense.split(',')"
+                :key="index"      style="width: 100px; margin-right: 5px;"
+                :src="url"
+                :preview-src-list="store.foodLicense.split(',')"
+                :initial-index="index">
+              </el-image>
+            </div>
+            <div v-else>
+              <span style="color: #909399;">店铺未上传食品许可证</span>
+            </div>
           </el-descriptions-item>
           <el-descriptions-item label="药品许可证">
-            <el-image v-if="storeScrm.medicalLicense!=null && storeScrm.medicalLicense !== ''"
-              style="width: 100px"
-              :src="storeScrm.medicalLicense"
-              :preview-src-list="[storeScrm.medicalLicense]">
-            </el-image>
+            <div v-if="store.medicalLicense!=null && store.medicalLicense !== ''">
+              <el-image
+                style="width: 100px"
+                :src="store.medicalLicense"
+                :preview-src-list="[store.medicalLicense]">
+              </el-image>
+            </div>
+            <div v-else>
+              <span style="color: #909399;">店铺未上传药品许可证</span>
+            </div>
           </el-descriptions-item>
 
         </el-descriptions>