瀏覽代碼

修改样式及新增功能

zengyicheng 2 年之前
父節點
當前提交
348bc4d02c
共有 2 個文件被更改,包括 592 次插入277 次删除
  1. 69 30
      src/components/study.vue
  2. 523 247
      src/components/studyStudent.vue

+ 69 - 30
src/components/study.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pb_content" style="overflow: unset; background: #eff7ff">
+  <div class="pb_content" style="overflow: unset;">
     <div class="pb_content_body" style="display: flex; height: 900px; position: relative">
       <div class="pb_left">
         <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
@@ -121,7 +121,7 @@
                       flex-direction: column;
                       position: relative;
                     ">
-                    <div style="padding: 20px" v-if="rw.taskDetail != ''"
+                    <div style="padding: 15px 0 15px 20px;" v-if="rw.taskDetail != ''"
                       v-html="rw.taskDetail ? rw.taskDetail : '暂无描述'"></div>
                   </div>
                 </div>
@@ -399,7 +399,7 @@
               ">
                 <div class="queTop" style="
                     font-size: 25px;
-                    padding: 20px 0 20px 30px;
+                    padding: 15px 0 15px 30px;
                     font-weight: bold;
                   ">
                   <!-- <div class="question" style="width: 30px">
@@ -730,10 +730,10 @@
                             <img :src="w.works" @click="previewImg(w.works)" alt />
                           </div>
                           <div class="workImg" v-if="w.type == 1">
-                            <img src="../assets/icon/works/noImg.png" @click="openFile(w.works)" alt />
+                            <img :src="word" @click="openFile(w.works)" alt />
                           </div>
                           <div class="workImg" v-if="w.type == 3">
-                            <img style="cursor: pointer" src="../assets/icon/works/noImg.png"
+                            <img style="cursor: pointer" :src="video"
                               @click="openVideo(w.works)" alt />
                           </div>
                           <div class="comment" style="min-width: 200px">
@@ -759,7 +759,7 @@
                           </div>
                         </div>
                       </div>
-                      <div style="padding-top: 15px; font-size: 18px">
+                      <div style="font-size: 18px">
                         未提交
                       </div>
                       <div class="noWorksS">
@@ -813,7 +813,7 @@
                         </div>
                       </div>
 
-                      <div style="padding-top: 15px; font-size: 18px">
+                      <div style="font-size: 18px">
                         未提交
                       </div>
                       <div class="noWorksS">
@@ -880,7 +880,7 @@
                           </div>
                         </div>
                       </div>
-                      <div style="padding-top: 15px; font-size: 18px">
+                      <div style="font-size: 18px">
                         未提交
                       </div>
                       <div class="noWorksS">
@@ -940,7 +940,7 @@
                           </div>
                         </div>
                       </div>
-                      <div style="padding-top: 15px; font-size: 18px">
+                      <div style="font-size: 18px">
                         未提交
                       </div>
                       <div class="noWorksS">
@@ -1000,7 +1000,7 @@
                           </div>
                         </div>
                       </div>
-                      <div style="padding-top: 15px; font-size: 18px">
+                      <div style="font-size: 18px">
                         未提交
                       </div>
                       <div class="noWorksS">
@@ -1060,7 +1060,7 @@
                           </div>
                         </div>
                       </div>
-                      <div style="padding-top: 15px; font-size: 18px">
+                      <div style="font-size: 18px">
                         未提交
                       </div>
                       <div class="noWorksS">
@@ -1120,7 +1120,7 @@
                           </div>
                         </div>
                       </div>
-                      <div style="padding-top: 15px; font-size: 18px">
+                      <div style="font-size: 18px">
                         未提交
                       </div>
                       <div class="noWorksS">
@@ -1151,14 +1151,14 @@
                             <img :src="w.works" @click="previewImg(w.works)" alt />
                           </div>
                           <div class="workImg" v-if="w.type == 1">
-                            <img src="../assets/icon/works/noImg.png" @click="openFile(w.works)" alt />
+                            <img :src="word" @click="openFile(w.works)" alt />
                           </div>
                           <div class="worksName">
                             <div>{{ w.sName }}</div>
                           </div>
                         </div>
                       </div>
-                      <div style="padding-top: 15px; font-size: 18px">
+                      <div style="font-size: 18px">
                         未提交
                       </div>
                       <div class="noWorksS">
@@ -1221,7 +1221,7 @@
                           </div>
                         </div>
                       </div>
-                      <div style="padding-top: 15px; font-size: 18px">
+                      <div style="font-size: 18px">
                         未提交
                       </div>
                       <div class="noWorksS">
@@ -1263,7 +1263,7 @@
                           </div>
                         </div>
                       </div>
