5.07(优化全部表单排版

2024-05-07 19:09:51 +08:00
parent 22b92fa414
commit 6d9cde48d4
23 changed files with 95 additions and 90 deletions
--- a/.env.development
+++ b/.env.development
@@ -4,11 +4,11 @@ ENV = 'development'
 # base api
 # VUE_APP_BASE_API = '/dev-api'
 # 线上
-# VUE_APP_BASE_API = 'https://cms.diyouzhijia.com/car_admin_api'
+VUE_APP_BASE_API = 'https://cms.diyouzhijia.com/car_admin_api'
 # 花花
 # VUE_APP_BASE_API = 'http://192.168.31.16:8080/car_admin_api'
 # 薛磊
- VUE_APP_BASE_API = 'http://192.168.31.226:8080/car_admin_api'
+#  VUE_APP_BASE_API = 'http://192.168.31.226:8080/car_admin_api'
 # vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
 # to control whether the babel-plugin-dynamic-import-node plugin is enabled.
 # It only does one thing by converting all import() to require().
--- a/src/components/base/uploadPicture.vue
+++ b/src/components/base/uploadPicture.vue
@@ -88,7 +88,7 @@
            <div class="abs_video">
              <el-radio-group v-model="typeDate" @change="radioChange" size="small">
                <el-radio-button label="pic">图片</el-radio-button>
-                <el-radio-button label="video">视频2</el-radio-button>
+                <el-radio-button label="video">视频</el-radio-button>
              </el-radio-group>
            </div>
          </div>
--- a/src/views/accessory/category/creatLevel.vue
+++ b/src/views/accessory/category/creatLevel.vue
@@ -15,7 +15,14 @@
      v-loading="loading"
    >
      <el-form-item label="名称" prop="name">
-        <el-input v-model.trim="classify.name"  placeholder="请输入名称"></el-input>
+        <el-input v-model.trim="classify.name"  placeholder="请输入名称" style="width: 200px;"></el-input>
+      </el-form-item>
+      <el-form-item label="排序" prop="sort">
+        <el-input-number
+          v-model.trim="classify.sort"
+          :min="$constants.NUM_Range.min"
+          :max="$constants.NUM_Range.max"
+        ></el-input-number>
      </el-form-item>
      <el-form-item label="图标" prop="icon">
        <div class="upLoadPicBox" @click="modalPicTap('1', 'icon')">
@@ -30,14 +37,6 @@
      <!-- <el-form-item label="排序" prop="sort">
        <el-input v-model.trim="classify.sort" maxlength="10" placeholder="请输入排序"></el-input>
      </el-form-item> -->
-
-      <el-form-item label="排序" prop="sort">
-        <el-input-number
-          v-model.trim="classify.sort"
-          :min="$constants.NUM_Range.min"
-          :max="$constants.NUM_Range.max"
-        ></el-input-number>
-      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="resetForm('classify')">取 消</el-button>
--- a/src/views/accessory/self/creatLevel.vue
+++ b/src/views/accessory/self/creatLevel.vue
@@ -3,32 +3,32 @@
    v-if="dialogVisible"
    :title="title"
    :visible.sync="dialogVisible"
-    width="600px"
+    width="800px"
    :before-close="handleClose"
    :close-on-click-modal="false"
  >
-    <el-form :model="user" :rules="rules" ref="user" class="demo-ruleForm" v-loading="loading">
+    <el-form :model="user" :rules="rules" ref="user" class="demo-ruleForm" v-loading="loading" label-width="120px">
      <el-row>
        <el-col :span="11">
          <el-form-item label="品牌名称" prop="brandName">
-            <el-input v-model.trim="user.brandName" placeholder="请输入品牌名称"></el-input>
+            <el-input v-model.trim="user.brandName" placeholder="请输入品牌名称" style="width: 200px;"></el-input>
          </el-form-item>
        </el-col>
        <el-col :offset="2" :span="11">
          <el-form-item label="品牌规格" prop="sku">
-            <el-input v-model.trim="user.sku" placeholder="请输入品牌规格"></el-input>
+            <el-input v-model.trim="user.sku" placeholder="请输入品牌规格" style="width: 200px;"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="11">
          <el-form-item label="配件名称" prop="name">
-            <el-input v-model.trim="user.name" placeholder="请输入配件名称"></el-input>
+            <el-input v-model.trim="user.name" placeholder="请输入配件名称" style="width: 200px;"></el-input>
          </el-form-item>
        </el-col>
        <el-col :offset="2" :span="11">
-          <el-form-item label="分类id" prop="cateId">
-            <el-select v-model="user.cateId" placeholder="请选择">
+          <el-form-item label="分类" prop="cateId">
+            <el-select v-model="user.cateId" placeholder="请选择" style="width: 200px;">
              <el-option v-for="item in cateList" :key="item.id" :label="item.name" :value="item.id"> </el-option>
            </el-select>
          </el-form-item>
@@ -119,12 +119,12 @@
      <el-row>
        <el-col :span="11">
          <el-form-item label="关键字" prop="keyword">
-            <el-input v-model.trim="user.keyword"  placeholder="请输入关键字"></el-input>
+            <el-input v-model.trim="user.keyword"  placeholder="请输入关键字" style="width: 200px;"></el-input>
          </el-form-item>
        </el-col>
        <el-col :offset="2" :span="11">
          <el-form-item label="配件简介" prop="intro">
-            <el-input type="textarea" :rows="2" v-model.trim="user.intro" placeholder="请输入配件简介"></el-input>
+            <el-input type="textarea" :rows="2" v-model.trim="user.intro" placeholder="请输入配件简介" style="width: 200px;"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
--- a/src/views/car/carList/index.vue
+++ b/src/views/car/carList/index.vue
@@ -111,33 +111,33 @@
    <el-dialog :title="title" :visible.sync="carBrandOpen" width="550px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="auto">
        <el-form-item label="登记注册日期" prop="registertionDate">
-          <el-date-picker v-model="form.registertionDate" type="date" placeholder="选择日期"> </el-date-picker>
+          <el-date-picker v-model="form.registertionDate" type="date" placeholder="选择日期" style="width: 280px;"> </el-date-picker>
        </el-form-item>
        <el-form-item label="车牌号" prop="carNo">
-          <el-input v-model="form.carNo" placeholder="请输入车牌号： 示例：浙A·800F1" />
+          <el-input v-model="form.carNo" placeholder="请输入车牌号： 示例：浙A·800F1" style="width: 280px;" />
        </el-form-item>
        <el-form-item label="车架号" prop="vinId">
-          <el-input v-model="form.vinId" placeholder="请输入车架号" />
+          <el-input v-model="form.vinId" placeholder="请输入车架号" style="width: 280px;"  />
        </el-form-item>
        <el-form-item label="发动机号" prop="engineNo">
-          <el-input v-model="form.engineNo" placeholder="请输入发动机号" />
+          <el-input v-model="form.engineNo" placeholder="请输入发动机号" style="width: 280px;"  />
        </el-form-item>


        <el-form-item label="品牌" prop="brandId">
-          <el-select v-model="form.brandId" filterable remote reserve-keyword placeholder="请选择品牌"
+          <el-select v-model="form.brandId" filterable remote reserve-keyword placeholder="请选择品牌" style="width: 280px;"
            :remote-method="remoteShopAll" :loading="loading" @change="changeBrandId">
            <el-option v-for="item in brandArr" :key="item.id" :label="item.name" :value="item.id"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="车系" prop="modelId">
-          <el-select v-model="form.modelId" filterable remote reserve-keyword placeholder="请选择车系"
+          <el-select v-model="form.modelId" filterable remote reserve-keyword placeholder="请选择车系" style="width: 280px;"
            :remote-method="remoteSeriesAll" :loading="loading" @change="changeSeriesId">
            <el-option v-for="item in seriesArr" :key="item.id" :label="item.name" :value="item.id"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="车型" prop="vehicleModelId">
-          <el-select v-model="form.vehicleModelId" filterable remote reserve-keyword placeholder="请选择车型"
+          <el-select v-model="form.vehicleModelId" filterable remote reserve-keyword placeholder="请选择车型" style="width: 280px;"
            :remote-method="seriesListFn" :loading="loading">
            <el-option v-for="item in seriesList" :key="item.id" :label="item.name" :value="item.id"> </el-option>
          </el-select>
@@ -148,16 +148,21 @@
          <el-button style="margin-left: 10px" type="primary" size="mini" @click="selectModel">去选择</el-button> -->
        <!-- </el-form-item> -->
        <el-form-item label="车辆类型" prop="category">
-          <el-select v-model="form.category">
+          <el-select v-model="form.category" style="width: 280px;">
            <el-option v-for="item in categoryList" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item v-if="form.category == 1" label="所属公司(车商名称)" prop="company">
-          <el-input v-model="form.company" placeholder="请输入所属公司" />
+          <el-input v-model="form.company" placeholder="请输入所属公司" style="width: 280px;" />
        </el-form-item>
        <el-form-item v-else label="车主姓名" prop="ownerName">
-          <el-input v-model="form.ownerName" placeholder="请输入车主姓名" />
+          <el-input v-model="form.ownerName" placeholder="请输入车主姓名" style="width: 280px;" />
+        </el-form-item>
+        <el-form-item label="车辆属性" prop="type">
+          <el-select v-model="form.type" style="width: 280px;">
+            <el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+          </el-select>
        </el-form-item>
        <el-form-item label="车辆图片" prop="image" class="lang">
          <div class="acea-row">
@@ -187,11 +192,7 @@
            </div>
          </div>
        </el-form-item>
-        <el-form-item label="车辆属性" prop="type">
-          <el-select v-model="form.type">
-            <el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
-          </el-select>
-        </el-form-item>
+        
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button :loading="buttonLoading" type="primary" @click="submitForm">确定</el-button>
--- a/src/views/car/carModel/index.vue
+++ b/src/views/car/carModel/index.vue
@@ -85,7 +85,7 @@
    <el-dialog :title="title" :visible.sync="carModelOpen" width="550px" append-to-body :before-close="cancellationFn">
      <el-form ref="form" :model="form" :rules="rules" label-width="auto">
        <el-form-item label="品牌" prop="brandId">
-          <el-select
+          <el-select style="width: 200px;"
            v-model="form.brandId"
            filterable
            remote
@@ -93,12 +93,13 @@
            placeholder="请选择品牌"
            :remote-method="remoteShopAll"
            :loading="loading"
+
          >
            <el-option v-for="item in brandArr" :key="item.id" :label="item.name" :value="item.id"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="型号" prop="name">
-          <el-input v-model="form.name" placeholder="请输入型号名称" />
+          <el-input v-model="form.name" placeholder="请输入型号名称"  style="width: 200px;"/>
        </el-form-item>
        <el-form-item label="排序" prop="sort">
          <el-input-number
--- a/src/views/car/carSeries/index.vue
+++ b/src/views/car/carSeries/index.vue
@@ -62,19 +62,19 @@
      :before-close="cancellationFn">
      <el-form ref="form" :model="form" :rules="rules" label-width="auto">
        <el-form-item label="品牌" prop="brandId">
-          <el-select v-model="form.brandId" filterable remote reserve-keyword placeholder="请选择品牌"
+          <el-select v-model="form.brandId" filterable remote reserve-keyword placeholder="请选择品牌" style="width: 200px;"
            :remote-method="remoteShopAll" :loading="loading" @change="changeBrandId">
            <el-option v-for="item in brandArr" :key="item.id" :label="item.name" :value="item.id"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="车系" prop="modelId">
-          <el-select v-model="form.modelId" filterable remote reserve-keyword placeholder="请选择品牌"
+          <el-select v-model="form.modelId" filterable remote reserve-keyword placeholder="请选择车系" style="width: 200px;"
            :remote-method="remoteSeriesAll" :loading="loading">
            <el-option v-for="item in seriesArr" :key="item.id" :label="item.name" :value="item.id"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="车型" prop="name">
-          <el-input v-model="form.name" placeholder="请输入车型名称" />
+          <el-input v-model="form.name" placeholder="请输入车型名称" style="width: 200px;" />
        </el-form-item>
        <!-- <el-form-item label="排序" prop="sort">
          <el-input-number
--- a/src/views/carousel/carouselList/creatLevel.vue
+++ b/src/views/carousel/carouselList/creatLevel.vue
@@ -8,15 +8,15 @@
    width="600px"
    :before-close="handleClose"
  >
-    <el-form :model="user" ref="user" class="demo-ruleForm" v-loading="loading">
+    <el-form :model="user" ref="user" class="demo-ruleForm" v-loading="loading" label-width="100px">
      <el-form-item label="id" v-if="user.id">
        <el-input v-model.number="user.id" disabled></el-input>
      </el-form-item>
      <el-form-item label="标题" prop="title" :rules="[{ required: true, message: '请输入', trigger: 'blur' }]">
-        <el-input v-model.trim="user.title" placeholder="请输入标题"></el-input>
+        <el-input v-model.trim="user.title" placeholder="请输入标题" style="width: 200px;"></el-input>
      </el-form-item>
      <el-form-item label="轮播图类型" prop="type" :rules="[{ required: true, message: '请选择', trigger: 'blur' }]">
-        <el-select v-model="user.type" placeholder="请选择">
+        <el-select v-model="user.type" placeholder="请选择" style="width: 200px;">
          <el-option label="维修店app轮播图" :value="1" />
          <el-option label="小程序首页" :value="2" />
          <el-option label="小程序预约页首页" :value="3" />
--- a/src/views/community/com_note/creatLevel.vue
+++ b/src/views/community/com_note/creatLevel.vue
@@ -1,9 +1,9 @@
 <template>
-  <el-dialog :title="addtitle" v-if="dialogVisible" :visible.sync="dialogVisible" width="1000px"
+  <el-dialog :title="addtitle" v-if="dialogVisible" :visible.sync="dialogVisible" width="1100px"
    :before-close="handleClose" :close-on-click-modal="false">
-    <el-form :model="user" ref="user" class="demo-ruleForm" v-loading="loading">
+    <el-form :model="user" ref="user" class="demo-ruleForm" v-loading="loading" label-width="80px">
      <el-form-item label="标题" prop="title" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
-        <el-input v-model.trim="user.title" placeholder="请输入"></el-input>
+        <el-input v-model.trim="user.title" placeholder="请输入" style="width: 600px;"></el-input>
      </el-form-item>
      <el-form-item label="封面图" prop="image">
        <div class="acea-row">
@@ -18,7 +18,7 @@
          </div>
        </div>
      </el-form-item>
-      <el-form-item label="视频" >
+      <el-form-item label="视频">
        <div class="video" @click="modalPicTap('2', 'video')">
          <div v-if="user.video" class="pictrue">
            <div style="width: 170px; height: 108px">
@@ -30,22 +30,24 @@
            </div>
          </div>
          <div v-else-if="formValidate.video" class="pictrue">
-            <div style="width: 170px; height: 108px"></div>
-            <video ref="video" id="video" :src="formValidate.video" :autoplay="videolist.autoplay"
-              :controls="videolist.controls" :controlslist="videolist.controlslist"
-              :webkit-playsinline="webkitplaysinline" @input="inputvideoUrl" style="width: 100%; height: 100%">
-            </video>
+            <div style="width: 170px; height: 108px">
+              <video ref="video" id="video" :src="formValidate.video" :autoplay="videolist.autoplay"
+                :controls="videolist.controls" :controlslist="videolist.controlslist"
+                :webkit-playsinline="webkitplaysinline" @input="inputvideoUrl" style="width: 100%; height: 100%">
+              </video>
+            </div>
          </div>
-          <div v-else class="upLoad">
-            <i class="el-icon-camera cameraIconfont" />
+          <div v-else class="upLoadPicBox">
+            <div class="upLoad">
+              <i class="el-icon-camera cameraIconfont" />
+            </div>
          </div>
        </div>
      </el-form-item>
-      
-      <el-form-item label="笔记正文" prop="content" >
+      <div style="height: 20px;"></div>
+      <el-form-item label="笔记正文" prop="content">
        <Tinymce v-model.trim="user.content" style="width: 900px;"></Tinymce>
      </el-form-item>
-
      <el-form-item label="开启评论" prop="replyStatus" :rules="{ required: true, trigger: 'blur' }">
        <el-radio-group v-model="user.replyStatus">
          <el-radio :label="1">开启</el-radio>
@@ -295,7 +297,9 @@ export default {
  font-size: 12px;
  line-height: 16px;
 }
-.video{
-  margin-bottom: 100px;
+
+.video {
+  width: 170px;
+  height: 108px
 }
 </style>
--- a/src/views/coupon/goods.vue
+++ b/src/views/coupon/goods.vue
@@ -62,7 +62,7 @@
        ref="user"
        class="demo-ruleForm"
      >
-        <el-form inline :model="form" ref="uForm" :rules="rules">
+        <el-form inline :model="form" ref="uForm" :rules="rules" label-width="80px">
          <el-row>
            <el-form-item label="名称" prop="name">
              <el-input v-model="form.name" placeholder="请输入名称" />
@@ -82,7 +82,7 @@
              <el-input v-model="form.intro" placeholder="请输入简介" />
            </el-form-item>
            <el-form-item label="商品类型">
-              <el-select v-model="form.type" placeholder="请选择">
+              <el-select v-model="form.type" placeholder="请选择" style="width: 200px;">
                <el-option :value="i.value" :label="i.label" v-for="i in typeList" :key="i.value" />
              </el-select>
            </el-form-item>
@@ -167,7 +167,7 @@
          <el-row>
            <el-form-item label="详情" prop="content">
              <p style="color: red">注：建议上传(多张)长图，显示会更好看；若必须上传文字，建议设置好所需样式</p>
-              <Tinymce v-model="form.content"></Tinymce>
+              <Tinymce v-model="form.content" style="width: 900px;"></Tinymce>
              <!-- <el-input type="textarea" :rows="2" placeholder="请输入详情" v-model="form.content"> </el-input> -->
            </el-form-item>
          </el-row>
--- a/src/views/coupon/index.vue
+++ b/src/views/coupon/index.vue
@@ -55,7 +55,7 @@
        class="demo-ruleForm"
        v-loading="loading"
      >
-        <el-form inline :model="form" ref="uForm" :rules="rules">
+        <el-form inline :model="form" ref="uForm" :rules="rules" label-width="80px">
          <el-form-item label="名称" prop="name">
            <el-input v-model="form.name" placeholder="请输入名称" />
          </el-form-item>
--- a/src/views/finance/verification/index.vue
+++ b/src/views/finance/verification/index.vue
@@ -138,7 +138,7 @@
        <el-row>
          <el-col :span="12">
            <el-form-item label="服务门店" prop="repairType">
-              <el-input v-model.trim="addData.merName" disabled=""> </el-input>
+              <el-input v-model.trim="addData.merName" disabled="" style="width: 300px;"> </el-input>
            </el-form-item>
          </el-col>
        </el-row>
--- a/src/views/insurance/company/creatLevel.vue
+++ b/src/views/insurance/company/creatLevel.vue
@@ -6,17 +6,17 @@
    width="600px"
    :before-close="handleClose"
  >
-    <el-form :model="user" :rules="rules" ref="user" class="demo-ruleForm" v-loading="loading">
+    <el-form :model="user" :rules="rules" ref="user" class="demo-ruleForm" v-loading="loading" label-width="80px">
      <el-form-item label="公司名称" prop="name">
-        <el-input v-model.trim="user.name" placeholder="请输入公司名称"></el-input>
+        <el-input v-model.trim="user.name" placeholder="请输入公司名称" style="width: 200px;"></el-input>
      </el-form-item>

      <el-form-item label="机构简称" prop="shortName">
-        <el-input v-model.trim="user.shortName" placeholder="请输入机构简称"></el-input>
+        <el-input v-model.trim="user.shortName" placeholder="请输入机构简称" style="width: 200px;"></el-input>
      </el-form-item>

      <el-form-item label="注册地址" prop="place">
-        <el-input v-model.trim="user.place" placeholder="请输入注册地址"></el-input>
+        <el-input v-model.trim="user.place" placeholder="请输入注册地址" style="width: 200px;"></el-input>
      </el-form-item>

      <el-form-item label="排序" prop="sort">
--- a/src/views/insurance/dp/creatLevel.vue
+++ b/src/views/insurance/dp/creatLevel.vue
@@ -6,15 +6,15 @@
    width="600px"
    :before-close="handleClose"
  >
-    <el-form :model="dpInfo" :rules="rules" ref="dpInfo" class="demo-ruleForm" v-loading="loading">
+    <el-form :model="dpInfo" :rules="rules" ref="dpInfo" class="demo-ruleForm" v-loading="loading" label-width="80px">
      <el-form-item label="公司名" prop="name">
-        <el-input v-model.trim="dpInfo.name" placeholder="请输入公司名称"></el-input>
+        <el-input v-model.trim="dpInfo.name" placeholder="请输入公司名称" style="width: 200px;"></el-input>
      </el-form-item>
      <el-form-item label="简称" prop="shortName">
-        <el-input v-model.trim="dpInfo.shortName" placeholder="请输入简称"></el-input>
+        <el-input v-model.trim="dpInfo.shortName" placeholder="请输入简称" style="width: 200px;"></el-input>
      </el-form-item>
      <el-form-item label="注册地址" prop="place">
-        <el-input v-model.trim="dpInfo.place" placeholder="请输入注册地址称"></el-input>
+        <el-input v-model.trim="dpInfo.place" placeholder="请输入注册地址称" style="width: 200px;"></el-input>
      </el-form-item>

      <el-form-item label="排序" prop="sort">
--- a/src/views/insurance/duty/creatLevel.vue
+++ b/src/views/insurance/duty/creatLevel.vue
@@ -6,9 +6,9 @@
    width="600px"
    :before-close="handleClose"
  >
-    <el-form :model="user" :rules="rules" ref="user" class="demo-ruleForm" v-loading="loading">
+    <el-form :model="user" :rules="rules" ref="user" class="demo-ruleForm" v-loading="loading" label-width="80px">
      <el-form-item label="责任名称" prop="dutyName">
-        <el-input v-model.trim="user.dutyName" placeholder="请输入责任名称"></el-input>
+        <el-input v-model.trim="user.dutyName" placeholder="请输入责任名称" style="width: 200px;"></el-input>
      </el-form-item>

      <el-form-item label="排序" prop="sort">
--- a/src/views/integral/redeem/creatLevel.vue
+++ b/src/views/integral/redeem/creatLevel.vue
@@ -118,7 +118,7 @@
          </el-form-item>
        </el-row> -->
        <el-form-item label="详情" prop="description" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
-          <Tinymce v-model="redeemObj.description"></Tinymce>
+          <Tinymce v-model="redeemObj.description" style="width: 900px;"></Tinymce>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
--- a/src/views/marketing/poster/creatLevel.vue
+++ b/src/views/marketing/poster/creatLevel.vue
@@ -9,7 +9,7 @@
  >
    <el-form :model="user" ref="user" class="demo-ruleForm" v-loading="loading">
      <el-form-item label="标题" prop="title" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
-        <el-input v-model.trim="user.title" placeholder="请输入"></el-input>
+        <el-input v-model.trim="user.title" placeholder="请输入" style="width: 200px;"></el-input>
      </el-form-item>

      <el-form-item label="图片" prop="image" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
--- a/src/views/marketing/question/creatLevel.vue
+++ b/src/views/marketing/question/creatLevel.vue
@@ -8,11 +8,11 @@
  >
    <el-form :model="user" :rules="rules" ref="user" class="demo-ruleForm" v-loading="loading">
      <el-form-item label="标题" prop="title">
-        <el-input v-model.trim="user.title" placeholder="请输入标题"></el-input>
+        <el-input v-model.trim="user.title" placeholder="请输入标题" style="width: 500px;"></el-input>
      </el-form-item>

      <el-form-item label="回答" prop="answer">
-        <el-input v-model.trim="user.answer" placeholder="请输入回答" type="textarea" :rows="3"></el-input>
+        <el-input v-model.trim="user.answer" placeholder="请输入回答" style="width: 500px;" type="textarea" :rows="3"></el-input>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
--- a/src/views/marketing/topic/creatLevel.vue
+++ b/src/views/marketing/topic/creatLevel.vue
@@ -8,7 +8,7 @@
    width="1100px"
  >
    <!-- class="demo-ruleForm" -->
-    <el-form :model="user" ref="user" inline v-loading="loading">
+    <el-form :model="user" ref="user" inline v-loading="loading" label-width="80px">
      <el-row>
        <el-col :span="7">
          <el-form-item label="名称" prop="name" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
@@ -51,7 +51,7 @@
        </el-col>
        <el-col :span="7">
          <el-form-item label="简介" prop="intro" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
-            <el-input type="textarea" :rows="2" placeholder="请输入" v-model="user.intro"> </el-input>
+            <el-input type="textarea" :rows="2" placeholder="请输入" v-model="user.intro" style="width: 200px;"> </el-input>
          </el-form-item>
        </el-col>
      </el-row>
@@ -60,7 +60,7 @@
        <el-input type="textarea" :rows="2" placeholder="请输入" v-model="user.content"> </el-input>
      </el-form-item> -->
      <el-form-item label="详情" prop="content" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
-        <Tinymce v-model.trim="user.content"></Tinymce>
+        <Tinymce v-model.trim="user.content" style="width: 900px;"></Tinymce>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
--- a/src/views/merchant/cardealer/creatMerchant.vue
+++ b/src/views/merchant/cardealer/creatMerchant.vue
@@ -44,7 +44,7 @@
        <iframe id="mapPage" width="100%" height="500px" frameborder="0" :src="keyUrl" />
      </el-form-item>
      <el-form-item label="详细地址" prop="addressDetail" class="inline">
-        <el-input v-model="dataForm.addressDetail" placeholder="请输入详细地址" />
+        <el-input v-model="dataForm.addressDetail" placeholder="请输入详细地址" style="width: 200px;" />
      </el-form-item>
      <el-form-item label="车商经度" prop="longitude">
        <el-input v-model="dataForm.longitude" placeholder="请输入酒店经度" />
--- a/src/views/packagemeal/packagemealList/creatLevel.vue
+++ b/src/views/packagemeal/packagemealList/creatLevel.vue
@@ -9,9 +9,9 @@
      class="showALL_dialog"
    >
      <div class="sketch_content">
-        <el-form :model="packagemealObj">
+        <el-form :model="packagemealObj" label-width="80px">
          <el-form-item label="套餐名" :rules="[{ required: true, message: '请输入', trigger: 'blur' }]">
-            <el-input v-model.trim="packagemealObj.name" placeholder="请输入套餐名"></el-input>
+            <el-input v-model.trim="packagemealObj.name" placeholder="请输入套餐名" style="width: 200px;"></el-input>
          </el-form-item>
          <el-form-item label="是否显示">
            <el-switch
--- a/src/views/reservation/workhour/creatLevel.vue
+++ b/src/views/reservation/workhour/creatLevel.vue
@@ -15,17 +15,17 @@
      v-loading="loading"
    >
      <el-form-item label="父级ID" prop="pid">
-        <el-input v-model.number="classify.pid" :disabled="true"></el-input>
+        <el-input v-model.number="classify.pid" :disabled="true" style="width: 220px;"></el-input>
        <!-- <el-cascader v-model="pid" :options="options" :props="{ expandTrigger: 'hover' }"></el-cascader> -->
      </el-form-item>
      <el-form-item label="级别" prop="level">
-        <el-select v-model="classify.level" placeholder="请选择级别">
+        <el-select v-model="classify.level" placeholder="请选择级别" style="width: 220px;">
          <el-option :disabled="classify.pid != 0" label="级别1" :value="1"></el-option>
          <el-option :disabled="classify.pid == 0" label="级别2" :value="2"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="名称" prop="name">
-        <el-input v-model.trim="classify.name" placeholder="请输入名称"></el-input>
+        <el-input v-model.trim="classify.name" placeholder="请输入名称" style="width: 220px;"></el-input>
      </el-form-item>
      <!-- <el-form-item label="图标" prop="icon">
        <div class="upLoadPicBox" @click="modalPicTap('1', 'icon')">
--- a/src/views/systemSetting/help/creatLevel.vue
+++ b/src/views/systemSetting/help/creatLevel.vue
@@ -8,11 +8,11 @@
  >
    <el-form :model="user" :rules="rules" ref="user" class="demo-ruleForm" v-loading="loading">
      <el-form-item label="标题" prop="title">
-        <el-input v-model.trim="user.title" placeholder="请输入标题"></el-input>
+        <el-input v-model.trim="user.title" placeholder="请输入标题" style="width: 500px;"></el-input>
      </el-form-item>

      <el-form-item label="内容" prop="content">
-        <el-input v-model.trim="user.content" placeholder="请输入内容"></el-input>
+        <el-input v-model.trim="user.content" placeholder="请输入内容" style="width: 500px;"></el-input>
      </el-form-item>

      <el-form-item label="排序" prop="sort">