拼团秒杀砍价支持链接图
This commit is contained in:
@@ -15,6 +15,13 @@ export function del(id) {
|
||||
})
|
||||
}
|
||||
|
||||
export function getBargainInfo(id) {
|
||||
return request({
|
||||
url: '/bxg/api/yxStoreBargain/info/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function edit(data) {
|
||||
return request({
|
||||
url: '/bxg/api/yxStoreBargain',
|
||||
|
||||
@@ -36,9 +36,17 @@
|
||||
/>
|
||||
</template>
|
||||
</el-form-item>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="砍价产品主图片">
|
||||
<single-pic v-model="form.image" style="width: 500px" type="image" :num="1" :width="150" :height="150" />
|
||||
<single-pic v-model="form.image" type="image" :num="1" :width="150" :height="150" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="产品链接图">
|
||||
<single-pic v-model="form.linkImage" type="image" :num="1" :width="150" :height="150" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-form-item label="砍价产品轮播图">
|
||||
<MaterialList v-model="form.sliderImageArr" style="width: 500px" type="image" :num="4" :width="150" :height="150" />
|
||||
</el-form-item>
|
||||
@@ -63,15 +71,16 @@
|
||||
<el-form-item label="单次砍最低价">
|
||||
<el-input-number v-model="form.bargainMinPrice" />
|
||||
</el-form-item> -->
|
||||
<el-form-item label="单用户砍价次数">
|
||||
<el-input-number v-model="form.bargainNum" />
|
||||
<el-form-item label="成本价">
|
||||
<el-input-number v-model="form.cost" />
|
||||
</el-form-item>
|
||||
<el-form-item label="砍价状态">
|
||||
<el-radio v-model="form.status" :label="1">开启</el-radio>
|
||||
<el-radio v-model="form.status" :label="0" style="width: 110px;">关闭</el-radio>
|
||||
</el-form-item>
|
||||
<el-form-item label="成本价">
|
||||
<el-input-number v-model="form.cost" />
|
||||
|
||||
<el-form-item label="砍价人数">
|
||||
<el-input-number v-model="form.bargainNum" />
|
||||
</el-form-item>
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" />
|
||||
@@ -102,7 +111,7 @@
|
||||
|
||||
<script>
|
||||
import cgood from '@/views/components/good'
|
||||
import { add, edit } from '@/api/bxg/yxStoreBargain'
|
||||
import { add, edit ,getBargainInfo} from '@/api/bxg/yxStoreBargain'
|
||||
import editor from '../../components/Editor'
|
||||
import MaterialList from '@/components/material'
|
||||
import singlePic from '@/components/singlematerial'
|
||||
@@ -139,6 +148,7 @@ export default {
|
||||
productId: '',
|
||||
title: '',
|
||||
image: '',
|
||||
linkImage:'',
|
||||
unitName: '',
|
||||
stock: '',
|
||||
sales: '',
|
||||
@@ -181,6 +191,12 @@ export default {
|
||||
this.form1.good.image = this.form.image
|
||||
this.form1.good.productId = this.form.productId
|
||||
|
||||
},
|
||||
'form.linkImage': function(val) {
|
||||
if(val){
|
||||
this.form.linkImage=val
|
||||
}
|
||||
|
||||
},
|
||||
'form.sliderImageArr': function(val) {
|
||||
console.log("aaa:"+val)
|
||||
@@ -191,20 +207,37 @@ export default {
|
||||
'form1.good.productId': {
|
||||
handler(val,oldVal){
|
||||
if(val){
|
||||
this.getBargainInfo()
|
||||
this.getInfoChooseGood (val)
|
||||
}
|
||||
},
|
||||
deep:true//对象内部的属性监听,也叫深度监听
|
||||
},
|
||||
},
|
||||
|
||||
// mounted() {
|
||||
// this.getBargainInfo()
|
||||
// },
|
||||
methods: {
|
||||
//砍价独立链接图
|
||||
getBargainInfo(){
|
||||
let that=this
|
||||
let id=this.form.id
|
||||
getBargainInfo(id).then(res=>{
|
||||
console.log('res',res,this.form.linkImage)
|
||||
if(res.linkImage==null||res.linkImage==undefined){
|
||||
that.form.linkImage=''
|
||||
}else{
|
||||
that.form.linkImage=res.linkImage;
|
||||
}
|
||||
})
|
||||
},
|
||||
// 详情选择商品生成规格用
|
||||
getInfoChooseGood (id) {
|
||||
|
||||
let that = this;
|
||||
getInfo(id).then(async res => {
|
||||
let data = res.productInfo;
|
||||
console.info('data:'+JSON.stringify(data))
|
||||
// console.info('data:'+JSON.stringify(data))
|
||||
if(data){
|
||||
let cate_id = parseInt(data.cate_id) || 0;
|
||||
//that.form = data;
|
||||
@@ -219,7 +252,7 @@ export default {
|
||||
that.form.imageArr = data.image
|
||||
that.form.sliderImageArr = data.slider_image
|
||||
that.form.status = 1
|
||||
//that.form.minPrice = 0
|
||||
// //that.form.minPrice = 0
|
||||
//that.form.num = 1
|
||||
//that.form.bargainMaxPrice = 0
|
||||
//that.form.bargainMinPrice = 0
|
||||
@@ -293,6 +326,7 @@ export default {
|
||||
productId: '',
|
||||
title: '',
|
||||
image: '',
|
||||
linkImage:'',
|
||||
unitName: '',
|
||||
stock: '',
|
||||
sales: '',
|
||||
|
||||
@@ -11,23 +11,23 @@
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="拼团商品名称" prop="title" >
|
||||
<el-input v-model="formValidate.title" @input="onInput()" disabled="true" style="width: 500px;" placeholder="请输入拼团名称"/>
|
||||
<el-input v-model="formValidate.title" @input="onInput()" :disabled="true" style="width: 500px;" placeholder="请输入拼团名称"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="拼团简介" prop="info" >
|
||||
<el-input v-model="formValidate.info" disabled="true" @input="onInput()" style="width: 500px;" placeholder="请输入拼团简介"/>
|
||||
<el-input v-model="formValidate.info" :disabled="true" @input="onInput()" style="width: 500px;" placeholder="请输入拼团简介"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="单位" prop="unitName" >
|
||||
<el-input v-model="formValidate.unitName" disabled="true" @input="onInput()" style="width: 500px;" placeholder="请输入单位"/>
|
||||
<el-input v-model="formValidate.unitName" :disabled="true" @input="onInput()" style="width: 500px;" placeholder="请输入单位"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="商品原价" >
|
||||
<!-- oneFormValidate[0].cost-->
|
||||
<el-input type="text" style="width: 500px;" disabled v-model="formValidate.productPrice" />
|
||||
<el-input type="text" style="width: 500px;" :disabled="true" v-model="formValidate.productPrice" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
@@ -58,12 +58,18 @@
|
||||
<el-radio v-model="formValidate.isShow" :label="0" style="width: 200px;">关闭</el-radio>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="产品主图片" prop="image">
|
||||
<single-pic v-model="formValidate.image" style="width: 500px" type="image" :num="1" :width="150"
|
||||
:height="150"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="产品链接图" prop="image">
|
||||
<single-pic v-model="formValidate.linkImage" style="width: 500px" type="image" :num="1" :width="150"
|
||||
:height="150"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="产品轮播图" prop="slider_image">
|
||||
<MaterialList v-model="formValidate.slider_image" style="width: 500px" type="image" :num="4" :width="150"
|
||||
@@ -282,6 +288,7 @@ export default {
|
||||
productId: '',
|
||||
merId: '',
|
||||
image: '',
|
||||
linkImage:'',
|
||||
images: '',
|
||||
imageArr: [],
|
||||
sliderImageArr: [],
|
||||
@@ -408,11 +415,11 @@ export default {
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
// 'formValidate.imageArr': function(val) {
|
||||
// if (val) {
|
||||
// this.form.image = val.join(',')
|
||||
// }
|
||||
// },
|
||||
'formValidate.linkImage': function(val) {
|
||||
if (val) {
|
||||
this.formValidate.linkImage = val
|
||||
}
|
||||
},
|
||||
|
||||
'formValidate.slider_image': function (val) {
|
||||
if (val && Array.isArray(val)) {
|
||||
@@ -616,6 +623,9 @@ export default {
|
||||
let cate_id = parseInt(data.cate_id) || 0;
|
||||
this.attrs = data.items || [];
|
||||
that.formValidate = data;
|
||||
if(data.linkImage==null||data.linkImage){
|
||||
that.formValidate.linkImage=''
|
||||
}
|
||||
that.formValidate.cate_id = cate_id;
|
||||
that.oneFormValidate = [data.attr];
|
||||
that.formValidate.productPrice = that.oneFormValidate[0].cost
|
||||
@@ -729,6 +739,7 @@ export default {
|
||||
productId: '',
|
||||
merId: '',
|
||||
image: '',
|
||||
linkImage:'',
|
||||
images: '',
|
||||
imageArr: [],
|
||||
sliderImageArr: [],
|
||||
|
||||
@@ -58,14 +58,19 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="产品主图片">
|
||||
<single-pic v-model="formValidate.image" style="width: 500px" type="image" :num="1" :width="150" :height="150" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="产品链接图">
|
||||
<single-pic v-model="formValidate.linkImage" style="width: 500px" type="image" :num="1" :width="150" :height="150" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="产品轮播图">
|
||||
<MaterialList v-model="formValidate.slider_image" style="width: 500px" type="image" :num="4" :width="150" :height="150" />
|
||||
<MaterialList v-model="formValidate.slider_image" type="image" :num="4" :width="150" :height="150" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
@@ -275,6 +280,7 @@ export default {
|
||||
productId: '',
|
||||
merId: '',
|
||||
image: '',
|
||||
linkImage:'',
|
||||
images: '',
|
||||
imageArr:[],
|
||||
sliderImageArr: [],
|
||||
@@ -397,6 +403,11 @@ export default {
|
||||
this.formValidate.images = val.join(',')
|
||||
}
|
||||
},
|
||||
'formValidate.linkImage': function(val) {
|
||||
if (val) {
|
||||
this.formValidate.linkImage = val
|
||||
}
|
||||
},
|
||||
'form1.good.productId': {
|
||||
handler(val,oldVal){
|
||||
if(val){
|
||||
@@ -601,6 +612,10 @@ export default {
|
||||
let cate_id = parseInt(data.cate_id) || 0;
|
||||
this.attrs = data.items || [];
|
||||
that.formValidate = data;
|
||||
console.log('data111111111',data)
|
||||
// if(data.linkImage==null){
|
||||
// that.formValidate.linkImage = '';
|
||||
// }
|
||||
that.formValidate.cate_id = cate_id;
|
||||
that.oneFormValidate = [data.attr];
|
||||
that.formValidate.header = [];
|
||||
@@ -610,7 +625,6 @@ export default {
|
||||
that.form1.good.image = data.image
|
||||
that.generate(data.productId);
|
||||
that.manyFormValidate = data.attrs;
|
||||
console.log(data)
|
||||
if(data.spec_type === 0){
|
||||
that.manyFormValidate = [];
|
||||
}else {
|
||||
|
||||
Reference in New Issue
Block a user