shop-applet/pages/product/addGoods/singleSpecification.vue

193 lines
3.9 KiB
Vue
Raw Normal View History

2023-09-20 18:16:59 +08:00
<template>
<view class="container">
<select-form :platformClassification="formList" :form="singleSpecification" @input="input"></select-form>
<view class="more_than" @click="selectMoreThan" v-if="moreThanFlag">
<view>更多</view>
</view>
<view class="handle">
<view class="button" @click="saveSingleSpecification">
保存
</view>
</view>
</view>
</template>
<script>
import selectForm from '../components/selectForm.vue';
2023-10-07 10:03:29 +08:00
import { navigateTo, navigateBack, serialize, setStorage, getStorage } from '../../../libs/uniApi.js';
2023-09-20 18:16:59 +08:00
// 单规格商品 attrValue
export default {
components:{
selectForm
},
data() {
return {
singleSpecification: {
price: '', // 售价
cost: '', // 成本价
ot_price: '', // 原价
2023-10-27 17:52:28 +08:00
bar_code: '', // 商品条码
2023-09-20 18:16:59 +08:00
weight: '', // 重量
volume: '', // 体积
image: '',
extension_one: '',
extension_two: ''
},
moreThanFlag: true,
formList: [
{
id: 1,
label: '售价',
type: 'digit',
model: 'price',
holder: '请填写售价'
},
{
id: 2,
label: '成本价',
type: 'digit',
holder: '请填写成本价',
model: 'cost'
},
{
id: 3,
label: '原价',
type: 'digit',
holder: '请填写原价',
model: 'ot_price'
}
],
moreThanList: [
{
id: 5,
2023-10-27 17:52:28 +08:00
label: '商品条码',
2023-09-20 18:16:59 +08:00
type: 'input',
2023-10-27 17:52:28 +08:00
holder: '请填写商品条码',
2023-09-20 18:16:59 +08:00
model: 'bar_code'
},
{
id: 6,
label: '重量',
type: 'digit',
holder: '请输入重量',
model: 'weight'
},
{
id: 7,
label: '体积',
type: 'digit',
holder: '请输入体积',
model: 'volume'
},
{
id: 8,
label: '佣金(一级)',
type: 'digit',
holder: '请输入一级佣金',
model: 'extension_one'
},
{
id: 8,
label: '佣金(二级)',
type: 'digit',
holder: '请输入二级佣金',
model: 'extension_two'
}
],
}
},
watch: {
singleSpecification: {
handler(val) {
this.singleSpecification = val
},
deep: true
}
},
onLoad(option) {
console.log(option);
this.singleSpecification.bar_code=option.code
},
onShow() {
if(getStorage('addGoodsFormData').image) {
this.singleSpecification.image = getStorage('addGoodsFormData').image;
}
if(getStorage('singleSpecification')) {
Object.keys(this.singleSpecification).forEach(item => {
if(getStorage('singleSpecification')[item]) {
this.singleSpecification[item] = getStorage('singleSpecification')[item]
}
})
}
},
// beforeDestroy() {
// console.log('123');
// uni.removeStorage({
// key: 'singleSpecification'
// });
// },
methods: {
selectMoreThan() {
this.formList = this.formList.concat(this.moreThanList);
this.moreThanFlag = false;
},
spliceMoreThan() {
this.moreThanFlag = true;
this.formList.splice(3, 4);
},
input(val) {
this.singleSpecification = val
},
// 保存
saveSingleSpecification() {
setStorage('singleSpecification', this.singleSpecification);
navigateBack(1);
}
}
}
</script>
<style lang="scss" scoped>
.container {
padding-bottom: 126rpx;
}
.more_than {
background: #FFFFFF;
border-radius: 10px;
margin: auto;
margin-top: 15rpx;
display: flex;
align-items: center;
justify-content: center;
width: 710rpx;
height: 84rpx;
color: #333333;
font-size: 30rpx;
}
.handle {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 126rpx;
background: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
.button {
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
font-size: 32rpx;
width: 690rpx;
height: 86rpx;
background: #E93323;
border-radius: 43rpx;
}
}
</style>