修改置顶

src/components/xuan-switch/xuan-switch.vue

@@ -0,0 +1,214 @@
+<template>
+    <view class="switch-container" :style="[{ background: bj_color }]">
+        <view class="switch_view">
+            <view
+                class="switch-item"
+                :class="{ checked_switch: isSwitch }"
+                :style="isSwitch ? `color:${checked_color}` : ''"
+                @click.prevent.stop="changeSwitch(true)"
+                :animation="animationData2"
+            >
+                {{ switchList[0] }}
+            </view>
+            <view
+                class="switch-item"
+                :class="{ checked_switch: !isSwitch }"
+                :style="!isSwitch ? `color:${checked_color}` : ''"
+                @click.prevent.stop="changeSwitch(false)"
+                :animation="animationData3"
+            >
+                {{ switchList[1] }}
+            </view>
+        </view>
+        <view class="disabled" v-if="disabled"></view>
+        <view
+            class="position_view"
+            :animation="animationData1"
+            :style="[{ background: checked_bj_color }]"
+        ></view>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        switchList: {
+            type: Array,
+            default: () => {
+                return ["开", "关"];
+            },
+        },
+        defaultSwitch: {
+            type: Boolean,
+            default: true,
+        },
+        isShowModal: {
+            //改变开关时，是否弹框提醒
+            type: Boolean,
+            default: false,
+        },
+        disabled: {
+            type: Boolean,
+            default: false,
+        },
+        bj_color: {
+            type: String,
+            default: "#fff",
+        },
+        // checked_bj_color:{
+        //   type:String,
+        //   default:'rgb(0, 188, 38)',
+        // },
+        changeBgColor: {
+            type: Boolean,
+            default: true,
+        },
+        checked_color: {
+            type: String,
+            default: "#fff",
+        },
+    },
+    data() {
+        return {
+            isSwitch: true,
+            initAnimation: {},
+            animationData1: {},
+            animationData2: {},
+            animationData3: {},
+            checked_bj_color: "00bc26", //#f44336红 #00bc26绿
+        };
+    },
+    created() {
+        this.initAnimation = uni.createAnimation({
+            duration: 500,
+            timingFunction: "ease",
+        });
+        this.isSwitch = this.defaultSwitch;
+        this.changeAnimation();
+    },
+    methods: {
+        changeSwitch(isSwitch) {
+            if (isSwitch == this.isSwitch || this.disabled) {
+                return;
+            }
+            if (this.isShowModal) {
+                let index = isSwitch ? 0 : 1;
+                let text = this.switchList[index];
+                uni.showModal({
+                    title: "提示",
+                    content: `您确定要将其调整为${text}吗？`,
+                    success: (res) => {
+                        if (res.confirm) {
+                            this.isSwitch = isSwitch;
+                            this.changeAnimation();
+                            this.callParentEvent(isSwitch);
+                        }
+                    },
+                });
+            } else {
+                this.isSwitch = isSwitch;
+                this.changeAnimation();
+                this.callParentEvent(isSwitch);
+            }
+        },
+        changeAnimation() {
+            if (this.isSwitch) {
+                this.animationData1 = this.initAnimation
+                    .left(0)
+                    .width("60%")
+                    .step()
+                    .export();
+                this.animationData2 = this.initAnimation
+                    .width("60%")
+                    .step()
+                    .export();
+                this.animationData3 = this.initAnimation
+                    .width("40%")
+                    .step()
+                    .export();
+            } else {
+                this.animationData1 = this.initAnimation
+                    .left("40%")
+                    .width("60%")
+                    .step()
+                    .export();
+                this.animationData2 = this.initAnimation
+                    .width("40%")
+                    .step()
+                    .export();
+                this.animationData3 = this.initAnimation
+                    .width("60%")
+                    .step()
+                    .export();
+            }
+        },
+        callParentEvent() {
+            this.$emit("change", this.isSwitch);
+        },
+    },
+    watch: {
+        isSwitch(v) {
+            if (this.changeBgColor) {
+                if (v) {
+                    this.checked_bj_color = "#00bc26";
+                } else {
+                    this.checked_bj_color = "#f44336";
+                }
+            }
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.switch-container {
+    display: flex;
+    flex-direction: row;
+    width: 160upx;
+    height: 60upx;
+    border-radius: 100upx;
+    border: 1upx solid #ccc;
+    position: relative;
+    .switch_view {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 1;
+        display: flex;
+        border-radius: 100upx;
+        .switch-item {
+            color: #666;
+            font-size: 24upx;
+            height: 100%;
+            width: 40%;
+            border-radius: 100upx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+    }
+    .position_view {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 60%;
+        height: 100%;
+        border-radius: 100upx;
+        background: rgb(0, 188, 38);
+        transition: all 0.3s;
+    }
+    .disabled {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 99;
+        background: #fff;
+        opacity: 0.6;
+        border-radius: 100upx;
+    }
+}
+</style>

src/pages.json

@@ -513,7 +513,7 @@
         {
             "path": "pages/youxuan/index",
             "style": {
-                "navigationBarTitleText": "优选管理"
+                "navigationBarTitleText": "优选分类"
             }
         },
         {

src/pages/assistant/add-platform.vue

@@ -147,12 +147,12 @@ export default {
                 }
             }
             this.api
-                .post("/Group/AddJDPlatform", sendData, { pass: true })
+                .get("/Group/AddJDPlatform", sendData, { pass: true })
                 .then((res) => {
                     if (res.success) {
                         this.fn.showModal({
                             title: "添加平台成功",
-                            content: `你已成功添加${1},如果需要在群内关联平台，请在群详情下关联平台，获取点击“一键关联群”，现在一键关联`,
+                            content: `你已成功添加${''},如果需要在群内关联平台，请在群详情下关联平台，获取点击“一键关联群”，现在一键关联`,
                             confirmText: "一键关联",
                             cancelText: "稍后关联",
                             confirmColor: "#42b983",

src/pages/assistant/setting.vue

@@ -9,7 +9,7 @@
                 ></my-image>
             </li>
             <li class="item" @click="jump('/pages/assistant/set-time')">
-                <div class="name">助理禁言时间</div>
+                <div class="name">助理工作时间</div>
                 <my-image
                     class="arrow"
                     src="/static/common/arrows_left.png"

src/pages/manage/index.vue

@@ -77,7 +77,7 @@
 
         <!-- <button class="btn" @click="layout">退出登录</button> -->
 
-        <div class="ver">0.5.34</div>
+        <div class="ver">0.5.35</div>
         <wyg-bottom-tab
             ref="tabbar"
             :tabIndex="2"

src/pages/youxuan/index.vue

@@ -3,35 +3,39 @@
         <ul class="classify-list">
             <black v-for="item of classifyList" :key="item.categoryId">
                 <li class="item">
-                    <div class="con">
+                    <div
+                        class="con"
+                        @click="
+                            jump({
+                                path: '/pages/youxuan/brand',
+                                query: { cateId: item.categoryId },
+                            })
+                        "
+                    >
                         <div class="name">
                             {{ item.name }}
                         </div>
                         <div class="des">
                             <!-- {{ item.children ? item.children.length : 0 }}个品牌 -->
                         </div>
-                        <div
-                            class="link"
-                            @click="
-                                jump({
-                                    path: '/pages/youxuan/brand',
-                                    query: { cateId: item.categoryId },
-                                })
-                            "
-                        >
-                            查看品牌
-                        </div>
+                        <my-image
+                            class="arrow"
+                            :class="{ up: item.showChildren }"
+                            src="/static/common/arrows_left.png"
+                        ></my-image>
                     </div>
                     <div class="tool">
-                        <span
+                        <!-- <span
                             class="status"
                             :class="{ up: item.display === 0 }"
                             @click="setDisPlay(item)"
                             >{{ item.display === 0 ? "不显示" : "显示" }}</span
-                        >
-                        <span class="status status2" @click="setLevel(item)"
+                        > -->
+                        <!-- <span class="status status2" @click="setLevel(item)"
                             >推荐：{{ item.rcommandLevel }}</span
-                        >
+                        > -->
+                        <selectSwitch class="switch" :defaultSwitch="item.display===1" @change="displaySwitch(item,$event)" :switchList="['显示','隐藏']"/>
+                        <selectSwitch class="switch" :defaultSwitch="item.top!==0" @change="setTopSwitch(item,$event)" :switchList="['置顶','取消']" :changeBgColor="false"/>
                     </div>
                 </li>
             </black>
@@ -56,10 +60,11 @@
 import MyImage from "../../components/image/index";
 import uniPopup from "../../components/uni-popup/uni-popup";
 import uniPopupDialog from "../../components/uni-popup/uni-popup-dialog";
+import selectSwitch  from "../../components/xuan-switch/xuan-switch";
 
 export default {
     name: "",
-    components: { MyImage, uniPopup, uniPopupDialog },
+    components: { MyImage, uniPopup, uniPopupDialog,selectSwitch  },
 
     // 数据
     data() {
@@ -91,7 +96,7 @@ export default {
         },
 
         // 显示隐藏
-        setDisPlay(val) {
+        displaySwitch(val,e) {
             if (val.display === 0) {
                 //下架中，点击上架
                 this.api
@@ -134,42 +139,50 @@ export default {
         },
 
         // 推荐等级设置
-        setLevel(val) {
-            this.level = val.rcommandLevel;
-            this.curData = val;
-            this.$refs.popup.open({
-                type: "dialog",
-            });
-        },
-
-        popupConfirm(done, value) {
-            if (!value) {
-                return this.fn.showToast("请输入推荐等级");
-            }
-            this.api
-                .post("/Yx/SetRecommandLevel", {
-                    categoryId: this.curData.categoryId,
-                    rcommandLevel: value,
-                })
-                .then((res) => {
-                    if (res.success) {
-                        // this.fn.showToast("下架成功");
-                        for(let item of this.classifyList){
-                            if(item.categoryId === this.curData.categoryId){
-                                item.rcommandLevel = value;
-                            }
+        setTopSwitch(val) {
+            if (val.top === 0) {
+                // 置顶
+                this.api
+                    .post("/Yx/SetCategoryTop", {
+                        id: val.categoryId,
+                        query:true
+                    })
+                    .then((res) => {
+                        if (res.success) {
+                            val.top = 99;
+                            this.$forceUpdate();
+                        } else {
+                            this.fn.showModal({
+                                title: "设置失败",
+                                content: res.message,
+                                showCancel: false,
+                            });
+                        }
+                    });
+            } else {
+                // 取消置顶
+                this.api
+                    .post("/Yx/CancelCategoryTop", {
+                        id: val.categoryId,
+                        query:true
+                    })
+                    .then((res) => {
+                        if (res.success) {
+                            // this.fn.showToast("下架成功");
+                            val.top = 0;
+                            this.$forceUpdate();
+                        } else {
+                            this.fn.showModal({
+                                title: "设置失败",
+                                content: res.message,
+                                showCancel: false,
+                            });
                         }
-                        this.$forceUpdate();
-                    } else {
-                        this.fn.showModal({
-                            title: "设置失败",
-                            content: res.message,
-                            showCancel: false,
-                        });
-                    }
-                });
-            done();
+                    });
+            }
         },
+
+
     },
 
     // 数据计算
@@ -234,7 +247,7 @@ export default {
             justify-content: center;
         }
         .con {
-            width: 50%;
+            width: 40%;
             padding-right: px(44);
             position: relative;
         }
@@ -303,4 +316,7 @@ export default {
         background-color: #efefef;
     }
 }
+.switch~.switch{
+    margin-left: px(40);
+}
 </style>