修改样式

src/components/assetsman/HotelInfo.vue

@@ -115,8 +115,9 @@
 </style><template>
   <div class="flexOne changInfo HotelInfo">
     <div class="resource-content clearfix">
-      <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="140px">
-        <div class="resource-baseinfo" style="width:500px;margin:30px 0 0 30px;display:inline-block">
+      <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="160px">
+        <div class="clearfix">
+          <div class="resource-baseinfo" style="width:500px;margin:30px 0 0 30px;float:left">
             <el-form-item label="ホテル名" prop="SHotelName" title="酒店名称">
               <el-input type="text" v-model="addMsg.SHotelName" maxlength="100" class="w300"></el-input>
             </el-form-item>
@@ -166,8 +167,8 @@
             </el-form-item>
 
           </div>
-        <div class="HotelRight" style="display:inline-block;width:510px;margin-top:30px;">
-          <el-form-item label="活動施設サービス" title="活动设施服务">
+          <div class="HotelRight" style="float:left;width:510px;margin-top:30px;">
+            <el-form-item label="活動施設サービス" title="活动设施服务" style="display:none;">
               <el-select multiple placeholder="選んでください" class='multiple_input w300' v-model="activeServiceArray">
                 <el-option v-for="item in ActivityFacilities" :key="item.HConfigId" :label="item.JapanName"
                   :value="item.HConfigId">
@@ -210,16 +211,17 @@
               </el-select>
             </el-form-item>
           </div>
+        </div>
         <div style="position:relative;margin-bottom:15px;">
           <span style="top:0;position: absolute;left:75px;color:#606266">ホテルの魅力</span>
-          <div style="display:inline-block;margin-left:173px;background:#fff;width:800px;">
+          <div style="display:inline-block;margin-left:190px;background:#fff;width:800px;">
             <quill-editor :options="editorOption" v-model="addMsg.SHotelInfo"></quill-editor>
           </div>
 
         </div>
         <div style="position:relative">
           <span style="top:0;position:absolute;left:75px;color:#606266">ホテルポリシー</span>
-          <div style="display:inline-block;margin-left:173px;background:#fff;width:800px;">
+          <div style="display:inline-block;margin-left:190px;background:#fff;width:800px;">
             <quill-editor :options="editorOption" v-model="addMsg.SHotelPolicy"></quill-editor>
           </div>
 
@@ -240,7 +242,7 @@
         </el-upload>
       </div>
     </div>
-    <div class="btn-list" style="margin-left:60px;"><span class="common-lefttit"></span><button
+    <div class="btn-list" style="margin:0 0 30px 60px;"><span class="common-lefttit"></span><button
         style="margin-right:20px;" class="chaxunSpan" :class="{'disClick':!isSubmit}"
         @click="submitForm('addMsg')">を選択します</button><button class="chaxunSpan"
         @click="goUrl('HotelList')">キャンセル</button></div>