1

src/components/pages/kindStudentEva/test/diary.vue

@@ -23,13 +23,13 @@
               v-if="VeidooJson[item.id].length"
               @click="clickFtypeId(item.id)"
               :class="ftypeId == item.id ? 'onTypeTxt' : 'onTypeTxt2'"
-              style="position: relative;"
+              style="position: relative"
             >
               <span>{{ item.name }}</span>
-              <div
+              <!-- <div
                 class="line"
                 :style="{ display: ftypeId == item.id ? 'block' : 'none' }"
-              ></div>
+              ></div> -->
             </div>
             <!-- 子分类 -->
             <div class="typeCss" v-if="VeidooJson[item.id].length">
@@ -75,7 +75,7 @@
         header-align="center"
         :header-cell-style="{
           background: '#E0EAFB',
-          color: 'rgba(0, 0, 0, 0.90)'
+          color: 'rgba(0, 0, 0, 0.90)',
         }"
         @selection-change="handleSelectionChange"
       >
@@ -179,21 +179,21 @@
 import popbox from "./component/popbox";
 export default {
   components: {
-    popbox
+    popbox,
   },
   props: {
     userid: {
-      type: String
+      type: String,
     },
     oid: {
-      type: String
+      type: String,
     },
     org: {
-      type: String
+      type: String,
     },
     cid: {
-      type: String
-    }
+      type: String,
+    },
   },
   data() {
     return {
@@ -231,7 +231,7 @@ export default {
       studentList: [],
       judgeNum: 0,
       ftypeId: "",
-      stypeId: ""
+      stypeId: "",
     };
   },
   methods: {
@@ -267,11 +267,11 @@ export default {
     getVeidooType() {
       let params = {
         org: this.org,
-        oid: this.oid
+        oid: this.oid,
       };
       this.ajax
         .get(this.$store.state.api + "selectSTEType", params)
-        .then(res => {
+        .then((res) => {
           var ftype = res.data[0]; //公共父级分类
           var stype = res.data[1]; //公共子级分类
           var sctype = res.data[2]; //该学校子级分类
@@ -324,7 +324,7 @@ export default {
 
           // console.log("小分类", this.VeidooJson, "大分类", this.VeidooList);
         })
-        .catch(err => {
+        .catch((err) => {
           this.isLoading = false;
           console.error(err);
         });
@@ -339,18 +339,18 @@ export default {
         cu: this.ftypeId,
         cn: this.stypeId,
         cm: this.termId,
-        page: this.page
+        page: this.page,
       };
       // console.log(params);
       this.ajax
         .get(this.$store.state.api + "selectVeidooType", params)
-        .then(res => {
+        .then((res) => {
           this.isLoading = false;
           this.tableData = res.data[0];
           this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
           console.log(" 获取筛选数据", res.data[0]);
         })
-        .catch(err => {
+        .catch((err) => {
           this.isLoading = false;
           console.error(err);
         });
@@ -392,24 +392,26 @@ export default {
       // 获取纬度筛选框
       const data = {
         oid: this.org,
-        cla: 0
+        cla: 0,
       };
 
-      this.ajax.get(this.$store.state.api + "selectVeiDoo", data).then(res => {
-        // console.log(res);
-        this.weiList = res.data[0];
-        // console.log("this.weiList", res);
-      });
+      this.ajax
+        .get(this.$store.state.api + "selectVeiDoo", data)
+        .then((res) => {
+          // console.log(res);
+          this.weiList = res.data[0];
+          // console.log("this.weiList", res);
+        });
     },
     // 获取学生详情，主要获取他的班级id,然后查询他的关联列表同学
     getStudentDetail() {
       const data2 = {
-        uid: this.userid
+        uid: this.userid,
       };
       console.log("获取班学生列表", data2);
       this.ajax
         .get(this.$store.state.api + "selectStudentDetail", data2)
-        .then(res => {
+        .then((res) => {
           console.log(res);
           this.classid = res.data[0][0].classid;
           this.getClassStudent();
@@ -421,12 +423,12 @@ export default {
     getClassStudent() {
       const data2 = {
         cid: this.classid,
-        uid: this.userid
+        uid: this.userid,
       };
       // console.log("获取班学生列表", data2);
       this.ajax
         .get(this.$store.state.api + "selectManyClassStudent", data2)
-        .then(res => {
+        .then((res) => {
           // console.log(res);
           this.studentList = res.data[0];
           // console.log("this.studentList", res);
@@ -436,7 +438,7 @@ export default {
       this.isLoading = true;
       this.ajax
         .get(this.$store.state.api + "selectTerm")
-        .then(res => {
+        .then((res) => {
           this.isLoading = false;
           var yearJuri = res.data[0];
           for (var i = 0; i < yearJuri.length; i++) {
@@ -446,7 +448,7 @@ export default {
           }
           this.termList = yearJuri;
         })
-        .catch(err => {
+        .catch((err) => {
           this.isLoading = false;
           console.error(err);
         });
@@ -497,7 +499,7 @@ export default {
         { wch: 30 },
         { wch: 30 },
         { wch: 30 },
-        { wch: 30 }
+        { wch: 30 },
       ];
       XLSX.utils.book_append_sheet(workbook, ws, "sheet1"); //把sheet添加到workbook里，第三个参数是sheet名
       XLSX.writeFile(workbook, "观察日记.xlsx");
@@ -506,25 +508,25 @@ export default {
       // FileSaver.saveAs(new Blob([wbout], { type: "application/octet-stream" }), `${title} demo.xlsx`);//保存文件
       this.$message({
         message: "导出成功",
-        type: "success"
+        type: "success",
       });
     },
     // 删除记录
     delRecord(e) {
       this.$confirm("是否删除?", "提示", {
         confirmButtonText: "确定",
-        cancelButtonText: "取消"
+        cancelButtonText: "取消",
       })
         .then(() => {
           this.ajax
             .post(this.$store.state.api + "updateRecord", [{ rid: e.rid }])
-            .then(res => {
+            .then((res) => {
               // console.log(res);
               // this.selectData();
 
               this.$message({
                 type: "success",
-                message: "已删除"
+                message: "已删除",
               });
               // this.isLoading = false; updateRecord
             });
@@ -532,11 +534,11 @@ export default {
         .catch(() => {
           this.$message({
             type: "info",
-            message: "已取消删除"
+            message: "已取消删除",
           });
         });
       // return console.log(e);
-    }
+    },
   },
   created() {
     this.getWeiList();
@@ -549,7 +551,7 @@ export default {
     // this.$nextTick(() => {
     //   this.selectData();
     // });
-  }
+  },
 };
 </script>
 
@@ -599,16 +601,8 @@ export default {
   left: 0;
   display: flex;
 }
-.onTypeTxt {
-  cursor: pointer;
-  display: flex;
-  font-size: 16px;
-  position: relative;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  color: rgba(54, 129, 252, 1);
-}
+
+.onTypeTxt,
 .onTypeTxt2 {
   cursor: pointer;
   display: flex;
@@ -616,9 +610,15 @@ export default {
   position: relative;
   align-items: center;
   justify-content: center;
-  padding: 16px;
+  margin-right: 15px;
   color: rgba(0, 0, 0, 0.9);
 }
+
+.onTypeTxt {
+  padding-bottom: 10px;
+  border-bottom: 3px solid #3681fc;
+  color: rgba(54, 129, 252, 1);
+}
 .line {
   position: absolute;
   left: 50%;

src/components/pages/kindStudentEva/test/score.vue

@@ -318,6 +318,7 @@ export default {
   width: 98%;
   margin: 0 auto;
   min-width: 1520px;
+  font-size: 14px;
 }
 .table_title {
   width: 100%;