用户管理

src/views/schoolSection/userManage/userManage.vue

@@ -5,7 +5,7 @@
       <div class="class_list">
         <div v-for="item in schoolInfo.children" :key="item.id">
           <div
-            :class="[curClass === item.id ? 'active' : '']"
+            :class="[curClass.id === item.id ? 'active' : '']"
             :title="item.name"
             @click="selectClass(item)"
           >
@@ -80,7 +80,12 @@
       <div class="table_wrap">
         <Table :columns="columns" :data="searchForm.list">
           <template slot-scope="{ row }" slot="loginname">
-           <span v-if="row.care === 1" style="color: #FCC138" class="ivu-icon iconfont icon-guanzhu-yiguanzhu"></span> {{row.loginname}}
+            <span
+              v-if="row.care === 1"
+              style="color: #fcc138"
+              class="ivu-icon iconfont icon-guanzhu-yiguanzhu"
+            ></span>
+            {{ row.loginname }}
           </template>
           <template slot-scope="{ row }" slot="enabled">
             <i-switch
@@ -97,7 +102,10 @@
           <template slot-scope="{ row }" slot="actionSlot">
             <div class="action_list">
               <div class="action_del" @click="toDel(row)">删除</div>
-              <div class="action_success" @click="toCare(row)">重点关注</div>
+              <div class="action_success" @click="toCare(row)">
+                <span v-if="row.care === 2">重点关注</span>
+                <span v-else>取消关注</span>
+              </div>
             </div>
           </template>
         </Table>
@@ -116,26 +124,58 @@
         ></Page>
       </div>
     </div>
+    <!-- 已存在列表 -->
+    <Modal
+      v-model="exitInfo.show"
+      :mask-closable="false"
+      class="exit_modal modal1"
+      title="提示"
+    >
+      <div class="exit">
+        <div>
+          <div v-if="exitInfo.studentsExisted.length > 0">
+            以下学生信息已存在
+            <Table border :columns="columns2" :data="exitInfo.studentsExisted">
+              <template slot-scope="{ row }" slot="usersex">
+                <span>
+                  {{
+                    row.usersex == 1 ? "男" : row.usersex == 2 ? "女" : "未知"
+                  }}
+                </span>
+              </template>
+            </Table>
+          </div>
+          <div v-if="exitInfo.usersExisted.length > 0">
+            已存在非本校账号列表
+            <Table border :columns="columns2" :data="exitInfo.usersExisted">
+              <template slot-scope="{ row }" slot="usersex">
+                <span>
+                  {{
+                    row.usersex == 1 ? "男" : row.usersex == 2 ? "女" : "未知"
+                  }}
+                </span>
+              </template>
+            </Table>
+          </div>
+        </div>
+      </div>
+    </Modal>
     <!-- 导入 -->
     <Modal
-        :mask-closable="false"
-        v-model="importInfo.show"
-        class="modal_tip"
-        title="导入"
+      :mask-closable="false"
+      v-model="importInfo.show"
+      class="modal_tip"
+      title="导入"
     >
       <Upload
-          v-if="importInfo.show"
-          type="drag"
-          action
-          accept=".xls,.xlsx"
-          :before-upload="handleUpload"
+        v-if="importInfo.show"
+        type="drag"
+        action
+        accept=".xls,.xlsx"
+        :before-upload="handleUpload"
       >
         <div style="padding: 30px 0; background: #f8f8f9">
-          <Button
-              type="primary"
-              class="primary_btn"
-              style="font-size: 16px"
-          >
+          <Button type="primary" class="primary_btn" style="font-size: 16px">
             <Icon type="ios-cloud-upload-outline" size="18"></Icon>上传excel
           </Button>
           <div style="margin-top: 10px; color: #999">支持上传xlsx/xls文件</div>
@@ -150,8 +190,12 @@
       </div>
       <div slot="footer">
         <Button @click="importInfo.show = false">取消</Button>
-        <Button @click="ok_import"    class="primary_btn" :loading="wait_flag" type="primary"
-        >保存</Button
+        <Button
+          @click="ok_import"
+          class="primary_btn"
+          :loading="wait_flag"
+          type="primary"
+          >保存</Button
         >
       </div>
     </Modal>
@@ -174,7 +218,7 @@
           <Input v-model="addInfo.username" placeholder="请输入姓名"></Input>
         </FormItem>
         <FormItem label="性别" style="width: calc(50% - 10px)">
