样式修改

src/components/sallCenter/addAutoreleaseCoupon.vue

@@ -7,10 +7,10 @@
         <span>自动发放优惠券编辑</span>
       </div>
     </div>
-    <div class="el-card__body" style="background-color: white; padding: 15px 50% 15px 0 ;margin-top: 20px">
+    <div class="el-card__body" style="background-color: white; padding: 15px 65% 15px 0 ;margin-top: 20px">
       <el-form :model="msg" style="padding:0 20px;" :rules="rules" ref="msg" label-width="160px"  size="small">
         <el-form-item label="触发事件" class="is-required" >
-          <el-select v-model="msg.TriggerType" placeholder="请选择">
+          <el-select v-model="msg.TriggerType" placeholder="请选择" style="width: 100%">
             <el-option
               v-for="item in options"
               :key="item.Id"
@@ -21,7 +21,7 @@
         </el-form-item>
 
         <el-form-item label="发放的优惠券" class="is-required" >
-          <el-select v-model="msg.DiscountCouponId" placeholder="请选择">
+          <el-select v-model="msg.DiscountCouponId" placeholder="请选择" style="width: 100%">
             <el-option
               v-for="item in options2"
               :key="item.ID"
@@ -30,14 +30,10 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="口令" class="is-required"   v-if="msg.TriggerType==5" style="width: 61%;">
+        <el-form-item label="口令" class="is-required"   v-if="msg.TriggerType==5" >
           <el-input v-model="msg.KeyWord" class="el-input--small"  />
         </el-form-item>
-        <el-form-item label="开始时间" >
-          <el-date-picker size="small"  v-model="msg.RegisterDate" type="date"
-                          value-format="yyyy-MM-dd" placeholder="选择日期时间">
-          </el-date-picker>
-        </el-form-item>
+
 
 
         <el-form-item label="发放次数" prop="GrantNum" class="is-required">
@@ -45,9 +41,14 @@
                       style="position: absolute;left: -10px;top:10px">
             <i class="el-tooltip el-icon-info"></i>
           </el-tooltip>
-          <el-input v-model="msg.GrantNum" class="el-input--small" :disabled="checked" step="1"  min="0" onkeyup="this.value= this.value.match(/\d+(\d{0,2})?/) ? this.value.match(/\d+(\d{0,2})?/)[0] : ''" style="width: 50%;"/>
+          <el-input v-model="msg.GrantNum" class="el-input--small" :disabled="checked" step="1"  min="0" onkeyup="this.value= this.value.match(/\d+(\d{0,2})?/) ? this.value.match(/\d+(\d{0,2})?/)[0] : ''" style="width: 70%;"/>
           <el-checkbox v-model="checked" @change="checked==true? msg.GrantNum=0:msg.GrantNum=1" style="margin-left: 10px">无限制</el-checkbox>
         </el-form-item>
+        <el-form-item label="开始时间" >
+          <el-date-picker size="small"  v-model="msg.RegisterDate" type="date" style="width: 100%"
+                          value-format="yyyy-MM-dd" placeholder="选择日期时间">
+          </el-date-picker>
+        </el-form-item>
 
         <el-form-item label="领取人" >
           <el-radio-group v-model="msg.IsAll" >
@@ -344,4 +345,7 @@
     width: 50px;
     height: 50px;
   }
+  .addAutoreleaseCoupon .el-input__prefix{
+    margin-left: 10px;
+  }
 </style>