修复页面布局错误

src/views/hisStore/store/audit.vue

@@ -253,6 +253,10 @@
               <el-col :span="12">
                 <el-form-item label="药品经营许可证">
                   <el-image v-if="dialogForm.drugLicense" style="width: 200px" :src="dialogForm.drugLicense" :preview-src-list="[dialogForm.drugLicense]"></el-image>
+                  <!-- 未上传图片时显示的默认图标 -->
+                  <div v-else class="no-image-placeholder">
+                    <span>用户未上传</span>
+                  </div>
                 </el-form-item>
 
                 <el-form-item label="药品经营许可证编号" style="margin-left: 5px">
@@ -278,6 +282,10 @@
               <el-col :span="12">
                 <el-form-item label="2类医疗器械备案证书">
                   <el-image v-if="dialogForm.medicalDevice2" style="width: 200px" :src="dialogForm.medicalDevice2" :preview-src-list="[dialogForm.medicalDevice2]"></el-image>
+                  <!-- 未上传图片时显示的默认图标 -->
+                  <div v-else class="no-image-placeholder">
+                    <span>用户未上传</span>
+                  </div>
                 </el-form-item>
                 <el-form-item label="2类器械生产备案编号" style="margin-left: 5px">
                   <el-input v-model="dialogForm.medicalDevice2Code" />
@@ -313,6 +321,10 @@
               <el-col :span="12">
                 <el-form-item label="3类器械经营许可证">
                   <el-image v-if="dialogForm.medicalDevice3" style="width: 200px" :src="dialogForm.medicalDevice3" :preview-src-list="[dialogForm.medicalDevice3]"></el-image>
+                  <!-- 未上传图片时显示的默认图标 -->
+                  <div v-else class="no-image-placeholder">
+                    <span>用户未上传</span>
+                  </div>
                 </el-form-item>
                 <el-form-item label="3类器械生产备案编号" style="margin-left: 5px">
                   <el-input v-model="dialogForm.medicalDevice3Code" />
@@ -347,7 +359,11 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item label="食品经营许可证/备案凭证上传">
-                  <el-image v-if="dialogForm.foodLicense" style="width: 200px" :src="dialogForm.foodLicense" :preview-src-list="[dialogForm.foodLicense]"></el-image>
+                  <el-image v-if="dialogForm.foodLicense && dialogForm.foodLicense.trim()" style="width: 200px" :src="dialogForm.foodLicense" :preview-src-list="[dialogForm.foodLicense]"></el-image>
+                  <!-- 未上传图片时显示的默认图标 -->
+                  <div v-else class="no-image-placeholder">
+                    <span>用户未上传</span>
+                  </div>
                 </el-form-item>
                 <el-form-item label="食品经营许可证/备案凭证编号" style="margin-left: 5px">
                   <el-input v-model="dialogForm.foodCode" />
@@ -783,6 +799,7 @@ export default {
   position: relative;
   overflow: hidden;
 }
+
 .avatar-uploader .el-upload:hover {
   border-color: #409EFF;
 }
@@ -795,4 +812,17 @@ export default {
   line-height: 150px;
   text-align: center;
 }
+
+/* 无图片占位符样式 */
+.no-image-placeholder {
+  width: 200px;
+  height: 200px;
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+  background-color: #fafafa;
+}
 </style>