1. 优化

src/views/tourism/membershipManagement/electronicMembership/detailsBox/memberInformationDetails.vue

@@ -11,57 +11,64 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="120px">
-        <div class="form-title"><span>基本信息</span></div>
-        <div style="display: flex;">
-          <el-form-item label="会员名称：">
-            <span style="display: block; min-width: 250px;">{{ form.realName }}</span>
-          </el-form-item>
-          <el-form-item label="性别：">
-            <dict-tag :options="dict.type.tourism_memberInformation_sex" :value="form.sex"/>
-          </el-form-item>
-        </div>
-        <div style="display: flex;">
-          <el-form-item label="手机号：">
-            <span style="display: block;min-width: 250px;">{{ form.mobile }}</span>
-          </el-form-item>
-          <el-form-item label="身份证号：">
-            <span style="display: block;min-width: 250px;">{{ form.cardId }}</span>
-          </el-form-item>
-        </div>
-        <div style="display: flex;">
-          <el-form-item label="注册时间：">
-            <span style="display: block;min-width: 250px;">{{ form.createTime }}</span>
-          </el-form-item>
-        </div>
-        <div class="form-title"><span>会员信息</span></div>
-        <div style="display: flex;">
-          <el-form-item label="会员类型：">
-            <span style="display: block;min-width: 250px;">{{ form.type }}</span>
-          </el-form-item>
-          <el-form-item label="会员卡号：">
-            <span style="display: block;min-width: 250px;">{{ form.name }}</span>
-          </el-form-item>
-        </div>
-        <div style="display: flex;">
-          <el-form-item label="剩余积分：">
-            <span style="display: block;min-width: 250px;">{{ form.credit }}</span>
-          </el-form-item>
-          <el-form-item label="剩余储值：">
-            <span style="display: block;min-width: 250px;">{{ form.balance }}</span>
-          </el-form-item>
-        </div>
-        <div class="form-title"><span>消费数据</span></div>
-        <div style="display: flex;">
-          <el-form-item label="下单数(单)：">
-            <span style="display: block;min-width: 250px;">{{ form.orderCount }}</span>
-          </el-form-item>
-          <el-form-item label="支付成功数(单)：">
-            <span style="display: block;min-width: 250px;">{{ form.buyCount }}</span>
-          </el-form-item>
-        </div>
-      </el-form>
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="120px">
+          <div class="form-title"><span>基本信息</span></div>
+          <div style="display: flex;">
+            <el-form-item label="会员名称：">
+              <span style="display: block; min-width: 250px;">{{ form.realName }}</span>
+            </el-form-item>
+            <el-form-item label="性别：">
+              <dict-tag :options="dict.type.tourism_memberInformation_sex" :value="form.sex"/>
+            </el-form-item>
+          </div>
+          <div style="display: flex;">
+            <el-form-item label="手机号：">
+              <span style="display: block;min-width: 250px;">{{ form.mobile }}</span>
+            </el-form-item>
+            <el-form-item label="身份证号：">
+              <span style="display: block;min-width: 250px;">{{ form.cardId }}</span>
+            </el-form-item>
+          </div>
+          <div style="display: flex;">
+            <el-form-item label="注册时间：">
+              <span style="display: block;min-width: 250px;">{{ form.createTime }}</span>
+            </el-form-item>
+          </div>
+          <div class="form-title"><span>会员信息</span></div>
+          <div style="display: flex;">
+            <el-form-item label="会员类型：">
+              <span style="display: block;min-width: 250px;">{{ form.type }}</span>
+            </el-form-item>
+            <el-form-item label="会员卡号：">
+              <span style="display: block;min-width: 250px;">{{ form.name }}</span>
+            </el-form-item>
+          </div>
+          <div style="display: flex;">
+            <el-form-item label="剩余积分：">
+              <span style="display: block;min-width: 250px;">{{ form.credit }}</span>
+            </el-form-item>
+            <el-form-item label="剩余储值：">
+              <span style="display: block;min-width: 250px;">{{ form.balance }}</span>
+            </el-form-item>
+          </div>
+          <div class="form-title"><span>消费数据</span></div>
+          <div style="display: flex;">
+            <el-form-item label="下单数(单)：">
+              <span style="display: block;min-width: 250px;">{{ form.orderCount }}</span>
+            </el-form-item>
+            <el-form-item label="支付成功数(单)：">
+              <span style="display: block;min-width: 250px;">{{ form.buyCount }}</span>
+            </el-form-item>
+          </div>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">关闭</el-button>
@@ -184,6 +191,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/membershipManagement/electronicMembership/formBox/membershipLevelForm.vue

@@ -11,87 +11,94 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="120px">
-        <div class="form-title"><span>基本信息</span></div>
-        <el-form-item label="等级名称：" prop="name">
-          <el-input style="width: 350px;" v-model="form.name" placeholder="请输入等级名称" maxlength="20" show-word-limit />
-        </el-form-item>
-        <el-form-item label="所需积分值：" prop="name">
-          <el-input style="width: 350px;" v-model="form.name" placeholder="请输入所需积分值" maxlength="20" show-word-limit />
-        </el-form-item>
-        <el-form-item label="等级图片" prop="imgUrl">
-          <div style="display: flex;">
-            <div 
-            v-for="(item,index) in form.imgUrl" 
-            :key="index"
-            style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
-              <el-image 
-                style="width: 100%; height: 100%"
-                :src="item" 
-                :preview-src-list="form.imgUrl">
-              </el-image>
-              <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
-                <i class="el-icon-error"></i>
-              </span>
-            </div>
-            <div 
-            style="width: 100px; height: 100px;" 
-            v-if="!form.imgUrl||form.imgUrl.length<1"
-            v-loading="actionUrlLoading"
-            element-loading-text="上传中..."
-            element-loading-spinner="el-icon-loading"
-            element-loading-background="rgba(0, 0, 0, 0.8)"
-            >
-              <el-upload
-                class="avatar-uploader"
-                :action="actionUrl"
-                :data="{
-                  bucket: 'tourism'
-                }"
-                :show-file-list="false"
-                :before-upload="beforeAvatarUpload"
-                :on-success="handleAvatarSuccess"
-                :on-progress="handleAvatarProgress"
-                :disabled="actionUrlLoading"
-                :on-error="handleAvatarError"
-                >
-                <i class="el-icon-plus avatar-uploader-icon"></i>
-              </el-upload>
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="120px">
+          <div class="form-title"><span>基本信息</span></div>
+          <el-form-item label="等级名称：" prop="name">
+            <el-input style="width: 350px;" v-model="form.name" placeholder="请输入等级名称" maxlength="20" show-word-limit />
+          </el-form-item>
+          <el-form-item label="所需积分值：" prop="name">
+            <el-input style="width: 350px;" v-model="form.name" placeholder="请输入所需积分值" maxlength="20" show-word-limit />
+          </el-form-item>
+          <el-form-item label="等级图片" prop="imgUrl">
+            <div style="display: flex;">
+              <div 
+              v-for="(item,index) in form.imgUrl" 
+              :key="index"
+              style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
+                <el-image 
+                  style="width: 100%; height: 100%"
+                  :src="item" 
+                  :preview-src-list="form.imgUrl">
+                </el-image>
+                <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
+                  <i class="el-icon-error"></i>
+                </span>
+              </div>
+              <div 
+              style="width: 100px; height: 100px;" 
+              v-if="!form.imgUrl||form.imgUrl.length<1"
+              v-loading="actionUrlLoading"
+              element-loading-text="上传中..."
+              element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(0, 0, 0, 0.8)"
+              >
+                <el-upload
+                  class="avatar-uploader"
+                  :action="actionUrl"
+                  :data="{
+                    bucket: 'tourism'
+                  }"
+                  :show-file-list="false"
+                  :before-upload="beforeAvatarUpload"
+                  :on-success="handleAvatarSuccess"
+                  :on-progress="handleAvatarProgress"
+                  :disabled="actionUrlLoading"
+                  :on-error="handleAvatarError"
+                  >
+                  <i class="el-icon-plus avatar-uploader-icon"></i>
+                </el-upload>
+              </div>
+              
             </div>
