####

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

@@ -5,7 +5,7 @@
     </div>
     <div class="cellBlock">
       <div class="username">姓名</div>
-      <div>
+      <div class="cellInp">
         <el-input
           v-model="recordData.studentName"
           disabled
@@ -25,58 +25,31 @@
     </div>
     <div class="cellBlock">
       <div class="username">关联</div>
-
-      <el-select
-        multiple
-        collapse-tags
-        v-model="popTact"
-        placeholder="请选择关联同学"
-        @change="tactChange"
-        style="width: 100%"
-      >
-        <el-option
-          v-for="(item, index) in studentList"
-          :key="index"
-          :label="item.name"
-          :value="item.id"
-        ></el-option>
-      </el-select>
-      <!-- <div class="conCant" @click="tactShow">
-        <div class="conCantTxt">
-          <div
-            v-for="i in studentList"
-            class="tactListCell"
-            :style="{ display: popTact.includes(i.id) ? '' : 'none' }"
-            :key="i.id"
-          >
-            <div>
-              {{ i.name }}
-            </div>
-            <img
-              :style="{ display: popTact.includes(i.id) ? '' : 'none' }"
-              @click.stop="delStu(i.id)"
-              src="@/assets/cha.png"
-              alt=""
-            />
-          </div>
-        </div>
-        <div :style="{ display: gIco ? 'block' : 'none' }" class="tactList">
-          <div v-for="i in studentList" @click="chooseStu(i.id)" :key="i.id">
-            <div :style="{ color: popTact.includes(i.id) ? 'blue' : '' }">
-              {{ i.name }}
-            </div>
-          </div>
-        </div>
-        <i
-          class="iSty"
-          :class="gIco ? 'el-icon-arrow-down' : 'el-icon-arrow-left'"
-        ></i>
-      </div> -->
+      <div>
+        <el-select
+          multiple
+          collapse-tags
+          v-model="recordData.contact"
+          placeholder="请选择关联同学"
+          style="width: 200px"
+        >
+          <el-option
+            v-for="(item, index) in studentList"
+            :key="index"
+            :label="item.name"
+            :value="item.id"
+          ></el-option>
+        </el-select>
+      </div>
     </div>
     <div class="cellBlock">
       <div class="username">学期</div>
       <div>
-        <el-select v-model="recordData.semName" placeholder="请选择">
+        <el-select
+          v-model="recordData.term"
+          style="width: 200px"
+          placeholder="请选择"
+        >
           <el-option
             v-for="item in termList"
             :key="item.id"
@@ -93,67 +66,34 @@
     </div>
     <div class="cellBlock">
       <div class="username">纬度</div>
-      <el-select
-        multiple
-        collapse-tags
-        v-model="popType"
-        placeholder="请选择教研室"
-        @change="tactChange"
-        style="width: 100%"
-      >
-        <el-option
-          v-for="(item, index) in weiList"
-          :key="index"
-          :label="item.name"
-          :value="item.id"
-        ></el-option>
-      </el-select>
-      <!-- <div class="conCant" @click="weiShow">
-        <div class="conCantTxt">
-          <div
-            v-for="i in weiList"
-            class="tactListCell"
-            :style="{ display: popType.includes(i.id) ? '' : 'none' }"
-            :key="i.id"
-          >
-            <div>
-              {{ i.name }}
-            </div>
-            <img
-              :style="{ display: popType.includes(i.id) ? '' : 'none' }"
-              @click.stop="delWei(i.id)"
-              src="@/assets/cha.png"
-              alt=""
-            />
-          </div>
-        </div>
-        <div :style="{ display: ico ? 'block' : 'none' }" class="tactList">
-          <div v-for="i in weiList" @click="choose(i.id)" :key="i.id">
-            <div :style="{ color: popType.includes(i.id) ? 'blue' : '' }">
-              {{ i.name }}
-            </div>
-          </div>
-        </div>
-        <i
-          class="iSty"
-          :class="ico ? 'el-icon-arrow-down' : 'el-icon-arrow-left'"
-        ></i>
-      </div> -->
+      <div>
+        <el-select
+          multiple
+          collapse-tags
+          v-model="recordData.type"
+          placeholder="请选择教研室"
+          style="width: 200px"
+        >
+          <el-option
+            v-for="(item, index) in weiList"
+            :key="index"
+            :label="item.name"
+            :value="item.id"
+          ></el-option>
+        </el-select>
+      </div>
     </div>
     <div class="cellBlock">
       <div class="username">时间</div>
       <div>