-                      <div style="padding-top: 15px; font-size: 18px">
+                      <div style="font-size: 18px">
                         未提交
                       </div>
                       <div class="noWorksS">
@@ -1299,7 +1299,7 @@
               ">
                 <div class="queTop" style="
                     font-size: 25px;
-                    padding: 20px 0 20px 30px;
+                    padding: 15px 0 15px 30px;
                     font-weight: bold;
                   ">
                   <!-- <div class="question" style="width: 30px">
@@ -1814,13 +1814,26 @@
         </div>
       </div>
       <div style="margin-top: 10px;">
-        <div style="
-            color: #556db4;
-            font-size: 14px;
-            font-weight: bold;
-            padding-bottom: 10px;
-          ">
-          评价
+        <div class="displayBox">
+          <div
+            style="
+              color: #556db4;
+              font-size: 14px;
+              font-weight: bold;
+              padding-bottom: 10px;
+            "
+          >
+            评价
+          </div>
+          <div class="easy_comment">
+            <div
+              v-for="(p, pIndex) in PlTextList"
+              :key="pIndex"
+              @click="fastText(p, 1)"
+            >
+              {{ p }}
+            </div>
+          </div>
         </div>
         <div>
           <textarea rows="3" class="pj" style="padding: 10px 5px" cols v-model="commentText"
@@ -1873,6 +1886,15 @@
             </div>
             <div v-if="e.detail">{{ e.detail }}</div>
           </div>
+          <div class="easy_comment" v-if="isStar == false">
+            <div
+              v-for="(p, pIndex) in PlTextList"
+              :key="pIndex"
+              @click="fastText(p, 2)"
+            >
+              {{ p }}
+            </div>
+          </div>
           <div class="bz">
             <textarea :disabled="isStar == true" rows="4" class="pj" style="
                 padding: 10px 5px;
@@ -1880,6 +1902,7 @@
                 background: #f7f6f9;
                 font-size: 14px;
                 text-indent: 10px;
+                color:#000;
               " cols v-model="eScore.eBzText" placeholder="请输入评价内容..."></textarea>
           </div>
         </div>
@@ -2104,6 +2127,13 @@ export default {
       answerDialogVisible: false,
       timeDialogVisible: false,
       radio: [],
+      PlTextList: [
+        "Excellent!",
+        "nice!",
+        "很有创意!",
+        "还不错哦~",
+        "继续努力哦~",
+      ],
       isClickNavOne: [],
       isAsk: false,
       askJson: {
@@ -3760,6 +3790,13 @@ export default {
           });
       }
     },
+    fastText(p, t) {
+      if (t == 1) {
+        this.commentText += p;
+      } else {
+        this.eScore.eBzText += p;
+      }
+    },
     selectCount() {
       let params = {
         cid: this.id,
@@ -4510,7 +4547,7 @@ export default {
 .student_body {
   width: 100%;
   margin: 0 auto;
-  margin-top: 20px;
+  margin-top: 10px;
   padding: 0 0 20px;
 }
 
@@ -4525,7 +4562,7 @@ export default {
 .study_top .checkbox {
   display: flex;
   align-items: center;
-  padding: 20px 0 20px 30px;
+  padding: 15px 0 15px 30px;
   flex: 0 0 auto;
   font-weight: bold;
   border-bottom: 1px solid #eee;
@@ -4580,7 +4617,7 @@ export default {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
-  padding: 15px 0 25px;
+  padding: 15px 0 5px;
 }
 
 .filebox .tooldetail {
@@ -5588,7 +5625,7 @@ export default {
 }
 
 .worksBox {
-  padding: 30px 0 0 10px;
+  padding: 5px 0 0 10px;
   border-bottom: 1px solid #eeeeee;
 }
 
@@ -5614,7 +5651,7 @@ export default {
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-start;
-  padding-top: 30px;
+  padding-top: 15px;
 }
 
 .works {
@@ -5712,7 +5749,7 @@ export default {
 .textContent {
   font-size: 18px;
   padding: 30px 0px 0px;
-  height: 600px;
+  height: 450px;
   width: 95%;
   overflow: auto;
   line-height: 30px;
@@ -6255,6 +6292,7 @@ export default {
 
 .nameAndrate>div {
   margin-left: 10px;
+  color:#000;
 }
 
 .pfBox>div:nth-child(2) {
@@ -6268,6 +6306,7 @@ export default {
   align-items: center;
   padding: 10px 20px;
   box-sizing: border-box;
+  color:#000;
 }
 
 .bz {

File diff suppressed because it is too large
+ 523 - 247
src/components/studyStudent.vue


Some files were not shown because too many files changed in this diff