修改

src/components/tradePavilion/addbrand.vue

@@ -29,7 +29,12 @@
           <div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;">
             <img v-if="!addMsg.Logo || addMsg.Logo==''" src="../../assets/img/default.png"
               style="width:80px;height:80px" alt="">
-            <img v-else style="width:80px;height:80px" :src="addMsg.Logo" alt="">
+              <el-image 
+                v-else
+                style="width: 80px;height:80px;"
+                :src="addMsg.Logo" 
+                :preview-src-list="logoList">
+              </el-image>
           </div>
         </el-form-item>
         <el-form-item label="品牌介绍图">
@@ -43,11 +48,12 @@
           <div class="nav_Main">
             <div class="nav_IconContent">
               <draggable v-model="addMsg.BannerList">
-                <div v-for="(item, index) in addMsg.BannerList" :key="index+'2'"
-                  style="margin-right: 20px; position: relative; ">
-                  <div class="colapp-image" :style="{
-                                  backgroundImage: 'url(' + item + ')'
-                                }"></div>
+                <div style="position: relative;margin-right: 20px;display:inline-block;" v-for="(item, index) in addMsg.BannerList" :key="index+'2'">
+                  <el-image 
+                    style="width: 100px;height:100px;"
+                    :src="item" 
+                    :preview-src-list="addMsg.BannerList">
+                  </el-image>
                   <el-button @click="ClearCarouse(index)" class="delBtn" type="danger" icon="el-icon-close" circle>
                   </el-button>
                 </div>
@@ -236,6 +242,7 @@
         peopleData: [],
         BrandClassList: [], //品牌分类列表
         ProjectTypeList: [], //商铺性质列表
+        logoList:[]
       };
     },
     created() {
@@ -334,6 +341,8 @@
             if (this.addMsg.Other && this.addMsg.Other != "") {
               this.Other = this.addMsg.Other;
             }
+            this.logoList = [];
+            this.logoList.push(this.addMsg.Logo);
           }
         })
       },
@@ -455,9 +464,9 @@
     justify-content: flex-start;
   }
 
-  .addbrand .nav_IconContent div>div {
+  /* .addbrand .nav_IconContent div>div {
     display: inline-block;
-  }
+  } */
 
   .addbrand .colapp-image {
     background-size: cover;

src/components/tradePavilion/editVehicle.vue

@@ -16,21 +16,30 @@
             </el-tooltip>
           </div>
           <div class="editIconImg">
-            <img v-if="addMsg.Logo" :src="addMsg.Logo" alt="" />
+            <el-image 
+              style="width: 80px;height:80px;"
+              v-if="addMsg.Logo"
+              :src="addMsg.Logo" 
+              :preview-src-list="LogoList">
+            </el-image>
             <img v-else src="../../assets/img/default.png" alt="" />
           </div>
         </el-form-item>
         <el-form-item label="介绍图(多张)">
           <div class="nav_Main">
             <div class="nav_IconContent">
-              <div v-for="(item, index) in introImgList" :key="index+'2'"
-                style="margin-right: 20px; position: relative; ">
-                <div class="colapp-image" :style="{
-                                  backgroundImage: 'url(' + item + ')'
-                                }"></div>
-                <el-button @click="ClearCarouse(index)" class="delBtn" type="danger" icon="el-icon-close" circle>
-                </el-button>
-              </div>
+              <draggable v-model="introImgList">
+                <div v-for="(item, index) in introImgList" :key="index+'2'"
+                  style="margin-right: 20px; position: relative;display:inline-block; ">
+                  <el-image 
+                    style="width: 100px;height:100px;"
+                    :src="item" 
+                    :preview-src-list="introImgList">
+                  </el-image>
+                  <el-button @click="ClearCarouse(index)" class="delBtn" type="danger" icon="el-icon-close" circle>
+                  </el-button>
+                </div>
+              </draggable>
             </div>
             <div @click="choicImg=true,type=2" class="add-image-btn 2222">
               + 添加图片
@@ -132,6 +141,7 @@
   import ChooseImg from "@/components/global/ChooseImg.vue";
   import Choosevideo from "@/components/global/Choosevideo.vue";
   import commonMap from "@/components/common/commonMap.vue";
+  import draggable from "vuedraggable"
 
   export default {
     name: "editVehicle",
@@ -202,12 +212,14 @@
         MetroList:[],//地铁信息数据
         ProjectTypeList: [], //项目类型数组
         introImgList:[], //介绍图
+        LogoList:[],
       }
     },
     components: {
       ChooseImg,
       Choosevideo,
-      commonMap
+      commonMap,
+      draggable
     },
     created() {
       if (this.$route.query.ID) {
@@ -299,6 +311,8 @@
             if(res.data.data.OpenTime){
                 this.addMsg.OpenTime = this.addMsg.OpenTime.replace('T',' ');
             }    
+            this.LogoList=[];
+            this.LogoList.push(this.addMsg.Logo);
           } else {
             this.Error(res.data.message);
           }
@@ -345,11 +359,6 @@
     height: 80px;
   }
 