-        <!-- format="yyyy-MM-dd HH:mm" -->
         <el-date-picker
-          v-model="recordData.create_at"
-          type="date"
-          placeholder="选择日期"
+          v-model="recordData.recordDate"
+          type="datetime"
+          value-format="yyyy-MM-dd HH:mm"
+          placeholder="选择日期时间"
+          style="width: 200px"
         >
         </el-date-picker>
-        <!-- <el-input
-          v-model="recordData.create_at"
-          placeholder="请输入内容"
-        ></el-input> -->
       </div>
     </div>
     <div class="cellBlock">
@@ -188,32 +128,37 @@
       </el-input>
     </div>
 
-    <div>
+    <div style="margin: 15px 0;">
       图片
     </div>
     <div class="imgBlock">
-      <div class="imgCell">
+      <div class="imgCell" v-if="judgeNum" @click.stop="addImg($event)">
         +
         <input
-              type="file"
-              accept="image/*"
-              capture="camera"
-              style="display: none"
-              @change="beforeUpload($event)"
-            />
-      </div>
-      <div v-if="recordData.recordImg.length">
-        <img
-          class="imgCellCon"
-          v-for="(i, index) in recordData.recordImg"
-          :key="index"
-          :src="i"
-          alt=""
+          type="file"
+          accept="image/*"
+          style="display: none"
+          @change="beforeUpload($event)"
         />
       </div>
+      <div
+        class="imgCell"
+        v-for="(i, index) in recordData.recordImg"
+        :key="index"
+      >
+        <img class="imgCellCon" :src="i" alt="" />
+        <div v-if="judgeNum" class="imgDelBtn" @click="delImg(i)">
+          ×
+        </div>
+      </div>
+    </div>
+
+    <div class="updateCordSty">
+      <el-button v-if="judgeNum" style="color: #fff;" type="text" @click="open"
+        >修改</el-button
+      >
     </div>
-    <button>修改</button>
-    <div v-if="isShadow" @click="isShadowShow" class="shadow"></div>
+    <!-- <div v-if="isShadow" @click="isShadowShow" class="shadow"></div> -->
   </div>
 </template>
 
@@ -224,7 +169,7 @@ export default {
       type: Number,
       default: 0
     },
