管理后台-样式

htmldev/manage/src/views/business/place/list/details.vue

@@ -2,7 +2,7 @@
   <div>
     <el-dialog :title="exData.id ? '编辑': '新增'"
                :visible.sync="dialog"
-               width="50%"
+               width="600px"
                :close-on-click-modal="false"
                top="50px">
       <el-form ref="form"
@@ -12,47 +12,39 @@
         <el-form-item prop="place_name"
                       :rules="formRules.required"
                       label="座位名称：">
-          <el-col :span="16">
-            <el-input v-model="form.place_name"
-                      placeholder="请输入座位名称"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.place_name"
+                    placeholder="请输入座位名称"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="place_desc"
                       :rules="formRules.required"
                       label="说明：">
-          <el-col :span="16">
-            <el-input type="textarea"
-                      :rows="4"
-                      placeholder="请输入座位说明"
-                      v-model="form.place_desc">
-            </el-input>
-          </el-col>
+          <el-input type="textarea"
+                    :rows="4"
+                    placeholder="请输入座位说明"
+                    v-model="form.place_desc">
+          </el-input>
         </el-form-item>
         <el-form-item prop="place_user_max"
                       :rules="formRules.InterNum"
                       label="单桌人数：">
-          <el-col :span="16">
-            <el-input v-model="form.place_user_max"
-                      placeholder="请输入人数"
-                      @input="form.place_user_max=form.place_user_max.replace(/[^\d]/g, '').replace(/^0*/, '')"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.place_user_max"
+                    placeholder="请输入人数"
+                    @input="form.place_user_max=form.place_user_max.replace(/[^\d]/g, '').replace(/^0*/, '')"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="place_price"
                       :rules="formRules.numPot2"
                       label="单价(元)：">
-          <el-col :span="16">
-            <el-input v-model="form.place_price"
-                      placeholder="请输入单价"
-                      @input="form.place_price=form.place_price.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.place_price"
+                    placeholder="请输入单价"
+                    @input="form.place_price=form.place_price.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="place_latest_time"
                       :rules="formRules.required"
                       label="最晚到店时间：">
-          <el-time-select placeholder="请选择最晚到店时间"
+          <el-time-select style="width: 100%;" placeholder="请选择最晚到店时间"
                           v-model="form.place_latest_time"
                           :picker-options="{start: '00:00', step: '00:05', end: '23:59'}">
           </el-time-select>
@@ -60,28 +52,24 @@
         <el-form-item prop="place_max_time"
                       :rules="formRules.checkInterNum"
                       label="最晚保留时间(分钟)：">
-          <el-col :span="16">
-            <el-input v-model="form.place_max_time"
-                      placeholder="请输入分钟数"
-                      @input="form.place_max_time=form.place_max_time.replace(/[^\d]/g, '').replace(/^0*/, '')"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.place_max_time"
+                    placeholder="请输入分钟数"
+                    @input="form.place_max_time=form.place_max_time.replace(/[^\d]/g, '').replace(/^0*/, '')"
+                    clearable></el-input>
         </el-form-item>
-        <el-form-item label="桌号设置" required></el-form-item>
+        <el-form-item label="桌号设置"></el-form-item>
         <el-form-item v-for="(desk, index) in form.place_number"
                       :label="(index + 1) + '桌'"
                       :key="index"
                       :prop="'place_number.' + index + '.value'"
                       :rules="formRules.required">
-          <el-col :span="16">
-            <el-input v-model="desk.value" placeholder="请设置桌号"></el-input>
-          </el-col>
-          <el-col :span="7" :offset="1">
+          <el-input style="width: 75%;" v-model="desk.value" placeholder="请设置桌号"></el-input>
+          <p style="display: inline-block;width: 25%;text-align: right;">
             <el-button type="warning"
                        :disabled="form.place_number.length <= 1"
                        @click.prevent="removeDeskNum(desk)">删除
             </el-button>
-          </el-col>
+          </p>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer text-center">

htmldev/manage/src/views/business/pms/category/details.vue

@@ -2,7 +2,7 @@
   <div>
     <el-dialog :title="exData.id ? '编辑': '新增'"
                :visible.sync="dialog"
-               width="50%"
+               width="600px"
                :close-on-click-modal="false"
                top="50px">
       <el-form ref="form"

htmldev/manage/src/views/business/pms/goodsAttr/details.vue

@@ -2,38 +2,35 @@
   <div>
     <el-dialog :title="exData.id ? '编辑': '新增'"
                :visible.sync="dialog"
-               width="50%"
+               width="600px"
                :close-on-click-modal="false"
                top="50px">
       <el-form ref="form"
                :model="form"
                :rules="formRules"
-               label-width="160px">
+               label-width="100px">
         <el-form-item prop="attach_name"
                       :rules="formRules.required"
                       label="规格名称：">
-          <el-col :span="16">
-            <el-input v-model="form.attach_name"
-                      placeholder="请输入规格名称"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.attach_name"
+                    placeholder="请输入规格名称"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item v-for="(option, index) in form.attach_content"
                       :label="(index + 1).toString()"
                       :key="index"
                       :prop="'attach_content.' + index + '.name'"
                       :rules="formRules.required">
