2023-3-14
会员列表
This commit is contained in:
@@ -69,7 +69,7 @@
|
||||
</div>
|
||||
<div style="margin-top: 15px">
|
||||
<el-form :inline="true" :model="listQuery" size="small" label-width="140px">
|
||||
<el-form-item label="输入搜索：">
|
||||
<el-form-item label="订单编号：">
|
||||
<el-input v-model="listQuery.id" class="input-width" placeholder="编号"></el-input>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="订单分类：">
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user