update

src/components/pages/liveRoom.vue

@@ -131,8 +131,10 @@
               class="dialog-footer sztFooter"
               v-if="isBlock == 6"
             >
+              <el-button type="primary" @click="selectSWork2(9)"
+                >查看学生答题情况</el-button
+              >
               <el-button type="primary" @click="isBlock = 0">结束</el-button>
-              <!-- <el-button type="primary" @click="isBlock = 2">返回</el-button> -->
             </span>
           </div>
         </div>
@@ -468,7 +470,7 @@
                 <div class="workName">{{ w.sName }}</div>
               </div>
               <div class="workRight">{{ w.time }}</div>
-              <!-- <div class="workBtn" @click="isBlock = 7">查看评价</div> -->
+              <!-- <div class="workBtn" @click="rateD(w.sName)">评价</div> -->
             </div>
           </div>
         </div>
@@ -695,7 +697,11 @@
                   tools[steps].tools && tools[steps].tools.indexOf(27) != -1
                 "
               >
-                <div v-for="(tk, tIndex) in tools[steps].choice" :key="tIndex" class="tkCss">
+                <div
+                  v-for="(tk, tIndex) in tools[steps].choice"
+                  :key="tIndex"
+                  class="tkCss"
+                >
                   <div style="margin-right: 10px; font-size: 18px">
                     {{ tIndex + 1 }}、
                   </div>
@@ -874,6 +880,53 @@
           </div>
         </div>
       </div>
+      <div class="answerBox tools_box" v-if="isBlock == 19">
+        <div style="height: 100%; width: 100%">
+          <div class="wheel" style="height: 80%; width: 100%">
+            <div
+              class="memberBox"
+              style="max-height: 100%"
+              v-if="worksList.length"
+            >
+              <div
+                v-for="(item, index) in worksList"
+                :key="index"
+                @click="getAu(item.upload, item.sName, 2)"
+              >
+                {{ item.sName }}
+              </div>
+            </div>
+            <div v-else>暂无学生提交</div>
+          </div>
+          <div class="nextStepBox" style="margin-top: 5%">
+            <div class="nextStepOne" @click="(isBlock = 6), (full = false)">
+              返回
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="answerBox tools_box" v-if="isBlock == 20">
+        <div style="height: 100%; width: 100%">
+          <div class="wheel" style="height: 80%; width: 100%">
+            <div style="height: 100%; overflow: auto">
+              <div style="margin-bottom: 20px">{{ Sname }}</div>
+              <audio
+                style="margin: 0 auto; display: block"
+                :src="LuAudioUrl"
+                controls="controls"
+                ref="audio"
+              >
+                Your browser does not support the audio element.
+              </audio>
+              <!-- <el-button type="primary" @click="rateD(Sname)">评价</el-button> -->
+              
+            </div>
+          </div>
+          <div class="nextStepBox" style="margin-top: 5%">
+            <div class="nextStepOne" @click="isBlock = 19">返回</div>
+          </div>
+        </div>
+      </div>
     </div>
 
     <div class="blackBottomB">
@@ -1043,6 +1096,29 @@
         <el-button @click="timeDialogVisible = false">关 闭</el-button>
       </div>
     </el-dialog>
+    <el-dialog
+      title="评价"
+      :visible.sync="rateDialogVisible"
+      :append-to-body="true"
+      width="500px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div>
+        <div class="rateD_box">
+          <span>姓名:</span>
+          <span>{{ Sname }}</span>
+        </div>
+        <div class="rateD_box">
+          <span>评价:</span>
+          <el-rate v-model="workRate" :allow-half="false"></el-rate>
+        </div>
+      </div>
+      <div slot="footer">
+        <el-button type="primary" @click="rateDialogVisible = false">确 定</el-button>
+        <el-button @click="rateDialogVisible = false">关 闭</el-button>
+      </div>
+    </el-dialog>
     <ImgDraw :drawShow="drawShow" @closeDraw="closeDraw" :bg="bg"></ImgDraw>
     <img id="img1" ref="img1" hidden="hidden" />
   </div>
