1

src/components/pages/worksDetail.vue

@@ -100,7 +100,7 @@
             </template>
           </el-table-column>
         </el-table>
-        <el-dialog
+        <!-- <el-dialog
           :visible.sync="dialogVisible"
           :append-to-body="true"
           width="700px"
@@ -153,7 +153,7 @@
             <!-- <div class="work_input">
 							<div>早梅</div>
 						</div> -->
-            <div class="poetry">
+        <!-- <div class="poetry">
               {{
                 item.content != null && item.content != ""
                   ? item.content
@@ -186,8 +186,8 @@
                 - {{ sInfo.sName }}
               </div>
             </div>
-            <div class="assess_Img">
-              <!-- <img
+            <div class="assess_Img"> -->
+        <!-- <img
 								:src="
 									chapInfo[publicIndex] != null &&
 									chapInfo[publicIndex].upVedio.length > 0
@@ -196,7 +196,7 @@
 								"
 								alt=""
 							/> -->
-              <video-player
+        <!-- <video-player
                 class="video-player vjs-custom-skin"
                 ref="videoPlayer"
                 :playsinline="true"
@@ -228,8 +228,8 @@
                   }}
                 </div>
               </div>
-            </div>
-            <!-- <div class="comment">
+            </div> -->
+        <!-- <div class="comment">
 							<div class="comment_title">
 								评论<span>({{ this.commentCount }})</span>
 							</div>
@@ -258,8 +258,79 @@
 								</div>
 							</div>
 						</div> -->
-          </div>
+        <!-- </div>
           <div class="doingAssess" @click="giveScore">进行评分</div>
+        </el-dialog> -->
+        <el-dialog
+          :visible.sync="dialogVisible3"
+          :append-to-body="true"
+          :before-close="handleClose"
+          class="add_work"
+        >
+          <div class="zyBox">
+            <div class="left">
+              <div class="courseTitle">诗词中的植物-林点</div>
+              <div class="bigImg">
+                <img src="../../assets/zySp.png" alt="" />
+              </div>
+              <div class="thumbnail">
+                <div><img src="../../assets/zySp.png" alt="" /></div>
+                <div><img src="../../assets/kc1.png" alt="" /></div>
+                <div><img src="../../assets/tup1.png" alt="" /></div>
+              </div>
+              <div style="margin: 5px 10px">宿赞公房</div>
+              <div class="student_Answer">
+                <div class="toux">
+                  <img src="../../assets/portal.png" alt="" />
+                </div>
+                <div class="nav">
+                  <div class="studentName">林点</div>
+                  <div class="studentAnswer">
+                    <!-- {{
+                    chapInfo[publicIndex] != null &&
+                    chapInfo[publicIndex].content != null &&
+                    chapInfo[publicIndex].content != ""
+                      ? chapInfo[publicIndex].content
+                      : "暂无内容"
+                  }} -->
+                    雨荒深院菊，霜倒半池莲.唐杜甫《宿赞公房》
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="right">
+              <div class="comment">
+                <div class="comment_title">
+                  评论<span>({{ this.commentCount }})</span>
+                </div>
+                <div class="other_Answer">
+                  <div class="toux">
+                    <img src="../../assets/portal.png" alt="" />
+                  </div>
+                  <div class="nav">
+                    <div class="nameAndTime">
+                      <div class="otherName">{{ this.commentName }}</div>
+                      <div class="time">{{ this.commentTime }}</div>
+                    </div>
+                    <div class="otherAnswer">{{ this.commentAnswer }}</div>
+                  </div>
+                </div>
+                <div class="other_Answer">
+                  <div class="toux">
+                    <img src="../../assets/portal.png" alt="" />
+                  </div>
+                  <div class="nav">
+                    <div class="nameAndTime">
+                      <div class="otherName">{{ this.commentName }}</div>
+                      <div class="time">{{ this.commentTime }}</div>
+                    </div>
+                    <div class="otherAnswer">{{ this.commentAnswer }}</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="rbButtom" @click="giveScore">评分</div>
+          </div>
         </el-dialog>
         <el-dialog
           :visible.sync="dialogVisible2"
@@ -269,12 +340,10 @@
           class="add_work talkScore"
         >
           <div slot="title" class="header-title">
-            <div class="logoImg">
+            <!-- <div class="logoImg">
               <img src="../../assets/logo.png" alt="" />
-            </div>
-            <div class="title_add_student">
-              {{ uploadBoolean ? "评分" : "修改评分" }}
-            </div>
+            </div> -->
+            <div class="title_add_student">"评分"</div>
           </div>
           <div class="firstTop">
             <div class="score_top">
@@ -348,9 +417,9 @@
           </div>
 
           <div class="assess_right" @click="updateWorks" v-if="!uploadBoolean">
-            确认
+            提交
           </div>
-          <div class="assess_right" @click="updateWorks" v-else>修改</div>
+          <div class="assess_right" @click="updateWorks" v-else>提交</div>
         </el-dialog>
       </div>
       <div class="student_page">
