修改样式

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">
+    <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>
@@ -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">
@@ -215,7 +217,11 @@
               <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>
+          <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">
@@ -249,8 +255,16 @@
               </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 ||