feat优化所有表格行高及列宽和优化首页课程卡片信息显示

src/views/CorrectPage/AssignmentPage.vue

@@ -34,13 +34,13 @@
       </el-button>
     </div>
 
-    <el-table stripe :data="pageInfo.tableData" style="width: 100%" height="100%">
+    <el-table stripe :data="pageInfo.tableData" style="width: 100%" height="100%" show-overflow-tooltip>
       <template #empty>
         暂无作业
       </template>
       <el-table-column type="index"/>
-      <el-table-column prop="assignmentName" label="作业名称"/>
-      <el-table-column prop="description" label="描述"/>
+      <el-table-column prop="assignmentName" label="作业名称" width="400"/>
+      <el-table-column prop="description" label="描述" width="500"/>
       <el-table-column prop="endTime" label="截止时间" sortable/>
       <el-table-column prop="status" label="状态" sortable/>
       <el-table-column label="操作">

src/views/CorrectPage/CorrectAssignmentPage.vue

@@ -29,15 +29,15 @@
       </el-select>
     </div>
 
-    <el-table :data="pageInfo.tableData" style="width: 100%;" height="100%" :row-style="{height: '30px'}" v-if="status == ''">
+    <el-table :data="pageInfo.tableData" style="width: 100%;" height="100%" :row-style="{height: '30px'}" v-if="status == ''" show-overflow-tooltip>
       <template #empty>
         暂无作业
       </template>
       <el-table-column type="index"/>
-      <el-table-column prop="statusName" label="状态" sortable/>
-      <el-table-column prop="studentName" label="学生姓名"/>
-      <el-table-column prop="score" label="得分" sortable/>
-      <el-table-column prop="remark" label="评价"/>
+      <el-table-column prop="statusName" label="状态" sortable width="150"/>
+      <el-table-column prop="studentName" label="学生姓名" width="150"/>
+      <el-table-column prop="score" label="得分" sortable width="150"/>
+      <el-table-column prop="remark" label="评价" width="750"/>
       <el-table-column label="操作">
         <template #default="scope">
           <el-button @click="handleCorrect(scope.row.assignmentId, scope.row.studentId)" style="margin-right: 0; margin-left: 0;padding-left: 10px; padding-right: 10px" color="#597D3B">
@@ -48,7 +48,7 @@
       </el-table-column>
     </el-table>
 
-    <el-table :data="getSlice(queryInfo.pageNow, queryInfo.pageSize)" style="width: 100%;" height="100%" :row-style="{height: '30px'}" v-if="status != ''">
+    <el-table show-overflow-tooltip :data="getSlice(queryInfo.pageNow, queryInfo.pageSize)" style="width: 100%;" height="100%" :row-style="{height: '30px'}" v-if="status != ''">
       <template #empty>
         暂无作业
       </template>

src/views/CorrectPage/CoursePage.vue

@@ -16,13 +16,13 @@
       查询
     </el-button>
 
-    <el-table :data="pageInfo.records" style="width: 100%; max-height: 70vh" height="100%" :row-style="{height: '30px'}">
+    <el-table :data="pageInfo.records" style="width: 100%; max-height: 70vh" height="100%" :row-style="{height: '30px'}" show-overflow-tooltip>
       <template #empty>
         暂无课程
       </template>
       <el-table-column type="index"/>
-      <el-table-column prop="courseName" label="课程名称"/>
-      <el-table-column prop="description" label="描述"/>
+      <el-table-column prop="courseName" label="课程名称" width="300"/>
+      <el-table-column prop="description" label="描述" width="600"/>
       <el-table-column prop="endTime" label="截止时间" sortable/>
 <!--      <el-table-column prop="endTime" label="状态" sortable/>-->
       <el-table-column label="操作">

src/views/CoursePage/CoursePage.vue

@@ -15,13 +15,13 @@
       查询
     </el-button>
 
-    <el-table :data="pageInfo.records" style="width: 100%" height="100%">
+    <el-table :data="pageInfo.records" style="width: 100%" height="100%" show-overflow-tooltip>
       <template #empty>
         暂无课程
       </template>
       <el-table-column type="index"/>
-      <el-table-column prop="courseName" label="课程名称"/>
-      <el-table-column prop="description" label="描述"/>
+      <el-table-column prop="courseName" label="课程名称" width="300"/>
+      <el-table-column prop="description" label="描述" width="600"/>
       <el-table-column prop="endTime" label="截止时间" sortable/>
       <el-table-column label="操作">
         <template #default="scope">

src/views/CourseSquare/component/Course/index.vue

@@ -20,8 +20,8 @@
         </div>
         <div class="course-item-content">
           <div style="font-weight: bold">{{item.courseName}}</div>
-          <div>{{item.description}}</div>
-          <div>{{item.teacherIds.join("\n")}}</div>
+          <div class="collapsed">课程描述：{{item.description}}</div>
+          <div>任课教师：{{item.teacherIds.join(",")}}</div>
         </div>
       </el-card>
       <template v-if="getCoursesSlice().length < 5">
@@ -228,3 +228,14 @@ export default {
   name: "Course"
 }
 </script>
+
+<style scoped>
+.collapsed {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2; /* Limit to 2 lines */
+  max-height: 4em; /* Height for 2 lines of text */
+  min-height: 4em;
+}
+</style>

src/views/CourseSquare/component/CourseDetails/component/CourseHomeworkTable.vue

@@ -9,7 +9,7 @@
       <el-button color="#597d3b" @click="cleanNewAssignmentInfo(); changeDialog('add')" v-if="props.isShowNewHomework">新建作业</el-button>
     </template>
     <template v-if="props.tableData.length > 0">
-      <el-table :data="props.tableData" stripe style="width: 100%" height="100%">
+      <el-table :data="props.tableData" stripe style="width: 100%" height="100%" show-overflow-tooltip>
         <el-table-column type="index"></el-table-column>
         <el-table-column
             v-for="column in props.columns"

src/views/HomeworkPage/index.vue

@@ -25,7 +25,7 @@
       查询
     </el-button>
 
-    <el-table :data="pageInfo.tableData" style="width: 100%" height="100%">
+    <el-table :data="pageInfo.tableData" style="width: 100%" height="100%" show-overflow-tooltip>
       <template #empty>
         暂无作业
       </template>