-            
-          </div>
-          <span>建议尺寸XXX*XXX,支持jpg、png,支持100KB大小以内的图片上传</span>
-        </el-form-item>
-        <div class="form-title"><span>会员权益</span></div>
-        <el-form-item label="折扣权益：" prop="name">
-          <el-form-item label="基本折扣：" prop="name">
-            <el-input style="width: 350px;" v-model="form.name" placeholder="请输入基本折扣" maxlength="20" show-word-limit />
+            <span>建议尺寸XXX*XXX,支持jpg、png,支持100KB大小以内的图片上传</span>
           </el-form-item>
-          <el-form-item label="单品折扣：" prop="name">
-            <el-select v-model="form.goodId" placeholder="请选择景点产品">
-              <el-option
-                v-for="item in scenicAreaProducts"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-            <el-input style="width: 350px;" v-model="form.name" placeholder="请输入单品折扣" maxlength="20" show-word-limit />
+          <div class="form-title"><span>会员权益</span></div>
+          <el-form-item label="折扣权益：" prop="name">
+            <el-form-item label="基本折扣：" prop="name">
+              <el-input style="width: 350px;" v-model="form.name" placeholder="请输入基本折扣" maxlength="20" show-word-limit />
+            </el-form-item>
+            <el-form-item label="单品折扣：" prop="name">
+              <el-select v-model="form.goodId" placeholder="请选择景点产品">
+                <el-option
+                  v-for="item in scenicAreaProducts"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+              <el-input style="width: 350px;" v-model="form.name" placeholder="请输入单品折扣" maxlength="20" show-word-limit />
+            </el-form-item>
           </el-form-item>
-        </el-form-item>
-        <el-form-item label="积分权益：" prop="name">
-          <el-form-item label="积分成长系数：" prop="name">
-            <el-input style="width: 350px;" v-model="form.name" placeholder="请输入积分成长系数" maxlength="20" show-word-limit />
+          <el-form-item label="积分权益：" prop="name">
+            <el-form-item label="积分成长系数：" prop="name">
+              <el-input style="width: 350px;" v-model="form.name" placeholder="请输入积分成长系数" maxlength="20" show-word-limit />
+            </el-form-item>
           </el-form-item>
-        </el-form-item>
-        <el-form-item label="专属优惠卷：" prop="name">
-          <el-input style="width: 350px;" v-model="form.name" placeholder="请输入专属优惠卷" maxlength="20" show-word-limit />
-        </el-form-item>
-        <el-form-item label="指定产品不参与会员折扣：" prop="name">
-          <el-input style="width: 350px;" v-model="form.name" placeholder="请输入指定产品不参与会员折扣" maxlength="20" show-word-limit />
-        </el-form-item>
-      </el-form>
+          <el-form-item label="专属优惠卷：" prop="name">
+            <el-input style="width: 350px;" v-model="form.name" placeholder="请输入专属优惠卷" maxlength="20" show-word-limit />
+          </el-form-item>
+          <el-form-item label="指定产品不参与会员折扣：" prop="name">
+            <el-input style="width: 350px;" v-model="form.name" placeholder="请输入指定产品不参与会员折扣" maxlength="20" show-word-limit />
+          </el-form-item>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -330,6 +337,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/membershipManagement/electronicMembership/formBox/setIntegralForm.vue

@@ -11,23 +11,30 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="120px">
-        <el-form-item label="积分变动" prop="type">
-          <el-radio-group v-model="form.type">
-            <el-radio 
-              v-for="dict in dict.type.tourism_memberInformation_biangeng_type"
-              :label="dict.value"
-              >{{ dict.label }}</el-radio>
-          </el-radio-group>
-          </el-form-item>
-          <el-form-item label="变动量" prop="num">
-            <el-input-number v-model="form.num" controls-position="right" :min="0" placeholder="请输入变动量"></el-input-number>
-          </el-form-item>
-          <el-form-item label="变动原因说明" prop="remark">
-            <el-input style="width: 350px;" type="textarea" v-model="form.remark" placeholder="请输入变动原因说明" maxlength="200" show-word-limit />
-          </el-form-item>
-      </el-form>
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="120px">
+          <el-form-item label="积分变动" prop="type">
+            <el-radio-group v-model="form.type">
+              <el-radio 
+                v-for="dict in dict.type.tourism_memberInformation_biangeng_type"
+                :label="dict.value"
+                >{{ dict.label }}</el-radio>
+            </el-radio-group>
+            </el-form-item>
+            <el-form-item label="变动量" prop="num">
+              <el-input-number v-model="form.num" controls-position="right" :min="0" placeholder="请输入变动量"></el-input-number>
+            </el-form-item>
+            <el-form-item label="变动原因说明" prop="remark">
+              <el-input style="width: 350px;" type="textarea" v-model="form.remark" placeholder="请输入变动原因说明" maxlength="200" show-word-limit />
+            </el-form-item>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -203,6 +210,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/membershipManagement/electronicMembership/formBox/setStoredValue.vue

@@ -12,28 +12,35 @@
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
     element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="120px">
-        <el-form-item label="账户余额">
-          <span>{{ form.balance }}</span>
-        </el-form-item>
-        <el-form-item label="可退余额">
-          <span>{{ form.refundBalance }}</span>
-        </el-form-item>
-        <el-form-item label="储值变动" prop="type">
-          <el-radio-group v-model="form.type">
-            <el-radio 
-              v-for="dict in dict.type.tourism_memberInformation_biangeng_type"
-              :label="dict.value"
-              >{{ dict.label }}</el-radio>
-          </el-radio-group>
-          </el-form-item>
-          <el-form-item label="变动量" prop="num">
-            <el-input-number v-model="form.num" controls-position="right" :min="0"  placeholder="请输入变动量"></el-input-number>
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="120px">
+          <el-form-item label="账户余额">
+            <span>{{ form.balance }}</span>
           </el-form-item>
-          <el-form-item label="变动原因说明" prop="remark">
-            <el-input style="width: 350px;" type="textarea" v-model="form.remark" placeholder="请输入变动原因说明" maxlength="200" show-word-limit />
+          <el-form-item label="可退余额">
+            <span>{{ form.refundBalance }}</span>
           </el-form-item>
-      </el-form>
+          <el-form-item label="储值变动" prop="type">
+            <el-radio-group v-model="form.type">
+              <el-radio 
+                v-for="dict in dict.type.tourism_memberInformation_biangeng_type"
+                :label="dict.value"
+                >{{ dict.label }}</el-radio>
+            </el-radio-group>
+            </el-form-item>
+            <el-form-item label="变动量" prop="num">
+              <el-input-number v-model="form.num" controls-position="right" :min="0"  placeholder="请输入变动量"></el-input-number>
+            </el-form-item>
+            <el-form-item label="变动原因说明" prop="remark">
+              <el-input style="width: 350px;" type="textarea" v-model="form.remark" placeholder="请输入变动原因说明" maxlength="200" show-word-limit />
+            </el-form-item>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -211,6 +218,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/productManagement/formBox/scenicAreaTicketsForm.vue

@@ -11,56 +11,63 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="130px">
-        <div class="form-title"><span>基本信息</span></div>
-        <el-form-item label="标题名称：" prop="title">
-          <el-input style="width: 350px;" v-model="form.title" placeholder="请输入标题名称" maxlength="50" show-word-limit />
-        </el-form-item>
-        <el-form-item label="封面上传：" prop="imgUrl">
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="130px">
+          <div class="form-title"><span>基本信息</span></div>
+          <el-form-item label="标题名称：" prop="title">
+            <el-input style="width: 350px;" v-model="form.title" placeholder="请输入标题名称" maxlength="50" show-word-limit />
+          </el-form-item>
+          <el-form-item label="封面上传：" prop="imgUrl">
 
