111 lines
2.9 KiB
Vue
111 lines
2.9 KiB
Vue
<template>
|
||
<view class="container">
|
||
<view class="search"><search></search></view>
|
||
<shop-item v-for="(item, index) in shopList" :key="index" :itemObject="item" @handleMethod="handleMethod"></shop-item>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
// +----------------------------------------------------------------------
|
||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||
// +----------------------------------------------------------------------
|
||
// | Copyright (c) 2016~2024 https://www.crmeb.com All rights reserved.
|
||
// +----------------------------------------------------------------------
|
||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||
// +----------------------------------------------------------------------
|
||
// | Author: CRMEB Team <admin@crmeb.com>
|
||
// +----------------------------------------------------------------------
|
||
import shopItem from '../components/shopItem.vue';
|
||
import search from '../components/search.vue';
|
||
import { productLstApi, productDestory, productRestore } from 'api/product.js';
|
||
import { Toast, Modal } from 'libs/uniApi.js';
|
||
export default {
|
||
components: {
|
||
shopItem,
|
||
search
|
||
},
|
||
data() {
|
||
return {
|
||
merId: '',
|
||
where: {
|
||
page: 1,
|
||
limit: 15
|
||
},
|
||
shopList: [],
|
||
selectMenuId: 5
|
||
};
|
||
},
|
||
onLoad(opt) {
|
||
this.merId = opt.mer_id;
|
||
this.initData();
|
||
},
|
||
// 下拉到底部
|
||
onReachBottom() {
|
||
this.where.page++;
|
||
this.initData('concat');
|
||
},
|
||
methods: {
|
||
initData(type) {
|
||
productLstApi(this.merId, { ...this.where, type: this.selectMenuId }).then(res => {
|
||
if (type == 'concat') {
|
||
this.shopList = this.shopList.concat(res.data.list);
|
||
} else {
|
||
this.shopList = res.data.list;
|
||
}
|
||
// 给每一个列表项,添加可用功能
|
||
this.shopList.forEach(item => {
|
||
this.$set(item, 'handleList', [
|
||
{
|
||
id: 1,
|
||
label: '删除'
|
||
},
|
||
{
|
||
id: 2,
|
||
label: '还原'
|
||
}
|
||
]);
|
||
});
|
||
});
|
||
},
|
||
// 彻底删除
|
||
handleProductDestory(obj, index) {
|
||
Modal('温馨提示', `商品"${obj.store_name}", 将被彻底删除，请问是否继续`).then(() => {
|
||
productDestory(this.merId, obj.product_id).then(res => {
|
||
this.$util.Tips({ title: res.message, icon: 'success' });
|
||
this.shopList.splice(index, 1);
|
||
})
|
||
})
|
||
},
|
||
// 还原
|
||
handleProductRestore(obj, index) {
|
||
Modal('温馨提示', `商品"${obj.store_name}"，将被还原，请问是否继续`).then(() => {
|
||
productRestore(this.merId, obj.product_id).then(res => {
|
||
this.$util.Tips({ title: res.message, icon: 'success' });
|
||
this.shopList.splice(index, 1);
|
||
})
|
||
})
|
||
},
|
||
|
||
handleMethod(item, obj, index) {
|
||
if(item.id == 1) {
|
||
this.handleProductDestory(obj, index);
|
||
return;
|
||
}
|
||
|
||
if(item.id == 2) {
|
||
this.handleProductRestore(obj, index);
|
||
}
|
||
|
||
console.log(item, obj);
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.search {
|
||
padding: 30rpx 25rpx;
|
||
background: #fff;
|
||
}
|
||
</style>
|