@@ -385,6 +454,7 @@ export default {
       dialogVisible: false,
       dialogVisible1: false,
       dialogVisible2: false,
+      dialogVisible3: false,
       courseByUser: "诗词中的植物",
       userName: "林点",
       answerName: "宿赞公房",
@@ -517,74 +587,17 @@ export default {
                 value.rateWrong = e;
                 value.content = c.content;
                 value.rate = d;
-                // this.rateList = d;
-                // this.rateList = value.rate;
                 value.cover = c.cover;
                 value.upVedio = c.upVedio;
                 break;
               }
             }
           });
-          // var a = JSON.parse(res.data[0][0].chapters)[this.publicIndex]
-          // 	.chapterInfo[0].chapterData;
-          // var b = [
-          // 	"AVI",
-          // 	"NAVI",
-          // 	"MPEG",
-          // 	"ASF",
-          // 	"MOV",
-          // 	"WMV",
-          // 	"3GP",
-          // 	"RM",
-          // 	"RMVB",
-          // 	"FLV",
-          // 	"F4V",
-          // 	"H.264",
-          // 	"H.265",
-          // 	"REAL VIDEO",
-          // 	"MKV",
-          // 	"WebM",
-          // 	"HDDVD",
-          // 	"MP4",
-          // 	"MPG",
-          // 	"M4V",
-          // 	"MGV",
-          // 	"OGV",
-          // 	"QTM",
-          // 	"STR",
-          // 	"AMC",
-          // 	"DVX",
-          // 	"EVO",
-          // 	"DAT",
-          // 	"OGG",
-          // 	"OGM",
-          // ];
-          // for (var i = 0; i < a.length; i++) {
-          // 	if (
-          // 		b.indexOf(
-          // 			a[i].url
-          // 				.split(".")
-          // 				[a[i].url.split(".").length - 1].toLocaleUpperCase()
-          // 		) != -1
-          // 	) {
-          // 		this.vedio.push(a[i]);
-          // 	} else {
-          // 		this.file.push(a[i]);
-          // 	}
-          // }
-          // element.mediaList = JSON.parse(element.chapters)[0].chapterInfo[t].chapterData;
-          // console.log(this.vedio);
-          // console.log(this.file);
-          // this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+
           this.courseDetail = res.data[0][0];
-          // this.playerOptions.poster = this.course.imgUrl;
-          // this.playerOptions.sources[0].src =
-          // 	this.vedio.length > 0
-          // 		? this.vedio[0].url
-          // 		: require("../../assets/icon/kc1.png");
-          // console.log(this.playerOptions.sources[0].src);
-          // this.playerO = this.playerOptions;
-          this.dialogVisible = true;
+
+        //   this.dialogVisible = true; 
+          this.dialogVisible3 = true;
         })
         .catch((err) => {
           console.error(err);
@@ -757,6 +770,8 @@ export default {
 }
 .add_work >>> .el-dialog__headerbtn {
   font-size: 20px !important;
+  top: 5px !important;
+  right: 8px !important;
 }
 .add_work >>> .el-form-item__label {
   margin-left: 65px;
@@ -856,7 +871,6 @@ export default {
 .student_Answer {
   display: flex;
   margin: 5px 10px;
-  border-bottom: 1px solid #eee;
   padding-bottom: 25px;
 }
 .workName {
@@ -865,9 +879,9 @@ export default {
   margin: 5px 10px;
 }
 .toux {
-  width: 25px;
+  width: 35px;
   margin: auto 0;
-  height: 25px;
+  height: 35px;
 }
 .toux > img {
   width: 100%;
@@ -904,6 +918,7 @@ export default {
 }
 .nav {
   margin-left: 5px;
+  width: 200px;
 }
 .nameAndTime {
   display: flex;
@@ -919,7 +934,7 @@ export default {
   margin-top: 3px;
 }
 .otherAnswer {
-  width: 400px;
+  width: 260px;
   word-wrap: break-word;
   word-break: break-all;
   overflow: hidden;
@@ -1047,4 +1062,70 @@ export default {
   height: 120px;
   box-shadow: 2px 2px 5px #909090;
 }
+
+.left,
+.right {
+  background: #fff;
+  border-radius: 5px;
+  box-shadow: 2px 2px 5px #909090;
+  padding: 10px;
+  box-sizing: border-box;
+}
+
+.left {
+  width: 60%;
+  margin-right: 10px;
+}
+
+.right {
+  width: 40%;
+  height: 500px;
+}
+
+.courseTitle {
+  font-size: 19px;
+  font-weight: 600;
+}
+
+.bigImg {
+  margin-top: 10px;
+}
+
+.bigImg > img,
+.thumbnail > div > img {
+  width: 100%;
+  height: 100%;
+}
+
+.thumbnail {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+}
+
+.thumbnail > div {
+  width: 80px;
+  margin-right: 5px;
+}
+
+.zyBox {
+  display: flex;
+  width: 100%;
+  position: relative;
+}
+
+.rbButtom {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  background: #06a7ff;
+  width: 150px;
+  height: 30px;
+  border-radius: 5px;
+  text-align: center;
+  color: #fff;
+  line-height: 30px;
+  font-size: 14px;
+  cursor: pointer;
+}
 </style>