优化滚动列表显示

src/assets/css/left.scss

@@ -511,7 +511,13 @@
                         flex: 1;
 
                         .position {
-                            width: 150px;
+                            width: 180px;
+                            white-space: nowrap;
+                            text-overflow: ellipsis;
+                            overflow: hidden;
+                        }
+                        .course{
+                            width: 180px;
                             white-space: nowrap;
                             text-overflow: ellipsis;
                             overflow: hidden;

src/components/left.vue

@@ -251,13 +251,13 @@
 										<div class="item-content">
 											<div class="item-content-left">
 												<div class="position" :title="item.location">位置：{{ item.location }}</div>
-												<div class="course" v-if="item.course_name">课程：{{ item.course_name }}</div>
+												<div class="course" :title="item.course_name" v-if="item.course_name">课程：{{ item.course_name }}</div>
 											</div>
 											<div class="item-content-right">
 												<div>类型：{{ item.category }}</div>
 												<div class="person-rate-container">
 													<div v-if="item.actual != null">实到/应到：{{ item.actual }}/{{ item.expected }}</div>
-													<div style="margin-left: 8px" v-if="item.actual != null">
+													<div  v-if="item.actual != null">
 														到课率：{{ item.expected !== 0 ? ((item.actual / item.expected).toFixed(2) * 100 || 0) : 0 }}%
 													</div>
 												</div>