-          <div
-          style="width: 120px;"
-          v-loading="actionUrlLoading"
-          element-loading-text="上传中..."
-          element-loading-spinner="el-icon-loading"
-          element-loading-background="rgba(0, 0, 0, 0.8)"
-          >
-            <el-upload
-              class="avatar-uploader"
-              :action="actionUrl"
-              :data="{
-                bucket: 'tourism'
-              }"
-              :show-file-list="false"
-              accept=".jpg, .png, jpeg"
-              :on-success="handleAvatarSuccess"
-              :on-progress="handleAvatarProgress"
-              :before-upload="beforeAvatarUpload"
-              :disabled="actionUrlLoading"
-              :on-error="handleAvatarError"
-              >
-              <img v-if="form.imgUrl" style="width: 100px;height: 100px;" :src="form.imgUrl" class="avatar">
-              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-            </el-upload>
+            <div
+            style="width: 120px;"
+            v-loading="actionUrlLoading"
+            element-loading-text="上传中..."
+            element-loading-spinner="el-icon-loading"
+            element-loading-background="rgba(0, 0, 0, 0.8)"
+            >
+              <el-upload
+                class="avatar-uploader"
+                :action="actionUrl"
+                :data="{
+                  bucket: 'tourism'
+                }"
+                :show-file-list="false"
+                accept=".jpg, .png, jpeg"
+                :on-success="handleAvatarSuccess"
+                :on-progress="handleAvatarProgress"
+                :before-upload="beforeAvatarUpload"
+                :disabled="actionUrlLoading"
+                :on-error="handleAvatarError"
+                >
+                <img v-if="form.imgUrl" style="width: 100px;height: 100px;" :src="form.imgUrl" class="avatar">
+                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+              </el-upload>
+            </div>
+            <span>建议上传xxx*xxx,支持jpg/png/gif,支持1MB大小以内的图片上传</span>
+          </el-form-item>
+          <div class="form-title"><span>基本信息</span></div>
+          <el-form-item label-width="70px" label="内容：" prop="detail">
+          </el-form-item>
+          <div>
+            <quill-editor
+                v-model="form.detail"
+                ref="myQuillEditor"
+                :options="editorOption"
+                @blur="onEditorBlur($event)"
+                @focus="onEditorFocus($event)"
+                @change="onEditorChange($event)"
+                @ready="onEditorReady($event)">
+            </quill-editor>
           </div>
-          <span>建议上传xxx*xxx,支持jpg/png/gif,支持1MB大小以内的图片上传</span>
-        </el-form-item>
-        <div class="form-title"><span>基本信息</span></div>
-        <el-form-item label-width="70px" label="内容：" prop="detail">
-        </el-form-item>
-        <div>
-          <quill-editor
-              v-model="form.detail"
-              ref="myQuillEditor"
-              :options="editorOption"
-              @blur="onEditorBlur($event)"
-              @focus="onEditorFocus($event)"
-              @change="onEditorChange($event)"
-              @ready="onEditorReady($event)">
-          </quill-editor>
-        </div>
-      </el-form>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -317,6 +324,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/routeManagementAll/formBox/routeManagementForm.vue

@@ -11,121 +11,130 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="130px">
-        <div class="form-title"><span>基本信息</span></div>
-        <el-form-item label="标题名称" prop="titleName">
-          <el-input style="width: 350px;" v-model="form.titleName" placeholder="请输入标题名称" maxlength="50" show-word-limit />
-        </el-form-item>
-        <el-form-item label="标签信息" prop="labelId">
-          <el-select v-model="form.labelId" :multiple-limit="2" multiple placeholder="请选择标签信息">
-            <el-option
-                v-for="dict in dict.type.route_lable"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="封面上传" prop="imgUrl">
-          <div style="display: flex;">
-            <div 
-            v-for="(item,index) in form.imgUrl" 
-            :key="index"
-            style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
-              <el-image 
-                style="width: 100%; height: 100%"
-                :src="item" 
-                :preview-src-list="form.imgUrl">
-              </el-image>
-              <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
-                <i class="el-icon-error"></i>
-              </span>
-            </div>
-            <div 
-            style="width: 100px; height: 100px;" 
-            v-if="!form.imgUrl||form.imgUrl.length<1"
-            v-loading="actionUrlLoading"
-            element-loading-text="上传中..."
-            element-loading-spinner="el-icon-loading"
-            element-loading-background="rgba(0, 0, 0, 0.8)"
-            >
-              <el-upload
-                class="avatar-uploader"
-                :action="actionUrl"
-                :data="{
-                  bucket: 'tourism'
-                }"
-                :show-file-list="false"
-                :before-upload="beforeAvatarUpload"
-                :on-success="handleAvatarSuccess"
-                :on-progress="handleAvatarProgress"
-                :disabled="actionUrlLoading"
-                :on-error="handleAvatarError"
-                >
-                <i class="el-icon-plus avatar-uploader-icon"></i>
-              </el-upload>
-            </div>
-            
-          </div>
-          <span>支持jpg、png、gif,支持1MB大小以内的图片上传</span>
-        </el-form-item>
-        <el-form-item label="浏览路线图" prop="photos">
-          <div style="display: flex;">
-            <div 
-            v-for="(item,index) in form.photos" 
-            :key="index"
-            style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
-              <el-image 
-                style="width: 100%; height: 100%"
-                :src="item" 
-                :preview-src-list="form.photos">
-              </el-image>
-              <span @click="handleRemoveMore(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
-                <i class="el-icon-error"></i>
-              </span>
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+      v-loading="loading"
+      :element-loading-text="''"
+      element-loading-spinner="''"
+      element-loading-background="rgba(0, 0, 0, 0.8)"
+      >
+
+      
+        <el-form :model="form" ref="form" :rules="rules" label-width="130px">
+          <div class="form-title"><span>基本信息</span></div>
+          <el-form-item label="标题名称" prop="titleName">
+            <el-input style="width: 350px;" v-model="form.titleName" placeholder="请输入标题名称" maxlength="50" show-word-limit />
+          </el-form-item>
+          <el-form-item label="标签信息" prop="labelId">
+            <el-select v-model="form.labelId" :multiple-limit="2" multiple placeholder="请选择标签信息">
+              <el-option
+                  v-for="dict in dict.type.route_lable"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="封面上传" prop="imgUrl">
+            <div style="display: flex;">
+              <div 
+              v-for="(item,index) in form.imgUrl" 
+              :key="index"
+              style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
+                <el-image 
+                  style="width: 100%; height: 100%"
+                  :src="item" 
+                  :preview-src-list="form.imgUrl">
+                </el-image>
+                <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
+                  <i class="el-icon-error"></i>
+                </span>
+              </div>
+              <div 
+              style="width: 100px; height: 100px;" 
+              v-if="!form.imgUrl||form.imgUrl.length<1"
+              v-loading="actionUrlLoading"
+              element-loading-text="上传中..."
+              element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(0, 0, 0, 0.8)"
+              >
+                <el-upload
+                  class="avatar-uploader"
+                  :action="actionUrl"
+                  :data="{
+                    bucket: 'tourism'
+                  }"
+                  :show-file-list="false"
+                  :before-upload="beforeAvatarUpload"
+                  :on-success="handleAvatarSuccess"
+                  :on-progress="handleAvatarProgress"
+                  :disabled="actionUrlLoading"
+                  :on-error="handleAvatarError"
+                  >
+                  <i class="el-icon-plus avatar-uploader-icon"></i>
+                </el-upload>
+              </div>
+              
             </div>