-    recordData: {
+    recordDataCopy: {
       type: Object,
       default: () => {
         return {};
@@ -251,84 +196,194 @@ export default {
   },
   data() {
     return {
-      wei: [],
-      popType: [],
-      popTact: this.recordData.contact,
-      ico: false,
-      gIco: false,
-      isShadow: false
+      popType: this.recordDataCopy.type,
+      popTact: this.recordDataCopy.contact,
+      // ico: false,
+      // gIco: false,
+      recordData: {},
+      // isShadow: false,
+      imgList: []
     };
   },
   methods: {
-    tactChange() {
-      console.log(this.popTact);
-    },
-    isShadowShow() {
-      this.ico = false;
-      this.gIco = false;
-      this.isShadow = false;
-    },
-    weiShow() {
-      this.ico = true;
-      this.isShadow = true;
-    },
-    tactShow() {
-      this.gIco = true;
-      this.isShadow = true;
+    // 确认修改记录提示?
+    open() {
+      // console.log(this.recordData);
+
+      if (!this.recordData.type.length) {
+        this.$message({
+          type: "success",
+          message: "请选择纬度",
+          type: "warning"
+        });
+        return;
+      }
+      // return
+      this.$confirm("是否修改?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消"
+      })
+        .then(() => {
+          this.updateCord();
+          this.$message({
+            type: "success",
+            message: "已修改"
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消修改"
+          });
+        });
     },
-    // 判断弹出选项列表
-    icoIsShow() {
-      this.ico = !this.ico;
+    // 修改记录
+    updateCord() {
+      let params = [
+        {
+          rid: this.recordData.rid,
+          tid: this.$route.query.userid,
+          contact: this.recordData.contact.join(","),
+          type: this.recordData.type.join(","),
+          timing: this.recordData.recordDate,
+          place: this.recordData.place,
+          observeCon: this.recordData.recordTit,
+          recordCon: this.recordData.recordContent,
+          imgList: this.recordData.recordImg.join(","),
+          term: this.recordData.term
+        }
+      ];
+
+      // return console.log("修改记录", params);
+
+      this.ajax
+        .post(this.$store.state.api + "updateRecordData", params)
+        .then(res => {
+          console.log(res);
+          this.$emit("closePop");
+          this.$emit("selectData");
+        });
+      // updateRecordData
     },
+    // tactChange() {
+    //   console.log("tactChange", this.popTact);
+    // },
+    // isShadowShow() {
+    //   this.ico = false;
+    //   this.gIco = false;
+    //   this.isShadow = false;
+    // },
+    // weiShow() {
+    //   this.ico = true;
+    //   this.isShadow = true;
+    // },
+    // tactShow() {
+    //   this.gIco = true;
+    //   this.isShadow = true;
+    // },
+    // // 判断弹出选项列表
+    // icoIsShow() {
+    //   this.ico = !this.ico;
+    // },
     // 判断学生是否被选中
-    choose(e) {
-      console.log("判断学生是否被选中", e);
-      if (this.popType.includes(e)) return;
-      this.popType.push(e);
+    // choose(e) {
+    //   console.log("判断学生是否被选中", e);
+    //   if (this.popType.includes(e)) return;
+    //   this.popType.push(e);
 
-      // console.log(this.choosePer)
-    },
-    chooseStu(e) {
-      if (this.popTact.includes(e)) return;
-      this.popTact.push(e);
+    //   // console.log(this.choosePer)
+    // },
+    // 删除图片
+    delImg(e) {
+      console.log("删除图片", e);
+      const iii = this.recordData.recordImg.indexOf(e);
+      this.recordData.recordImg.splice(iii, 1);
+      // this.recordData.recordImg = this.recordData.recordImg.
     },
-    delWei(e) {
-      console.log("删除学生", e);
-      const iii = this.popType.indexOf(e);
-      this.popType.splice(iii, 1);
-    },
-    // 删除学生
-    delStu(e) {
-      console.log("删除学生", e);
-      const iii = this.popTact.indexOf(e);
-      this.popTact.splice(iii, 1);
-      //   console.log()
+    addImg(e) {
+      var el = e.currentTarget;
+      el.getElementsByTagName("input")[0].click();
+      e.target.value = "";
     },
+    beforeUpload(event, type) {
+      // const loading = this.openLoading();
+      var file = event.target.files[0];
+      var credentials = {
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
+        secretAccessKey: "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"
+      }; //秘钥形式的登录上传
+      window.AWS.config.update(credentials);
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
-    // 此方法在父元素中被调用
-    fuClick() {
-      this.popType = [];
-      console.log("此方法在父元素中被调用", this.popType);
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
+      var imgA = [
+        "png",
+        "jpg",
+        "jpeg",
+        "bmp",
+        "gif",
+        "webp",
+        "psd",
+        "svg",
+        "tiff"
+      ];
+      if (
+        imgA.indexOf(file.name.split(".")[file.name.split(".").length - 1]) ==
+        -1
+      ) {
+        this.$message.error("图片格式错误");
+        return;
+      }
+      this.imgLoading = true;
+      var _this = this;
 
-      // console.log(111)
-      // this.ico = !this.ico
+      if (file) {
+        var params = {
+          Key:
+            file.name.split(".")[0] +
+            new Date().getTime() +
+            "." +
+            file.name.split(".")[file.name.split(".").length - 1],
+          ContentType: file.type,
+          Body: file,
+          "Access-Control-Allow-Credentials": "*",
+          ACL: "public-read"
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
+        var options = {
+          partSize: 2048 * 1024 * 1024,
+          queueSize: 2,
+          leavePartsOnError: true
+        };
+        bucket
+          .upload(params, options)
+          .on("httpUploadProgress", function(evt) {
+            //这里可以写进度条
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
+          })
+          .send(function(err, data) {
+            _this.imgLoading = false;
+            // loading.close();
+            if (err) {
+              _this.$message.error("上传失败");
+            } else {
+              _this.recordData.recordImg.push(data.Location);
+              _this.$forceUpdate();
+
+              console.log(_this.checkJson);
+              console.log(data.Location);
+            }
+          });
+      }
     }
   },
   mounted() {
-    this.popType = this.recordData.type;
+    this.recordData = JSON.parse(JSON.stringify(this.recordDataCopy));
+    // console.log("??????????????????????????????????", this.recordData);
   }
 };
 </script>
 
 <style scoped>
-.shadow {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  /* background-color: rgba(0, 0, 0, 0.5); */
-}
 .popbox {
   width: 500px;
   background-color: #fff;
@@ -356,18 +411,76 @@ export default {
   justify-content: center;
   align-items: center;
 }
-.username {
-  min-width: 40px;
+.cellBlock > .username {
+  width: 70px;
+  flex-shrink: 0;
   text-align: right;
   margin-right: 10px;
   display: flex;
   justify-content: flex-end;
   /* justify-content: space-between; */
 }
-::v-deep .el-input__inner {
+.imgBlock {
+  width: 100%;
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
+.imgCell {
+  position: relative;
+  width: 100px;
+  height: 100px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: #ccc 1px solid;
+}
+.imgCell > .imgDelBtn {
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  width: 15px;
+  height: 15px;
+  border-radius: 50%;
+  background-color: #fff;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.imgCellCon {
+  width: 100%;
+  height: 100%;
+}
+.updateCordSty {
+  width: 120px;
+  float: right;
+  background-color: rgba(17, 61, 221, 0.5);
+  border-radius: 5px;
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+/* .shadow {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+} */
+/* ::v-deep .el-input__inner {
+  width: 200px;
+}
+::v-deep .el-input {
   width: 200px;
 }
-.conCant {
+::v-deep .el-select {
+  width: 200px !important;
+} */
+/* .conCant {
   position: relative;
   border: 1px solid #ccc;
   width: 200px;
@@ -377,15 +490,15 @@ export default {
   position: relative;
   box-sizing: border-box;
   padding: 0 10px;
-}
-.conCantTxt {
+} */
+/* .conCantTxt {
   display: flex;
   justify-content: flex-start;
   margin-right: 5px;
   flex-wrap: wrap;
   position: relative;
-}
-.tactList {
+} */
+/* .tactList {
   position: absolute;
   left: 0;
   top: 110%;
@@ -399,35 +512,19 @@ export default {
   padding: 10px;
   display: flex;
   flex-direction: column;
-}
-.tactListCell {
+} */
+/* .tactListCell {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   box-sizing: border-box;
   padding: 2px 5px;
   background-color: #ccc;
-}
-.iSty {
+} */
+/* .iSty {
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translate(0, -50%);
-}
-.imgBlock {
-  width: 100%;
-  display: flex;
-  justify-content: flex-start;
-  flex-wrap: wrap;
-}
-.imgCell {
-  width: 100px;
-  height: 100px;
-  margin-right: 10px;
-  margin-bottom: 10px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: #ccc 1px solid;
-}
+} */
 </style>

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

@@ -19,7 +19,7 @@
             ></div>
           </div>
         </div>
-        <div class="wordBtn">
+        <div class="wordBtn" @click="judgeExport">
           导出Excel
         </div>
         <div class="twoType">
@@ -35,7 +35,12 @@
       </div>
       <div class="selectSty">
         <div style="margin-right: 10px;">时间筛选</div>
-        <el-select v-model="termValue" placeholder="请选择">
+        <el-select v-model="termId" placeholder="请选择">
+          <el-option
+            label="全部"
+            @click.native="changeTerm('')"
+            value=""
+          ></el-option>
           <el-option
             v-for="item in termList"
             :key="item.id"
@@ -118,7 +123,13 @@
               >
                 查看
               </div>
-              <div class="TableBtn" style="color: #3681FC;">修改</div>
+              <div
+                class="TableBtn"
+                style="color: #3681FC;"
+                @click="updateCred(scope.row)"
+              >
+                修改
+              </div>
               <div
                 class="TableBtn"
                 style="color: #EE3E3E;"
@@ -146,10 +157,12 @@
       ref="refPop"
       v-if="isPop"
       :judgeNum="judgeNum"
-      :recordData="recordData"
+      :recordDataCopy="recordData"
       :termList="termList"
       :weiList="weiList"
       :studentList="studentList"
+      @selectData="selectData"
+      @closePop="closePop"
     ></popbox>
   </div>
 </template>
@@ -187,18 +200,20 @@ export default {
       // 组件信息数据
       isPop: false,
       recordData: {},
-      recordDataCopy:{},
+      recordDataCopy: {},
       weiList: [],
       studentList: [],
-      judgeNum:0
+      judgeNum: 0
     };
   },
   methods: {
     closePop() {
       this.isPop = false;
-      this.$refs.refPop.fuClick();
+      // console.log('关了');
+      // this.$refs.refPop.fuClick(this.recordData);
     },
 
+    // 切换页
     handleCurrentChange(val) {
       //当页数发生改变的时候调用获取列表数据请求
       // console.log(`当前页: ${val}`);
@@ -218,46 +233,53 @@ export default {
         .get(this.$store.state.api + "selectSETable", params)
         .then(res => {
           this.isLoading = false;
-          // console.log("获取筛选框数据", res);
-          // let data = res.data;
-          let ftype = res.data[1];
-          ftype.unshift({
-            id: "df8f3f1c-b34b-11ee-b534-005056b86db5",
-            name: "艺术",
-            create_at: "2024-01-15"
-          });
-          let stype = res.data[2];
+          var ftype = res.data[1]; //公共父级分类
+          var stype = res.data[2]; //公共子级分类
+          var sctype = res.data[3]; //该学校子级分类
+          var fctype = res.data[4]; //该学校父级分类
+          var fotype = res.data[5]; //组织父级分类
+          var sotype = res.data[6]; //组织子级分类
+          var allfType = [];
+          var allsType = [];
+          if (fotype.length == 0 && sotype.length == 0) {
+            if (fctype.length == 0 && sctype.length == 0) {
+              for (var i = 0; i < ftype.length; i++) {
+                allfType.push(ftype[i]);
+              }
+              for (var i = 0; i < stype.length; i++) {
+                allsType.push(stype[[i]]);
+              }
+            } else {
+              for (var i = 0; i < fctype.length; i++) {
+                allfType.push(fctype[i]);
+              }
+              for (var i = 0; i < sctype.length; i++) {
+                allsType.push(sctype[[i]]);
+              }
+            }
+          } else {
+            for (var i = 0; i < fotype.length; i++) {
+              allfType.push(fotype[i]);
+            }
+            for (var i = 0; i < sotype.length; i++) {
+              allsType.push(sctysotypepe[[i]]);
+            }
+          }
 
-          ftype.forEach((e, index) => {
-            ftype[index][e.id] = [];
+          allfType.forEach((e, index) => {
+            allfType[index][e.id] = [];
           });
 
           // 大数组套小数组循环，进行push操作，最后手动添加艺术
-          ftype.forEach((e, w) => {
-            stype.forEach((k, index) => {
+          allfType.forEach((e, w) => {
+            allsType.forEach((k, index) => {
               if (e.id == k.pid) {
                 // console.log("e.id", ftype[w][e.id]);
-                ftype[w][e.id].push(k);
+                allfType[w][e.id].push(k);
               }
             });
-            if (e.id == "df8f3f1c-b34b-11ee-b534-005056b86db5") {
-              ftype[w][e.id].push(
-                {
-                  id: "be640459-b34d-11ee-b534-005056b86db5",
-                  name: "感受与欣赏",
-                  pid: "df8f3f1c-b34b-11ee-b534-005056b86db5",
-                  create_at: "2024-01-15"
-                },
-                {
-                  id: "c862767f-b34d-11ee-b534-005056b86db5",
-                  name: "艺术与创造",
-                  pid: "df8f3f1c-b34b-11ee-b534-005056b86db5",
-                  create_at: "2024-01-15"
-                }
-              );
-            }
           });
-          this.VeidooList = ftype.reverse();
+          this.VeidooList = allfType;
 
           // 渲染完数据后立即查询一次默认筛选项
           this.changeType(this.VeidooList[0]);
@@ -272,7 +294,7 @@ export default {
               this.termList.forEach(e => {
                 if (e.defaultC == 1) {
                   this.termId = e.id;
-                  this.termValue = e.name;
+                  // this.termValue = e.name;
                 }
               });
 
@@ -304,31 +326,17 @@ export default {
       // 获取班学生列表
       const data2 = {
         cid: this.$route.query.cid,
-        // uid: this.$route.query.suid
+        uid: this.$route.query.suid
       };
       this.ajax
-        .get(this.$store.state.api + "selectClassStudent", data2)
+        .get(this.$store.state.api + "selectManyClassStudent", data2)
         .then(res => {
           // console.log(res);
           this.studentList = res.data[0];
           console.log("this.studentList", res);
         });
-      // (data2).then(res => {
-      //   // res[0].forEach(e => {
-      //   //   if (e.id === this.$route.query.uid) {
-      //   //     this.stuName = e
-      //   //   } else {
-      //   //     this.studentList.push(e)
-      //   //   }
-      //   // })
-
-      //   console.log("this.studentList", this.studentList);
-      // });
-
-      // selectVeiDoo(data).then(res => {
-      //   this.weiList = res[0];
-      // });
     },
+    // 选择导出哪些记录
     handleSelectionChange(val) {
       this.multipleSelection = val;
       console.log(this.multipleSelection);
@@ -345,6 +353,7 @@ export default {
     },
     // 点击小选项
     changeTypeChild(e) {
+      // 重复点击取消选择
       if (this.VeidooChild == e.id) {
         this.VeidooChild = "";
       } else {
@@ -379,34 +388,149 @@ export default {
           console.log(" 获取筛选数据", res);
         });
     },
+    // 修改记录
+    updateCred(e) {
+      this.judgeNum = 1;
+      this.isPop = true;
+      if (!Array.isArray(e.type)) {
+        if (!e.type) {
+          e.type = [];
+        } else {
+          e.type = e.type.split(",");
+        }
+      }
+      if (!Array.isArray(e.contact)) {
+        if (!e.contact) {
+          e.contact = [];
+        } else {
+          e.contact = e.contact.split(",");
+        }
+      }
+      if (!Array.isArray(e.recordImg)) {
+        if (!e.recordImg) {
+          e.recordImg = [];
+        } else {
+          e.recordImg = e.recordImg.split(",");
+        }
+      }
+      this.recordData = e;
+    },
+    // 判断导出数据
+    judgeExport() {
+      if (this.multipleSelection.length) {
+        this.exportExcel();
+      } else {
+        console.log(2);
+      }
+    },
+    // exportExcelTwo() {
+    //   let data = {
+    //     uid: this.$route.query.suid,
+    //     cid: this.$route.query.cid,
+    //     cu: this.Veidoo,
+    //     cn: this.VeidooChild,
+    //     cm: this.termId,
+    //     page: this.page,
+    //     lim: 8
+    //   };
+    //   // return console.log("selectData", data);
+    //   this.ajax
+    //     .get(this.$store.state.api + "selectVeidooType", data)
+    //     .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);
+    //     });
+    // },
+    exportExcel() {
+      // var res = res.data[0];
+      var res = this.multipleSelection;
+
+      //如果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].create_at;
+        _json["班级"] = res[i].className;
+        _json["记录时间"] = res[i].recordDate;
+        // _json["用户名"] = res[i].studentName;
+        // _json["用户名"] = res[i].studentName;
+        _json["观察地点"] = res[i].place;
+        _json["观察内容"] = res[i].recordTit;
+        _json["内容"] = res[i].recordContent;
+
+        array.push(_json);
+      }
+
+      var XLSX = require("xlsx");
+      const workbook = XLSX.utils.book_new(); //创建一个新的工作簿对象
+      let ws = XLSX.utils.json_to_sheet(array); //将json对象数组转化成工作表
+      // ws["!cols"] = [
+      //   //设置每一列的宽度
+      //   { wch: 50 },
+      //   { wch: 50 },
+      //   { wch: 50 }
+      // ];
+      XLSX.utils.book_append_sheet(workbook, ws, "sheet1"); //把sheet添加到workbook里，第三个参数是sheet名
+      XLSX.writeFile(workbook, "观察日记.xlsx");
+      // const wopts = { bookType: "xlsx", bookSST: false, type: "array" };//写入的样式bookType:输出的文件类型，type：输出的数据类型，bookSST: 是否生成Shared String Table，官方解释是，如果开启生成速度会下降，但在低版本IOS设备上有更好的兼容性
+      // const wbout = XLSX.write(workbook, wopts);// 浏览器端和node共有的API,实际上node可以直接使用xlsx.writeFile来写入文件,但是浏览器没有该API
+      // FileSaver.saveAs(new Blob([wbout], { type: "application/octet-stream" }), `${title} demo.xlsx`);//保存文件
+      this.$message({
+        message: "导出成功",
+        type: "success"
+      });
+    },
+    // 删除记录
     delRecord(e) {
-      return console.log(e);
-      this.ajax
-        .get(this.$store.state.api + "selectSETable", { rid: e.rid })
-        .then(res => {
-          this.isLoading = false;
+      this.$confirm("是否删除?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消"
+      })
+        .then(() => {
+          this.ajax
+            .post(this.$store.state.api + "updateRecord", [{ rid: e.rid }])
+            .then(res => {
+              console.log(res);
+              this.selectData();
+
+              this.$message({
+                type: "success",
+                message: "已删除"
+              });
+              // this.isLoading = false; updateRecord
+            });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除"
+          });
         });
+      // return console.log(e);
     },
     lookRecord(e) {
-      this.judgeNum=0
+      this.judgeNum = 0;
       console.log("eeeeeeeeeeeeeeeeeee", e);
       this.isPop = true;
       if (!Array.isArray(e.type)) {
-        if (e.contact == "") {
+        if (!e.type) {
           e.type = [];
         } else {
           e.type = e.type.split(",");
         }
       }
       if (!Array.isArray(e.contact)) {
-        if (e.contact == "") {
+        if (!e.contact) {
           e.contact = [];
         } else {
           e.contact = e.contact.split(",");
         }
       }
       if (!Array.isArray(e.recordImg)) {
-        if (e.contact == "") {
+        if (!e.recordImg) {
           e.recordImg = [];
         } else {
           e.recordImg = e.recordImg.split(",");

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

@@ -30,7 +30,7 @@
           <div class="txt">表现优异，再接再厉!</div>
         </div>
         <div>
-          <radarmap></radarmap>
+          <!-- <radarmap></radarmap> -->
         </div>
       </div>
       <div></div>
@@ -39,11 +39,11 @@
 </template>
 
 <script>
-import radarmap from "./component/radarmap";
+// import radarmap from "./component/radarmap";
 export default {
-  components: {
-    radarmap
-  },
+  // components: {
+  //   radarmap
+  // },
   data() {
     return {
       options: [