diff --git a/src/views/contract/contractDetil.vue b/src/views/contract/contractDetil.vue
index c3ade47..4fd9f45 100644
--- a/src/views/contract/contractDetil.vue
+++ b/src/views/contract/contractDetil.vue
@@ -96,7 +96,12 @@
     >
       <el-form-item label="公司资质" prop="contract_type" required>
         <div class="company">
-          <img :src="compenyimg.business_license" />
+          <el-image
+            :src="compenyimg.business_license"
+            :preview-src-list="[compenyimg.business_license]"
+            :initial-index="0"
+            fit="cover"
+          />
         </div>
       </el-form-item>
       <el-form-item
@@ -106,7 +111,12 @@
         required
       >
         <div class="company">
-          <img :src="compenyimg.business_licenseB" />
+          <el-image
+            :src="compenyimg.business_licenseB"
+            :preview-src-list="[compenyimg.business_licenseB]"
+            :initial-index="0"
+            fit="cover"
+          />
         </div>
       </el-form-item>
       <el-form-item
@@ -122,6 +132,12 @@
           :key="i"
         >
           <img :src="v" />
+          <el-image
+            :src="v"
+            :preview-src-list="[compenyimg.other_qualifications]"
+            :initial-index="i"
+            fit="cover"
+          />
         </div>
       </el-form-item>
     </el-form>
@@ -217,7 +233,12 @@
     >
       <el-form-item label="公司资质" prop="contract_type" required>
         <div class="company">
-          <img :src="compenyBimg.business_license" />
+          <el-image
+            :src="compenyBimg.business_license"
+            :preview-src-list="[compenyBimg.business_license]"
+            :initial-index="0"
+            fit="cover"
+          />
         </div>
       </el-form-item>
       <el-form-item
@@ -227,7 +248,12 @@
         required
       >
         <div class="company">
-          <img :src="compenyBimg.business_licenseB" />
+          <el-image
+            :src="compenyBimg.business_licenseB"
+            :preview-src-list="[compenyBimg.business_licenseB]"
+            :initial-index="0"
+            fit="cover"
+          />
         </div>
       </el-form-item>
       <el-form-item
@@ -243,6 +269,12 @@
           :key="i"
         >
           <img :src="v" />
+          <el-image
+            :src="v"
+            :preview-src-list="[compenyBimg.other_qualifications]"
+            :initial-index="i"
+            fit="cover"
+          />
         </div>
       </el-form-item>
     </el-form>
@@ -595,7 +627,7 @@ onMounted(async () => {
 .company {
   display: flex;
   justify-content: space-between;
-  img {
+  .el-image {
     width: 10vw;
     height: 6.3vw;
     margin-right: 10px;
diff --git a/src/views/shop_contract/details.vue b/src/views/shop_contract/details.vue
index e67a4d5..7640cfd 100644
--- a/src/views/shop_contract/details.vue
+++ b/src/views/shop_contract/details.vue
@@ -197,7 +197,12 @@
     >
       <el-form-item class="other" label="资质信息" prop="contract_no" required>
         <div class="company" v-for="(v, i) in compenyBimg" :key="i">
-          <img :src="v" />
+          <el-image
+            :src="v"
+            :preview-src-list="compenyBimg"
+            :initial-index="i"
+            fit="cover"
+          />
         </div>
       </el-form-item>
       <!-- <el-form-item label="公司资质" prop="contract_type" required>
@@ -362,7 +367,7 @@
         />
       </el-form-item>
       <br />
-      <el-form-item label="备注">
+      <el-form-item v-if="formData.notes" label="备注">
         <el-input v-model="formData.notes" :readonly="true" type="textarea" />
       </el-form-item>
       <!-- <el-form-item label="合同编号" prop="contract_no">
@@ -606,6 +611,11 @@ onMounted(async () => {
     height: 6.3vw;
     margin-right: 10px;
   }
+  .el-image {
+    width: 10vw;
+    height: 6.3vw;
+    margin-right: 10px;
+  }
 }
 .persenal {
   display: flex;