@@ -1082,6 +1158,7 @@ export default {
       dialogVisible: false,
       dialogVisible1: false,
       dialogVisible2: false,
+      rateDialogVisible: false,
       toolCount: 0,
       answerBox: "",
       answer: [
@@ -1111,7 +1188,7 @@ export default {
       //   ],
       // }
       tools: [
-        { },//tools: [30] 
+        {}, //tools: [30]
         //  {
         //   file: [
         //     {
@@ -1147,7 +1224,7 @@ export default {
             "Reason",
             "Feelings",
           ],
-          choice:7,
+          choice: 7,
           tkAnswerBox: [
             "Feelings",
             "Weather",
@@ -1233,6 +1310,7 @@ export default {
       Vwidth: 0,
       tiankongAnswer: [],
       LuAudioUrl: "",
+      workRate: 0,
     };
   },
   methods: {
@@ -1373,7 +1451,10 @@ export default {
           _type = 6;
         } else if (this.tools[this.steps].tools.indexOf(29) != -1) {
           _type = 7;
-        } else if (this.tools[this.steps].tools.indexOf(30) != -1) {
+        } else if (
+          this.tools[this.steps].tools.indexOf(30) != -1 ||
+          this.tools[this.steps].tools.indexOf(12) != -1
+        ) {
           _type = 8;
         }
       }
@@ -1434,7 +1515,9 @@ export default {
             for (var i = 0; i < _res.length; i++) {
               this.worksList.push({
                 upload: _res[i].upload,
+                id: _res[i].id,
                 sName: _res[i].username,
+                rate:_res[i].rate,
                 time: _res[i].time,
               });
             }
@@ -1574,6 +1657,8 @@ export default {
         this.isBlock = 4;
       } else if (_type == 8) {
         this.isBlock = 17;
+      } else if (_type == 9) {
+        this.isBlock = 19;
       } else {
         this.isBlock = 11;
       }
@@ -1599,7 +1684,10 @@ export default {
           _type = 6;
         } else if (this.tools[this.steps].tools.indexOf(29) != -1) {
           _type = 7;
-        } else if (this.tools[this.steps].tools.indexOf(30) != -1) {
+        } else if (
+          this.tools[this.steps].tools.indexOf(30) != -1 ||
+          this.tools[this.steps].tools.indexOf(12) != -1
+        ) {
           _type = 8;
         }
       }
@@ -1617,7 +1705,9 @@ export default {
           for (var i = 0; i < this.worksDetail.length; i++) {
             this.worksList.push({
               upload: this.worksDetail[i].upload,
+              id: this.worksDetail[i].id,
               sName: this.worksDetail[i].username,
+              rate:this.worksDetail[i].rate,
               time: this.worksDetail[i].time,
             });
           }
@@ -1632,10 +1722,14 @@ export default {
       this.Sname = name;
       this.isBlock = 12;
     },
-    getAu(rate, name) {
+    getAu(rate, name, type) {
       this.LuAudioUrl = rate;
       this.Sname = name;
-      this.isBlock = 18;
+      if (type == 2) {
+        this.isBlock = 20;
+      } else {
+        this.isBlock = 18;
+      }
     },
     selectFile() {
       this.fileList = [];
@@ -1750,6 +1844,10 @@ export default {
         // return base64
       };
     },
+    rateD(name) {
+      this.Sname = name;
+      this.rateDialogVisible = true;
+    },
   },
   created() {},
 };
@@ -1797,7 +1895,7 @@ export default {
 }
 
 .blackBottomB {
-  position: sticky;
+  /* position: sticky;
   bottom: 0px;
   left: 0px;
   display: flex;
@@ -1808,7 +1906,12 @@ export default {
   align-items: center;
   background: rgb(0, 0, 0);
   height: 45px;
-  width: 100%;
+  width: 100%; */
+  position: sticky;
+  bottom: 20px;
+  left: 0px;
+  display: flex;
+  width: fit-content;
 }
 
 .blackBottomB > div:nth-child(1) {
@@ -1817,7 +1920,7 @@ export default {
 
 .blackButton {
   color: #fff;
-  background: #066ebe;
+  background: #00579a;
   /* width: 100px; */
   height: 30px;
   line-height: 30px;
@@ -1831,8 +1934,8 @@ export default {
 
 .isNoOther {
   width: 100%;
-  /* height: 100%; */
-  height: calc(100% - 45px);
+  height: 100%;
+  /* height: calc(100% - 45px); */
   display: flex;
 }
 
@@ -2010,7 +2113,7 @@ export default {
   flex-direction: row;
   flex-wrap: wrap;
   width: 100%;
-  height: 700px;
+  height: 80%;
   overflow: auto;
 }
 .works {
@@ -2022,7 +2125,7 @@ export default {
   min-width: 180px;
   border-radius: 3px;
   overflow: hidden;
-  height: 183px;
+  height: fit-content;
 }
 .workImg {
   width: 100%;
@@ -2267,4 +2370,25 @@ img {
 .tfalse {
   color: rgb(189, 30, 30) !important;
 }
+
+.rateD_box {
+  display: flex;
+  margin-bottom: 10px;
+  margin-left: 30px;
+  align-items: center;
+}
+.rateD_box span {
+  font-size: 18px;
+}
+.rateD_box span:nth-child(1) {
+  margin-right: 10px;
+}
+
+.rateD_box >>> .el-rate__icon {
+    font-size: 25px;
+}
+.rateD_box >>> .el-icon-star-off{
+  font-size: 22px;
+}
+
 </style>