上下架

src/pages/manage/classify.vue

@@ -19,9 +19,12 @@
                         ></my-image>
                     </div>
                     <div class="tool">
-                        <!-- <span class="status" :class="{ up: item.status === 1 }">{{
-                        item.status === 0 ? "下架" : "上架"
-                    }}</span> -->
+                        <span
+                            class="status"
+                            :class="{ up: item.status === 0 }"
+                            @click="setOnline(item)"
+                            >{{ item.status === 0 ? "下架中" : "上架中" }}</span
+                        >
                         <div class="setting" @click="setting(item, 'root')">
                             设置
                         </div>
@@ -45,9 +48,14 @@
                             </div>
                         </div>
                         <div class="tool">
-                            <!-- <span class="status" :class="{ up: item.status === 1 }">{{
-                        item.status === 0 ? "下架" : "上架"
-                    }}</span> -->
+                            <span
+                                class="status"
+                                :class="{ up: child.status === 0 }"
+                                @click="setOnline(child)"
+                                >{{
+                                    child.status === 0 ? "下架中" : "上架中"
+                                }}</span
+                            >
                             <div class="setting" @click="setting(child)">
                                 设置
                             </div>
@@ -215,6 +223,47 @@ export default {
                 },
             });
         },
+        // 上下架
+        setOnline(val) {
+            if (val.status === 0) {
+                //下架中，点击上架
+                this.api
+                    .get("/Product/TypeGoOnline", {
+                        typeId: val.id,
+                    })
+                    .then((res) => {
+                        if (res.success) {
+                            // this.fn.showToast("上架成功");
+                            val.status = 1;
+                            this.$forceUpdate();
+                        } else {
+                            this.fn.showModal({
+                                title: "上架失败",
+                                content: res.message,
+                                showCancel: false,
+                            });
+                        }
+                    });
+            } else {
+                this.api
+                    .get("/Product/TypeGoOffline", {
+                        typeId: val.id,
+                    })
+                    .then((res) => {
+                        if (res.success) {
+                            // this.fn.showToast("下架成功");
+                            val.status = 0;
+                            this.$forceUpdate();
+                        } else {
+                            this.fn.showModal({
+                                title: "下架失败",
+                                content: res.message,
+                                showCancel: false,
+                            });
+                        }
+                    });
+            }
+        },
     },
 
     // 数据计算
@@ -316,14 +365,15 @@ export default {
             }
         }
         .status {
-            width: px(88);
-            height: px(40);
+            width: px(120);
+            height: px(44);
             background-color: #e7faf0;
             border-radius: px(8);
             border: 1px solid #d0f5e0;
             font-size: px(32);
             color: #13ce66;
-            margin-right: px(20);
+            padding: px(6) px(3);
+            margin-right: px(30);
             display: flex;
             align-items: center;
             justify-content: center;