-          <RadioGroup v-model="addInfo.sex">
+          <RadioGroup v-model="addInfo.usersex">
             <Radio :label="1">男</Radio>
             <Radio :label="2">女</Radio>
             <Radio :label="0">未知</Radio>
@@ -262,9 +306,13 @@ import {
   user_delete,
   user_disabled,
   user_enable,
-  user_list
+  user_export,
+  user_import,
+  user_list,
+  user_un_care
 } from "@/api/school";
 import { user_add, user_edit } from "@/api/school";
+import { exportToExcel } from "@/utils/exportToExcel";
 
 export default {
   data() {
@@ -295,6 +343,32 @@ export default {
         show: false,
         file: null
       },
+      exitInfo: {
+        show: false,
+        studentsExisted: [],
+        usersExisted: []
+      },
+      columns2: [
+        {
+          title: "姓名",
+          key: "username",
+          minWidth: 140,
+          align: "center"
+        },
+        {
+          title: "登录名",
+          key: "loginname",
+          minWidth: 140,
+          align: "center"
+        },
+        {
+          title: "性别",
+          key: "usersex",
+          align: "center",
+          slot: "usersex"
+        }
+      ],
+      form_data: null,
       wait_flag: false,
       showLoading: false,
       care_list: [
@@ -312,7 +386,10 @@ export default {
         { id: 1, title: "管控中" },
         { id: 2, title: "解除管控" }
       ],
-      curClass: 0,
+      curClass: {
+        id: 0,
+        name: ""
+      },
       addInfo: {
         show: false,
         userid: null,
@@ -430,7 +507,6 @@ export default {
     this.userInfo = JSON.parse(
       localStorage.getItem("xh_control_userInfo")
     ).content;
-    console.log(this.userInfo);
     this.init();
     this.searchList();
   },
@@ -444,24 +520,55 @@ export default {
       )[0];
       this.addInfo.classname = classInfo.name;
     },
-    download(){
+    download() {
       //下载模版
       let url = "../../../../doc/student.xls";
-      console.log(url)
       const a = document.createElement("a"); // 创建a标签
       a.setAttribute("download", "学生信息模版"); // download属性
       a.setAttribute("href", url); // href链接
       a.click(); // 自执行点击事件
     },
-    ok_import(){
-      //确定导入
+    //确定导入
+    ok_import() {
+      if (!this.importInfo.file) {
+        this.$Message.error("请选择上传文件");
+        return;
+      }
+      this.wait_flag = true;
+      let that = this;
+      user_import(this.form_data)
+        .then((res) => {
+          this.wait_flag = false;
+          if (res.code == 0) {
+            this.importInfo = {
+              show: false,
+              file: null
+            };
+            if (res.obj.code == 0) {
+              this.$Message.success("导入成功");
+              this.searchList();
+            } else {
+              this.exitInfo = {
+                show: true,
+                studentsExisted: res.obj.studentsExisted,
+                usersExisted: res.obj.usersExisted
+              };
+            }
+          } else {
+            this.$Message.error(res.msg);
+          }
+          this.form_data = null;
+        })
+        .catch(() => {
+          that.wait_flag = false;
+        });
     },
     //导入
     userImport() {
       this.importInfo = {
         show: true,
-            file: null
-      }
+        file: null
+      };
     },
     // 上传文件
     handleUpload(file) {
@@ -469,26 +576,49 @@ export default {
       let suffix = str[str.length - 1];
       suffix = suffix.toLowerCase();
       if (suffix === "xls" || suffix === "xlsx") {
-        this.import_obj.file = file;
+        this.importInfo.file = file;
         this.import_img = true;
         this.form_data = new FormData();
         this.form_data.append("file", file);
-        this.form_data.append("schoolid", this.userInfo.schoolid);
-        this.form_data.append("createid", this.userInfo.userid);
-        this.form_data.append("classid", this.form_list.classid);
-        this.form_data.append("groupid", 1);
+        this.form_data.append("schoolid", 1);
+        this.form_data.append("regionid", this.userInfo.regionid);
       } else {
-        this.import_obj.file = undefined;
+        this.importInfo.file = null;
         this.$Message.error("请上传excel文件");
       }
       return false;
     },
-    userExport() {},
+    //导出
+    userExport() {
+      user_export({ schoolid: 1 }).then((res) => {
+        if (res.code === 0) {
+          exportToExcel(
+            [
+              {
+                list: res.obj.map((item) => {
+                  return {
+                    登录名: item.loginname,
+                    姓名: item.username,
+                    班级: item.classname,
+                    状态: item.enabled === 1 ? "启用" : "禁用",
+                    最后登录时间: item.lasttime || ""
+                  };
+                }),
+                name: this.curClass.name
+              }
+            ],
+            this.curClass.name
+          );
+        } else {
+          this.$Message.error(res.msg);
+        }
+      });
+    },
     toAdd() {
       this.addInfo = {
         show: true,
         userid: null,
-        sex: 1,
+        usersex: 1,
         username: "",
         loginname: "",
         loginpwd: "",
@@ -503,10 +633,8 @@ export default {
       };
     },
     saveAddInfo() {
-      console.log(this.addInfo);
       this.$refs.addForm.validate((valid) => {
         if (valid) {
-          console.log(this.addInfo.classid);
           if (this.addInfo.userphone) {
             var filter = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
             if (!filter.test(this.addInfo.userphone)) {
@@ -521,6 +649,7 @@ export default {
           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,
@@ -531,17 +660,10 @@ export default {
             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 {
@@ -551,9 +673,9 @@ export default {
         }
       });
     },
-    toEdit(row) {},
     toCare(row) {
-      user_care({ userid: row.userid, rversion: row.rversion }).then((res) => {
+      let api = row.care === 1 ? user_un_care : user_care;
+      api({ userid: row.userid, rversion: row.rversion }).then((res) => {
         if (res.code === 0) {
           this.searchList();
           this.$Message.success(res.msg);
@@ -589,7 +711,8 @@ export default {
       });
     },
     selectClass(item) {
-      this.curClass = item.id;
+      this.curClass = item;
+      this.searchList();
     },
     init() {
       this.showLoading = true;
@@ -598,9 +721,8 @@ export default {
         if (res.code === 0) {
           this.schoolInfo = res.obj;
           if (this.schoolInfo.children.length > 0) {
-            this.curClass = this.schoolInfo.children[0].id;
+            this.curClass = this.schoolInfo.children[0];
           }
-          console.log(res.obj);
         } else {
           this.$Message.error(res.msg);
         }
@@ -629,7 +751,7 @@ export default {
         page: this.searchForm.page,
         size: this.searchForm.size,
         schoolid: this.searchForm.schoolid,
-        classid: this.curClass,
+        classid: this.curClass.id,
         care: this.searchForm.care,
         enabled: this.searchForm.enabled,
         control: this.searchForm.control,
@@ -639,7 +761,6 @@ export default {
         if (res.code === 0) {
           this.searchForm.list = res.obj.data;
           this.searchForm.total = res.obj.total;
-          console.log(this.searchForm.list);
         } else {
           this.$Message.error(res.msg);
         }
@@ -674,7 +795,7 @@ export default {
         line-height: 30px;
         height: 30px;
         text-align: center;
-        cursor: p;
+        cursor: pointer;
       }
       .active {
         border-radius: 6px;
@@ -685,6 +806,7 @@ export default {
   .user_list {
     width: calc(100% - 216px);
     height: 100%;
+    overflow-y: auto;
     border-radius: 15px;
     background-color: white;
   }
@@ -733,19 +855,44 @@ export default {
     }
   }
 }
-.modal_tip{
-  .files_list{
+.modal_tip {
+  .files_list {
     height: 30px;
     line-height: 30px;
   }
-  .import_tip{
+  .import_tip {
     height: 30px;
     line-height: 30px;
     text-align: center;
-    .theme_color{
+    .theme_color {
       color: #339dff;
       cursor: pointer;
     }
   }
 }
+// 存在信息
+.exit_modal {
+  /deep/ .ivu-modal {
+    .ivu-modal-content {
+      .exit {
+        div {
+          // margin-bottom: 10px;
+          font-size: 18px;
+          line-height: 40px;
+        }
+      }
+      .ivu-table {
+        -moz-user-select: none;
+        -khtml-user-select: none;
+        user-select: none;
+      }
+      div .ivu-table-header thead tr > th {
+        height: 40px;
+      }
+      .ivu-modal-footer {
+        display: none;
+      }
+    }
+  }
+}
 </style>