|
|
|
@ -1,202 +1,201 @@ |
|
|
|
<template> |
|
|
|
<el-card class="form-container" shadow="never"> |
|
|
|
<el-steps :active="active" finish-status="success" align-center> |
|
|
|
<el-step title="商品息信"></el-step> |
|
|
|
<el-step title="商品展示"></el-step> |
|
|
|
<el-step title="图片及详情"></el-step> |
|
|
|
</el-steps> |
|
|
|
<product-info-detail |
|
|
|
v-show="showStatus[0]" |
|
|
|
v-model="productParam" |
|
|
|
:is-edit="isEdit" |
|
|
|
@nextStep="nextStep"> |
|
|
|
</product-info-detail> |
|
|
|
<product-sale-detail |
|
|
|
v-show="showStatus[1]" |
|
|
|
v-model="productParam" |
|
|
|
:is-edit="isEdit" |
|
|
|
@nextStep="nextStep" |
|
|
|
@prevStep="prevStep"> |
|
|
|
</product-sale-detail> |
|
|
|
<product-attr-detail |
|
|
|
v-show="showStatus[2]" |
|
|
|
v-model="productParam" |
|
|
|
:is-edit="isEdit" |
|
|
|
@finishCommit="finishCommit" |
|
|
|
@nextStep="nextStep" |
|
|
|
@prevStep="prevStep"> |
|
|
|
</product-attr-detail> |
|
|
|
<!-- <product-relation-detail |
|
|
|
<el-card class="form-container" shadow="never"> |
|
|
|
<el-steps :active="active" finish-status="success" align-center> |
|
|
|
<el-step title="商品息信"></el-step> |
|
|
|
<el-step title="商品展示"></el-step> |
|
|
|
<el-step title="图片及详情"></el-step> |
|
|
|
</el-steps> |
|
|
|
<product-info-detail v-show="showStatus[0]" v-model="productParam" :is-edit="isEdit" @nextStep="nextStep"> |
|
|
|
</product-info-detail> |
|
|
|
<product-sale-detail v-show="showStatus[1]" v-model="productParam" :is-edit="isEdit" @nextStep="nextStep" |
|
|
|
@prevStep="prevStep"> |
|
|
|
</product-sale-detail> |
|
|
|
<product-attr-detail v-show="showStatus[2]" v-model="productParam" :is-edit="isEdit" |
|
|
|
@finishCommit="finishCommit" @nextStep="nextStep" @prevStep="prevStep"> |
|
|
|
</product-attr-detail> |
|
|
|
<!-- <product-relation-detail |
|
|
|
v-show="showStatus[3]" |
|
|
|
v-model="productParam" |
|
|
|
:is-edit="isEdit" |
|
|
|
@prevStep="prevStep" |
|
|
|
@finishCommit="finishCommit"> |
|
|
|
</product-relation-detail> --> |
|
|
|
</el-card> |
|
|
|
</el-card> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import ProductInfoDetail from './ProductInfoDetail'; |
|
|
|
import ProductSaleDetail from './ProductSaleDetail'; |
|
|
|
import ProductAttrDetail from './ProductAttrDetail'; |
|
|
|
// import ProductRelationDetail from './ProductRelationDetail'; |
|
|
|
import {createProduct,getProduct,updateProduct} from '@/api/product'; |
|
|
|
import ProductInfoDetail from './ProductInfoDetail'; |
|
|
|
import ProductSaleDetail from './ProductSaleDetail'; |
|
|
|
import ProductAttrDetail from './ProductAttrDetail'; |
|
|
|
// import ProductRelationDetail from './ProductRelationDetail'; |
|
|
|
import { |
|
|
|
createProduct, |
|
|
|
getProduct, |
|
|
|
updateProduct |
|
|
|
} from '@/api/product'; |
|
|
|
|
|
|
|
const defaultProductParam = { |
|
|
|
albumPics: '', |
|
|
|
brandId: null, |
|
|
|
brandName: '', |
|
|
|
deleteStatus: 0, |
|
|
|
description: '', |
|
|
|
tags:'', |
|
|
|
tagsArr:'', |
|
|
|
detailDesc: '', |
|
|
|
detailHtml: '', |
|
|
|
detailMobileHtml: '', |
|
|
|
detailTitle: '', |
|
|
|
feightTemplateId: 0, |
|
|
|
flashPromotionCount: 0, |
|
|
|
flashPromotionId: 0, |
|
|
|
flashPromotionPrice: 0, |
|
|
|
flashPromotionSort: 0, |
|
|
|
giftPoint: 0, |
|
|
|
giftGrowth: 0, |
|
|
|
keywords: '', |
|
|
|
lowStock: 0, |
|
|
|
name: '', |
|
|
|
newStatus: 0, |
|
|
|
note: '', |
|
|
|
originalPrice: 0, |
|
|
|
pic: '', |
|
|
|
//会员价格{memberLevelId: 0,memberPrice: 0,memberLevelName: null} |
|
|
|
memberPriceList: [], |
|
|
|
//商品满减 |
|
|
|
productFullReductionList: [{fullPrice: 0, reducePrice: 0}], |
|
|
|
//商品阶梯价格 |
|
|
|
productLadderList: [{count: 0,discount: 0,price: 0}], |
|
|
|
previewStatus: 0, |
|
|
|
price: 0, |
|
|
|
productAttributeCategoryId: null, |
|
|
|
//商品属性相关{productAttributeId: 0, value: ''} |
|
|
|
productAttributeValueList: [], |
|
|
|
//商品sku库存信息{lowStock: 0, pic: '', price: 0, sale: 0, skuCode: '', sp1: '', sp2: '', sp3: '', stock: 0} |
|
|
|
skuStockList: [], |
|
|
|
//商品相关专题{subjectId: 0} |
|
|
|
subjectProductRelationList: [], |
|
|
|
//商品相关优选{prefrenceAreaId: 0} |
|
|
|
prefrenceAreaProductRelationList: [], |
|
|
|
productCategoryId: null, |
|
|
|
productCategoryName: '', |
|
|
|
areaId : null, |
|
|
|
areaName:'', |
|
|
|
productSn: '', |
|
|
|
promotionEndTime: '', |
|
|
|
promotionPerLimit: 0, |
|
|
|
promotionPrice: 0, |
|
|
|
promotionStartTime: '', |
|
|
|
promotionType: 0, |
|
|
|
storeClassId:null, |
|
|
|
publishStatus: 0, |
|
|
|
isFenxiao:0, |
|
|
|
isVip:0, |
|
|
|
recommandStatus: 0, |
|
|
|
sale: 0, |
|
|
|
serviceIds: '', |
|
|
|
sort: 0, |
|
|
|
stock: 0, |
|
|
|
subTitle: '', |
|
|
|
unit: '', |
|
|
|
usePointLimit: 0, |
|
|
|
verifyStatus: 0, |
|
|
|
transfee:0, |
|
|
|
weight: 0 |
|
|
|
}; |
|
|
|
export default { |
|
|
|
name: 'ProductDetail', |
|
|
|
components: {ProductInfoDetail, ProductSaleDetail, ProductAttrDetail |
|
|
|
// , ProductRelationDetail |
|
|
|
const defaultProductParam = { |
|
|
|
albumPics: '', |
|
|
|
brandId: null, |
|
|
|
brandName: '', |
|
|
|
deleteStatus: 0, |
|
|
|
description: '', |
|
|
|
tags: '', |
|
|
|
tagsArr: '', |
|
|
|
detailDesc: '', |
|
|
|
detailHtml: '', |
|
|
|
detailMobileHtml: '', |
|
|
|
detailTitle: '', |
|
|
|
feightTemplateId: 0, |
|
|
|
flashPromotionCount: 0, |
|
|
|
flashPromotionId: 0, |
|
|
|
flashPromotionPrice: 0, |
|
|
|
flashPromotionSort: 0, |
|
|
|
giftPoint: 0, |
|
|
|
giftGrowth: 0, |
|
|
|
keywords: '', |
|
|
|
lowStock: 0, |
|
|
|
name: '', |
|
|
|
newStatus: 0, |
|
|
|
note: '', |
|
|
|
originalPrice: 0, |
|
|
|
pic: '', |
|
|
|
//会员价格{memberLevelId: 0,memberPrice: 0,memberLevelName: null} |
|
|
|
memberPriceList: [], |
|
|
|
//商品满减 |
|
|
|
productFullReductionList: [{ |
|
|
|
fullPrice: 0, |
|
|
|
reducePrice: 0 |
|
|
|
}], |
|
|
|
//商品阶梯价格 |
|
|
|
productLadderList: [{ |
|
|
|
count: 0, |
|
|
|
discount: 0, |
|
|
|
price: 0 |
|
|
|
}], |
|
|
|
previewStatus: 0, |
|
|
|
price: 0, |
|
|
|
productAttributeCategoryId: null, |
|
|
|
//商品属性相关{productAttributeId: 0, value: ''} |
|
|
|
productAttributeValueList: [], |
|
|
|
//商品sku库存信息{lowStock: 0, pic: '', price: 0, sale: 0, skuCode: '', sp1: '', sp2: '', sp3: '', stock: 0} |
|
|
|
skuStockList: [], |
|
|
|
//商品相关专题{subjectId: 0} |
|
|
|
subjectProductRelationList: [], |
|
|
|
//商品相关优选{prefrenceAreaId: 0} |
|
|
|
prefrenceAreaProductRelationList: [], |
|
|
|
productCategoryId: null, |
|
|
|
productCategoryName: '', |
|
|
|
areaId: null, |
|
|
|
areaName: '', |
|
|
|
productSn: '', |
|
|
|
promotionEndTime: '', |
|
|
|
promotionPerLimit: 0, |
|
|
|
promotionPrice: 0, |
|
|
|
promotionStartTime: '', |
|
|
|
promotionType: 0, |
|
|
|
storeClassId: null, |
|
|
|
publishStatus: 0, |
|
|
|
isFenxiao: 0, |
|
|
|
isVip: 0, |
|
|
|
recommandStatus: 0, |
|
|
|
sale: 0, |
|
|
|
serviceIds: '', |
|
|
|
sort: 0, |
|
|
|
stock: 0, |
|
|
|
subTitle: '', |
|
|
|
unit: '', |
|
|
|
usePointLimit: 0, |
|
|
|
verifyStatus: 0, |
|
|
|
transfee: 0, |
|
|
|
weight: 0 |
|
|
|
}; |
|
|
|
export default { |
|
|
|
name: 'ProductDetail', |
|
|
|
components: { |
|
|
|
ProductInfoDetail, |
|
|
|
ProductSaleDetail, |
|
|
|
ProductAttrDetail |
|
|
|
// , ProductRelationDetail |
|
|
|
}, |
|
|
|
props: { |
|
|
|
isEdit: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
} |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
active: 0, |
|
|
|
productParam: Object.assign({}, defaultProductParam), |
|
|
|
showStatus: [true, false, false, false] |
|
|
|
} |
|
|
|
}, |
|
|
|
created(){ |
|
|
|
if(this.isEdit){ |
|
|
|
getProduct(this.$route.query.id).then(response=>{ |
|
|
|
this.productParam=response.data; |
|
|
|
console.log('kkkkk',this.productParam) |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
hideAll() { |
|
|
|
for (let i = 0; i < this.showStatus.length; i++) { |
|
|
|
this.showStatus[i] = false; |
|
|
|
} |
|
|
|
}, |
|
|
|
prevStep() { |
|
|
|
if (this.active > 0 && this.active < this.showStatus.length) { |
|
|
|
this.active--; |
|
|
|
this.hideAll(); |
|
|
|
this.showStatus[this.active] = true; |
|
|
|
} |
|
|
|
}, |
|
|
|
nextStep() { |
|
|
|
if (this.active < this.showStatus.length - 1) { |
|
|
|
this.active++; |
|
|
|
this.hideAll(); |
|
|
|
this.showStatus[this.active] = true; |
|
|
|
} |
|
|
|
}, |
|
|
|
finishCommit(isEdit) { |
|
|
|
console.log(this.productParam) |
|
|
|
if(this.productParam.tagList){ |
|
|
|
this.productParam.tags=this.productParam.tagList.join(','); |
|
|
|
this.productParam.tagList=null; |
|
|
|
} |
|
|
|
props: { |
|
|
|
isEdit: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
} |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
active: 0, |
|
|
|
productParam: Object.assign({}, defaultProductParam), |
|
|
|
showStatus: [true, false, false, false] |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
if (this.isEdit) { |
|
|
|
getProduct(this.$route.query.id).then(response => { |
|
|
|
this.productParam = response.data; |
|
|
|
console.log('kkkkk', this.productParam) |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
hideAll() { |
|
|
|
for (let i = 0; i < this.showStatus.length; i++) { |
|
|
|
this.showStatus[i] = false; |
|
|
|
} |
|
|
|
}, |
|
|
|
prevStep() { |
|
|
|
if (this.active > 0 && this.active < this.showStatus.length) { |
|
|
|
this.active--; |
|
|
|
this.hideAll(); |
|
|
|
this.showStatus[this.active] = true; |
|
|
|
} |
|
|
|
}, |
|
|
|
nextStep() { |
|
|
|
if (this.active < this.showStatus.length - 1) { |
|
|
|
this.active++; |
|
|
|
this.hideAll(); |
|
|
|
this.showStatus[this.active] = true; |
|
|
|
} |
|
|
|
}, |
|
|
|
finishCommit(isEdit) { |
|
|
|
console.log(this.productParam) |
|
|
|
if (this.productParam.tagList) { |
|
|
|
this.productParam.tags = this.productParam.tagList.join(','); |
|
|
|
this.productParam.tagList = null; |
|
|
|
} |
|
|
|
|
|
|
|
this.$confirm('是否要提交该产品', '提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning' |
|
|
|
}).then(() => { |
|
|
|
if(isEdit){ |
|
|
|
updateProduct(this.$route.query.id,this.productParam).then(response=>{ |
|
|
|
this.$message({ |
|
|
|
type: 'success', |
|
|
|
message: '提交成功', |
|
|
|
duration:1000 |
|
|
|
}); |
|
|
|
this.$router.back(); |
|
|
|
}); |
|
|
|
}else{ |
|
|
|
createProduct(this.productParam).then(response=>{ |
|
|
|
this.$message({ |
|
|
|
type: 'success', |
|
|
|
message: '提交成功', |
|
|
|
duration:1000 |
|
|
|
}); |
|
|
|
location.reload(); |
|
|
|
}); |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
this.$confirm('是否要提交该产品', '提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning' |
|
|
|
}).then(() => { |
|
|
|
if (isEdit) { |
|
|
|
updateProduct(this.$route.query.id, this.productParam).then(response => { |
|
|
|
this.$message({ |
|
|
|
type: 'success', |
|
|
|
message: '提交成功', |
|
|
|
duration: 1000 |
|
|
|
}); |
|
|
|
this.$router.back(); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
createProduct(this.productParam).then(response => { |
|
|
|
this.$message({ |
|
|
|
type: 'success', |
|
|
|
message: '提交成功', |
|
|
|
duration: 1000 |
|
|
|
}); |
|
|
|
location.reload(); |
|
|
|
}); |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style> |
|
|
|
.form-container { |
|
|
|
width: 800px; |
|
|
|
} |
|
|
|
.form-container { |
|
|
|
width: 800px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
|
