校验

project/pingchang/apps/AppGeneralElection/components/electionAdd.vue

@@ -46,7 +46,7 @@
                 <el-form-item label="候选人" prop="candidateUsers">
                   <ai-person-select :instance="instance" :customClicker="true" :chooseUserList="chooseUserList"
                       url="/app/appgirdmemberinfo/list" headerTitle="党员列表"
-                      :isMultiple="true" dialogTitle="选择" @selectPerson="selectPerson" class="aipersonselect">
+                      :isMultiple="true" dialogTitle="选择" @selectPerson="selectCandidate" class="aipersonselect">
                     <template name="option" v-slot:option="{ item }">
                       <span class="iconfont iconProlife">{{ item.name }}</span>
                       <span>{{ item.phone }}</span>
@@ -58,7 +58,7 @@
                 <el-form-item label="投票人" prop="voteUsers">
                   <ai-person-select :instance="instance" :customClicker="true" :chooseUserList="chooseUserList"
                       url="/app/appgirdmemberinfo/list" headerTitle="党员列表"
-                      :isMultiple="true" dialogTitle="选择" @selectPerson="selectPerson" class="aipersonselect">
+                      :isMultiple="true" dialogTitle="选择" @selectPerson="selectVote" class="aipersonselect">
                     <template name="option" v-slot:option="{ item }">
                       <span class="iconfont iconProlife">{{ item.name }}</span>
                       <ai-id mode="show" :show-eyes="false" :value="item.idNumber"/>
@@ -111,43 +111,45 @@ export default {
     dict: Object,
   },
   data() {
-    var checkAge = (rule, value, callback) => {
+    let validCandidate = (rule, value, callback) => {
-      if (!value) {
+      if (!value.length) {
-        return callback(new Error('年龄不能为空'));
+        return callback(new Error('请选择候选人'));
+      } else {
+        callback();
+      }
+    };
+    let validVote = (rule, value, callback) => {
+      if (!value.length) {
+        return callback(new Error('请选择投票人'));
+      } else {
+        callback();
       }
-      setTimeout(() => {
-        if (!Number.isInteger(value)) {
-          callback(new Error('请输入数字值'));
-        } else {
-          if (value < 18) {
-            callback(new Error('必须年满18岁'));
-          } else {
-            callback();
-          }
-        }
-      }, 1000);
     };
     return {
       form: {
         title: '',
-
+        votingInstructions: '',
+        organizationName: '',
+        electionMethod: '',
+        candidatesNumber: '',
+        votingDate: '',
+        candidateUsers: [],
+        voteUsers: [],
       },
-      chooseUserList: []
+      chooseUserList: [],
-    }
+      formRules: {
-  },
-  computed: {
-    formRules() {
-      return {
         title: [{required: true, message: "请输入标题", trigger: "blur"}],
         organizationName: [{required: true, message: "请选择党组织", trigger: "blur"}],
         electionMethod: [{required: true, message: "请选择选举方式", trigger: "blur"}],
         candidatesNumber: [{required: true, message: "请输入应选人数", trigger: "blur"}],
         votingDate: [{required: true, message: "请选择投票日期", trigger: "blur"}],
-        candidateUsers: [{required: true, message: "请选择候选人", trigger: "blur"}],
+        candidateUsers: [{required: true,validator: validCandidate, trigger: "blur"}],
-        voteUsers: [{required: true, message: "请选择投票人", trigger: "blur"}],
+        voteUsers: [{required: true,validator: validVote, trigger: "blur"}],
       }
     }
   },
+  computed: {
+  },
   methods: {
     cancel (isRefresh) {
       this.$emit('change', {
@@ -155,10 +157,19 @@ export default {
         isRefresh: !!isRefresh
       })
     },
-    selectPerson() {},
+    selectCandidate(v) {
+      this.form.candidateUsers = v
+    },
+    selectVote(e) {
+      this.form.voteUsers = e
+    },
     handlePartyOrgSelect() {},
     confirm() {
-
+      this.$refs.form.validate((valid) => {
+          if (valid) {
+            console.log(111);
+          }
+      })
     },
   },
 }