用户管理-新建可以创建班级

src/views/schoolSection/userManage/userManage.vue

@@ -14,7 +14,11 @@
         全部班级
       </div>
       <div class="class_list">
-        <div v-for="item in schoolInfo.children" :key="item.id">
+        <div
+          v-for="item in schoolInfo.children"
+          :key="`${item.id}_${item.name}`"
+          v-show="item.id !== -1"
+        >
           <div
             :class="[
               'class_item',
@@ -174,7 +178,7 @@
         </FormItem>
       </Form>
       <div slot="footer" style="text-align: right">
-        <Button @click="exitInfo.show = false">取消</Button>
+        <Button @click="classInfo.show = false">取消</Button>
         <Button @click="saveclassInfo()" type="primary" class="primary_btn"
           >保存</Button
         >
@@ -302,12 +306,15 @@
             placeholder="请选择班级"
             style="width: 300px"
             @on-change="classChange()"
+            @on-create="createClassInfo"
+            filterable
+            allow-create
           >
             <template v-if="schoolInfo.children.length > 0">
               <Option
                 v-for="item in schoolInfo.children"
                 :value="item.id"
-                :key="item.id"
+                :key="`${item.id}_${item.name}`"
                 >{{ item.name }}</Option
               >
             </template>
@@ -641,7 +648,9 @@ export default {
               rversion: this.selectedModel.rversion
             }).then((res) => {
               if (res.code === 0) {
+                this.curClass.id = null;
                 this.init();
+                this.searchList();
                 this.$Message.success(res.msg);
               } else {
                 this.$Message.error(res.msg);
@@ -682,6 +691,18 @@ export default {
       this.$refs.moreMenuRef.style.left = `-9999px`;
       this.$refs.moreMenuRef.style.top = `-9999px`;
     },
+    // 创建班级
+    createClassInfo(name) {
+      this.schoolInfo.children = this.schoolInfo.children.filter(
+        (item) => item.id !== -1
+      );
+      this.schoolInfo.children.push({
+        id: -1,
+        name
+      });
+      this.addInfo.classid = -1;
+      this.addInfo.classname = name;
+    },
     classChange() {
       if (this.schoolInfo.children.length === 0) {
         return;
@@ -689,7 +710,9 @@ export default {
       let classInfo = this.schoolInfo.children.filter(
         (v) => v.id === this.addInfo.classid
       )[0];
-      this.addInfo.classname = classInfo.name;
+      if (classInfo) {
+        this.addInfo.classname = classInfo.name;
+      }
     },
     download() {
       //下载模版
@@ -753,7 +776,9 @@ export default {
         this.form_data = new FormData();
         this.form_data.append("file", file);
         this.form_data.append("schoolid", this.powerParams.objectid);
-        this.form_data.append("regionid", this.powerParams.objectid);
+        let _regionids = this.$store.state.userPower.regionids;
+        _regionids = [..._regionids];
+        this.form_data.append("regionid", _regionids.pop());
       } else {
         this.importInfo.file = null;
         this.$Message.error("请上传excel文件");
@@ -825,22 +850,27 @@ export default {
             this.$Message.error("请选择班级!");
             return;
           }
+          let _regionids = this.$store.state.userPower.regionids;
+          _regionids = [..._regionids];
           let form = {
             username: this.addInfo.username,
             loginname: this.addInfo.loginname,
             usersex: this.addInfo.usersex,
             loginpwd: this.addInfo.loginpwd,
-            classid: this.addInfo.classid,
-            classname: this.addInfo.classname,
             rtype: this.powerParams.rtype,
             objectid: this.powerParams.objectid,
-            regionid: this.powerParams.objectid,
+            regionid: _regionids.pop(),
             schoolid: this.addInfo.schoolid || 1,
             enabled: this.addInfo.enabled,
             studentno: this.addInfo.studentno,
             userphone: this.addInfo.userphone,
             cardid: this.addInfo.cardid
           };
+          if (this.addInfo.classid && this.addInfo.classid !== -1) {
+            form.classid = this.addInfo.classid;
+          } else {
+            form.classname = this.addInfo.classname;
+          }
           let api = this.addInfo.userid ? user_edit : user_add;
           this.showLoading = true;
           api(form).then((res) => {
@@ -849,6 +879,9 @@ export default {
               this.addInfo.show = false;
               this.$Message.success(res.msg);
               this.searchList();
+              if (!form.classid) {
+                this.init();
+              }
             } else {
               this.$Message.error(res.msg);
             }