From 3dc3a39840f4533be6e048e399cd87c740727013 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Tue, 31 Oct 2023 11:30:18 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E5=A4=B4=E5=AE=9A=E5=AE=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 32 +++++++++++--------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 700e2a4e..2e3555ec 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -67,7 +67,7 @@
         :data-source="tableData1"
         :loading="tableLoading"
         :pagination="false"
-        :scroll="{ x: 'max-content' }"
+        :scroll="{ x: 1300 }"
         row-key="id"
       >
         <template #actions="{ text, record, index }">
@@ -190,7 +190,7 @@ export default defineComponent({
       columns1: [
         {
           title: "序号",
-          width: 80,
+          width: 40,
           dataIndex: "xuhaoid",
           key: "xuhaoid",
           align: "center",
@@ -200,18 +200,19 @@ export default defineComponent({
         },
         {
           title: "名称",
-          width: 200,
+          width: 120,
           dataIndex: "name",
           key: "name",
           ellipsis: true,
           align: "left",
           customRender: ({ text }) => {
-            return <a-tooltip placement="bottomLeft" title = {text} >{text?text.length>12?text.slice(0,12)+'...':text:''}</a-tooltip>
+            return text ? text : "";
+            // return <a-tooltip placement="bottomLeft" title = {text} >{text?text.length>12?text.slice(0,12)+'...':text:''}</a-tooltip>
           },
         },
          {
           title: "内容分类",
-          width: 200,
+          width: 100,
           dataIndex: "sysType1",
           ellipsis: true,
           key: "keywords",
@@ -224,18 +225,19 @@ export default defineComponent({
         },
         {
           title: "关键字",
-          width: 100,
+          width: 90,
           dataIndex: "keywords",
           key: "keywords",
           align: "left",
           ellipsis: true,
           customRender: ({ text }) => {
-            return <a-tooltip placement="bottomLeft" title = {text} >{text? text.length>12? text.slice(0,12)+'...' : text : ''}</a-tooltip>
+            return text ? text : "";
+            // return <a-tooltip placement="bottomLeft" title = {text} >{text? text.length>12? text.slice(0,12)+'...' : text : ''}</a-tooltip>
           },
         },
         {
           title: "授课教师",
-          width: 100,
+          width: 52,
           dataIndex: "teacherName",
           key: "8",
           ellipsis: true,
@@ -246,7 +248,7 @@ export default defineComponent({
         },
         {
           title: "创建时间",
-          width: 100,
+          width: 84,
           dataIndex: "sysCreateTime",
           key: "9",
           ellipsis: true,
@@ -257,7 +259,7 @@ export default defineComponent({
         }, 
         {
           title: "推荐时间",
-          width: 100,
+          width: 84,
           ellipsis: true,
           dataIndex: "recommendTime",
           key: "10",
@@ -268,7 +270,7 @@ export default defineComponent({
         },   
         {
           title: "推荐人",
-          width: 100,
+          width: 52,
           dataIndex: "recommendStatus",
           key: "recommendStatus",
           align: "center",
@@ -285,7 +287,7 @@ export default defineComponent({
         },
         {
           title: "操作",
-          width: 100,
+          width: 52,
           dataIndex: "id",
           key: "id",
           fixed: "right",
@@ -428,7 +430,9 @@ export default defineComponent({
 });
 </script>
 <style lang="scss" scoped>
-
+:deep(.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before){
+  background-color: rgba(0, 0, 0, 0.1);
+}
 .grey{
   color: gray;
 }
@@ -495,7 +499,7 @@ export default defineComponent({
       .btnn {
         padding: 0px 26px 0px 26px;
         height: 38px;
-        // background: #4ea6ff;
+        background: #ffffff;
         color: #388BE1;
         border-radius: 8px;
         border: 1px solid rgba(64, 158, 255, 1);