面授连同周边修改

src/components/student/TableStudent.vue

@@ -196,7 +196,7 @@
         :data-source="tableData.list"
         :pagination="stuPagination"
         :loading="tableData.loading"
-        :scroll="{ x: 1500 }"
+        :scroll="{ x: 'max-content' }"
         row-key="id"
         :row-selection="stuRowSelection"
       >
@@ -467,7 +467,7 @@ const tablecolumns = ref([
     title: "姓名",
     dataIndex: "studentName",
     key: "studentName",
-    width: "10%",
+    width: "160px",
     align: "left",
     className: "h",
     ellipsis: true,
@@ -496,7 +496,7 @@ const tablecolumns = ref([
     title: "工号",
     dataIndex: "studentUserNo",
     key: "studentUserNo",
-    width: "20%",
+    width: "120px",
     align: "center",
     className: "h",
     ellipsis: true,
@@ -505,12 +505,12 @@ const tablecolumns = ref([
     title: "部门",
     dataIndex: "studentDepartName",
     key: "studentDepartName",
-    width: "15%",
+    width: "200px",
     align: "center",
     className: "h",
-    ellipsis: true,
+    customCell  :() => {return {style: {maxWidth: '200px',overflow: 'hidden',whiteSpace: 'nowrap',textOverflow:'ellipsis',cursor:'pointer'}}},
     customRender: ({ record: { studentOrgName, studentDepartName } }) =>
-      allDepartShow(studentOrgName),
+      <a-tooltip color="white" placement="topLeft" title={allDepartShow(studentOrgName)} >{allDepartShow(studentOrgName)}</a-tooltip>
   },
   {
     title: "所属小组",
@@ -525,8 +525,9 @@ const tablecolumns = ref([
     title: "加入方式",
     dataIndex: "source",
     key: "source",
-    width: "10%",
+    width: "120px",
     align: "center",
+    ellipsis: true,
     customRender: ({ record: { source } }) =>
       // ({ 1: "快速添加", 2: "组织", 3: "受众", 4: "报名" }[source]),
       ({
@@ -544,7 +545,8 @@ const tablecolumns = ref([
     title: "操作",
     dataIndex: "operation",
     key: "operation",
-    width: 260,
+    width: '260px',
+    fixed: "right",
     align: "center",
     slots: { customRender: "action" },
   },