添加用户

src/views/schoolSection/userManage/userManage.vue

             :transfer="true"
             v-model="searchForm.care"
             style="width: 140px"
+            @on-change="searchList()"
           >
             <Option v-for="item in care_list" :value="item.id" :key="item.id">{{
               item.title
             :transfer="true"
             v-model="searchForm.enabled"
             style="width: 140px; margin: 0 10px"
+            @on-change="searchList()"
           >
             <Option
               v-for="item in enabled_list"
             :transfer="true"
             v-model="searchForm.control"
             style="width: 140px; margin-right: 10px"
+            @on-change="searchList()"
           >
             <Option
               v-for="item in control_list"
           />
         </div>
         <div>
-          <Button type="primary" class="primary_btn" @click="toAdd()"
+          <Button type="primary" class="primary_btn" @click="userExport()"
             >用户导入</Button
           >
           <Button
         ></Page>
       </div>
     </div>
+    <!-- 新建 -->
+    <Modal
+      class="modal1"
+      :mask-closable="false"
+      v-model="addInfo.show"
+      title="新建"
+    >
+      <Form
+        v-if="addInfo.show"
+        ref="addForm"
+        :model="addInfo"
+        :rules="rules"
+        :label-width="110"
+        inline
+      >
+        <FormItem label="姓名" prop="username" style="width: calc(50% - 10px)">
+          <Input v-model="addInfo.username" placeholder="请输入姓名"></Input>
+        </FormItem>
+        <FormItem label="性别" style="width: calc(50% - 10px)">
+          <RadioGroup v-model="addInfo.sex">
+            <Radio :label="1">男</Radio>
+            <Radio :label="2">女</Radio>
+            <Radio :label="0">未知</Radio>
+          </RadioGroup>
+        </FormItem>
+        <FormItem label="密码" prop="loginpwd" style="width: calc(50% - 10px)">
+          <Input v-model="addInfo.loginpwd" placeholder="请输入密码"></Input>
+        </FormItem>
+        <FormItem
+          label="确认密码"
+          prop="loginpwd1"
+          style="width: calc(50% - 10px)"
+        >
+          <Input
+            v-model="addInfo.loginpwd1"
+            placeholder="请输入确认密码"
+          ></Input>
+        </FormItem>
+        <FormItem label="登录名" prop="loginname" style="width: 100%">
+          <Input v-model="addInfo.loginname" placeholder="请输入登录名"></Input>
+        </FormItem>
+        <FormItem label="班级" class="require" style="width: 100%">
+          <Select
+            v-model="addInfo.classid"
+            placeholder="请选择班级"
+            style="width: 300px"
+            @on-change="classChange()"
+          >
+            <template v-if="schoolInfo.children.length > 0">
+              <Option
+                v-for="item in schoolInfo.children"
+                :value="item.id"
+                :key="item.id"
+                >{{ item.name }}</Option
+              >
+            </template>
+          </Select>
+        </FormItem>
+        <FormItem label="状态" style="width: 100%">
+          <RadioGroup v-model="addInfo.enabled">
+            <Radio :label="1">启用</Radio>
+            <Radio :label="2">禁用</Radio>
+          </RadioGroup>
+        </FormItem>
+        <FormItem label="学号" style="width: 100%">
+          <Input v-model="addInfo.studentno" placeholder="请输入学号"></Input>
+        </FormItem>
+        <FormItem label="手机号码" style="width: 100%">
+          <Input
+            v-model="addInfo.userphone"
+            placeholder="请输入手机号码"
+          ></Input>
+        </FormItem>
+        <FormItem label="身份证号码" style="width: 100%">
+          <Input
+            v-model="addInfo.cardid"
+            placeholder="请输入身份证号码"
+          ></Input>
+        </FormItem>
+      </Form>
+      <div
+        slot="footer"
+        style="
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+        "
+      >
+        <div style="color: #b50000">
+          注：密码必须包含大小写字母和数字的组合，长度在8-32之间。
+        </div>
+        <div>
+          <Button @click="addInfo.show = false">取消</Button>
+          <Button @click="saveAddInfo()" type="primary">保存</Button>
+        </div>
+      </div>
+    </Modal>
   </div>
 </template>
 
 <script>
-import { app_edit_enable, app_edit_unenable, app_list } from "@/api/appgroup";
 import {
   class_list,
   user_disabled,
   user_enable,
   user_list
 } from "@/api/school";
+import {user_add, user_edit} from "@/api/school";
+import {generateRandomString} from "@/utils";
 
 export default {
   data() {
+    const reg = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,32}$/;
+    // 密码验证
+    const pwdCheck = (rule, value, callback) => {
+      console.log(value)
+      if (!reg.test(this.addInfo.loginpwd)) {
+        return callback(new Error("密码格式不正确!"));
+      }
+      console.log(this.addInfo.loginpwd)
+    };
+    // 重复密码验证
+    const pwdAgainCheck = async (rule, value, callback) => {
+      if (!reg.test(this.addInfo.loginpwd1)) {
+        return callback(new Error("确认密码不能为空!"));
+      }
+      if (!reg.test(this.addInfo.loginpwd1)) {
+        return callback(new Error("密码格式不正确!"));
+      }
+      if (this.addInfo.loginpwd != this.addInfo.loginpwd1) {
+        return callback(new Error("两次输入密码不一致！"));
+      }
+    };
     return {
       userInfo: {},
       showLoading: false,
         { id: 2, title: "解除管控" }
       ],
       curClass: 0,
+      addInfo: {
+        show: false,
+        userid: null,
+        username: "",
+        loginname: "",
+        loginpwd: "",
+        classid: "",
+        classname: "",
+        schoolid: null,
+        regionid: null,
+        enabled: 1,
+        studentno: "",
+        userphone: "",
+        cardid: ""
+      },
+      rules: {
+        username: [
+          {
+            required: true,
+            message: "请输入姓名",
+            trigger: "blur"
+          }
+        ],
+        loginname: [
+          {
+            required: true,
+            message: "请输入请输入登录名",
+            trigger: "blur"
+          }
+        ],
+        loginpwd: [
+          {
+            required: true,
+            validator: pwdCheck,
+            trigger: "blur"
+          }
+        ],
+        loginpwd1: [
+          {
+            required: true,
+            validator: pwdAgainCheck,
+            trigger: "blur"
+          }
+        ]
+      },
       searchForm: {
         page: 1,
         size: 10,
     this.searchList();
   },
   methods: {
-    toAdd(row) {},
+    classChange() {
+      if(this.schoolInfo.children.length === 0){
+        return;
+      }
+      let classInfo = this.schoolInfo.children.filter(v=>v.id === this.addInfo.classid)[0];
+      this.addInfo.classname = classInfo.name;
+    },
+    userImport() {},
+    userExport() {},
+    toAdd() {
+      this.addInfo = {
+        show: true,
+        userid: null,
+        sex: 1,
+        username: "",
+        loginname: "",
+        loginpwd: "",
+        classid: "",
+        classname: "",
+        schoolid: null,
+        regionid: null,
+        enabled: 1,
+        studentno: "",
+        userphone: "",
+        cardid: ""
+      };
+    },
+    saveAddInfo() {
+      console.log(this.addInfo);
+      this.$refs.addForm.validate((valid) => {
+        if (valid) {
+          console.log(this.addInfo.classid)
+           if(!this.addInfo.classid){
+             this.$Message.error("请选择班级!")
+             return
+           }
+          let form = {
+            username: this.addInfo.username,
+            loginname: this.addInfo.loginname,
+            loginpwd: this.addInfo.loginpwd,
+            classid: this.addInfo.classid,
+            classname: this.addInfo.classname,
+            schoolid: this.addInfo.schoolid,
+            regionid: this.addInfo.regionid,
+            enabled: this.addInfo.enabled,
+            studentno: this.addInfo.studentno,
+            userphone: this.addInfo.userphone,
+            cardid: this.addInfo.cardid
+          };
+          //编辑
+          // if (this.addInfo.appid) {
+          //   form.userid = this.addInfo.userid;
+          //   form.rversion = this.addInfo.rversion;
+          // }
+          console.log(form);
+          let api = this.addInfo.userid ? user_edit : user_add;
+          api(form).then((res) => {
+            if (res.code === 0) {
+              this.addInfo.show = false;
+              console.log(res.obj);
+              this.$Message.success(res.msg);
+              this.searchList();
+            } else {
+              this.$Message.error(res.msg);
+            }
+          });
+        }
+      });
+    },
     toCare(row) {},
     toDel(row) {},
     enabledChange(row) {