Ver Fonte

更新 安检审核图片显示

王智慧 há 3 anos atrás
pai
commit
067c7bd0c4
1 ficheiros alterados com 13 adições e 1 exclusões
  1. 13 1
      src/views/shipSecurityManage/checkShipExamine.vue

+ 13 - 1
src/views/shipSecurityManage/checkShipExamine.vue

@@ -65,14 +65,22 @@
         <div class="mr10 item-title">检查项目备注:</div>
         <div class="mr10 item-text">{{ item.checkItemRemark }}</div>
       </div>
-      <div v-if="item.viewUrl">
+      <div>
         <el-image
+          v-if="item.viewUrl"
           style="width: 200px; height: 200px"
           class="ml20 mt10"
           :src="item.viewUrl"
           :preview-src-list="[item.viewUrl]"
           fit="cover"
         ></el-image>
+        <el-empty
+          style="width: 220px"
+          class="p10"
+          image-size="100"
+          v-else
+          description="暂无图片"
+        />
         <div
           class="df aic jcsa ml20 mt10"
           style="width: 200px"
@@ -83,6 +91,7 @@
             class="mr30"
             size="small"
             type="primary"
+            :disabled="!item.viewUrl"
           >
             通过
           </el-button>
@@ -90,11 +99,13 @@
             @click="checkSecurityItem(item.id, 2)"
             size="small"
             type="danger"
+            :disabled="!item.viewUrl"
           >
             不通过
           </el-button>
         </div>
       </div>
+      <el-divider />
     </div>
   </el-card>
 </template>
@@ -108,6 +119,7 @@ import api from "../../apis/fetch";
 import { useRoute } from "vue-router";
 import _ from "lodash";
 import { subTimeStr } from "../../utils/utils";
+import { Picture as IconPicture } from "@element-plus/icons-vue";
 
 const route = useRoute();
 let status = ref(0);