修改

src/components/Hotel/GnHotelInfo.vue

@@ -9,30 +9,37 @@
   .changInfo .el-textarea__inner {
     height: auto;
   }
-  .delTrafic{
+
+  .delTrafic {
     position: absolute;
-    right:165px;
-    top:-11px;
+    right: 165px;
+    top: -11px;
   }
-  .Ghotel_baseinfo{
+
+  .Ghotel_baseinfo {
     height: auto;
     width: 100%;
   }
-  .Gnhotel_Right{
+
+  .Gnhotel_Right {
     float: left;
   }
-  .InnerHotelDiv{
+
+  .InnerHotelDiv {
     display: flex;
   }
-  .InnerHoImgDiv{
-    width:100px;
-    height:100px;
-    margin-right:5px;
+
+  .InnerHoImgDiv {
+    width: 100px;
+    height: 100px;
+    margin-right: 5px;
   }
-  .InnerHoImgDiv img{
-    width:100%;
-    height:100%;
+
+  .InnerHoImgDiv img {
+    width: 100%;
+    height: 100%;
   }
+
 </style>
 <template>
   <div class="flexOne changInfo">
@@ -62,7 +69,8 @@
                 <el-form-item :label="$t('hotel.hotel_starlevel')">
                   <el-select class="w300" :placeholder="$t('pub.unlimitedSel')" v-model="addMsg.Star">
                     <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
-                    <el-option v-for="item in dropdownObj.starslevel" :key="item.ID" :label="item.Name" :value="item.ID">
+                    <el-option v-for="item in dropdownObj.starslevel" :key="item.ID" :label="item.Name"
+                      :value="item.ID">
                     </el-option>
                   </el-select>
                 </el-form-item>
@@ -120,7 +128,7 @@
               <div class="Gnhotel_Right">
                 <span class="resource-lititle">{{$t('hotel.hotel_imgintroduce')}}</span>
                 <div class="resource-list">
-                  <div class="resource-imglist clearfix">
+                  <!-- <div class="resource-imglist clearfix">
                     <div class="re-img" v-for="(item,index) in HotelImageArray" :key="item.subCode">
                       <img :src="item.ShowPath" />
                       <div class="imgzhe">
@@ -136,17 +144,18 @@
                         </div>
                       </div>
                     </div>
-                  </div>
+                  </div> -->
                   <div class="add-img">
                     <el-button type="primary" @click="isShowHotelImg=true" icon="el-icon-plus" circle></el-button>
                   </div>
                 </div>
                 <div>
                   <el-tabs>
-                    <el-tab-pane v-for="(subItem,subIndex) in addMsg.InnerHotelImaList" :key="subIndex" :label="subItem.Label==''?'默认':subItem.Label">
+                    <el-tab-pane v-for="(subItem,subIndex) in addMsg.InnerHotelImaList" :key="subIndex"
+                      :label="subItem.Label==''?'默认':subItem.Label">
                       <div class="InnerHotelDiv">
                         <div class="InnerHoImgDiv" v-for="(sItem,sIndex) in subItem.ImgList" :key="sIndex">
-                          <img :src="sItem.Path" />
+                          <img :src="sItem.AllPath" @click="showImg(sItem.AllPath)" />
                         </div>
                       </div>
                     </el-tab-pane>
@@ -213,13 +222,17 @@
           </template>
           <template v-if="activeName==4">
             <div style="width:600px;">
-              <el-button type="primary" @click="addTraffic()" style="float:right;margin:-53px 165px 50px 0" icon="el-icon-plus" circle></el-button>
+              <el-button type="primary" @click="addTraffic()" style="float:right;margin:-53px 165px 50px 0"
+                icon="el-icon-plus" circle></el-button>
               <div style="margin-top:60px;">
-                <div v-for="(item,index) in addMsg.TrafficInfo" :key="index" style="position:relative;margin-bottom:20px;">
-                  <el-input type="text" v-model="item.TTitle" class="w400" style="margin-bottom:10px;" placeholder="地点名称">
+                <div v-for="(item,index) in addMsg.TrafficInfo" :key="index"
+                  style="position:relative;margin-bottom:20px;">
+                  <el-input type="text" v-model="item.TTitle" class="w400" style="margin-bottom:10px;"
+                    placeholder="地点名称">
                   </el-input>
                   <el-input type="text" v-model="item.TSubTitle" class="w400" placeholder="地点介绍"></el-input>
-                  <el-button type="danger" class="delTrafic" @click="delTraffic(index)" icon="el-icon-delete" circle></el-button>
+                  <el-button type="danger" class="delTrafic" @click="delTraffic(index)" icon="el-icon-delete" circle>
+                  </el-button>
                 </div>
               </div>
             </div>
@@ -359,7 +372,7 @@
             DecorationTime: "", //装修时间
             Into: "", //酒店介绍
           },
-          AddressDes:'' //地址说明
+          AddressDes: '' //地址说明
         },
         //酒店图片
         HotelImgArr: [],
@@ -394,7 +407,7 @@
         serviceCked: [],
         isShowHotelImg: false,
         checkedRoom: [],
-        HotelActive:1, //
+        HotelActive: 1, //
       };
     },
     components: {
@@ -404,9 +417,9 @@
     },
     methods: {
       //获取子组件新增分类和图片
-      getHotelImg(data){
+      getHotelImg(data) {
         this.addMsg.InnerHotelImaList = data;
-        this.isShowHotelImg=false;
+        this.isShowHotelImg = false;
       },
       changeBooking(val) {
         this.chooseObj.Bookings = [];
@@ -427,8 +440,8 @@
         this.addMsg.TrafficInfo.push(obj);
       },
       //删除交通
-      delTraffic(index){
-        this.addMsg.TrafficInfo.splice(index,1);
+      delTraffic(index) {
+        this.addMsg.TrafficInfo.splice(index, 1);
       },
       showInput() {
         this.inputVisible = true;
@@ -577,13 +590,13 @@
               if (tempMsg.OpenPlatformList && tempMsg.OpenPlatformList.length > 0) {
                 this.chooseObj.openplatString = tempMsg.OpenPlatformList;
               }
-              if(tempMsg.BookingList && tempMsg.BookingList.length>0){
+              if (tempMsg.BookingList && tempMsg.BookingList.length > 0) {
                 this.checkedRoom = tempMsg.BookingList;
               }
-              if(tempMsg.BookList && tempMsg.BookList.length>0){
+              if (tempMsg.BookList && tempMsg.BookList.length > 0) {
                 this.chooseObj.Bookings = tempMsg.BookList;
               }
-              if(tempMsg.InnerHotelImaList && tempMsg.InnerHotelImaList.length>0){
+              if (tempMsg.InnerHotelImaList && tempMsg.InnerHotelImaList.length > 0) {
                 this.HotelImgArr = tempMsg.InnerHotelImaList;
                 this.addMsg.InnerHotelImaList = tempMsg.InnerHotelImaList;
               }

src/components/commonPage/comImgList.vue

@@ -7,8 +7,8 @@
         <div class="el-scrollbar" style="height: 450px; width: 100%;overflow-y:auto;">
           <div style="margin-bottom: -8px; margin-right: -8px;">
             <div class="el-scrollbar__view">
-               <li class="el-menu-item" :class="commonIndex==index?'selectActive' : ''"
-                @click="getImgList(-1,saveObj)" :key="index" style="padding-left: 10px;padding-right: 10px;">
+               <li class="el-menu-item" :class="commonIndex==-1?'selectActive' : ''"
+                @click="getImgList(-1,saveObj)" style="padding-left: 10px;padding-right: 10px;">
                 <div flex="dir:left box:last">
                   <el-col :span="18" style="overflow: hidden; text-overflow: ellipsis;">
                     <i class="el-icon-tickets"></i>
@@ -46,7 +46,9 @@
           </div>
           <div style="display:inline-block;margin-left:9px;position:relative" v-for="(item,index) in comImgArr"
             :key="index">
-            <img :src="item.Path" class="app-attachment-img" style="width: 100px; height: 100px;">
+            <!-- {{item}} -->
+            <img :src="item.AllPath" class="app-attachment-img" style="width: 100px; height: 100px;">
+            <!-- <img :src="item.Path" class="app-attachment-img" style="width: 100px; height: 100px;"> -->
             <i class="iconfont icon-bumenguanli-shanchu hotel_DelIcon" @click="delHotelImg(item,index)"></i>
           </div>
         </div>
@@ -197,7 +199,8 @@
           var obj = {
             MappingId: 0,
             PicId: 0,
-            Path: imgUrl
+            AllPath: imgUrl,
+            Path: x.data.FilePath
           }
           this.saveObj[this.commonIndex].ImgList.push(obj);
         });