-          <el-col :span="16">
-            <el-input v-model="option.name"
-                      placeholder="请输入附加内容"
-                      clearable></el-input>
-          </el-col>
-          <el-col :span="2" :offset="1">
+          <el-input style="width: 75%;"
+                    v-model="option.name"
+                    placeholder="请输入附加内容"
+                    clearable></el-input>
+          <p style="display:inline-block;width: 25%; text-align: right">
             <el-button type="warning"
                        :disabled="form.attach_content.length <= 1"
                        @click.prevent="removeAttachContent(option)">删除
             </el-button>
-          </el-col>
+          </p>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer text-center">

htmldev/manage/src/views/business/saveWine/details.vue

@@ -8,15 +8,13 @@
       <el-form ref="form"
                :model="form"
                :rules="formRules"
-               label-width="160px">
+               label-width="120px">
         <el-form-item prop="storage_name"
                       :rules="formRules.required"
                       label="酒名：">
-          <el-col :span="16">
-            <el-input v-model="form.storage_name"
-                      placeholder="请输入酒名"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.storage_name"
+                    placeholder="请输入酒名"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="storage_img_url"
                       :rules="formRules.uploadImgs"
@@ -38,21 +36,17 @@
         <el-form-item prop="user_phone"
                       :rules="formRules.mobile"
                       label="用户手机号：">
-          <el-col :span="16">
-            <el-input v-model="form.user_phone"
-                      placeholder="请输入用户手机号"
-                      @input="form.user_phone = form.user_phone.replace(/[^\d]/g, '').slice(0, 11)"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.user_phone"
+                    placeholder="请输入用户手机号"
+                    @input="form.user_phone = form.user_phone.replace(/[^\d]/g, '').slice(0, 11)"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="user_name"
                       :rules="formRules.required"
                       label="用户昵称：">
-          <el-col :span="16">
-            <el-input v-model="form.user_name"
-                      placeholder="请输入用户昵称"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.user_name"
+                    placeholder="请输入用户昵称"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="storage_status"
                       :rules="formRules.required"
@@ -66,12 +60,10 @@
         </el-form-item>
         <el-form-item prop="storage_remark"
                       label="备注：">
-          <el-col :span="16">
-            <el-input v-model="form.storage_remark"
-                      type="textarea"
-                      rows="6">
-            </el-input>
-          </el-col>
+          <el-input v-model="form.storage_remark"
+                    type="textarea"
+                    rows="6">
+          </el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer text-center">

htmldev/manage/src/views/business/sms/plan/details.vue

@@ -3,7 +3,7 @@
     <el-dialog
       :title="exData.id ? '编辑': '新增'"
       :visible.sync="dialog"
-      width="68%"
+      width="900px"
       :close-on-click-modal="false"
       top="50px">
       <el-form

htmldev/manage/src/views/business/sms/plan/playList.vue

@@ -2,7 +2,7 @@
   <div>
     <el-dialog :title="exData.id ? '编辑': '新增'"
                :visible.sync="dialog"
-               width="50%"
+               width="600px"
                :close-on-click-modal="false"
                top="50px">
       <el-form ref="form"

htmldev/manage/src/views/ums/boss/details.vue

@@ -2,50 +2,44 @@
   <div>
     <el-dialog :title="exData.id ? '编辑': '新增'"
                :visible.sync="dialog"
-               width="50%"
+               width="600px"
                :close-on-click-modal="false"
                top="50px">
       <el-form ref="form"
                :model="form"
                :rules="formRules"
-               label-width="160px">
+               label-width="120px">
         <el-form-item prop="user_name"
                       :rules="formRules.required"
                       label="吧台姓名：">
-          <el-col :span="16">
-            <el-input v-model="form.user_name"
-                      placeholder="请输入吧台姓名"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.user_name"
+                    placeholder="请输入吧台姓名"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="phone"
                       :rules="formRules.mobile"
                       label="手机号：">
-          <el-col :span="10">
-            <el-input v-model="form.phone"
-                      disabled
-                      placeholder="请输入手机号"
-                      @input="form.phone = form.phone.replace(/[^\d]/g, '').slice(0, 11)"
-                      clearable></el-input>
-          </el-col>
-          <el-col :span="5" :offset="1">
+          <el-input style="width: 70%;" v-model="form.phone"
+                    disabled
+                    placeholder="请输入手机号"
+                    @input="form.phone = form.phone.replace(/[^\d]/g, '').slice(0, 11)"
+                    clearable></el-input>
+          <p style="display: inline-block;width: 30%;text-align: right;">
             <el-button
               type="primary"
               @click="validatePhone('form')"
               :disabled="[0, 60].findIndex(item => item === numCount) < 0">
               获取验证码<span>{{ [0, 60].findIndex(item => item === numCount) > -1 ? '' : numCount + '秒' }}</span>
             </el-button>
-          </el-col>
+          </p>
         </el-form-item>
         <el-form-item prop="code"
                       :rules="formRules.code"
                       label="短信验证码：">