-            <div 
-            style="width: 100px; height: 100px;" 
-            v-if="!form.photos||form.photos.length<1"
-            v-loading="actionUrlMoreLoading"
-            element-loading-text="上传中..."
-            element-loading-spinner="el-icon-loading"
-            element-loading-background="rgba(0, 0, 0, 0.8)"
-            >
-              <el-upload
-                class="avatar-uploader"
-                :action="actionUrl"
-                :data="{
-                  bucket: 'tourism'
-                }"
-                :show-file-list="false"
-                :before-upload="beforeAvatarUploadMore"
-                :on-success="handleAvatarSuccessMore"
-                :on-progress="handleAvatarProgressMore"
-                :disabled="actionUrlMoreLoading"
-                :on-error="handleAvatarErrorMore"
-                >
-                <i class="el-icon-plus avatar-uploader-icon"></i>
-              </el-upload>
+            <span>支持jpg、png、gif,支持1MB大小以内的图片上传</span>
+          </el-form-item>
+          <el-form-item label="浏览路线图" prop="photos">
+            <div style="display: flex;">
+              <div 
+              v-for="(item,index) in form.photos" 
+              :key="index"
+              style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
+                <el-image 
+                  style="width: 100%; height: 100%"
+                  :src="item" 
+                  :preview-src-list="form.photos">
+                </el-image>
+                <span @click="handleRemoveMore(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
+                  <i class="el-icon-error"></i>
+                </span>
+              </div>
+              <div 
+              style="width: 100px; height: 100px;" 
+              v-if="!form.photos||form.photos.length<1"
+              v-loading="actionUrlMoreLoading"
+              element-loading-text="上传中..."
+              element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(0, 0, 0, 0.8)"
+              >
+                <el-upload
+                  class="avatar-uploader"
+                  :action="actionUrl"
+                  :data="{
+                    bucket: 'tourism'
+                  }"
+                  :show-file-list="false"
+                  :before-upload="beforeAvatarUploadMore"
+                  :on-success="handleAvatarSuccessMore"
+                  :on-progress="handleAvatarProgressMore"
+                  :disabled="actionUrlMoreLoading"
+                  :on-error="handleAvatarErrorMore"
+                  >
+                  <i class="el-icon-plus avatar-uploader-icon"></i>
+                </el-upload>
+              </div>
+              
             </div>
-            
-          </div>
-          <span>支持jpg、png、gif,支持1MB大小以内的图片上传</span>
-        </el-form-item>
-        <div class="form-title"><span>内容详情</span></div>
-        <el-form-item label=""  label-width="0" prop="content">
-          <quill-editor
-            v-model="form.content"
-            ref="myQuillEditor"
-            :options="editorOption"
-            @blur="onEditorBlur($event)"
-            @focus="onEditorFocus($event)"
-            @change="onEditorChange($event)"
-            @ready="onEditorReady($event)">
-          </quill-editor>
-        </el-form-item>
-      </el-form>
+            <span>支持jpg、png、gif,支持1MB大小以内的图片上传</span>
+          </el-form-item>
+          <div class="form-title"><span>内容详情</span></div>
+          <el-form-item label=""  label-width="0" prop="content">
+            <quill-editor
+              v-model="form.content"
+              ref="myQuillEditor"
+              :options="editorOption"
+              @blur="onEditorBlur($event)"
+              @focus="onEditorFocus($event)"
+              @change="onEditorChange($event)"
+              @ready="onEditorReady($event)">
+            </quill-editor>
+          </el-form-item>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -442,6 +451,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/contentManagement/detailsBox/noticeManagementDetails.vue

@@ -11,20 +11,27 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="0">
-        <el-form-item label="" prop="content">
-          <quill-editor
-              v-model="form.content"
-              ref="myQuillEditor"
-              :options="editorOption"
-              @blur="onEditorBlur($event)"
-              @focus="onEditorFocus($event)"
-              @change="onEditorChange($event)"
-              @ready="onEditorReady($event)">
-          </quill-editor>
-        </el-form-item>
-      </el-form>
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="0">
+          <el-form-item label="" prop="content">
+            <quill-editor
+                v-model="form.content"
+                ref="myQuillEditor"
+                :options="editorOption"
+                @blur="onEditorBlur($event)"
+                @focus="onEditorFocus($event)"
+                @change="onEditorChange($event)"
+                @ready="onEditorReady($event)">
+            </quill-editor>
+          </el-form-item>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">关闭</el-button>
@@ -234,6 +241,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/contentManagement/formBox/attractionInfoCultureForm.vue

@@ -11,79 +11,86 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="130px">
-        <el-form-item label="标题名称" prop="titleName">
-          <el-input style="width: 350px;" v-model="form.titleName" placeholder="请输入标题名称" maxlength="50" show-word-limit />
-        </el-form-item>
-        <el-form-item label="内容摘要" prop="contentMain">
-          <el-input style="width: 350px;" v-model="form.contentMain" type="textarea" placeholder="请输入内容摘要" />
-        </el-form-item>
-        <el-form-item label="封面上传" prop="imgUrl">
-          <div style="display: flex;">
-            <div 
-            v-for="(item,index) in form.imgUrl" 
-            :key="index"
-            style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
-              <el-image 
-                style="width: 100%; height: 100%"
-                :src="item" 
-                :preview-src-list="form.imgUrl">
-              </el-image>
-              <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
-                <i class="el-icon-error"></i>
-              </span>
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+      v-loading="loading"
+      :element-loading-text="''"
+      element-loading-spinner="''"
+      element-loading-background="rgba(0, 0, 0, 0.8)"
+      >
+        <el-form :model="form" ref="form" :rules="rules" label-width="130px">
+          <el-form-item label="标题名称" prop="titleName">
+            <el-input style="width: 350px;" v-model="form.titleName" placeholder="请输入标题名称" maxlength="50" show-word-limit />
+          </el-form-item>
+          <el-form-item label="内容摘要" prop="contentMain">
+            <el-input style="width: 350px;" v-model="form.contentMain" type="textarea" placeholder="请输入内容摘要" />
+          </el-form-item>
+          <el-form-item label="封面上传" prop="imgUrl">
+            <div style="display: flex;">
+              <div 
+              v-for="(item,index) in form.imgUrl" 
+              :key="index"
+              style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
+                <el-image 
+                  style="width: 100%; height: 100%"
+                  :src="item" 
+                  :preview-src-list="form.imgUrl">
+                </el-image>
+                <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
+                  <i class="el-icon-error"></i>
+                </span>
+              </div>
+              <div 
+              style="width: 100px; height: 100px;" 
+              v-if="!form.imgUrl||form.imgUrl.length<1"
+              v-loading="actionUrlLoading"
+              element-loading-text="上传中..."
+              element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(0, 0, 0, 0.8)"
+              >
+                <el-upload
+                  class="avatar-uploader"
+                  :action="actionUrl"
+                  :data="{
+                    bucket: 'tourism'
+                  }"
+                  :show-file-list="false"
+                  :before-upload="beforeAvatarUpload"
+                  :on-success="handleAvatarSuccess"
+                  :on-progress="handleAvatarProgress"
+                  :disabled="actionUrlLoading"
+                  :on-error="handleAvatarError"
+                  >
+                  <i class="el-icon-plus avatar-uploader-icon"></i>
+                </el-upload>
+              </div>
+              
             </div>
