课程推荐

src/views/courselibrary/CourseRecommended.vue

@@ -45,7 +45,7 @@
               <div class="search"></div>
               <div class="btnText">搜索</div>
             </div>
-            <div class="btnn btn2" @click="handleRest1" style="width: 110px">
+            <div class="btnn btn2" @click="handleRest1">
               <div class="search"></div>
               <div class="btnText">重置</div>
             </div>
@@ -84,7 +84,7 @@
     <div class="pa">
       <a-pagination
         v-if="tableDataTotal1 > 10"
-        :showSizeChanger="false"
+        :showSizeChanger="true"
         :showQuickJumper="true"
         :hideOnSinglePage="true"
         :pageSize="pageSize1"
@@ -218,7 +218,7 @@ export default defineComponent({
           align: "left",
           ellipsis: true,
           customRender: ({ text }) => {
-            return text? text.length>8? text.slice(0,8)+'...' : text : ''
+            return <span>`${text? text.length>3? text.slice(0,3)+'...' : text : ''}`</span>
           },
         },
         {
@@ -260,12 +260,12 @@ export default defineComponent({
           dataIndex: "recommendStatus",
           key: "recommendStatus",
           align: "center",
-          customRender: ({ text }) => {
+          customRender: ({ text,record }) => {
             switch (text) {
               case 0:
-                return <span>未推荐</span>;
+                return <span>-</span>;
               case 1:
-                return <span>已推荐</span>;
+                return record.recommendBy;
               default:
                 return <span>-</span>;
             }
@@ -290,6 +290,7 @@ export default defineComponent({
       name: "",
       createName: "",
       teacherName:"",
+      recommendBy:'',
       sysType1:"",      //内容分类
       sysType2:"",
       sysType3:"",
@@ -324,6 +325,7 @@ export default defineComponent({
         teacherName:state.teacherName,
         sysTypeId: state.sysTypeId,
         name:state.name,
+        recommendBy:state.recommend_by,
         sysType: state.sysTypeId,
         sysType1:state.sysType1,
         sysType2:state.sysType2,
@@ -471,7 +473,8 @@ export default defineComponent({
       .btnn {
         padding: 0px 26px 0px 26px;
         height: 38px;
-        background: #4ea6ff;
+        // background: #4ea6ff;
+        color: #388BE1;
         border-radius: 8px;
         border: 1px solid rgba(64, 158, 255, 1);
         display: flex;
@@ -488,7 +491,7 @@ export default defineComponent({
         .btnText {
           font-size: 14px;
           font-weight: 400;
-          color: #fff;
+          color: #388BE1;
           line-height: 36px;
           margin-left: 5px;
         }
@@ -511,7 +514,7 @@ export default defineComponent({
         .search {
           width: 16px;
           height: 18px;
-          background-image: url("../../assets/images/courseManage/reset0.png");
+          background-image: url("../../assets/images/courseManage/reset1.png");
         }
 
         .daochu {