Merge pull request 'fix：样式调整；' (#53) from yws_dev into main

Reviewed-on: #53

src/renderer/src/views/classTask/newClassTaskAssign/index.vue

@@ -26,7 +26,7 @@
             <template #default="scope">
               <div style="height: 100px;cursor: pointer">
                 <div style="display: flex;align-items: center;justify-content: space-between;">
-                  <div style="width: 100%;">
+                  <div style="width: 90%;">
                     <div class="pageleft-table-top">
                       <span>{{ scope.row.uniquekey }}</span>
                     </div>
@@ -34,14 +34,14 @@
                       <el-tag style="padding:0 2px" :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
                       <el-text size="small" style="color:#ccc;white-space:nowrap">{{ scope.row.timestamp }}</el-text>
                     </div>
+                    <div class="pageleft-table-cont">
+                      <div :title="scope.row.worktag || scope.row.title" class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</div>
+                    </div>
                   </div>
                   <svg class="icon iconfont" aria-hidden="true">
                     <use xlink:href="#icon-xiangyou"></use>
                   </svg>
                 </div>
-                <div class="pageleft-table-cont">
-                  <p class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</p>
-                </div>
               </div>
             </template>
           </el-table-column>
@@ -743,13 +743,16 @@ const editWork = async (cform) =>{
         // overflow: hidden;
         // flex-direction: row;
         // text-overflow: ellipsis;
-        width: 230px; /* 设置容器的宽度 */
+        width: 100%; /* 设置容器的宽度 */
         overflow: hidden; /* 隐藏超出容器的部分 */
         white-space: nowrap; /* 防止文本换行 */
         text-overflow: ellipsis; /* 超出部分显示省略号 */
         .ellipsis {
           width: 100%;
           text-align: left;
+          overflow: hidden; /* 隐藏超出容器的部分 */
+          white-space: nowrap; /* 防止文本换行 */
+          text-overflow: ellipsis; /* 超出部分显示省略号 */
         }
       }