-            <div 
-            style="width: 100px; height: 100px;" 
-            v-if="!form.imgUrl||form.imgUrl.length<1"
-            v-loading="actionUrlLoading"
-            element-loading-text="上传中..."
-            element-loading-spinner="el-icon-loading"
-            element-loading-background="rgba(0, 0, 0, 0.8)"
-            >
-              <el-upload
-                class="avatar-uploader"
-                :action="actionUrl"
-                :data="{
-                  bucket: 'tourism'
-                }"
-                :show-file-list="false"
-                :before-upload="beforeAvatarUpload"
-                :on-success="handleAvatarSuccess"
-                :on-progress="handleAvatarProgress"
-                :disabled="actionUrlLoading"
-                :on-error="handleAvatarError"
-                >
-                <i class="el-icon-plus avatar-uploader-icon"></i>
-              </el-upload>
-            </div>
-            
-          </div>
-          <span>支持jpg、png、gif,支持1MB大小以内的图片上传</span>
-        </el-form-item>
-        <el-form-item label="内容详情" prop="contentType">
-          <el-radio-group v-model="form.contentType" @input="setContentType">
-            <el-radio 
-              v-for="dict in dict.type.tourism_attractionInfoIntroduce_type"
-              :label="Number(dict.value)"
-              >{{ dict.label }}</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label=""  label-width="0" prop="content">
-          <el-input v-if="form.contentType==2" style="width: 350px;" v-model="form.content" placeholder="请输入链接内容" />
-          <quill-editor
-            v-if="form.contentType==1"
-            v-model="form.content"
-            ref="myQuillEditor"
-            :options="editorOption"
-            @blur="onEditorBlur($event)"
-            @focus="onEditorFocus($event)"
-            @change="onEditorChange($event)"
-            @ready="onEditorReady($event)">
-          </quill-editor>
-        </el-form-item>
-      </el-form>
+            <span>支持jpg、png、gif,支持1MB大小以内的图片上传</span>
+          </el-form-item>
+          <el-form-item label="内容详情" prop="contentType">
+            <el-radio-group v-model="form.contentType" @input="setContentType">
+              <el-radio 
+                v-for="dict in dict.type.tourism_attractionInfoIntroduce_type"
+                :label="Number(dict.value)"
+                >{{ dict.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label=""  label-width="0" prop="content">
+            <el-input v-if="form.contentType==2" style="width: 350px;" v-model="form.content" placeholder="请输入链接内容" />
+            <quill-editor
+              v-if="form.contentType==1"
+              v-model="form.content"
+              ref="myQuillEditor"
+              :options="editorOption"
+              @blur="onEditorBlur($event)"
+              @focus="onEditorFocus($event)"
+              @change="onEditorChange($event)"
+              @ready="onEditorReady($event)">
+            </quill-editor>
+          </el-form-item>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -393,6 +400,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/contentManagement/formBox/attractionInfoIntroduceForm.vue

@@ -11,122 +11,129 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="130px">
-        <el-form-item label="标题名称" prop="titleName">
-          <el-input style="width: 350px;" v-model="form.titleName" placeholder="请输入标题名称" maxlength="50" show-word-limit />
-        </el-form-item>
-        <el-form-item label="内容摘要" prop="contentMain">
-          <el-input style="width: 350px;" v-model="form.contentMain" type="textarea" placeholder="请输入内容摘要" />
-        </el-form-item>
-        <el-form-item label="封面上传" prop="imgUrl">
-          <div style="display: flex;">
-            <div 
-            v-for="(item,index) in form.imgUrl" 
-            :key="index"
-            style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
-              <el-image 
-                style="width: 100%; height: 100%"
-                :src="item" 
-                :preview-src-list="form.imgUrl">
-              </el-image>
-              <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
-                <i class="el-icon-error"></i>
-              </span>
-            </div>
-            <div 
-            style="width: 100px; height: 100px;" 
-            v-if="!form.imgUrl||form.imgUrl.length<5"
-            v-loading="actionUrlLoading"
-            element-loading-text="上传中..."
-            element-loading-spinner="el-icon-loading"
-            element-loading-background="rgba(0, 0, 0, 0.8)"
-            >
-              <el-upload
-                class="avatar-uploader"
-                :action="actionUrl"
-                :data="{
-                  bucket: 'tourism'
-                }"
-                :show-file-list="false"
-                :before-upload="beforeAvatarUpload"
-                :on-success="handleAvatarSuccess"
-                :on-progress="handleAvatarProgress"
-                :disabled="actionUrlLoading"
-                :on-error="handleAvatarError"
-                >
-                <i class="el-icon-plus avatar-uploader-icon"></i>
-              </el-upload>
-            </div>
-            
-          </div>
-          <span>支持jpg、png、gif,支持1MB大小以内的图片上传</span>
-        </el-form-item>
-        <el-form-item label="景区相册" prop="photos">
-          <div style="display: flex;">
-            <div 
-            v-for="(item,index) in form.photos" 
-            :key="index"
-            style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
-              <el-image 
-                style="width: 100%; height: 100%"
-                :src="item" 
-                :preview-src-list="form.photos">
-              </el-image>
-              <span @click="handleRemoveMore(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
-                <i class="el-icon-error"></i>
-              </span>
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="130px">
+          <el-form-item label="标题名称" prop="titleName">
+            <el-input style="width: 350px;" v-model="form.titleName" placeholder="请输入标题名称" maxlength="50" show-word-limit />
+          </el-form-item>
+          <el-form-item label="内容摘要" prop="contentMain">
+            <el-input style="width: 350px;" v-model="form.contentMain" type="textarea" placeholder="请输入内容摘要" />
+          </el-form-item>
+          <el-form-item label="封面上传" prop="imgUrl">
+            <div style="display: flex;">
+              <div 
+              v-for="(item,index) in form.imgUrl" 
+              :key="index"
+              style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
+                <el-image 
+                  style="width: 100%; height: 100%"
+                  :src="item" 
+                  :preview-src-list="form.imgUrl">
+                </el-image>
+                <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
+                  <i class="el-icon-error"></i>
+                </span>
+              </div>
+              <div 
+              style="width: 100px; height: 100px;" 
+              v-if="!form.imgUrl||form.imgUrl.length<5"
+              v-loading="actionUrlLoading"
+              element-loading-text="上传中..."
+              element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(0, 0, 0, 0.8)"
+              >
+                <el-upload
+                  class="avatar-uploader"
+                  :action="actionUrl"
+                  :data="{
+                    bucket: 'tourism'
+                  }"
+                  :show-file-list="false"
+                  :before-upload="beforeAvatarUpload"
+                  :on-success="handleAvatarSuccess"
+                  :on-progress="handleAvatarProgress"
+                  :disabled="actionUrlLoading"
+                  :on-error="handleAvatarError"
+                  >
+                  <i class="el-icon-plus avatar-uploader-icon"></i>
+                </el-upload>
+              </div>
+              
             </div>
-            <div 
-            style="width: 100px; height: 100px;" 
-            v-if="!form.photos||form.photos.length<20"
-            v-loading="actionUrlMoreLoading"
-            element-loading-text="上传中..."
-            element-loading-spinner="el-icon-loading"
-            element-loading-background="rgba(0, 0, 0, 0.8)"
-            >
-              <el-upload
-                class="avatar-uploader"
-                :action="actionUrl"
-                :data="{
-                  bucket: 'tourism'
-                }"
-                :show-file-list="false"
-                :before-upload="beforeAvatarUploadMore"
-                :on-success="handleAvatarSuccessMore"
-                :on-progress="handleAvatarProgressMore"
-                :disabled="actionUrlMoreLoading"
-                :on-error="handleAvatarErrorMore"
-                >
-                <i class="el-icon-plus avatar-uploader-icon"></i>
-              </el-upload>
+            <span>支持jpg、png、gif,支持1MB大小以内的图片上传</span>
+          </el-form-item>
+          <el-form-item label="景区相册" prop="photos">
+            <div style="display: flex;">
+              <div 
+              v-for="(item,index) in form.photos" 
+              :key="index"
+              style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
+                <el-image 
+                  style="width: 100%; height: 100%"
+                  :src="item" 
+                  :preview-src-list="form.photos">
+                </el-image>
+                <span @click="handleRemoveMore(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
+                  <i class="el-icon-error"></i>
+                </span>
+              </div>
+              <div 
+              style="width: 100px; height: 100px;" 
+              v-if="!form.photos||form.photos.length<20"
+              v-loading="actionUrlMoreLoading"
+              element-loading-text="上传中..."
+              element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(0, 0, 0, 0.8)"
+              >
+                <el-upload
+                  class="avatar-uploader"
+                  :action="actionUrl"
+                  :data="{
+                    bucket: 'tourism'
+                  }"
+                  :show-file-list="false"
+                  :before-upload="beforeAvatarUploadMore"
+                  :on-success="handleAvatarSuccessMore"
+                  :on-progress="handleAvatarProgressMore"
+                  :disabled="actionUrlMoreLoading"
+                  :on-error="handleAvatarErrorMore"
+                  >
+                  <i class="el-icon-plus avatar-uploader-icon"></i>
+                </el-upload>
+              </div>
+              
             </div>
