修改样式

src/components/Supplier/HotelInfo.vue

 <style>
   @import "../../assets/css/DMC.css";
 
+  .title{width: 100%;display: -webkit-box;margin-top: 20px }
+  .tu_img{width: 100%;display: -webkit-box;padding: 20px 50px}
 </style>
 <template>
   <div class="flexOne changInfo">
-    <div class="resource-content clearfix">
-      <el-form :model="addMsg" :rules="rules" ref="addMsg">
+    <div class="resource-content clearfix" :style="{height:(orderHight-90) + 'px'}">
+        <el-form :model="addMsg" :rules="rules" ref="addMsg">
         <div class="resource-baseinfo">
           <span class="resource-lititle">{{$t('hotel.hotel_baseinfo')}}</span>
           <el-form-item :label="$t('hotel.hotel_name')" prop="Name">
@@ -72,8 +74,8 @@
               </el-select>
             </span>
           </div>
-          <span class="resource-lititle sheshi">酒店优惠 <el-button icon="el-icon-plus" circle @click="addAir"></el-button>
-            </span>
+<!--          <span class="resource-lititle sheshi">酒店优惠 <el-button icon="el-icon-plus" circle @click="addAir"></el-button>-->
+<!--            </span>-->
 
           <div class="jiudianyouhuiDiv">
             <el-row v-for="(list,index) in addMsg.DiscountList" :key="index">
@@ -116,7 +118,7 @@
 									</el-form-item>
 	          		</el-col>
 	          		<el-col :span="6" style='padding-top: 5px;'>
-	          		
+
 	          		</el-col>
 							</el-row> -->
           </div>
@@ -215,42 +217,54 @@
               <el-switch v-model="addMsg.IsHavearking" :active-value="1" :inactive-value="0"></el-switch>
             </el-form-item>
           </div>
-          <span class="resource-lititle">{{$t('hotel.hotel_imgintroduce')}}</span>
-          <div class="resource-list">
-            <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">
-                  <div class="re-delte"><i @click.stop="showImg(item.ShowPath)" class="iconfont icon-img_cz"></i></div>
-                  <div class="re-delte" @click="delImg(index)"><i class="iconfont icon-xingzhuang"></i></div>
+        </div>
+          <div class="title">
+            <span class="resource-lititle" style="margin-left: 30px">{{$t('hotel.hotel_imgintroduce')}}</span>
+          </div>
+          <div class="tu_img">
+            <div class="resource-list">
+              <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">
+                    <div class="re-delte"><i @click.stop="showImg(item.ShowPath)" class="iconfont icon-img_cz"></i></div>
+                    <div class="re-delte" @click="delImg(index)"><i class="iconfont icon-xingzhuang"></i></div>
 
-                  <!-- <div class="re-delte" @click.stop="ExchangeImg(index,0)" v-if="index!=0&&item.ShowPath">
-                    <i class="iconfont icon-zuoyi"></i>
+                    <!-- <div class="re-delte" @click.stop="ExchangeImg(index,0)" v-if="index!=0&&item.ShowPath">
+                      <i class="iconfont icon-zuoyi"></i>
+                    </div>
+                    <div class="re-delte" @click.stop="ExchangeImg(index,1)" v-if="index!=HotelImageArray.length-1&&item.ShowPath">
+                      <i class="iconfont icon-youyi"></i>
+                    </div> -->
                   </div>
-                  <div class="re-delte" @click.stop="ExchangeImg(index,1)" v-if="index!=HotelImageArray.length-1&&item.ShowPath">
-                    <i class="iconfont icon-youyi"></i>
-                  </div> -->
                 </div>
               </div>
-            </div>
-            <div class="add-img">
-              <div class="reimg-add">
-                <i class="iconfont icon-img_haha"></i>
-                <div class="ad-one">
-                  <div class="re-upload">
-                    <el-upload class="upload-demo" :http-request="UploadImage" :multiple="true"
-                      accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
-                      <i class="iconfont icon-img_bdsc"></i>
-                    </el-upload>
+              <div class="add-img">
+                <div class="reimg-add">
+                  <i class="iconfont icon-img_haha"></i>
+                  <div class="ad-one">
+                    <div class="re-upload">
+                      <el-upload class="upload-demo" :http-request="UploadImage" :multiple="true"
+                                 accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
+                        <i class="iconfont icon-img_bdsc"></i>
+                      </el-upload>
+                    </div>
+                    <div class="re-find" @click="addImgOpen"><i class="iconfont icon-img_cz"></i></div>
                   </div>
-                  <div class="re-find" @click="addImgOpen"><i class="iconfont icon-img_cz"></i></div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
+
       </el-form>
+
+      <div class="btn-list" style="width: 350px;position: fixed;right: 20px;top:50px">
+        <span class="common-lefttit"></span>
+        <button class="save-Btn" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button>
+        <button class="cancel-Btn" @click="goUrl('HotelManagement')">{{$t('pub.cancelBtn')}}</button>
+      </div>
     </div>
+
     <el-dialog custom-class="resourceImgAdd" title="选择图片" center :visible.sync="addimg">
       <DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg" v-bind:imgType="1">
       </DMCchooseImg>
@@ -258,11 +272,7 @@
     <el-dialog custom-class="mapList" title="地图选址" center :visible.sync="selectAddress">
       <googleMap @refList="googleMap" v-bind:address="addMsg.Address" @headCallBack="headCall"></googleMap>
     </el-dialog>
-    <div class="btn-list">
-      <span class="common-lefttit"></span>
-      <button class="save-Btn" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button>
-      <button class="cancel-Btn" @click="goUrl('HotelManagement')">{{$t('pub.cancelBtn')}}</button>
-    </div>
+
     <viewer :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
       <img v-for="src in images" :src="src" :key="src">
     </viewer>
@@ -399,7 +409,8 @@
             pattern: this.$commonUtils.Regex.el_isInteger,
             message: "请输入正确的数字"
           }]
-        }
+        },
+        orderHight:1000,
       };
     },
     components: {
@@ -853,6 +864,9 @@
 
     },
     mounted() {
+      var orderHight = document.body.clientHeight
+      console.log(orderHight);
+      this.orderHight = orderHight;
       let userInfo = this.getLocalStorage()
       //有权限操作的部门
       if (userInfo.RB_Department_Id == 240 || userInfo.RB_Department_Id == 1 || userInfo.RB_Department_Id == 3 ||