优选分类管理

src/pages/assistant/setting.vue

@@ -22,8 +22,8 @@
                     src="/static/common/arrows_left.png"
                 ></my-image>
             </li>
-            <li class="item">
-                <div class="name">暂停本群助理</div>
+            <li class="item" v-if="groupData.status===2 ||groupData.status===1">
+                <div class="name">启用助理</div>
                 <!-- <my-image
                     class="arrow"
                     src="/static/common/arrows_left.png"
@@ -33,6 +33,11 @@
                     @change="switchChange"
                 ></switch>
             </li>
+            <li class="item" v-else>
+                <div class="name">助理状态</div>
+                <span class="gray-text" v-if="groupData.status===0">待关联</span>
+                <span class="gray-text" v-if="groupData.status===3">助理被移除群</span>
+            </li>
         </ul>
     </div>
 </template>
@@ -53,6 +58,7 @@ export default {
 
     onLoad(opts) {
         this.groupData = this.$store.state.common.groupData;
+        // 判断只有1 和2 时可以设置
         this.switchChecked = this.groupData.status === 1 ? true : false;
     },
     async onShow() {
@@ -141,4 +147,7 @@ export default {
 switch {
     transform: scale(0.7);
 }
+.gray-text{
+    color: #666;
+}
 </style>

src/pages/youxuan/index.vue

@@ -1,34 +1,41 @@
 <template>
     <div class="page" :class="{ 'page--iphoneX': iphoneX }">
         <ul class="classify-list">
-            <black v-for="item of classifyList" :key="item.id">
+            <black v-for="item of classifyList" :key="item.categoryId">
                 <li class="item">
-                    <div class="con" @click="toggleChild(item)">
+                    <div class="con">
                         <div class="name">
                             {{ item.name }}
                         </div>
                         <div class="des">
-                            {{ item.children ? item.children.length : 0 }}个品牌
+                            <!-- {{ item.children ? item.children.length : 0 }}个品牌 -->
                         </div>
                         <!-- <my-image
                             class="arrow"
                             :class="{ up: item.showChildren }"
                             src="/static/common/arrows_left.png"
                         ></my-image> -->
-                        <div class="link" @click="jump({path:'/pages/youxuan/brand',query:{id:child.id}})">查看品牌</div>
+                        <div
+                            class="link"
+                            @click="
+                                jump({
+                                    path: '/pages/youxuan/brand',
+                                    query: { id: child.id },
+                                })
+                            "
+                        >
+                            查看品牌
+                        </div>
                     </div>
                     <div class="tool">
                         <span
                             class="status"
-                            :class="{ up: item.status === 0 }"
-                            @click="setOnline(item)"
-                            >{{ item.status === 0 ? "下架中" : "上架中" }}</span
+                            :class="{ up: item.display === 0 }"
+                            @click="setDisPlay(item)"
+                            >{{ item.display === 0 ? "不显示" : "显示" }}</span
                         >
-                        <span
-                            class="status status2"
-                            :class="{ up: item.status === 0 }"
-                            @click="setOnline(item)"
-                            >{{ item.status === 0 ? "置顶" : "取消置顶" }}</span
+                        <span class="status status2" @click="setLevel(item)"
+                            >推荐：{{ item.rcommandLevel }}</span
                         >
                         <!-- <div class="setting" @click="setting(item, 'root')">
                             设置
@@ -38,189 +45,76 @@
             </black>
         </ul>
         <!-- <div class="add-classify" @click="add">新建分类</div> -->
+
+        <uni-popup ref="popup" type="dialog">
+            <uni-popup-dialog
+                mode="input"
+                :title="'推荐等级'"
+                :content="false"
+                :inputType="'number'"
+                :value="level"
+                placeholder="请输入推荐等级"
+                @confirm="popupConfirm"
+            ></uni-popup-dialog>
+        </uni-popup>
     </div>
 </template>
 
 <script>
 import MyImage from "../../components/image/index";
+import uniPopup from "../../components/uni-popup/uni-popup";
+import uniPopupDialog from "../../components/uni-popup/uni-popup-dialog";
 
 export default {
     name: "",
-    components: { MyImage },
+    components: { MyImage, uniPopup, uniPopupDialog },
 
     // 数据
     data() {
         return {
-            storeId: "",
-            classifyList: [
-                {
-                    name: "分类一",
-                    id: 1,
-                    children: [
-                        {
-                            name: "品牌一",
-                            id: 11,
-                        },
-                    ],
-                },
-            ],
+            classifyList: [],
+            curData: {},
+            level: 0,
         };
     },
 
     onLoad() {
         if (this.user.storeId) {
-            this.storeId = this.user.storeId;
         }
     },
     async onShow() {
-        // this.getClassify();
+        this.getClassify();
     },
     // 函数
     methods: {
         // 获取分类
         getClassify() {
-            let storeId = this.storeId;
-            this.api
-                .get("/Product/GetProductType", {
-                    storeId,
-                })
-                .then((res) => {
-                    this.classifyList = res.data;
-                });
-        },
-        toggleChild(val) {
-            val.showChildren = !val.showChildren;
-            this.$forceUpdate();
-        },
-        // 设置菜单
-        setting(val, type) {
-            let arr = ["置顶", "取消置顶"];
-            if (type === "root") {
-                arr.push("新增二级分类");
-            }
-            this.fn.showActionSheet(arr).then((res) => {
-                switch (res) {
-                    case 0:
-                        this.edit(val);
-                        break;
-                    case 1:
-                        this.remove(val, false);
-                        break;
-                    case 2:
-                        this.move(val, false);
-                        break;
-                    case 3:
-                        this.move(val, true);
-                        break;
-                    case 4:
-                        this.addChild(val);
-                        break;
-
-                    default:
-                        break;
-                }
-            });
-        },
-
-        // 编辑
-        edit(val) {
-            this.$store.commit("common/update", {
-                editClassify: val,
-            });
-            this.router.push({
-                path: "/pages/manage/classify-form",
-                query: {
-                    id: val.id,
-                },
+            uni.showLoading({
+                title: "加载中...",
             });
-        },
-
-        // 删除 confirm是否确认删除
-        remove(val, confirm) {
-            this.api
-                .post("/Product/RemoveType", {
-                    query: true,
-                    id: val.id,
-                    confirm: confirm,
-                })
-                .then((res) => {
-                    if (res.success) {
-                        this.fn.showToast("删除成功");
-                        let arr = [];
-                        for (let item of this.classifyList) {
-                            if (item.id !== val.id) {
-                                arr.push(item);
-                            }
-                        }
-                        this.classifyList = arr;
-                    } else {
-                        this.fn
-                            .showModal({
-                                content: "是否确认删除？",
-                            })
-                            .then((res) => {
-                                if (res.confirm) {
-                                    this.remove(val, true);
-                                }
-                            });
-                    }
-                });
-        },
-
-        // 移动  up 上移或下移，true-上移，false-下移
-        move(val, up) {
-            this.api
-                .post("/Product/MoveType", {
-                    query: true,
-                    id: val.id,
-                    up: up,
-                })
-                .then((res) => {
-                    if (res.success) {
-                        this.fn.showToast("移动成功");
-                        this.getClassify();
-                    } else {
-                        this.fn.showModal({
-                            title: "移动失败",
-                            content: res.message,
-                            showCancel: false,
-                        });
-                    }
-                });
-        },
-
-        // 新增
-        add() {
-            this.router.push({
-                path: "/pages/manage/classify-form",
+            this.api.get("/Yx/GetCategoryList", {}).then((res) => {
+                uni.hideLoading();
+                this.classifyList = res.data;
             });
         },
 
-        // 增加子集
-        addChild(val) {
-            this.router.push({
-                path: "/pages/manage/classify-form",
-                query: {
-                    parentId: val.id,
-                },
-            });
-        },
-        // 上下架
-        setOnline(val) {
-            if (val.status === 0) {
+        // 显示隐藏
+        setDisPlay(val) {
+            console.log(val);
+            if (val.display === 0) {
                 //下架中，点击上架
                 this.api
-                    .get("/Product/TypeGoOnline", {
-                        typeId: val.id,
+                    .post("/Yx/SetCategoryDisplay", {
+                        categoryId: val.categoryId,
+                        display: 1,
                     })
                     .then((res) => {
                         if (res.success) {
-                            // this.fn.showToast("上架成功");
-                            val.status = 1;
+                            val.display = 1;
                             this.$forceUpdate();
                         } else {
                             this.fn.showModal({
-                                title: "上架失败",
+                                title: "设置失败",
                                 content: res.message,
                                 showCancel: false,
                             });
@@ -228,17 +122,18 @@ export default {
                     });
             } else {
                 this.api
-                    .get("/Product/TypeGoOffline", {
-                        typeId: val.id,
+                    .post("/Yx/SetCategoryDisplay", {
+                        categoryId: val.categoryId,
+                        display: 0,
                     })
                     .then((res) => {
                         if (res.success) {
                             // this.fn.showToast("下架成功");
-                            val.status = 0;
+                            val.display = 0;
                             this.$forceUpdate();
                         } else {
                             this.fn.showModal({
-                                title: "下架失败",
+                                title: "设置失败",
                                 content: res.message,
                                 showCancel: false,
                             });
@@ -246,6 +141,44 @@ 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;
+                            }
+                        }
+                        this.$forceUpdate();
+                    } else {
+                        this.fn.showModal({
+                            title: "设置失败",
+                            content: res.message,
+                            showCancel: false,
+                        });
+                    }
+                });
+            done();
+        },
     },
 
     // 数据计算
@@ -364,8 +297,8 @@ export default {
             display: flex;
             align-items: center;
             justify-content: center;
-            &.status2{
-                width: px(150);
+            &.status2 {
+                width: px(210);
             }
             &.up {
                 background-color: #ffeded;