-            
-          </div>
-          <span>支持jpg、png、gif,支持1MB大小以内的图片上传</span>
-        </el-form-item>
-        <el-form-item label="内容详情" prop="contentType">
-          <el-radio-group v-model="form.contentType" @input="setContentType">
-            <el-radio 
-              v-for="dict in dict.type.tourism_attractionInfoIntroduce_type"
-              :label="Number(dict.value)"
-              >{{ dict.label }}</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label=""  label-width="0" prop="content">
-          <el-input v-if="form.contentType==2" style="width: 350px;" v-model="form.content" placeholder="请输入链接内容" />
-          <quill-editor
-            v-if="form.contentType==1"
-            v-model="form.content"
-            ref="myQuillEditor"
-            :options="editorOption"
-            @blur="onEditorBlur($event)"
-            @focus="onEditorFocus($event)"
-            @change="onEditorChange($event)"
-            @ready="onEditorReady($event)">
-          </quill-editor>
-        </el-form-item>
-      </el-form>
+            <span>支持jpg、png、gif,支持1MB大小以内的图片上传</span>
+          </el-form-item>
+          <el-form-item label="内容详情" prop="contentType">
+            <el-radio-group v-model="form.contentType" @input="setContentType">
+              <el-radio 
+                v-for="dict in dict.type.tourism_attractionInfoIntroduce_type"
+                :label="Number(dict.value)"
+                >{{ dict.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label=""  label-width="0" prop="content">
+            <el-input v-if="form.contentType==2" style="width: 350px;" v-model="form.content" placeholder="请输入链接内容" />
+            <quill-editor
+              v-if="form.contentType==1"
+              v-model="form.content"
+              ref="myQuillEditor"
+              :options="editorOption"
+              @blur="onEditorBlur($event)"
+              @focus="onEditorFocus($event)"
+              @change="onEditorChange($event)"
+              @ready="onEditorReady($event)">
+            </quill-editor>
+          </el-form-item>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -440,6 +447,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/contentManagement/formBox/attractionInfoManagementForm.vue

@@ -11,105 +11,112 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="120px">
-        <div class="form-title"><span>基本信息</span></div>
-        <el-form-item label="景点名称：" prop="name">
-          <el-input style="width: 350px;" v-model="form.name" placeholder="请输入景点名称" maxlength="20" show-word-limit />
-        </el-form-item>
-        <el-form-item label="景点图片" prop="imgUrl">
-          <div style="display: flex;">
-            <div 
-            v-for="(item,index) in form.imgUrl" 
-            :key="index"
-            style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
-              <el-image 
-                style="width: 100%; height: 100%"
-                :src="item" 
-                :preview-src-list="form.imgUrl">
-              </el-image>
-              <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
-                <i class="el-icon-error"></i>
-              </span>
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="120px">
+          <div class="form-title"><span>基本信息</span></div>
+          <el-form-item label="景点名称：" prop="name">
+            <el-input style="width: 350px;" v-model="form.name" placeholder="请输入景点名称" maxlength="20" show-word-limit />
+          </el-form-item>
+          <el-form-item label="景点图片" prop="imgUrl">
+            <div style="display: flex;">
+              <div 
+              v-for="(item,index) in form.imgUrl" 
+              :key="index"
+              style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
+                <el-image 
+                  style="width: 100%; height: 100%"
+                  :src="item" 
+                  :preview-src-list="form.imgUrl">
+                </el-image>
+                <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
+                  <i class="el-icon-error"></i>
+                </span>
+              </div>
+              <div 
+              style="width: 100px; height: 100px;" 
+              v-if="!form.imgUrl||form.imgUrl.length<1"
+              v-loading="actionUrlLoading"
+              element-loading-text="上传中..."
+              element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(0, 0, 0, 0.8)"
+              >
+                <el-upload
+                  class="avatar-uploader"
+                  :action="actionUrl"
+                  :data="{
+                    bucket: 'tourism'
+                  }"
+                  :show-file-list="false"
+                  :before-upload="beforeAvatarUpload"
+                  :on-success="handleAvatarSuccess"
+                  :on-progress="handleAvatarProgress"
+                  :disabled="actionUrlLoading"
+                  :on-error="handleAvatarError"
+                  >
+                  <i class="el-icon-plus avatar-uploader-icon"></i>
+                </el-upload>
+              </div>
+              
             </div>
-            <div 
-            style="width: 100px; height: 100px;" 
-            v-if="!form.imgUrl||form.imgUrl.length<1"
-            v-loading="actionUrlLoading"
-            element-loading-text="上传中..."
-            element-loading-spinner="el-icon-loading"
-            element-loading-background="rgba(0, 0, 0, 0.8)"
-            >
-              <el-upload
-                class="avatar-uploader"
-                :action="actionUrl"
-                :data="{
-                  bucket: 'tourism'
-                }"
-                :show-file-list="false"
-                :before-upload="beforeAvatarUpload"
-                :on-success="handleAvatarSuccess"
-                :on-progress="handleAvatarProgress"
-                :disabled="actionUrlLoading"
-                :on-error="handleAvatarError"
+            <span>支持jpg、png,支持1MB大小以内的图片上传</span>
+          </el-form-item>
+          <el-form-item label="开放时间：" prop="openDate">
+            <el-time-picker
+              is-range
+              v-model="form.openDate"
+              value-format="HH:mm"
+              range-separator="至"
+              start-placeholder="开始时间"
+              end-placeholder="结束时间"
+              placeholder="选择开/闭园时间范围">
+            </el-time-picker>
+          </el-form-item>
+          <el-form-item label="景点产品：" prop="goodId">
+            <el-select v-model="form.goodId" placeholder="请选择景点产品">
+              <el-option
+                v-for="item in scenicAreaProducts"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="开/闭园：" prop="status">
+            <el-switch
+                style="display: block;margin-top: 8px;"
+                v-model="form.status"
+                active-color="#13ce66"
+                inactive-color="#ccc"
+                active-text="开"
+                inactive-text="关"
+                :active-value="2"
+                :inactive-value="1"
                 >
-                <i class="el-icon-plus avatar-uploader-icon"></i>
-              </el-upload>
-            </div>
+              </el-switch>
             
+          </el-form-item>
+          <div class="form-title"><span>宣推资料</span></div>
+          <el-form-item label="内容详情：" prop="content">
+          </el-form-item>
+          <div style="padding-left: 30px;">
+            <quill-editor
+                v-model="form.content"
+                ref="myQuillEditor"
+                :options="editorOption"
+                @blur="onEditorBlur($event)"
+                @focus="onEditorFocus($event)"
+                @change="onEditorChange($event)"
+                @ready="onEditorReady($event)">
+            </quill-editor>
           </div>
