update

src/components/studyStudent.vue

@@ -1743,7 +1743,7 @@
         </el-dialog>
       </div>
     </div>
-    <div class="pButton" @click="selectPz" v-if="tType == 4">批</div>
+    <div class="pButton" @click="pzDialog = true,selectPz()" v-if="tType == 4">批</div>
     <div v-if="pzDialog == true" class="newDialogCss">
       <div class="pzTop">
         <div>批注</div>
@@ -1752,7 +1752,7 @@
         </div>
       </div>
       <div class="pzBox">
-        <div class="pzListBox" v-if="pzList != undefined">
+        <div class="pzListBox" v-if="pzList && pzList.length">
           <div class="pzList" v-for="(pz, pzIndex) in pzList" :key="pzIndex">
             <div class="pzNavTop">
               <div>批</div>
@@ -3855,8 +3855,8 @@ export default {
         {
           cid: this.id,
           uid: this.userid,
-          s:this.courseType,
-          t:this.taskCount,
+          s: this.courseType,
+          t: this.taskCount,
           c: this.pzConText,
         },
       ];
@@ -3877,11 +3877,10 @@ export default {
         });
     },
     selectPz() {
-      this.pzDialog = true;
       let params = {
         cid: this.id,
-        s:this.courseType,
-        t:this.taskCount,
+        s: this.courseType,
+        t: this.taskCount,
       };
       this.ajax
         .get(this.$store.state.api + "selectPzList", params)
@@ -5418,16 +5417,20 @@ export default {
 }
 
 .vedioName {
-  text-overflow: ellipsis;
-  /* position: absolute; */
+  /* text-overflow: ellipsis;
   top: 8px;
   font-size: 14px;
-  /* left: 110px; */
-  /* height: 60px; */
   overflow: hidden;
   width: 100%;
   word-break: break-all;
+  white-space: nowrap; */
+
+  cursor: pointer;
+  margin: 0px 0px 10px 5px;
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
 }
 
 .vedioTime {
@@ -6785,6 +6788,7 @@ export default {
   padding: 5px;
   margin-left: 10px;
 }
+
 .pButton {
   position: fixed;
   right: 5%;