-          <el-col :span="16">
-            <el-input v-model="form.code"
-                      placeholder="请输入短信验证码"
-                      @input="form.code=form.code.replace(/[^\d]/g, '').slice(0, 6)"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.code"
+                    placeholder="请输入短信验证码"
+                    @input="form.code=form.code.replace(/[^\d]/g, '').slice(0, 6)"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="user_sign_status"
                       :rules="formRules.required"

htmldev/manage/src/views/ums/singer/details.vue

@@ -2,50 +2,45 @@
   <div>
     <el-dialog :title="exData.id ? '编辑': '新增'"
                :visible.sync="dialog"
-               width="50%"
+               width="600px"
                :close-on-click-modal="false"
                top="50px">
       <el-form ref="form"
                :model="form"
                :rules="formRules"
-               label-width="160px">
+               label-width="120px">
         <el-form-item prop="user_song_name"
                       :rules="formRules.required"
                       label="艺人姓名：">
-          <el-col :span="16">
-            <el-input v-model="form.user_song_name"
-                      placeholder="请输入艺人姓名"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.user_song_name"
+                    placeholder="请输入艺人姓名"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="phone"
                       :rules="formRules.mobile"
                       label="手机号：">
-          <el-col :span="10">
-            <el-input v-model="form.phone"
-                      disabled
-                      placeholder="请输入手机号"
-                      @input="form.phone = form.phone.replace(/[^\d]/g, '').slice(0, 11)"
-                      clearable></el-input>
-          </el-col>
-          <el-col :span="5" :offset="1">
+          <el-input style="width: 70%;"
+                    v-model="form.phone"
+                    disabled
+                    placeholder="请输入手机号"
+                    @input="form.phone = form.phone.replace(/[^\d]/g, '').slice(0, 11)"
+                    clearable></el-input>
+          <p style="display: inline-block;width: 30%;text-align: right;">
             <el-button
               type="primary"
               @click="validatePhone('form')"
               :disabled="[0, 60].findIndex(item => item === numCount) < 0">
               获取验证码<span>{{ [0, 60].findIndex(item => item === numCount) > -1 ? '' : numCount + '秒' }}</span>
             </el-button>
-          </el-col>
+          </p>
         </el-form-item>
         <el-form-item prop="code"
                       :rules="formRules.code"
                       label="短信验证码：">
-          <el-col :span="16">
-            <el-input v-model="form.code"
-                      placeholder="请输入短信验证码"
-                      @input="form.code=form.code.replace(/[^\d]/g, '').slice(0, 6)"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.code"
+                    placeholder="请输入短信验证码"
+                    @input="form.code=form.code.replace(/[^\d]/g, '').slice(0, 6)"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="plan_cover_url"
                       :rules="formRules.uploadImgs"

htmldev/manage/src/views/ums/worker/details.vue

@@ -2,50 +2,45 @@
   <div>
     <el-dialog :title="exData.id ? '编辑': '新增'"
                :visible.sync="dialog"
-               width="50%"
+               width="600px"
                :close-on-click-modal="false"
                top="50px">
       <el-form ref="form"
                :model="form"
                :rules="formRules"
-               label-width="160px">
+               label-width="120px">
         <el-form-item prop="user_name"
                       :rules="formRules.required"
                       label="吧台姓名：">
-          <el-col :span="16">
-            <el-input v-model="form.user_name"
-                      placeholder="请输入吧台姓名"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.user_name"
+                    placeholder="请输入吧台姓名"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="phone"
                       :rules="formRules.mobile"
                       label="手机号：">
-          <el-col :span="10">
-            <el-input v-model="form.phone"
-                      disabled
-                      placeholder="请输入手机号"
-                      @input="form.phone = form.phone.replace(/[^\d]/g, '').slice(0, 11)"
-                      clearable></el-input>
-          </el-col>
-          <el-col :span="5" :offset="1">
+          <el-input style="width: 70%;"
+                    v-model="form.phone"
+                    disabled
+                    placeholder="请输入手机号"
+                    @input="form.phone = form.phone.replace(/[^\d]/g, '').slice(0, 11)"
+                    clearable></el-input>
+          <p style="display: inline-block;width: 30%;text-align: right">
             <el-button
               type="primary"
               @click="validatePhone('form')"
               :disabled="[0, 60].findIndex(item => item === numCount) < 0">
               获取验证码<span>{{ [0, 60].findIndex(item => item === numCount) > -1 ? '' : numCount + '秒' }}</span>
             </el-button>
-          </el-col>
+          </p>
         </el-form-item>
         <el-form-item prop="code"
                       :rules="formRules.code"
                       label="短信验证码：">
-          <el-col :span="16">
-            <el-input v-model="form.code"
-                      placeholder="请输入短信验证码"
-                      @input="form.code=form.code.replace(/[^\d]/g, '').slice(0, 6)"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.code"
+                    placeholder="请输入短信验证码"
+                    @input="form.code=form.code.replace(/[^\d]/g, '').slice(0, 6)"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="user_sign_status"
                       :rules="formRules.required"