修改样式

src/components/courserecommended/AddCourse.vue

@@ -34,7 +34,7 @@
         <a-table style="border: 1px solid #f2f6fe;" :columns="state.columns" :data-source="state.dataSource"
           :loading="!loading" :row-selection="rowSelection" :pagination="pagination" />
       </div>
-      <div class="right1" style="min-width: 200px">
+      <div class="right1" style="min-width: 230px">
         <div class="onerow">
           <div class="onleft">
             <div class="already">已选</div>
@@ -45,14 +45,14 @@
             <div v-for="(item, i) in state.selectedRow" :key="i">
               <div v-if="i < 11">
                 <div class="chose">
-                  {{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
+                  {{ item.title.length > 7 ? item.title.slice(0, 7) + '...' : item.title }}
                   <div class="ch" @click="remove(item.id)"></div>
                 </div>
               </div>
               <div v-else>
                 <div v-if="state.member">
                   <div class="chose">
-                    {{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
+                    {{ item.title.length > 7 ? item.title.slice(0, 7) + '...' : item.title }}
                     <div class="ch" @click="remove(item.id)"></div>
                   </div>
                 </div>
@@ -508,8 +508,8 @@ const deduplicateArrayById = (arr) => {
       }
 
       .chose {
-        min-width: 64px;
+        width: 160px;
-        height: 24px;
+        height: 32px;
         margin-top: 25px;
         margin-right: 25px;
         display: flex;
@@ -521,7 +521,7 @@ const deduplicateArrayById = (arr) => {
         font-size: 12px;
         position: relative;
         padding: 0 10px;
-
+        border-radius: 16px;
         .ch {
           position: absolute;
           width: 18px;

src/components/courserecommended/CourseRecommended.vue

@@ -108,7 +108,7 @@ export default defineComponent({
     
   },
   setup(props, { emit }) {
-
+    
         // 预览弹框 开启和关闭
     const ft_exit_see = () => {
       state.lookCourseModal = false;
@@ -149,13 +149,14 @@ const getList = (num) => {
       state.tableLoading = true;
       state.data = res?.result?.list || [];
       state.total = res?.result?.count || 0;
-      console.log(state.data)
+      console.log("总数据",state.data)
-      
+
     })
     .catch(() => {
       state.tableLoading = false;
     });
 };
+
 getList()
 
     const value = ref('');

src/components/courserecommended/RecommendedCourse.vue

@@ -58,9 +58,9 @@ import { isTopList, downloadErrorRecords, UploadProps } from '@/api/case'
 import AddCourse from "@/components/courserecommended/AddCourse";
 import useDownload from '@/hooks/useDownload'
 const state = reactive({
-  sellName:"",      //推荐标题
+  sellName:"1",      //推荐标题
-  sellIntro:"",     //推荐组织
+  sellIntro:"1",     //推荐组织
-  sellForm:"",      //推荐理由
+  sellForm:"1",      //推荐理由
 })
 const newNext = ref(false);
 const handleNew = () => {

src/views/courselibrary/CourseRecommended.vue

@@ -10,9 +10,9 @@
         </div>
         <div class="select">
           <div class="select addTimeBox">
-            <div class="addTime">创建时间：</div>
+            <div class="addTime"><img src="../../assets/images/courseManage/time.png" class="timePng"></div>
-            <a-range-picker v-model:value="recommendTimeList" style="width: 420px" @change="timeChange"
+            <a-range-picker v-model:value="recommendTimeList" style="width: 354px" @change="timeChange"
-              format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" separator="至" :placeholder="['      开始时间', '        结束时间']" />
+              format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" separator="至" :placeholder="['开始时间', '      结束时间']" />
           </div>
         </div>
         <div style="display: flex; margin-bottom: 20px">
@@ -447,16 +447,23 @@ const handleNew = () => {
   position: relative;
   display: flex;
   align-items: center;
-
+  :deep(.ant-picker-range-separator){
+    padding: 0;
+    margin-right: 30px;
+  }
   .addTime {
     position: absolute;
     z-index: 10;
     margin-left: 10px;
     color: rgba(0, 0, 0, 0.4);
+    .timePng{
+      width: 20px;
+      height: 20px;
+    }
   }
 
   .ant-picker {
-    padding-left: 85px;
+    padding-left: 50px;
   }
 
   .ant-picker-range .ant-picker-active-bar {