添加切换学生下拉框

src/components/pages/kindStudentEva/info/index.vue

@@ -5,21 +5,45 @@
         <img :src="info.headportrait ? info.headportrait : avator" alt="" />
       </div>
       <div class="name">
-        <span>{{ info.username }}</span>
+        <el-dropdown trigger="click" @command="handleCommand">
+          <span class="el-dropdown-link">
+            {{ info.username }}<i class="el-icon-arrow-down el-icon--right"></i>
+          </span>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item
+              :style="{
+                color: userid == i.id ? '#fff' : '',
+                background: userid == i.id ? 'rgba(74, 138, 216, 0.5)' : ''
+              }"
+              v-for="i in stuDetailList"
+              :key="i.id"
+              :command="i.id"
+              >{{ i.name }}</el-dropdown-item
+            >
+          </el-dropdown-menu>
+        </el-dropdown>
+
+        <!-- <span>{{ info.username }}</span> -->
       </div>
       <div
         style="position: absolute;top: 50%;left: 0;"
         @click="upStu"
         v-if="num"
       >
-        <i class="el-icon-arrow-left" style="font-size: 25px;cursor: pointer;"></i>
+        <i
+          class="el-icon-arrow-left"
+          style="font-size: 25px;cursor: pointer;"
+        ></i>
       </div>
       <div
         style="position: absolute;top: 50%;right: 0;"
         @click="nextStu"
         v-if="num != stuList.length - 1"
       >
-        <i class="el-icon-arrow-right" style="font-size: 25px;cursor: pointer;"></i>
+        <i
+          class="el-icon-arrow-right"
+          style="font-size: 25px;cursor: pointer;"
+        ></i>
       </div>
     </div>
     <div class="i_bottom">
@@ -57,6 +81,7 @@
 </template>
 
 <script>
