问题修改

src/views/courselibrary/CourseRecommended.vue

@@ -54,7 +54,6 @@
       </div>
       <!-- 搜索框及按钮 -->
     </div>
-    <a-alert style="width: 200px;position: fixed;top: 5%;left: 50%;margin-left: -100px;" message="最多推荐三个" type="success" closable v-show="toDisplay" :after-close="handleClose"/>
     <!-- 表格 -->
     <div style="padding: 10px 35px">
       <a-table
@@ -153,7 +152,7 @@ export default defineComponent({
     
       if(state.count>=3){
         if(record.recommendStatus!==1){
-          alert('多了')
+          message.info('最多推荐三个')
           return
         } 
       }
@@ -173,7 +172,6 @@ export default defineComponent({
     const sysTypeOptions = computed(() => {return store.state.content_type;});
     const state = reactive({
       //测试
-      toDisplay:false,
       count:0,
       total:0,
       tableLoading: false,
@@ -196,7 +194,7 @@ export default defineComponent({
           ellipsis: true,
           align: "left",
           customRender: ({ text }) => {
-            return `${text?text.length>12?text.slice(0,12)+'...':text:text}`           
+            return text?text.length>12?text.slice(0,12)+'...':text:''          
           },   
         },
          {
@@ -214,12 +212,13 @@ export default defineComponent({
         },       
         {
           title: "关键字",
+          width: 100,
           dataIndex: "keywords",
           key: "keywords",
           align: "left",
           ellipsis: true,
           customRender: ({ text }) => {
-            return text? text.length>12? text.slice(0,12)+'...' : text : ''
+            return text? text.length>8? text.slice(0,8)+'...' : text : ''
           },
         },
         {
@@ -256,7 +255,7 @@ export default defineComponent({
           },
         },   
         {
-          title: "是否推荐",
+          title: "推荐人",
           width: 100,
           dataIndex: "recommendStatus",
           key: "recommendStatus",
@@ -344,9 +343,9 @@ export default defineComponent({
     // })
     watch(() => state.count,(value) => {
       if(value>=3){
-        state.toDisplay = true
+        message.info('最多推荐三个')
       }
-      getTableDate()
+      // getTableDate()
       console.log(value,'新值');
     })
     getTableDate();