263 lines
5.5 KiB
Vue
263 lines
5.5 KiB
Vue
<template>
|
|
<view class="container">
|
|
<view class="title">
|
|
<view class="search_box"><search holder="请输入运费模板" @getList="getShippingList"></search></view>
|
|
<view class="administration" @click="handleAdministration">{{ administrationFlag ? '完成' : '管理' }}</view>
|
|
</view>
|
|
<view>
|
|
<view v-if="selectFormList.length">
|
|
<select-form :platformClassification="selectFormList" @handleJumpLogic="handleJumpLogic"></select-form>
|
|
</view>
|
|
</view>
|
|
<view class="finish" v-if="administrationFlag">
|
|
<view @click="selectAll">
|
|
<span :class="{ select: allSelect }"><span v-if="allSelect" class="iconfont"></span></span>
|
|
<span>全选({{ selectNum }})</span>
|
|
</view>
|
|
<view @click="subDel">删除</view>
|
|
</view>
|
|
<view class="handle" v-else><view class="handle_button" @click="newSpecifications">新增运费模板</view></view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
|
|
import { navigateTo, serialize, setStorage, Toast, hideLoading } from '../../../libs/uniApi.js';
|
|
import search from '../components/search.vue';
|
|
import selectForm from '../components/selectForm.vue';
|
|
import { templateList, templateDelete } from 'api/product.js';
|
|
export default {
|
|
components: {
|
|
search,
|
|
selectForm
|
|
},
|
|
data() {
|
|
return {
|
|
mer_id: '',
|
|
allSelect: false, // 全选按钮
|
|
administrationFlag: false,
|
|
selectNum: 0,
|
|
loaded: false,
|
|
loading: false,
|
|
where: {
|
|
page: 1,
|
|
limit: 999
|
|
},
|
|
selectFormList: []
|
|
};
|
|
},
|
|
watch: {
|
|
selectFormList: {
|
|
handler(val) {
|
|
this.selectNum = val.filter(item => item.select).length;
|
|
if (this.selectNum == val.length) {
|
|
this.allSelect = true;
|
|
} else {
|
|
this.allSelect = false;
|
|
}
|
|
},
|
|
deep: true
|
|
}
|
|
},
|
|
onLoad(opt) {
|
|
this.mer_id = opt.mer_id;
|
|
},
|
|
onShow() {
|
|
this.getShippingList('');
|
|
},
|
|
onReachBottom() {
|
|
this.getShippingList('');
|
|
},
|
|
methods: {
|
|
// 初始化数据，请求运费模板
|
|
getShippingList(keyword) {
|
|
let that = this;
|
|
uni.showLoading({
|
|
title: '加载中',
|
|
mask: true
|
|
});
|
|
templateList(that.mer_id, { ...that.where, name: keyword }).then(res => {
|
|
uni.hideLoading();
|
|
that.selectFormList = res.data.list;
|
|
if(that.selectFormList.length > 0) {
|
|
res.data.list.forEach(item => {
|
|
that.$set(item, 'type', 'select');
|
|
that.$set(item, 'label', item.name);
|
|
that.$set(item, 'jumpLogic', true);
|
|
that.$set(item, 'select', false);
|
|
if(!that.administrationFlag)that.$delete(item, 'select');
|
|
});
|
|
}
|
|
},
|
|
error => {
|
|
that.$util.Tips({
|
|
title: error.msg
|
|
})
|
|
});
|
|
},
|
|
handleJumpLogic(item) {
|
|
uni.navigateTo({
|
|
url: `/pages/product/addGoods/addFreightTemplate?mer_id=${this.mer_id}&shipping_id=${item.shipping_template_id}`
|
|
})
|
|
},
|
|
//新增规格
|
|
newSpecifications() {
|
|
uni.navigateTo({
|
|
url: `/pages/product/addGoods/addFreightTemplate?mer_id=${this.mer_id}`
|
|
})
|
|
},
|
|
subDel() {
|
|
let that = this
|
|
let shipping_id = []
|
|
that.selectFormList.forEach(item=>{
|
|
if(item.select){
|
|
shipping_id.push(item.shipping_template_id)
|
|
}
|
|
})
|
|
if(shipping_id.length == 0){
|
|
return that.$util.Tips({
|
|
title: '请选择规格'
|
|
});
|
|
}else{
|
|
templateDelete(that.mer_id,{
|
|
ids:shipping_id
|
|
}).then(res=>{
|
|
that.$util.Tips({
|
|
title: res.message,
|
|
icon: 'success'
|
|
});
|
|
that.where.page = 1;
|
|
that.selectFormList = [];
|
|
that.getShippingList('');
|
|
|
|
}).catch(err => {
|
|
return that.$util.Tips({
|
|
title: err
|
|
});
|
|
});
|
|
}
|
|
|
|
},
|
|
//全选
|
|
selectAll() {
|
|
this.allSelect = !this.allSelect;
|
|
|
|
if (this.allSelect) {
|
|
this.selectFormList.forEach(item => {
|
|
this.$set(item, 'select', true);
|
|
});
|
|
} else {
|
|
this.selectFormList.forEach(item => {
|
|
this.$set(item, 'select', false);
|
|
});
|
|
}
|
|
},
|
|
handleAdministration() {
|
|
this.administrationFlag = !this.administrationFlag;
|
|
|
|
if (this.administrationFlag) {
|
|
this.selectFormList.forEach(item => {
|
|
this.$set(item, 'select', false);
|
|
});
|
|
} else {
|
|
this.selectFormList.forEach(item => {
|
|
this.$delete(item, 'select');
|
|
});
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.container {
|
|
padding-bottom: 150rpx;
|
|
}
|
|
.title {
|
|
background: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 30rpx 40rpx 30rpx 35rpx;
|
|
.search_box {
|
|
flex: 1;
|
|
margin-right: 35rpx;
|
|
}
|
|
}
|
|
|
|
.administration {
|
|
color: #000000;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.handle {
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 750rpx;
|
|
height: 126rpx;
|
|
background: #ffffff;
|
|
&_button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #fff;
|
|
font-size: 32rpx;
|
|
width: 690rpx;
|
|
height: 86rpx;
|
|
background: #e93323;
|
|
border-radius: 43rpx;
|
|
}
|
|
}
|
|
|
|
.finish {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 30rpx;
|
|
box-sizing: border-box;
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 126rpx;
|
|
background: #ffffff;
|
|
> view:nth-child(1) {
|
|
display: flex;
|
|
align-items: center;
|
|
> span:nth-child(1) {
|
|
width: 38rpx;
|
|
height: 38rpx;
|
|
border: 1px solid #cccccc;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
margin-right: 24rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
> view:nth-child(2) {
|
|
width: 180rpx;
|
|
height: 70rpx;
|
|
border: 1px solid #e93323;
|
|
border-radius: 35px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #e93323;
|
|
}
|
|
}
|
|
.select {
|
|
background: #e93323;
|
|
border: none !important;
|
|
|
|
.iconfont {
|
|
color: #fff;
|
|
font-size: 24rpx;
|
|
}
|
|
}
|
|
</style>
|