增加轮播图发布，删除功能

src/api/biz/settings.js

@@ -41,3 +41,11 @@ export const removeHomeRecVideos = (id) => {
   return request("get", `/api/mgr/recommendConfig/delete/${id}`, {});
 };
 
+export const removeSwiper = (id) => {
+  return request("get", `/api/mgr/swiperConfig/remove/${id}`, {});
+};
+
+export const changeSwiperStatus = (data) => {
+  return request("post", `/api/mgr/swiperConfig/modifyStatus`, data);
+};
+

src/views/biz/homePageSetting/index.vue

@@ -10,18 +10,15 @@
         :key="swiper.id"
         :value="swiper.id"
       >
-        <div
-          class="swiper-div"
-          @click="updateSwiper(swiper)"
-        >
+        <div class="swiper-div">
           <div class="img-container">
             <img
+              @click="updateSwiper(swiper)"
               class="image"
               v-if="swiper.imageUrl"
               :src="swiper.imageUrl"
             />
             <div class="swiper-image-status">
-
               <a-tooltip
                 v-if="swiper.status === 'ENABLE'"
                 placement="bottom"
@@ -30,6 +27,8 @@
                 <a-icon
                   type="star"
                   theme="filled"
+                  class="published-swiper"
+                  @click="changeSwiperStatus(swiper,false)"
                 />
               </a-tooltip>
               <a-tooltip
@@ -37,8 +36,15 @@
                 placement="bottom"
                 title="未发布"
               >
-                <a-icon type="star" />
+                <a-icon
+                  type="star"
+                  @click="changeSwiperStatus(swiper,true)"
+                />
               </a-tooltip>
+              <a-icon
+                type="delete"
+                @click="removeSwiper(swiper)"
+              />
             </div>
           </div>
           <div class="course-name">
@@ -198,8 +204,8 @@
               v-model="currentSwiper.status"
               default-value="DISABLE"
             >
-              <a-radio value="ENABLE">上架</a-radio>
-              <a-radio value="DISABLE">下架</a-radio>
+              <a-radio value="ENABLE">已发布</a-radio>
+              <a-radio value="DISABLE">未发布</a-radio>
             </a-radio-group>
           </a-form-item>
         </a-form>
@@ -279,6 +285,8 @@ import {
   fetchAvailRecVideos,
   addHomeRecVideos,
   removeHomeRecVideos,
+  removeSwiper,
+  changeSwiperStatus,
 } from "@/api/biz/settings";
 import { uploadFile } from "@/api/biz/resource";
 import { fetchList as fetchCourseList } from "@/api/biz/course";
@@ -323,8 +331,10 @@ export default {
   },
   beforeUpdate() {},
   methods: {
+    removeSwiper(swiper) {
+      console.log(swiper);
+    },
     removeHomeRecVideo(video) {
-      console.log(video);
       removeHomeRecVideos(video.id).then((resp) => {
         this.fetchHomeRecVideos();
       });
@@ -389,6 +399,14 @@ export default {
       this.currentSwiper = swiper;
       this.showSwiperCreator = true;
     },
+    changeSwiperStatus(swiper, status) {
+      changeSwiperStatus({
+        id: swiper.id,
+        status: status ? "ENABLE" : "DISABLE",
+      }).then((resp) => {
+        this.loadAllSwiper();
+      });
+    },
     loadAllSwiper() {
       fetchAllSwiper().then((resp) => {
         this.swipers = resp.datas;
@@ -495,6 +513,10 @@ export default {
   margin-top: 10px;
 }
 
+.price-config-container .swiper-config .published-swiper {
+  color: #f0943c;
+}
+
 .price-config-container .swiper-config-hometags {
   padding-top: 20px;
 }