update

src/components/audioDemo.vue

@@ -42,6 +42,8 @@
     <Button type="error" @click="destroyRecorder()" style="margin: 1vw"
       >销毁录音</Button
     >
+
+    <Audio></Audio>
   </div>
 </template>
 
@@ -68,8 +70,11 @@ recorder.onprogress = function (params) {
   console.log('当前录音的总数据([DataView, DataView...])', params.data);
   console.log('--------------END---------------')
 };
-
+import Audio from './components/audio.vue'
 export default {
+  components: {
+    Audio,
+  },
   name: "home",
   methods: {
     /**

src/components/components/askStatic.vue

@@ -75,7 +75,7 @@ export default {
 <style>
 .sjBox {
   margin-top: 25px;
-  max-height: 420px;
+  /* max-height: 420px; */
   overflow: auto;
 }
 .a_addBox {

src/components/components/audio.vue

@@ -0,0 +1,263 @@
+<template>
+  <div>
+    <div style="height: 100%">
+      <el-button type="primary" @click="startRecorder()">{{
+        !isRecord ? "开始录音" : "结束录音"
+      }}</el-button>
+      <el-button type="primary" @click="playRecorder()">{{
+        !isPlayerRecord ? "录音播放" : "停止播放"
+      }}</el-button>
+      <el-button type="primary" @click="getMp3Data()">上传录音</el-button>
+
+      <div
+        style="margin: 10px auto 0; display: flex; align-items: center"
+        v-if="LuAudioUrl"
+      >
+        <span>已上传录音：</span>
+        <audio :src="LuAudioUrl" controls="controls" ref="audio">
+          Your browser does not support the audio element.
+        </audio>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Recorder from "js-audio-recorder";
+const lamejs = require("lamejs");
+
+const recorder = new Recorder({
+  sampleBits: 16, // 采样位数，支持 8 或 16，默认是16
+  sampleRate: 48000, // 采样率，支持 11025、16000、22050、24000、44100、48000，根据浏览器默认值，我的chrome是48000
+  numChannels: 1, // 声道，支持 1 或 2， 默认是1
+  // compiling: false,(0.x版本中生效,1.x增加中) // 是否边录边转换，默认是false
+});
+
+// 绑定事件-打印的是当前录音数据
+recorder.onprogress = function (params) {
+  // console.log('--------------START---------------')
+  // console.log('录音时长(秒)', params.duration);
+  // console.log('录音大小(字节)', params.fileSize);
+  // console.log('录音音量百分比(%)', params.vol);
+  // console.log('当前录音的总数据([DataView, DataView...])', params.data);
+  // console.log('--------------END---------------')
+};
+export default {
+  props: [],
+  data() {
+    return {
+      LuAudioUrl: "",
+      isRecord: false,
+      isPlayerRecord: false,
+    };
+  },
+  methods: {
+    // 开始录音
+    startRecorder() {
+      let _this = this;
+      if (!_this.isRecord) {
+        recorder.destroy(); // 销毁录音
+        _this.isRecord = true;
+        recorder.start().then(
+          () => {},
+          (error) => {
+            _this.$message.error(`${error.name} : ${error.message}`);
+            // 出错了
+            console.log(`${error.name} : ${error.message}`);
+          }
+        );
+      } else {
+        _this.isRecord = false;
+        recorder.stop(); // 结束录音
+      }
+    },
+
+    // 录音播放
+    playRecorder() {
+      if (!recorder.fileSize) {
+        return;
+      }
+      if (!this.isPlayerRecord) {
+        this.isPlayerRecord = true;
+        recorder.play();
+      } else {
+        this.isPlayerRecord = false;
+        recorder.stopPlay(); // 停止录音播放
+      }
+      recorder.onplayend = () => {
+        this.isPlayerRecord = false;
+        console.log("onplayend");
+      };
+    },
+
+    /**
+     * 文件格式转换 wav-map3
+     * */
+    getMp3Data() {
+      if (!recorder.fileSize) {
+        this.$message.error("请录音后在上传语音");
+        return;
+      }
+      const mp3Blob = this.convertToMp3(recorder.getWAV());
+      let audioFile = this.dataURLtoAudio(mp3Blob, "音频");
+      console.log(audioFile);
+      this.beforeUpload1(audioFile, 3);
+      // recorder.download(mp3Blob, "recorder", "mp3");
+    },
+    convertToMp3(wavDataView) {
+      // 获取wav头信息
+      const wav = lamejs.WavHeader.readHeader(wavDataView); // 此处其实可以不用去读wav头信息，毕竟有对应的config配置
+      const { channels, sampleRate } = wav;
+      const mp3enc = new lamejs.Mp3Encoder(channels, sampleRate, 128);
+      // 获取左右通道数据
+      const result = recorder.getChannelData();
+      const buffer = [];
+      const leftData =
+        result.left &&
+        new Int16Array(result.left.buffer, 0, result.left.byteLength / 2);
+      const rightData =
+        result.right &&
+        new Int16Array(result.right.buffer, 0, result.right.byteLength / 2);
+      const remaining = leftData.length + (rightData ? rightData.length : 0);
+      const maxSamples = 1152;
+      for (let i = 0; i < remaining; i += maxSamples) {
+        const left = leftData.subarray(i, i + maxSamples);
+        let right = null;
+        let mp3buf = null;
+        if (channels === 2) {
+          right = rightData.subarray(i, i + maxSamples);
+          mp3buf = mp3enc.encodeBuffer(left, right);
+        } else {
+          mp3buf = mp3enc.encodeBuffer(left);
+        }
+        if (mp3buf.length > 0) {
+          buffer.push(mp3buf);
+        }
+      }
+
+      const enc = mp3enc.flush();
+      if (enc.length > 0) {
+        buffer.push(enc);
+      }
+      return new Blob(buffer, { type: "audio/mp3" });
+    },
+    dataURLtoAudio(blob, filename) {
+      return new File([blob], filename, { type: "audio/mp3" });
+    },
+    beforeUpload1(event, type) {
+      var file;
+      if (type == 3) {
+        file = event;
+      } else {
+        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"; //设置区域
+
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
+      var _this = this;
+      const loading = this.openLoading();
+
+      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) + '%');
+            // _this.progress = parseInt((evt.loaded * 80) / evt.total);
+          })
+          .send(function (err, data) {
+            // _this.progress = 100;
+            setTimeout(() => {
+              loading.close();
+            }, 1000);
+            if (err) {
+              var a = _this.$refs.upload1.uploadFiles;
+              a.splice(a.length - 1, a.length);
+              _this.$message.error("上传失败");
+            } else {
+              if (type == 3) {
+                _this.LuAudioUrl = data.Location;
+                // _this.addWork(8);
+              }
+              console.log(data.Location);
+            }
+          });
+      }
+    },
+  },
+  mounted() {},
+};
+</script>
+
+<style scoped>
+.mask {
+  background-color: rgba(0, 0, 0, 0);
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 20000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.progressBox {
+  width: 500px;
+  height: 180px;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 0 0 6px 1px #bfbfbf;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+.progressBox .lbox {
+  height: 100px;
+  font-size: 19px;
+  display: flex;
+  align-items: center;
+}
+
+.progressBox .lbox img {
+  width: 40px;
+  margin-right: 20px;
+}
+
+.progressBox >>> .el-progress-bar__outer {
+  background-color: #d1dfff !important;
+}
+.progressBox .lbox {
+  height: 100px;
+  font-size: 19px;
+  display: flex;
+  align-items: center;
+}
+
+.progressBox .lbox img {
+  width: 40px;
+  margin-right: 20px;
+}
+</style>

src/components/study.vue

@@ -729,7 +729,7 @@
                               ></iframe>
                             </div>
                             <div v-if="tooC == 4">
-                              <div class="iframeName">问卷调查</div>
+                              <div class="iframeName">选择题</div>
                               <div>
                                 <div
                                   class="a_add_title"
@@ -744,7 +744,7 @@
                                   <div
                                     style="margin-right: 20px; font-size: 20px"
                                   >
-                                    问卷标题:
+                                    标题:
                                   </div>
                                   <div style="font-size: 20px">
                                     {{ tool.askTitle }}
@@ -755,7 +755,7 @@
                                   style="padding: 0 !important"
                                 >
                                   <div style="font-size: 16px; color: #c7c7c7">
-                                    问卷内容
+                                    题目内容
                                   </div>
                                   <div
                                     class="a_add_box"
@@ -766,7 +766,7 @@
                                       <div style="display: flex">
                                         {{ index1 + 1 + "、" }}
                                         <div>
-                                          问卷题目：{{
+                                          题目：{{
                                             tool.askJson[index1].askstitle
                                           }}
                                         </div>
@@ -943,7 +943,7 @@
                             height: 140px;
                             margin: 10px 10px 10px 0;
                             border-radius: 15px;
-                            box-shadow: 0px 0px 10px 10px #f2f2f2;
+                            box-shadow: 0 0 6px 1px #dfdada;
                           "
                           v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
                             toolIndex
@@ -1052,9 +1052,8 @@
                           <div
                             class="works"
                             style="
-                              width: 240px;
+                              width: 200px;
                               height: 140px;
-                              border: 1px solid #f8f8f8;
                               border-radius: 10px;
                               box-shadow: 0 0 6px 1px #dfdada;
                               overflow: hidden;
@@ -1247,7 +1246,7 @@
                             height: 140px;
                             margin: 10px 10px 10px 0;
                             border-radius: 15px;
-                            box-shadow: 0px 0px 10px 10px #f2f2f2;
+                            box-shadow: 0 0 6px 1px #dfdada;
                           "
                           v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
                             toolIndex
@@ -1344,7 +1343,7 @@
                             height: 140px;
                             margin: 10px 10px 10px 0;
                             border-radius: 15px;
-                            box-shadow: 0px 0px 10px 10px #f2f2f2;
+                            box-shadow: 0 0 6px 1px #dfdada;
                           "
                           v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
                             toolIndex
@@ -1441,7 +1440,7 @@
                             height: 140px;
                             margin: 10px 10px 10px 0;
                             border-radius: 15px;
-                            box-shadow: 0px 0px 10px 10px #f2f2f2;
+                            box-shadow: 0 0 6px 1px #dfdada;
                           "
                           v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
                             toolIndex
@@ -1538,7 +1537,7 @@
                             height: 140px;
                             margin: 10px 10px 10px 0;
                             border-radius: 15px;
-                            box-shadow: 0px 0px 10px 10px #f2f2f2;
+                            box-shadow: 0 0 6px 1px #dfdada;
                           "
                           v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
                             toolIndex
@@ -1630,7 +1629,7 @@
                       >
                         <div
                           class="works"
-                          style="width: 240px; height: 140px; overflow: hidden"
+                          style="width: 200px; height: 140px; overflow: hidden"
                           v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
                             toolIndex
                           ]"
@@ -1700,7 +1699,7 @@
                             height: 140px;
                             margin: 10px 10px 10px 0;
                             border-radius: 15px;
-                            box-shadow: 0px 0px 10px 10px #f2f2f2;
+                            box-shadow: 0 0 6px 1px #dfdada;
                           "
                           v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
                             toolIndex
@@ -2156,7 +2155,7 @@
       <img width="100%" :src="dialogImageUrl" alt />
     </el-dialog>
     <el-dialog
-      :title="noteName != '' ? noteName : '查看问卷调查'"
+      :title="noteName != '' ? noteName : '查看选择题'"
       :visible.sync="dialogVisible5"
       :append-to-body="true"
       width="1000px"
@@ -2173,11 +2172,11 @@
             justify-content: center;
           "
         >
-          <div style="margin-right: 20px; font-size: 20px">问卷标题:</div>
+          <div style="margin-right: 20px; font-size: 20px">标题:</div>
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
         </div>
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">问卷内容</div>
+          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
           <div
             class="a_add_box"
             v-for="(item1, index1) in askJson.askCount"
@@ -2186,7 +2185,7 @@
             <div class="a_add_head">
               <div style="display: flex">
                 {{ index1 + 1 + "、" }}
-                <div>问卷题目：{{ askJson.askJson[index1].askstitle }}</div>
+                <div>题目：{{ askJson.askJson[index1].askstitle }}</div>
               </div>
             </div>
             <div class="a_add_body" v-if="!isAnswer">
@@ -2412,7 +2411,7 @@
           :playsinline="true"
           :options="videoDetail"
           @play="onPlayerPlay($event)"
-          style="width: 100%; height: 100%;"
+          style="width: 100%; height: 100%"
         ></video-player>
       </div>
       <div slot="footer">
@@ -2503,6 +2502,7 @@
               <div class="bz">
                 <div>备注</div>
                 <textarea
+                  disabled
                   rows="4"
                   class="pj"
                   style="
@@ -2661,14 +2661,17 @@
           <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
             <div class="nameAndrate">
               <div>{{ e.value }}</div>
-              <el-rate v-model="eScore.eStar[eIndex]" v-if="isStar = true" disabled></el-rate>
-              <el-rate v-model="eScore.eStar[eIndex]" v-else></el-rate>
+              <el-rate
+                v-model="eScore.eStar[eIndex]"
+                :disabled="isStar"
+              ></el-rate>
             </div>
             <div>{{ e.detail }}</div>
           </div>
           <div class="bz">
             <div>备注</div>
             <textarea
+              :disabled="isStar == true"
               rows="4"
               class="pj"
               style="
@@ -3369,7 +3372,7 @@ export default {
                           ) != -1
                         ) {
                           this.worksStudent[q][w][i].push({
-                            userid:b[j].userid,
+                            userid: b[j].userid,
                             wid: b[j].id,
                             works: b[j].content,
                             sName: b[j].name,
@@ -3390,7 +3393,7 @@ export default {
                           ) != -1
                         ) {
                           this.worksStudent[q][w][i].push({
-                            userid:b[j].userid,
+                            userid: b[j].userid,
                             wid: b[j].id,
                             works: b[j].content,
                             sName: b[j].name,
@@ -3403,7 +3406,7 @@ export default {
                           });
                         } else if (b[j].type == 6) {
                           this.worksStudent[q][w][i].push({
-                            userid:b[j].userid,
+                            userid: b[j].userid,
                             wid: b[j].id,
                             works: b[j].content,
                             sName: b[j].name,
@@ -3416,7 +3419,7 @@ export default {
                           });
                         } else {
                           this.worksStudent[q][w][i].push({
-                            userid:b[j].userid,
+                            userid: b[j].userid,
                             wid: b[j].id,
                             works: b[j].content,
                             sName: b[j].name,
@@ -3434,7 +3437,7 @@ export default {
                           _toolsAarry2.indexOf(e[i].tool[0]) != -1
                         ) {
                           this.worksStudent[q][w][i].push({
-                            userid:b[j].userid,
+                            userid: b[j].userid,
                             wid: b[j].id,
                             works: b[j].content,
                             sName: b[j].name,
@@ -3452,7 +3455,7 @@ export default {
                           _toolsAarry3.indexOf(e[i].tool[0]) != -1
                         ) {
                           this.worksStudent[q][w][i].push({
-                            userid:b[j].userid,
+                            userid: b[j].userid,
                             wid: b[j].id,
                             works: b[j].content,
                             sName: b[j].name,
@@ -4736,9 +4739,18 @@ export default {
           a = this.evalCount;
           this.toolsCount(a, t);
         }
-        for (var k = 0; k < this.worksStudent[this.courseType][index][i].length; k++) {
-          if (this.userid == this.worksStudent[this.courseType][index][i][k].userid) {
-            this.eScore = JSON.parse(this.worksStudent[this.courseType][index][i][k].works);
+        for (
+          var k = 0;
+          k < this.worksStudent[this.courseType][index][i].length;
+          k++
+        ) {
+          if (
+            this.userid ==
+            this.worksStudent[this.courseType][index][i][k].userid
+          ) {
+            this.eScore = JSON.parse(
+              this.worksStudent[this.courseType][index][i][k].works
+            );
             this.rateJson =
               this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
                 index
@@ -5728,7 +5740,7 @@ export default {
   color: #fff;
 }
 .dialog_diy >>> .el-dialog__headerbtn,
-.dialog_diy1 >>> .el-dialog__headerbtn{
+.dialog_diy1 >>> .el-dialog__headerbtn {
   top: 19px;
 }
 .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
@@ -5739,8 +5751,8 @@ export default {
 .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
   color: #fff;
 }
-.dialog_diy1 >>> .el-dialog__body{
-  padding:0;
+.dialog_diy1 >>> .el-dialog__body {
+  padding: 0;
 }
 .dialog_diy >>> .el-dialog__body,
 .dialog_diy >>> .el-dialog__footer,
@@ -6066,6 +6078,7 @@ export default {
   width: 240px;
   height: 170px;
   margin-right: 10px;
+  overflow: hidden;
 }
 .workImg {
   width: 100%;
@@ -6260,7 +6273,7 @@ export default {
 .isTypeOne {
   width: 240px;
   height: 170px;
-  border: 1px solid #f8f8f8;
+  /* border: 1px solid #f8f8f8; */
   border-radius: 10px;
   box-shadow: 0 0 6px 1px #dfdada;
 }

src/components/studyStudent.vue

@@ -711,7 +711,7 @@
                               src="../assets/icon/thirdToolList/ask.png"
                               alt
                             />
-                            <div style="margin: 5px 0">问卷调查</div>
+                            <div style="margin: 5px 0">选择题</div>
                           </div>
                           <!-- <div v-if="tooC == 5">
                             <img
@@ -887,6 +887,7 @@
                           width: 200px;
                           height: 140px;
                           margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in workStudent[toolIndex]"
                         :key="wIndex"
@@ -936,9 +937,8 @@
                       <div
                         class="works"
                         style="
-                          width: 240px;
+                          width: 200px;
                           height: 140px;
-                          border: 1px solid #f8f8f8;
                           border-radius: 10px;
                           box-shadow: 0 0 6px 1px #dfdada;
                           overflow: hidden;
@@ -1030,6 +1030,7 @@
                           width: 200px;
                           height: 140px;
                           margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in workStudent[toolIndex]"
                         :key="wIndex"
@@ -1067,6 +1068,7 @@
                           width: 200px;
                           height: 140px;
                           margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in workStudent[toolIndex]"
                         :key="wIndex"
@@ -1104,6 +1106,7 @@
                           width: 200px;
                           height: 140px;
                           margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in workStudent[toolIndex]"
                         :key="wIndex"
@@ -1141,6 +1144,7 @@
                           width: 200px;
                           height: 140px;
                           margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in workStudent[toolIndex]"
                         :key="wIndex"
@@ -1178,6 +1182,7 @@
                           width: 200px;
                           height: 140px;
                           margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in workStudent[toolIndex]"
                         :key="wIndex"
@@ -1226,13 +1231,13 @@
                           height: 140px;
                           margin: 10px 10px 10px 0;
                           border-radius: 15px;
-                            box-shadow: #eee 0px 0px 5px 5px;;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in worksStudent[toolIndex]"
                         :key="wIndex"
                         :class="w.type == 1 ? 'isTypeOne' : ''"
                       >
-                        <div class="workImg" v-if="w.type == 0" >
+                        <div class="workImg" v-if="w.type == 0">
                           <img
                             :src="w.works"
                             @click="previewImg(w.works)"
@@ -1326,9 +1331,8 @@
                         <div
                           class="works"
                           style="
-                            width: 240px;
+                            width: 200px;
                             height: 140px;
-                            border: 1px solid #f8f8f8;
                             border-radius: 10px;
                             box-shadow: 0 0 6px 1px #dfdada;
                             overflow: hidden;
@@ -1506,7 +1510,7 @@
                           height: 140px;
                           margin: 10px 10px 10px 0;
                           border-radius: 15px;
-                            box-shadow: #eee 0px 0px 5px 5px;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in worksStudent[toolIndex]"
                         :key="wIndex"
@@ -1593,7 +1597,7 @@
                           height: 140px;
                           margin: 10px 10px 10px 0;
                           border-radius: 15px;
-                            box-shadow: #eee 0px 0px 5px 5px;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in worksStudent[toolIndex]"
                         :key="wIndex"
@@ -1680,7 +1684,7 @@
                           height: 140px;
                           margin: 10px 10px 10px 0;
                           border-radius: 15px;
-                            box-shadow: #eee 0px 0px 5px 5px;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in worksStudent[toolIndex]"
                         :key="wIndex"
@@ -1767,7 +1771,7 @@
                           height: 140px;
                           margin: 10px 10px 10px 0;
                           border-radius: 15px;
-                            box-shadow: #eee 0px 0px 5px 5px;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in worksStudent[toolIndex]"
                         :key="wIndex"
@@ -1915,7 +1919,7 @@
                           height: 140px;
                           margin: 10px 10px 10px 0;
                           border-radius: 15px;
-                            box-shadow: #eee 0px 0px 5px 5px;
+                          box-shadow: 0 0 6px 1px #dfdada;
                         "
                         v-for="(w, wIndex) in worksStudent[toolIndex]"
                         :key="wIndex"
@@ -2395,7 +2399,7 @@
       <img width="100%" :src="dialogImageUrl" alt />
     </el-dialog>
     <el-dialog
-      :title="noteName != '' ? noteName : '查看问卷调查'"
+      :title="noteName != '' ? noteName : '查看选择题'"
       :visible.sync="dialogVisible5"
       :append-to-body="true"
       width="1000px"
@@ -2412,11 +2416,11 @@
             justify-content: center;
           "
         >
-          <div style="margin-right: 20px; font-size: 20px">问卷标题:</div>
+          <div style="margin-right: 20px; font-size: 20px">标题:</div>
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
         </div>
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">问卷内容</div>
+          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
           <div
             class="a_add_box"
             v-for="(item1, index1) in askJson.askCount"
@@ -2425,7 +2429,7 @@
             <div class="a_add_head">
               <div style="display: flex">
                 {{ index1 + 1 + "、" }}
-                <div>问卷题目：{{ askJson.askJson[index1].askstitle }}</div>
+                <div>题目：{{ askJson.askJson[index1].askstitle }}</div>
               </div>
             </div>
             <div class="a_add_body" v-if="!isAnswer">
@@ -2651,7 +2655,7 @@
           :playsinline="true"
           :options="videoDetail"
           @play="onPlayerPlay($event)"
-          style="width: 100%; height: 100%;"
+          style="width: 100%; height: 100%"
         ></video-player>
       </div>
       <div slot="footer">
@@ -2742,6 +2746,7 @@
               <div class="bz">
                 <div>备注</div>
                 <textarea
+                  disabled
                   rows="4"
                   class="pj"
                   style="
@@ -2916,14 +2921,17 @@
           <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
             <div class="nameAndrate">
               <div>{{ e.value }}</div>
-              <el-rate v-model="eScore.eStar[eIndex]" v-if="isStar = true" disabled></el-rate>
-              <el-rate v-model="eScore.eStar[eIndex]" v-else></el-rate>
+              <el-rate
+                v-model="eScore.eStar[eIndex]"
+                :disabled="isStar"
+              ></el-rate>
             </div>
             <div>{{ e.detail }}</div>
           </div>
           <div class="bz">
             <div>备注</div>
             <textarea
+              :disabled="isStar"
               rows="4"
               class="pj"
               style="
@@ -2964,7 +2972,7 @@ export default {
       dialogVisible: false,
       commentDialogVisible: false,
       videoVisible: false,
-      isStar:false,
+      isStar: false,
       studentEvalDialogVisible: false,
       bzText: "",
       commentDetail: [],
@@ -3625,7 +3633,7 @@ export default {
                     ) != -1
                   ) {
                     this.worksStudent[i].push({
-                      userid:b[j].userid,
+                      userid: b[j].userid,
                       wid: b[j].id,
                       works: b[j].content,
                       sName: b[j].name,
@@ -3644,7 +3652,7 @@ export default {
                     ) != -1
                   ) {
                     this.worksStudent[i].push({
-                      userid:b[j].userid,
+                      userid: b[j].userid,
                       wid: b[j].id,
                       works: b[j].content,
                       sName: b[j].name,
@@ -3657,7 +3665,7 @@ export default {
                     });
                   } else if (b[j].type == 6) {
                     this.worksStudent[i].push({
-                      userid:b[j].userid,
+                      userid: b[j].userid,
                       wid: b[j].id,
                       works: b[j].content,
                       sName: b[j].name,
@@ -3670,7 +3678,7 @@ export default {
                     });
                   } else {
                     this.worksStudent[i].push({
-                      userid:b[j].userid,
+                      userid: b[j].userid,
                       wid: b[j].id,
                       works: b[j].content,
                       sName: b[j].name,
@@ -3684,7 +3692,7 @@ export default {
                   }
                 } else if (b[j].type == 3 && a[i].tool[0] == 15) {
                   this.worksStudent[i].push({
-                    userid:b[j].userid,
+                    userid: b[j].userid,
                     wid: b[j].id,
                     works: b[j].content,
                     sName: b[j].name,
@@ -3697,7 +3705,7 @@ export default {
                   });
                 } else if (b[j].type == 2 && a[i].tool[0] == 4) {
                   this.worksStudent[i].push({
-                    userid:b[j].userid,
+                    userid: b[j].userid,
                     wid: b[j].id,
                     works: b[j].content,
                     sName: b[j].name,
@@ -4989,18 +4997,18 @@ export default {
           a = this.evalCount;
           this.toolsCount(a, t);
         }
-        for(var k = 0;k<this.worksStudent[i].length;k++){
-          if(this.userid == this.worksStudent[i][k].userid){
+        for (var k = 0; k < this.worksStudent[i].length; k++) {
+          if (this.userid == this.worksStudent[i][k].userid) {
             this.eScore = JSON.parse(this.worksStudent[i][k].works);
             this.rateJson =
-          this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
-            index
-          ].toolChoose[i].rateJson;
-          }else{
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                index
+              ].toolChoose[i].rateJson;
+          } else {
             this.rateJson =
-          this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
-            index
-          ].toolChoose[i].rateJson;
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                index
+              ].toolChoose[i].rateJson;
           }
         }
         this.isStar = false;
@@ -5930,12 +5938,12 @@ export default {
 .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
   color: #fff;
 }
-.dialog_diy1 >>> .el-dialog__body{
-  padding:0;
+.dialog_diy1 >>> .el-dialog__body {
+  padding: 0;
 }
 .dialog_diy >>> .el-dialog__body,
 .dialog_diy >>> .el-dialog__footer,
-.dialog_diy1 >>> .el-dialog__footer  {
+.dialog_diy1 >>> .el-dialog__footer {
   background: #fafafa;
 }
 .a_addBox {
@@ -6258,6 +6266,7 @@ export default {
   height: auto;
   margin-right: 10px;
   margin-bottom: 10px;
+  overflow: hidden;
 }
 .workImg {
   width: 100%;
@@ -6455,7 +6464,7 @@ export default {
 .isTypeOne {
   width: 240px;
   height: 170px;
-  border: 1px solid #f8f8f8;
+  /* border: 1px solid #f8f8f8; */
   border-radius: 10px;
   box-shadow: 0 0 6px 1px #dfdada;
 }