教师端部门展示ui调整 学习时间还原

src/views/course/CourseManage.vue

@@ -49,7 +49,7 @@
               <el-table-column prop="orgInfo" label="部门">
                 <template slot-scope="scope">
                   <el-tooltip class="item" effect="dark" :content="scope.row.orgInfo" placement="top-start">
-                    <p> {{scope.row.orgInfo && scope.row.orgInfo.split('/')[scope.row.orgInfo.split('/').length - 1]}}</p>
+                    <p class="no-wrap"> {{scope.row.orgInfo && scope.row.orgInfo.split('/')[scope.row.orgInfo.split('/').length - 1]}}</p>
                   </el-tooltip>
                 </template>
               </el-table-column>
@@ -114,14 +114,14 @@
               <el-table-column prop="orgInfo" label="部门">
                 <template slot-scope="scope">
                   <el-tooltip class="item" effect="dark" :content="scope.row.orgInfo" placement="top-start">
-                    <p>{{scope.row.orgInfo && scope.row.orgInfo.split('/')[scope.row.orgInfo.split('/').length - 1]}}</p>
+                    <p class="no-wrap">{{scope.row.orgInfo && scope.row.orgInfo.split('/')[scope.row.orgInfo.split('/').length - 1]}}</p>
                   </el-tooltip>
                 </template>
               </el-table-column>
-              <el-table-column prop="addTime" label="学习时间"></el-table-column>
+              <el-table-column prop="addTime" width="300" label="学习时间"></el-table-column>
               <el-table-column prop="totalDuration" label="学习时长">
                 <template slot-scope="scope">
-                  {{ scope.row.totalDuration }}
+                  {{ scope.row.totalDuration == 0? '0': (scope.row.totalDuration/60).toFixed(2)}}
                 </template>
               </el-table-column>
               <el-table-column label="学习状态">
@@ -209,7 +209,7 @@
           <el-table-column label="课程章节">
               <template slot-scope="scope">
             <el-tooltip class="item" effect="dark" :content="scope.row.contentName" placement="top-start">
-              <p style="  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{scope.row.contentName}}</p>
+              <p class="no-wrap">{{scope.row.contentName}}</p>
             </el-tooltip>
           </template>
           </el-table-column>
@@ -218,12 +218,12 @@
               <span>{{ recourseStudyStatusEnum[scope.row.status] }}</span>
             </template>
           </el-table-column>
-           <el-table-column prop="status" label="学习时长">
+           <el-table-column prop="studyDuration"  label="学习时长">
             <template slot-scope="scope">
-              <span>{{ scope.row.studyDuration }}</span>
+              <span> {{ scope.row.learningDuration == 0? '0': (scope.row.learningDuration/60).toFixed(2)}}</span>
             </template>
           </el-table-column>
-          <el-table-column prop="duration" label="学习进度">
+          <el-table-column prop="progress" label="学习进度">
             <template slot-scope="scope">
               {{scope.row.studyDuration}}%
             </template>
@@ -273,7 +273,7 @@
         <el-table-column prop="orgInfo" label="部门">
           <template slot-scope="scope">
             <el-tooltip class="item" effect="dark" :content="scope.row.orgInfo" placement="top-start">
-              <p>{{scope.row.orgInfo && scope.row.orgInfo.split('/')[scope.row.orgInfo.split('/').length - 1]}}</p>
+              <p class="no-wrap">{{scope.row.orgInfo && scope.row.orgInfo.split('/')[scope.row.orgInfo.split('/').length - 1]}}</p>
             </el-tooltip>
           </template>
         </el-table-column>
@@ -291,7 +291,7 @@
         </el-table-column>
         <el-table-column v-if="rousourceRow.contentType == '62'" prop="studyAssesses[0].asScore"
           label="满意度分析"></el-table-column>
-        <el-table-column prop="finishTime" label="完成时间"></el-table-column>
+        <el-table-column prop="finishTime" width="200" label="完成时间"></el-table-column>
       </el-table>
       <div style="text-align: center;padding: 10px;">
         <el-pagination @size-change="handleSizeChangeStudyPeople" @current-change="handleCurrentChangeStudyPeople"
@@ -340,7 +340,7 @@
           </template>
         </el-table-column>
         <el-table-column prop="score" label="考试成绩"></el-table-column>
-        <el-table-column prop="endTime" label="完成时间"></el-table-column>
+        <el-table-column prop="endTime" width="200" label="完成时间"></el-table-column>
         </el-table>
           </template>
         </el-table-column>
@@ -349,7 +349,7 @@
         <el-table-column prop="orgInfo" label="部门">
           <template slot-scope="scope">
             <el-tooltip class="item" effect="dark" :content="scope.row.orgInfo" placement="top-start">
-              <p>{{scope.row.orgInfo && scope.row.orgInfo.split('/')[scope.row.orgInfo.split('/').length - 1]}}</p>
+              <p class="no-wrap">{{scope.row.orgInfo && scope.row.orgInfo.split('/')[scope.row.orgInfo.split('/').length - 1]}}</p>
             </el-tooltip>
           </template>
         </el-table-column>
@@ -359,7 +359,7 @@
           </template>
         </el-table-column>
         <el-table-column prop="score" label="成绩"></el-table-column>
-        <el-table-column prop="finishTime" label="完成时间"></el-table-column>
+        <el-table-column prop="finishTime" width="200" label="完成时间"></el-table-column>
       </el-table>
       <div style="text-align: center;padding: 10px;">
         <el-pagination @size-change="handleSizeChangeExamStudyPeople"
@@ -966,6 +966,7 @@ export default {
                 contentName: this.courseDetail.name,
                 status: this.studyDetailRow.status,
                 studyDuration: this.studyDetailRow.progress,
+                learningDuration:  this.studyDetailRow.totalDuration,
               },
             ];
           }
@@ -1063,6 +1064,14 @@ export default {
 
 <style lang="scss">
 #courseManage {
+  .no-wrap {
+    overflow: hidden;
+      text-overflow: ellipsis;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      word-break: break-all;
+      white-space: nowrap;
+  }
   .noSplitDatePicker {
     /* 隐藏范围选择器的分隔符和占位符 */
     .el-range-separator,
@@ -1122,4 +1131,4 @@ export default {
 .el-table .el-table__body-wrapper::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera*/
 }
-</style>
+</style>