|
@@ -1,10 +1,10 @@
|
|
|
<!--
|
|
<!--
|
|
|
商品分类列表页(新版)
|
|
商品分类列表页(新版)
|
|
|
- 用途:花束/花材分类列表展示;花束编辑跳转 category-edit,花材在本页弹窗编辑
|
|
|
|
|
|
|
+ 用途:花束/花材分类列表展示;花束编辑跳转 category-edit,花材在本页弹窗编辑;分类广告见独立页 category-ad
|
|
|
-->
|
|
-->
|
|
|
<template>
|
|
<template>
|
|
|
<view class="page-container">
|
|
<view class="page-container">
|
|
|
- <!-- Tabs -->
|
|
|
|
|
|
|
+ <!-- Tabs:花束 / 花材;分类广告已独立为 category-ad 页 -->
|
|
|
<view class="tabs">
|
|
<view class="tabs">
|
|
|
<view class="tab-item" :class="{active: currentTab === 0}" @click="switchTab(0)">
|
|
<view class="tab-item" :class="{active: currentTab === 0}" @click="switchTab(0)">
|
|
|
<text>花束分类</text>
|
|
<text>花束分类</text>
|
|
@@ -14,17 +14,12 @@
|
|
|
<text>花材分类</text>
|
|
<text>花材分类</text>
|
|
|
<view class="tab-line" v-if="currentTab === 1"></view>
|
|
<view class="tab-line" v-if="currentTab === 1"></view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="tab-item" :class="{active: currentTab === 2}" @click="switchTab(2)">
|
|
|
|
|
- <text>分类广告</text>
|
|
|
|
|
- <view class="tab-line" v-if="currentTab === 2"></view>
|
|
|
|
|
- </view>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<!-- 列表头部 -->
|
|
<!-- 列表头部 -->
|
|
|
<view
|
|
<view
|
|
|
class="list-header"
|
|
class="list-header"
|
|
|
:class="{ 'layout-item-class': currentTab === 1 }"
|
|
:class="{ 'layout-item-class': currentTab === 1 }"
|
|
|
- v-if="currentTab !== 2"
|
|
|
|
|
>
|
|
>
|
|
|
<view class="col-name">分类名称</view>
|
|
<view class="col-name">分类名称</view>
|
|
|
<view class="col-num" v-if="currentTab === 0">商品数量</view>
|
|
<view class="col-num" v-if="currentTab === 0">商品数量</view>
|
|
@@ -36,7 +31,6 @@
|
|
|
<view
|
|
<view
|
|
|
class="list-container"
|
|
class="list-container"
|
|
|
:class="{ 'layout-item-class': currentTab === 1 }"
|
|
:class="{ 'layout-item-class': currentTab === 1 }"
|
|
|
- v-if="currentTab !== 2"
|
|
|
|
|
>
|
|
>
|
|
|
<block v-if="!$util.isEmpty(filteredList)">
|
|
<block v-if="!$util.isEmpty(filteredList)">
|
|
|
<view
|
|
<view
|
|
@@ -82,7 +76,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<!-- 底部操作栏 -->
|
|
<!-- 底部操作栏 -->
|
|
|
- <view class="bottom-toolbar" v-if="currentTab !== 2">
|
|
|
|
|
|
|
+ <view class="bottom-toolbar">
|
|
|
<button
|
|
<button
|
|
|
class="toolbar-btn outline-btn"
|
|
class="toolbar-btn outline-btn"
|
|
|
hover-class="none"
|
|
hover-class="none"
|
|
@@ -310,19 +304,19 @@ export default {
|
|
|
},
|
|
},
|
|
|
onLoad(options) {
|
|
onLoad(options) {
|
|
|
if (options && options.tab !== undefined) {
|
|
if (options && options.tab !== undefined) {
|
|
|
- this.currentTab = parseInt(options.tab) || 0;
|
|
|
|
|
|
|
+ // 仅保留花束(0)/花材(1);旧链 tab=2(分类广告)改走独立页
|
|
|
|
|
+ const tab = parseInt(options.tab) || 0;
|
|
|
|
|
+ this.currentTab = tab === 1 ? 1 : 0;
|
|
|
|
|
+ if (parseInt(options.tab) === 2) {
|
|
|
|
|
+ uni.redirectTo({ url: '/admin/goods/category-ad' });
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
this.uploadHeaders.token = uni.getStorageSync('token') || '';
|
|
this.uploadHeaders.token = uni.getStorageSync('token') || '';
|
|
|
this.init();
|
|
this.init();
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
switchTab(index) {
|
|
switchTab(index) {
|
|
|
- if (index === 2) {
|
|
|
|
|
- uni.navigateTo({
|
|
|
|
|
- url: '/admin/goods/category-ad'
|
|
|
|
|
- });
|
|
|
|
|
- return;
|
|
|
|
|
- }
|
|
|
|
|
if (this.currentTab === index) return;
|
|
if (this.currentTab === index) return;
|
|
|
this.currentTab = index;
|
|
this.currentTab = index;
|
|
|
this.loadCurrentTabList();
|
|
this.loadCurrentTabList();
|