-  .editVehicle .editIconImg img {
-    width: 100%;
-    height: 100%;
-  }
-
   .editVehicle .add-image-btn {
     width: 100px;
     height: 100px;
@@ -372,9 +381,9 @@
     justify-content: flex-start;
   }
 
-  .editVehicle .nav_IconContent div>div {
+  /* .editVehicle .nav_IconContent div>div {
     display: inline-block;
-  }
+  } */
 
   .editVehicle .colapp-image {
     background-size: cover;

src/components/tradePavilion/firstStoreDetail.vue

@@ -15,14 +15,15 @@
     height: 80px;
     border: 1px solid #e2e2e2;
   }
-
-  .firstStoreDetail .CoverImage img {
-    width: 100%;
-    height: 100%;
-  }
   .First_LLINE .el-form-item__label{
     line-height:1
   }
+  .firstIbntro{
+    margin:10px 0!important;
+  }
+  .firstIbntro .el-form-item__content ,.firstIbntro .el-form-item__label{
+    line-height: 25px;
+  }
 </style>
 <template>
   <div class="firstStoreDetail">
@@ -35,13 +36,22 @@
         <el-form-item label="首店名称：">{{dataList.Name}}</el-form-item>
         <el-form-item label="封面图：" style="line-height:0;margin-top:10px;" class="First_LLINE">
           <div class="CoverImage">
-            <img :src="dataList.CoverImage" />
+            <el-image 
+              :src="dataList.CoverImage"
+              style="width:78px;height:78px"
+              :preview-src-list="CoverImageList">
+            </el-image>
           </div>
         </el-form-item>
         <el-form-item label="图片列表：" style="margin-top:20px;" class="First_LLINE">
           <div>
-            <img style="width:80px;height:80px;margin-right:10px;" :src="item"
-              v-for="(item,index) in dataList.ImageList" :key="index">
+             <el-image 
+              style="width:80px;height:80px;margin-right:10px;"
+              :key="index"
+              v-for="(item,index) in dataList.ImageList"
+              :src="item"
+              :preview-src-list="dataList.ImageList">
+            </el-image>
           </div>
         </el-form-item>
         <el-form-item label="视频地址：">{{dataList.VideoUrl}}</el-form-item>
@@ -52,15 +62,15 @@
         <el-form-item label="商圈：">{{dataList.TradingArea}}</el-form-item>
         <el-form-item label="行业：">{{dataList.BusinessTypeName}}</el-form-item>
         <el-form-item label="行业种类：">{{dataList.BusinessDetail}}</el-form-item>
-        <el-form-item label="简介：">{{dataList.Description}}</el-form-item>
+        <el-form-item label="简介：" class="firstIbntro">{{dataList.Description}}</el-form-item>
         <el-form-item label="区县：">{{dataList.County}}</el-form-item>
         <el-form-item label="分类：">{{dataList.CategoryName}}</el-form-item>
         <el-form-item label="联系人：">{{dataList.Contact}}</el-form-item>
         <el-form-item label="联系电话：">{{dataList.ContactMobile}}</el-form-item>
         <el-form-item label="审核状态：">
-          <span v-if="dataList.AuditState==1">未审核</span>
-          <span v-if="dataList.AuditState==2">审核通过</span>
-          <span v-if="dataList.AuditState==3">审核不通过</span>
+          <span v-if="dataList.AuditState==1" style="color:#1273bc;">未审核</span>
+          <span v-if="dataList.AuditState==2" style="color:green;">审核通过</span>
+          <span v-if="dataList.AuditState==3" style="color:#e95252;">审核不通过</span>
         </el-form-item>
         <el-form-item label="审核时间：">{{dataList.AuditDate}}</el-form-item>
         <el-form-item label="申请时间：">{{dataList.CreateDate}}</el-form-item>
@@ -74,7 +84,8 @@
     data() {
       return {
         AuthenticationId: 0,
-        dataList: {}
+        dataList: {},
+        CoverImageList:[]
       }
     },
     created() {
@@ -90,6 +101,8 @@
         }, res => {
           if (res.data.resultCode == 1) {
             this.dataList = res.data.data;
+            this.CoverImageList = [];
+            this.CoverImageList.push(this.dataList.CoverImage);
           } else {
             this.Error(res.data.message);
           }