-          <span>支持jpg、png,支持1MB大小以内的图片上传</span>
-        </el-form-item>
-        <el-form-item label="开放时间：" prop="openDate">
-          <el-time-picker
-            is-range
-            v-model="form.openDate"
-            value-format="HH:mm"
-            range-separator="至"
-            start-placeholder="开始时间"
-            end-placeholder="结束时间"
-            placeholder="选择开/闭园时间范围">
-          </el-time-picker>
-        </el-form-item>
-        <el-form-item label="景点产品：" prop="goodId">
-          <el-select v-model="form.goodId" placeholder="请选择景点产品">
-            <el-option
-              v-for="item in scenicAreaProducts"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="开/闭园：" prop="status">
-          <el-switch
-              style="display: block;margin-top: 8px;"
-              v-model="form.status"
-              active-color="#13ce66"
-              inactive-color="#ccc"
-              active-text="开"
-              inactive-text="关"
-              :active-value="2"
-              :inactive-value="1"
-              >
-            </el-switch>
-          
-        </el-form-item>
-        <div class="form-title"><span>宣推资料</span></div>
-        <el-form-item label="内容详情：" prop="content">
-        </el-form-item>
-        <div style="padding-left: 30px;">
-          <quill-editor
-              v-model="form.content"
-              ref="myQuillEditor"
-              :options="editorOption"
-              @blur="onEditorBlur($event)"
-              @focus="onEditorFocus($event)"
-              @change="onEditorChange($event)"
-              @ready="onEditorReady($event)">
-          </quill-editor>
-        </div>
-      </el-form>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -378,6 +385,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/contentManagement/formBox/carouselAdvertisForm.vue

@@ -11,63 +11,70 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="130px">
-        <el-form-item label="标题名称" prop="name">
-          <el-input style="width: 350px;" v-model="form.name" placeholder="请输入标题名称" maxlength="50" show-word-limit />
-        </el-form-item>
-        <el-form-item label="类型" prop="type">
-          <el-radio-group v-model="form.type">
-            <el-radio 
-              v-for="dict in dict.type.tourism_online_type"
-              :label="Number(dict.value)"
-              >{{ dict.label }}</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="banner图片" prop="sliderImg">
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="130px">
+          <el-form-item label="标题名称" prop="name">
+            <el-input style="width: 350px;" v-model="form.name" placeholder="请输入标题名称" maxlength="50" show-word-limit />
+          </el-form-item>
+          <el-form-item label="类型" prop="type">
+            <el-radio-group v-model="form.type">
+              <el-radio 
+                v-for="dict in dict.type.tourism_online_type"
+                :label="Number(dict.value)"
+                >{{ dict.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="banner图片" prop="sliderImg">
 
-          <div
-          style="width: 120px;"
-          v-loading="actionUrlLoading"
-          element-loading-text="上传中..."
-          element-loading-spinner="el-icon-loading"
-          element-loading-background="rgba(0, 0, 0, 0.8)"
-          >
-            <el-upload
-              class="avatar-uploader"
-              :action="actionUrl"
-              :data="{
-                bucket: 'tourism'
-              }"
-              :show-file-list="false"
-              accept=".jpg, .png, jpeg"
-              :on-success="handleAvatarSuccess"
-              :on-progress="handleAvatarProgress"
-              :before-upload="beforeAvatarUpload"
-              :disabled="actionUrlLoading"
-              :on-error="handleAvatarError"
-              >
-              <img v-if="form.sliderImg" style="width: 100px;height: 100px;" :src="form.sliderImg" class="avatar">
-              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-            </el-upload>
-          </div>
-          <span>只能上传.jpg,.png图片</span>
-        </el-form-item>
-        <el-form-item label="banner背景色值" prop="backgroundColor">
-          <el-color-picker v-model="form.backgroundColor"></el-color-picker>
-        </el-form-item>
-        <el-form-item label="内容" prop="detail">
-          <quill-editor
-              v-model="form.detail"
-              ref="myQuillEditor"
-              :options="editorOption"
-              @blur="onEditorBlur($event)"
-              @focus="onEditorFocus($event)"
-              @change="onEditorChange($event)"
-              @ready="onEditorReady($event)">
-          </quill-editor>
-        </el-form-item>
-      </el-form>
+            <div
+            style="width: 120px;"
+            v-loading="actionUrlLoading"
+            element-loading-text="上传中..."
+            element-loading-spinner="el-icon-loading"
+            element-loading-background="rgba(0, 0, 0, 0.8)"
+            >
+              <el-upload
+                class="avatar-uploader"
+                :action="actionUrl"
+                :data="{
+                  bucket: 'tourism'
+                }"
+                :show-file-list="false"
+                accept=".jpg, .png, jpeg"
+                :on-success="handleAvatarSuccess"
+                :on-progress="handleAvatarProgress"
+                :before-upload="beforeAvatarUpload"
+                :disabled="actionUrlLoading"
+                :on-error="handleAvatarError"
+                >
+                <img v-if="form.sliderImg" style="width: 100px;height: 100px;" :src="form.sliderImg" class="avatar">
+                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+              </el-upload>
+            </div>
+            <span>只能上传.jpg,.png图片</span>
+          </el-form-item>
+          <el-form-item label="banner背景色值" prop="backgroundColor">
+            <el-color-picker v-model="form.backgroundColor"></el-color-picker>
+          </el-form-item>
+          <el-form-item label="内容" prop="detail">
+            <quill-editor
+                v-model="form.detail"
+                ref="myQuillEditor"
+                :options="editorOption"
+                @blur="onEditorBlur($event)"
+                @focus="onEditorFocus($event)"
+                @change="onEditorChange($event)"
+                @ready="onEditorReady($event)">
+            </quill-editor>
+          </el-form-item>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -326,6 +333,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/contentManagement/formBox/eventNotificationsForm.vue

@@ -11,45 +11,52 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="120px">
-        <div class="form-title"><span>基本信息</span></div>
-        <div style="display: flex;">
-          <el-form-item label="公告标题" prop="noticeTitle">
-            <el-input style="width: 350px;" v-model="form.noticeTitle" placeholder="请输入公告标题" maxlength="50" show-word-limit />
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="120px">
+          <div class="form-title"><span>基本信息</span></div>
+          <div style="display: flex;">
+            <el-form-item label="公告标题" prop="noticeTitle">
+              <el-input style="width: 350px;" v-model="form.noticeTitle" placeholder="请输入公告标题" maxlength="50" show-word-limit />
+            </el-form-item>
+            <el-form-item label="公告类型" prop="noticeType">
+              <el-select style="width: 350px;" v-model="form.noticeType" placeholder="请选择公告类型">
+                <el-option
+                  v-for="dict in dict.type.tourism_notice_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </div>
+          
+          <el-form-item label="状态" prop="status">
+            <el-radio-group v-model="form.status">
+              <el-radio 
+                v-for="dict in dict.type.tourism_notice_status"
+                :label="dict.value"
+                >{{ dict.label }}</el-radio>
+            </el-radio-group>
           </el-form-item>
-          <el-form-item label="公告类型" prop="noticeType">
-            <el-select style="width: 350px;" v-model="form.noticeType" placeholder="请选择公告类型">
-              <el-option
-                v-for="dict in dict.type.tourism_notice_type"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value">
-              </el-option>
-            </el-select>
+          <el-form-item label="内容" prop="noticeContent">
+            <quill-editor
+                v-model="form.noticeContent"
+                ref="myQuillEditor"
+                :options="editorOption"
+                @blur="onEditorBlur($event)"
+                @focus="onEditorFocus($event)"
+                @change="onEditorChange($event)"
+                @ready="onEditorReady($event)">
+            </quill-editor>
           </el-form-item>
-        </div>
-        
-        <el-form-item label="状态" prop="status">
-          <el-radio-group v-model="form.status">
-            <el-radio 
-              v-for="dict in dict.type.tourism_notice_status"
-              :label="dict.value"
-              >{{ dict.label }}</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="内容" prop="noticeContent">
-          <quill-editor
-              v-model="form.noticeContent"
-              ref="myQuillEditor"
-              :options="editorOption"
-              @blur="onEditorBlur($event)"
-              @focus="onEditorFocus($event)"
-              @change="onEditorChange($event)"
-              @ready="onEditorReady($event)">
-          </quill-editor>
-        </el-form-item>
-      </el-form>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -273,6 +280,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/contentManagement/formBox/noticeManagementForm.vue