+// import { backgroundClip } from "html2canvas/dist/types/css/property-descriptors/background-clip";
 import avator from "../../../../assets/icon/test/teacher.jpg";
 import infoDialog from "./infoDialog/index.vue";
 export default {
@@ -90,6 +115,7 @@ export default {
       dialogVisibleInfo: false,
       // 班级学生列表
       stuList: [],
+      stuDetailList: [],
       // 处在班级的第几个位置
       num: ""
     };
@@ -101,7 +127,7 @@ export default {
   },
   methods: {
     upStu() {
-      console.log("qqqqqq", this.num);
+      // console.log("qqqqqq", this.num);
       this.num = this.num * 1 - 1;
       // this.$router.replace(
       //   `/kindStudentEva?userid=${this.teaId}&oid=${this.oid}&org=${
@@ -121,7 +147,6 @@ export default {
       //   }
       // });
       this.$emit("updateUid", this.stuList[this.num]);
-
     },
     nextStu() {
       // console.log("this.userid", this.teaId);
@@ -146,7 +171,17 @@ export default {
       //   }
       // });
       this.$emit("updateUid", this.stuList[this.num]);
+    },
+    handleCommand(e) {
+      // this.$message("click on item " + command);
+      this.$emit("updateUid", e);
+
+    },
 
+    // 下拉框切换学生
+    cutStu(e) {
+      // console.log("钓到没", e);
+      this.$emit("updateUid", e.id);
     },
     // 获取班学生列表
     getStuList() {
@@ -158,13 +193,19 @@ export default {
       this.ajax
         .get(this.$store.state.api + "selectClassStudent", data2)
         .then(res => {
-          console.log(res.data[0]);
+          // console.log(res.data[0]);
           let data = res.data[0];
           data.forEach(e => {
             this.stuList.push(e.id);
           });
+          data.forEach(e => {
+            let a = { id: "", name: "" };
+            (a.id = e.id), (a.name = e.name);
+            this.stuDetailList.push(a);
+          });
+
           this.num = this.stuList.indexOf(this.userid);
-          console.log("oooooo", this.stuList, this.num);
+          // console.log("获取班学生列表", this.stuDetailList);
         })
         .catch(err => {
           console.error(err);
@@ -188,7 +229,7 @@ export default {
         .get(this.$store.state.api + "selectSDetail", params)
         .then(res => {
           this.info = res.data[0][0];
-          console.log("this.info ", this.info);
+          // console.log("this.info ", this.info);
           // 用于存储归类后的数据的对象
         })
         .catch(err => {
@@ -252,16 +293,46 @@ export default {
   text-align: center;
 }
 
-.i_top > .name > span {
-  display: block;
+.i_top > .name >>> .el-dropdown {
   max-width: 100%;
   font-size: 22px;
   font-weight: 700;
+  cursor: pointer;
   overflow: hidden;
+  color: black;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
+/* .i_top > .name >>> .popper__arrow {
+  left: 70px !important;
+} */
+.el-dropdown-menu {
+  width: 190px;
+  left: 45px !important;
+  height: 180px;
+  overflow: auto;
+}
+.el-icon--right{
+  font-size: 20px;
+}
+.el-dropdown-menu::-webkit-scrollbar {
+  width: 6px;
+}
+.el-dropdown-menu::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    background: #B9B9B9;
+}
+.el-dropdown-menu::-webkit-scrollbar-track {
+    border-radius: 8px;
+    background: #E4E4E4;
+}
+.el-dropdown-menu::-webkit-scrollbar-button {
+    display: none;
+}
+/* .i_top > .name >>> .el-dropdown-menu__item {
+  text-align: center;
+}  */
 .i_bottom {
   height: 45%;
   width: calc(100% - 20px);
@@ -311,6 +382,7 @@ export default {
   font-weight: 600;
   font-size: 12px;
   display: flex;
+
   align-items: center;
   justify-content: center;
 }

src/components/pages/kindStudentEva/test/component/popTable.vue

@@ -20,25 +20,30 @@
         label="创建时间"
         align="center"
         width="120"
+        show-overflow-tooltip
+
       >
       </el-table-column>
       <el-table-column
         prop="recordTit"
         label="观察内容"
         align="center"
-        width="120"
+        width="140"
+        show-overflow-tooltip
       >
       </el-table-column>
       <el-table-column
         prop="place"
         label="观察地点"
         align="center"
+        width="100"
         show-overflow-tooltip
       >
       </el-table-column>
       <el-table-column
         prop="tname"
         label="维度"
+        width="180"
         align="center"
         show-overflow-tooltip
       >

src/components/pages/kindStudentEva/test/component/popbox.vue

@@ -282,6 +282,7 @@ export default {
         .post(this.$store.state.api + "insertRecord", params)
         .then(res => {
           console.log(res);
+          this.$emit('updatePanelB',Date.parse(new Date()))
           this.$emit("closePop");
           this.$emit("getData");
           this.$message({
@@ -343,7 +344,7 @@ export default {
         }
       ];
 
-      console.log("修改记录", params);
+      // console.log("修改记录", params);
 
       this.ajax
         .post(this.$store.state.api + "updateRecordData", params)

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

@@ -108,6 +108,7 @@
           label="观察内容"
           align="center"
           width="170"
+          show-overflow-tooltip
         >
         </el-table-column>
         <el-table-column
@@ -133,7 +134,7 @@
           show-overflow-tooltip
         >
         </el-table-column>
-        <el-table-column label="操作" align="center" width="175px">
+        <el-table-column label="操作" align="center" width="185px">
           <template slot-scope="scope">
             <div class="evaluate">
               <div
@@ -196,6 +197,7 @@
         :studentList="studentList"
         @closePop="closePop"
         @getData="getData"
+        @updatePanelB="updatePanelB"
       ></popbox>
     </el-dialog>
 
@@ -244,6 +246,8 @@ export default {
       isLoading: true,
       classid: "",
 
+      // 当前时间
+      visitTime:'',
       // 学生详情信息
       info:{},
       // 默认选择项
@@ -283,11 +287,11 @@ export default {
       stypeId: "",
     };
   },
-  watch: {
-    total(newVal, oldVal) {
-      this.$emit("updatePanelA", newVal);
-    }
-  },
+  // watch: {
+  //   total(newVal, oldVal) {
+  //     this.$emit("updatePanelA", newVal);
+  //   }
+  // },
   methods: {
     // 大分类点击
     clickFtypeId(e) {
@@ -405,7 +409,7 @@ export default {
           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]);
+          // console.log(" 获取筛选数据", res.data[0]);
         })
         .catch((err) => {
           this.isLoading = false;
@@ -435,6 +439,7 @@ export default {
     // },
     // 添加新纪录
     addRecord(){
+      this.getPresentDate()
       this.judgeNum=2
       this.recordData={
         classId:this.info.classid,
@@ -442,12 +447,12 @@ export default {
         contact:[],
         place:'',
         recordContent:'',
-        recordDate:'',
+        recordDate:this.visitTime,
         recordImg:[],
         recordTit:'',
         semName:'',
         studentName:this.info.username,
-        term:'',
+        term:this.termValue,
         tname:'',
         type:''
       }
@@ -455,6 +460,25 @@ export default {
       // this.AddIsPop = true;
       this.isPop = true;
     },
+    // 获取当前时间
+    getPresentDate() {
+      const currentTime = new Date()
+      const year = currentTime.getFullYear()
+      let month = currentTime.getMonth() + 1 // 月份从0开始，因此需要加1
+      month = (month < 10 ? '0' : '') + month
+      let day = currentTime.getDate()
+      day = (day < 10 ? '0' : '') + day
+
+      let hours = currentTime.getHours()
+      hours = (hours < 10 ? '0' : '') + hours
+
+      let minutes = currentTime.getMinutes()
+      minutes = (minutes < 10 ? '0' : '') + minutes
+
+      console.log(year, month, day, hours, minutes)
+      this.visitTime = `${year}-${month}-${day} ${hours}:${minutes}`
+      // console.log(this.visitTime)
+    },
     // 修改与查看记录
     updateCred(e, t) {
       // console.log("eeeeeeeeeeee", e);
@@ -481,7 +505,7 @@ export default {
         }
       }
       this.recordData = e;
-      console.log('recordData',this.recordData);
+      // console.log('recordData',this.recordData);
       this.$forceUpdate();
       this.isPop = true;
     },
@@ -510,7 +534,7 @@ export default {
       this.ajax
         .get(this.$store.state.api + "selectStudentDetail", data2)
         .then(res => {
-          console.log('学生详情',res.data[0][0]);
+          // console.log('学生详情',res.data[0][0]);
           this.info=res.data[0][0]
           this.classid = res.data[0][0].classid;
           this.getClassStudent();
@@ -546,6 +570,12 @@ export default {
             }
           }
           this.termList = yearJuri;
+          this.termList.forEach(i => {
+            if (i.defaultC===1) {
+              this.termValue=i.id
+            }
+          });
+          // console.log('termList',this.termList);
         })
         .catch((err) => {
           this.isLoading = false;
@@ -554,8 +584,11 @@ export default {
     },
     // 判断导出数据
     judgeExport() {
+      // return console.log('导出数据',this.multipleSelection);
+
       if (this.multipleSelection.length) {
         this.exportExcel();
+
       } else {
         this.$message({ message: "请先选择要导出的数据", type: "warning" });
         return;
@@ -566,14 +599,15 @@ export default {
       // var res = res.data[0];
       var res = this.multipleSelection;
 
-      // return console.log(res);
+      // console.log('导出数据',res);
       //如果value的json字段的key值和想要的headers值不一致时，可做如下更改
       //将和下面的Object.fromEntries结合，将json字段的key值改变为要求的excel的header值
       var array = [];
       for (var i = 0; i < res.length; i++) {
         var _json = {};
-        _json["记录时间"] = res[i].recordDate;
+        _json["姓名"] = res[i].studentName
         _json["班级"] = res[i].className;
+        _json["记录时间"] = res[i].recordDate;
         _json["学期"] = res[i].semName;
         _json["关联"] = res[i].constus;
         _json["维度"] = res[i].tname;
@@ -592,13 +626,13 @@ export default {
         //设置每一列的宽度
         { wch: 20 },
         { wch: 30 },
-        { wch: 20 },
         { wch: 30 },
         { wch: 30 },
         { wch: 30 },
         { 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");
@@ -610,6 +644,10 @@ export default {
         type: "success",
       });
     },
+    updatePanelB(e){
+      // console.log('出嘎',e);
+      this.$emit("updatePanelA", e);
+    },
     // 删除记录
     delRecord(e) {
       this.$confirm("是否删除?", "提示", {
@@ -623,6 +661,8 @@ export default {
               // console.log(res);
               // this.selectData();
               this.getData();
+              this.$emit("updatePanelA", e);
+
               this.$message({
                 type: "success",
                 message: "已删除",

src/components/pages/kindStudentEva/test/reportDialog/index.vue

@@ -35,13 +35,15 @@
         prop="recordTit"
         label="观察内容"
         align="center"
-        width="120"
+        width="140"
+        show-overflow-tooltip
       >
       </el-table-column>
       <el-table-column
         prop="place"
         label="观察地点"
         align="center"
+        width="100"
         show-overflow-tooltip
       >
       </el-table-column>
@@ -49,6 +51,7 @@
         prop="tname"
         label="维度"
         align="center"
+        width="180"
         show-overflow-tooltip
       >
       </el-table-column>