27614

project/shandong10086/apps/shandong/AppIntegralAudit/components/Detail.vue

@@ -47,23 +47,27 @@
               <el-radio label="1">是</el-radio>
             </el-radio-group>
           </el-form-item>
-          <el-form-item v-if="form.pass === '1'" label="积分规则类别" prop="auditRuleId" style="width: 100%;" :rules="[{ required: true, message: '请选择积分规则类别' }]">
+          <el-form-item v-if="form.pass === '1'" label="积分规则类别" prop="auditRuleId" style="width: 100%;" :rules="[{ required: true, message: '' }]">
             <div class="flex-warpper">
-              <ai-select
-                v-model="form.auditIntegralType"
-                clearable
-                style="width: 180px;"
-                placeholder="请选择积分规则类别"
-                :selectList="dict.getDict('atWillReportType')"
-                @change="onChange">
-              </ai-select>
-              <ai-select
-                v-model="form.auditRuleId"
-                clearable
-                style="width: 180px;margin: 0 10px;"
-                placeholder="请选择积分规则事项"
-                :selectList="ruleList">
-              </ai-select>
+               <el-form-item  label-width="0" prop="auditIntegralType" :rules="[{ required: true, message: '请选择积分规则类别' }]">
+                <ai-select
+                  v-model="form.auditIntegralType"
+                  clearable
+                  style="width: 180px;"
+                  placeholder="请选择积分规则类别"
+                  :selectList="dict.getDict('atWillReportType')"
+                  @change="onChange">
+                </ai-select>
+               </el-form-item>
+               <el-form-item style="margin: 0 10px;" prop="auditRuleId" :rules="[{ required: true, message: '请选择积分规则事项' }]">
+                <ai-select
+                  v-model="form.auditRuleId"
+                  clearable
+                  style="width: 180px;"
+                  placeholder="请选择积分规则事项"
+                  :selectList="ruleList">
+                </ai-select>
+               </el-form-item>
               <span>{{ integralText }}</span>
             </div>
           </el-form-item>
@@ -91,6 +95,15 @@
     },
 
     data () {
+      const validatorRules = function (rule, value, callback) {
+        if (value === '') {
+          callback(new Error('请输入联系方式'))
+        } else if (!/^1\d{10}$/.test(value)) {
+          callback(new Error('手机号格式错误'))
+        } else {
+          callback()
+        }
+      }
       return {
         total: 0,
         info: {
@@ -202,6 +215,23 @@
     .flex-warpper {
       display: flex;
       align-items: center;
+
+      ::v-deep .el-form-item .el-form-item__content {
+        margin-left: 0!important;
+      }
+
+      ::v-deep .ai-select {
+        margin: 0!important;
+      }
+
+      ::v-deep .el-form-item {
+        width: auto;
+        margin-bottom: 0;
+
+        &:last-child {
+          margin-right: 10px;
+        }
+      }
     }
   }
 </style>