@@ -11,30 +11,37 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="130px">
-        <el-form-item label="协议类型" prop="type">
-            <el-select style="width: 350px;" v-model="form.type" placeholder="请选择协议类型">
-              <el-option
-                v-for="dict in dict.type.tourism_noticemanagement_type"
-                :key="Number(dict.value)"
-                :label="dict.label"
-                :value="Number(dict.value)">
-              </el-option>
-            </el-select>
-        </el-form-item>
-        <el-form-item label="内容：" prop="content">
-          <quill-editor
-              v-model="form.content"
-              ref="myQuillEditor"
-              :options="editorOption"
-              @blur="onEditorBlur($event)"
-              @focus="onEditorFocus($event)"
-              @change="onEditorChange($event)"
-              @ready="onEditorReady($event)">
-          </quill-editor>
-        </el-form-item>
-      </el-form>
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="130px">
+          <el-form-item label="协议类型" prop="type">
+              <el-select style="width: 350px;" v-model="form.type" placeholder="请选择协议类型">
+                <el-option
+                  v-for="dict in dict.type.tourism_noticemanagement_type"
+                  :key="Number(dict.value)"
+                  :label="dict.label"
+                  :value="Number(dict.value)">
+                </el-option>
+              </el-select>
+          </el-form-item>
+          <el-form-item label="内容：" prop="content">
+            <quill-editor
+                v-model="form.content"
+                ref="myQuillEditor"
+                :options="editorOption"
+                @blur="onEditorBlur($event)"
+                @focus="onEditorFocus($event)"
+                @change="onEditorChange($event)"
+                @ready="onEditorReady($event)">
+            </quill-editor>
+          </el-form-item>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -254,6 +261,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/contentManagement/formBox/questionsForm.vue

@@ -11,23 +11,30 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="130px">
-        <el-form-item label="标题名称：" prop="title">
-          <el-input style="width: 350px;" v-model="form.title" placeholder="请输入标题名称" maxlength="50" show-word-limit />
-        </el-form-item>
-        <el-form-item label="摘要：" prop="content">
-          <quill-editor
-              v-model="form.content"
-              ref="myQuillEditor"
-              :options="editorOption"
-              @blur="onEditorBlur($event)"
-              @focus="onEditorFocus($event)"
-              @change="onEditorChange($event)"
-              @ready="onEditorReady($event)">
-          </quill-editor>
-        </el-form-item>
-      </el-form>
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="130px">
+          <el-form-item label="标题名称：" prop="title">
+            <el-input style="width: 350px;" v-model="form.title" placeholder="请输入标题名称" maxlength="50" show-word-limit />
+          </el-form-item>
+          <el-form-item label="摘要：" prop="content">
+            <quill-editor
+                v-model="form.content"
+                ref="myQuillEditor"
+                :options="editorOption"
+                @blur="onEditorBlur($event)"
+                @focus="onEditorFocus($event)"
+                @change="onEditorChange($event)"
+                @ready="onEditorReady($event)">
+            </quill-editor>
+          </el-form-item>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -247,6 +254,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/contentManagement/formBox/tourismStrategyForm.vue

@@ -11,56 +11,63 @@
     v-loading="loading"
     :element-loading-text="loadingText"
     element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-form :model="form" ref="form" :rules="rules" label-width="130px">
-        <div class="form-title"><span>基本信息</span></div>
-        <el-form-item label="标题名称：" prop="title">
-          <el-input style="width: 350px;" v-model="form.title" placeholder="请输入标题名称" maxlength="50" show-word-limit />
-        </el-form-item>
-        <el-form-item label="封面上传：" prop="imgUrl">
+    element-loading-background="rgba(0, 0, 0, 0)">
+      <div
+        v-loading="loading"
+        :element-loading-text="''"
+        element-loading-spinner="''"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+        <el-form :model="form" ref="form" :rules="rules" label-width="130px">
+          <div class="form-title"><span>基本信息</span></div>
+          <el-form-item label="标题名称：" prop="title">
+            <el-input style="width: 350px;" v-model="form.title" placeholder="请输入标题名称" maxlength="50" show-word-limit />
+          </el-form-item>
+          <el-form-item label="封面上传：" prop="imgUrl">
 
-          <div
-          style="width: 120px;"
-          v-loading="actionUrlLoading"
-          element-loading-text="上传中..."
-          element-loading-spinner="el-icon-loading"
-          element-loading-background="rgba(0, 0, 0, 0.8)"
-          >
-            <el-upload
-              class="avatar-uploader"
-              :action="actionUrl"
-              :data="{
-                bucket: 'tourism'
-              }"
-              :show-file-list="false"
-              accept=".jpg, .png, jpeg"
-              :on-success="handleAvatarSuccess"
-              :on-progress="handleAvatarProgress"
-              :before-upload="beforeAvatarUpload"
-              :disabled="actionUrlLoading"
-              :on-error="handleAvatarError"
-              >
-              <img v-if="form.imgUrl" style="width: 100px;height: 100px;" :src="form.imgUrl" class="avatar">
-              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-            </el-upload>
+            <div
+            style="width: 120px;"
+            v-loading="actionUrlLoading"
+            element-loading-text="上传中..."
+            element-loading-spinner="el-icon-loading"
+            element-loading-background="rgba(0, 0, 0, 0.8)"
+            >
+              <el-upload
+                class="avatar-uploader"
+                :action="actionUrl"
+                :data="{
+                  bucket: 'tourism'
+                }"
+                :show-file-list="false"
+                accept=".jpg, .png, jpeg"
+                :on-success="handleAvatarSuccess"
+                :on-progress="handleAvatarProgress"
+                :before-upload="beforeAvatarUpload"
+                :disabled="actionUrlLoading"
+                :on-error="handleAvatarError"
+                >
+                <img v-if="form.imgUrl" style="width: 100px;height: 100px;" :src="form.imgUrl" class="avatar">
+                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+              </el-upload>
+            </div>
+            <span>建议上传xxx*xxx,支持jpg/png/gif,支持1MB大小以内的图片上传</span>
+          </el-form-item>
+          <div class="form-title"><span>基本信息</span></div>
+          <el-form-item label-width="70px" label="内容：" prop="detail">
+          </el-form-item>
+          <div>
+            <quill-editor
+                v-model="form.detail"
+                ref="myQuillEditor"
+                :options="editorOption"
+                @blur="onEditorBlur($event)"
+                @focus="onEditorFocus($event)"
+                @change="onEditorChange($event)"
+                @ready="onEditorReady($event)">
+            </quill-editor>
           </div>
-          <span>建议上传xxx*xxx,支持jpg/png/gif,支持1MB大小以内的图片上传</span>
-        </el-form-item>
-        <div class="form-title"><span>基本信息</span></div>
-        <el-form-item label-width="70px" label="内容：" prop="detail">
-        </el-form-item>
-        <div>
-          <quill-editor
-              v-model="form.detail"
-              ref="myQuillEditor"
-              :options="editorOption"
-              @blur="onEditorBlur($event)"
-              @focus="onEditorFocus($event)"
-              @change="onEditorChange($event)"
-              @ready="onEditorReady($event)">
-          </quill-editor>
-        </div>
-      </el-form>
+        </el-form>
+      </div>
     </div>
     <span slot="footer" class="dialog-footer" v-if="formStatus==1">
       <el-button @click="cancel">取消</el-button>
@@ -317,6 +324,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/navigationManagement/formBox/pointTypeForm.vue

@@ -294,6 +294,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/navigationManagement/formBox/scenicGuideForm.vue

@@ -272,6 +272,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {

src/views/tourism/scenicAreaManagement/navigationManagement/formBox/scenicGuideImageForm.vue

@@ -294,6 +294,10 @@ export default {
   min-height: 50vh;
   max-height: 65vh;
   overflow-y: auto;
+  >div {
+    width: 100%;
+    min-height: 50vh;
+  }
   .form-title {
     padding: 0 0 10px 0;
     span {