教师管理筛选条件

梁保满
1 parent dc56294d
Showing 3 changed files with 124 additions and 42 deletions
router
src/views/standard/down/index.vue
src/views/standard/setUp/teacher.vue
@@ -13,6 +13,7 @@
   "setUpSchool",
   "setUpTeacher",
   "setUpStudent",
+  "setUpClazz",
   "card",
   "device",
   "analysis",
@@ -12,12 +12,16 @@
         </p>
         <el-button plan round @click="links">授课端下载</el-button>
       </div>
-      <div class="down-item" v-loading="loading">
+      <div class="down-item" v-loading="loading" v-if="role != 'ROLE_JIAOSHI'">
         <p class="txt">
           配合发卡器硬件，方便学校管理员进行发卡补卡操作的软件。
         </p>
         <el-button plan round @click="downCard">发卡软件下载</el-button>
       </div>
+      <div class="down-item" v-loading="loading">
+        <p class="txt">。</p>
+        <el-button plan round @click="downNet">.Net环境下载</el-button>
+      </div>
     </div>
   </div>
 </template>
@@ -26,9 +30,16 @@
 export default {
   data() {
     return {
+      role: "",
       loading: false,
+      loadingNet: false,
     };
   },
+  created() {
+    this.role =
+      this.$store.getters.info.showRole ||
+      this.$store.getters.info.permissions[0].role;
+  },
   methods: {
     links() {
       this.$router.push({
@@ -51,6 +62,22 @@ export default {
         this.$message.error(info);
       }
     },
+    async downNet() {
+      if (this.loadingNet == true) return;
+      this.loadingNet = true;
+      const { data, status, info } = await this.$request.latestClickersApp();
+      this.loadingNet = false;
+      if (status == 0) {
+        const a = document.createElement("a");
+        a.href = data.downloadUrl;
+        a.download = data.appName;
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+      } else {
+        this.$message.error(info);
+      }
+    },
   },
 };
 </script>
@@ -62,7 +89,7 @@ export default {
 .page-content {
   display: flex;
   padding-top: 50px;
-  margin-left: 240px;
+  margin-left: 160px;
   .down-item {
     width: 200px;
     padding: 50px 20px;
@@ -40,26 +40,30 @@
     <div class="answer-header">
       <div class="sel-box">
-        <el-select
-          class="sel"
-          v-model="query.gradeName"
-          placeholder="选择年级"
-          @change="_QueryData(1)"
-        >
-          <el-option
-            v-for="item in gradeList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          >
-          </el-option>
-          <el-option label="未分配教师" value="未分配教师"> </el-option>
+        <el-cascader
+          size="small"
+          class="sel sel2"
+          clearable
+          placeholder="选择范围"
+          v-model="query.gradeClassSub"
+          :options="gradeClassSubList"
+          :props="{
+            multiple: true,
+            checkStrictly: true,
+          }"
+          collapse-tags
+          :show-all-levels="false"
+        ></el-cascader>
+        <el-select class="sel" v-model="query.type" placeholder="选择类型">
+          <el-option label="已分配教师" :value="0"></el-option>
+          <el-option label="未分配教师" :value="1"></el-option>
         </el-select>
         <el-input
           placeholder="请输入老师姓名"
           v-model="query.teacherName"
           class="input-with-select"
           maxlength="30"
+          clearable
           @keyup.enter.native="_QueryData(2)"
         >
           <el-button
@@ -73,6 +77,7 @@
           oninput="if(value.length > 11) value = value.slice(0,11)"
           placeholder="请输入老师手机号"
           v-model="query.phone"
+          clearable
           class="input-with-select"
           @keyup.enter.native="_QueryData(3)"
         >
@@ -82,6 +87,9 @@
             @click="_QueryData(3)"
           ></el-button>
         </el-input>
+        <el-button class="serach-box" round @click="_QueryData(1)"
+          >筛选</el-button
+        >
       </div>
     </div>
     <div class="page-content">
@@ -222,9 +230,7 @@
                 </el-popconfirm>
                 <div class="grade-item">
                   <p class="grade-name">
-                    {{ item.gradeName }}（{{
-                      item.subjectName
-                    }}）
+                    {{ item.gradeName }}（{{ item.subjectName }}）
                   </p>
                 </div>
               </li>
@@ -388,15 +394,15 @@ export default {
       isAdd: false,
       setTercherType: 1,
       query: {
-        gradeName: "",
+        gradeClassSub: [],
+        type: 0,
         teacherName: "",
         phone: "",
       },
       subjectList: [],
       gradeList: [],
       classList: [],
-      gradeClassList: [],
-      gradeSubList: [],
+      gradeClassSubList: [],
       teacherList: [],
       teacherRoleList: [
         //角色
@@ -446,6 +452,7 @@ export default {
   },
   async created() {
     this.code = localStorage.getItem("csCode") || "";
+    await this._QuerySubject();
     await this._QueryDataGrade();
     this._QueryData(1);
     this._RoleList();
@@ -693,20 +700,16 @@ export default {
         this.$message.error(info);
       }
     },
-    async _QueryData(type) {
+    setQuery(type) {
       let query = {};
-      if (type == 1) {
-        query.gradeName = this.query.gradeName;
-        this.query.teacherName = "";
-        this.query.phone = "";
-      } else if (type == 2) {
+      if (type == 2) {
         if (this.query.teacherName == "") {
           this.$message.warning("请输入老师姓名");
           return;
         }
         query.teacherName = this.query.teacherName;
-        this.query.gradeName = "";
         this.query.phone = "";
+        this.query.gradeClassSub = [];
       } else if (type == 3) {
         if (this.query.phone == "") {
           this.$message.warning("请输入老师手机");
@@ -714,16 +717,47 @@ export default {
         }
         query.phone = this.query.phone;
         this.query.teacherName = "";
-        this.query.gradeName = "";
-      } else if (type == 10) {
-        query = { ...this.query };
-      }
-      if (query.gradeName == "未分配教师") {
-        query.type = 1;
+        this.query.gradeClassSub = [];
       } else {
-        query.type = 0;
+        query = { ...this.query };
+        query.gradeNames = [];
+        query.classIds = [];
+        query.subjectNames = [];
+        this.query.gradeClassSub?.map((item) => {
+          if (item.length == 1) {
+            if (!query.gradeNames.includes(item[0])) {
+              query.gradeNames.push(item[0]);
+            }
+          } else if (item.length == 2) {
+            if (!query.classIds.includes(item[1])) {
+              query.classIds.push(item[1]);
+            }
+            query.gradeNames.includes(item[0]) &&
+              query.gradeNames.remove(item[0]);
+          } else if (item.length == 3) {
+            if (!query.subjectNames.includes(item[2])) {
+              query.subjectNames.push(item[2]);
+            }
+            query.gradeNames.includes(item[0]) &&
+              query.gradeNames.remove(item[0]);
+            query.classIds.includes(item[0]) && query.classIds.remove(item[0]);
+          }
+        });
+
+        delete query.gradeClassSub;
+        query.gradeNames.length ? "" : delete query.gradeNames;
+        query.classIds.length ? "" : delete query.classIds;
+        query.subjectNames.length ? "" : delete query.subjectNames;
+        query.teacherName.length ? "" : delete query.teacherName;
+        query.phone.length ? "" : delete query.phone;
       }
+
+      return query;
+    },
+    async _QueryData(type) {
+      if (this.loading) return;
       this.loading = true;
+      let query = this.setQuery();
       this.teacherList = [];
       const { data, status, info } = await this.$request.teacherList({
         ...query,
@@ -746,26 +780,46 @@ export default {
         this.$message.error(info);
       }
     },
+    async _QuerySubject() {
+      const { data, status, info } = await this.$request.subjectList();
+      if (status === 0) {
+        this.subjectList = [...data?.subjectNames] || [];
+      } else {
+        this.$message.error(info);
+      }
+    },
     async _QueryDataGrade() {
       //年级数据
       const { data, status, info } = await this.$request.gradeList();
       if (status === 0) {
         this.gradeList =
           data.list?.map((item) => {
-            return {
+            let subList = item.subjectNames?.map((items) => {
+              return {
+                value: items,
+                label: items,
+              };
+            });
+            this.gradeClassSubList.push({
               value: item.gradeName,
               label: item.gradeName,
               id: item.grade,
-              children: item.subjectNames?.map((items) => {
+              children: item.classList.map((clazz) => {
                 return {
-                  value: items,
-                  label: items,
+                  value: clazz.id,
+                  label: clazz.className,
+                  id: clazz.id,
+                  children: [...subList],
                 };
               }),
+            });
+            return {
+              value: item.gradeName,
+              label: item.gradeName,
+              id: item.grade,
+              children: [...subList],
             };
           }) || [];
-
-        this.query.gradeName = this.gradeList[0]?.value;
       } else {
         this.$message.error(info);
       }