cxc/yshopb2c-qd
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

bug

Browse Source
This commit is contained in:
kahu474
2021-07-12 16:08:45 +08:00
parent 0c28de8318
commit e315565338
3 changed files with 176 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -2,7 +2,7 @@ ENV = 'development'
# 接口地址 # 接口地址
# VUE_APP_BASE_API = 'http://8.129.208.109:8001' # VUE_APP_BASE_API = 'http://8.129.208.109:8001'
VUE_APP_BASE_API = 'http://www.itxzz.top' VUE_APP_BASE_API = 'http://itxzz.51vip.biz'
VUE_APP_WS_API = 'ws://8.129.208.109:8001' VUE_APP_WS_API = 'ws://8.129.208.109:8001'

305
src/views/activity/combination/form.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-card :bordered="false"> <el-card :bordered="false">
<el-form ref="formValidate" :rules="ruleValidate" :model="formValidate" label-width="130px" > <el-form ref="formValidate" :rules="ruleValidate" :model="formValidate" label-width="130px">
<el-row :gutter="24"> <el-row :gutter="24">
<!-- 商品信息--> <!-- 商品信息-->
<el-col :span="24"> <el-col :span="24">
<el-form-item label="选择商品：" prop="good"> <el-form-item label="选择商品：" prop="good">
<cgood v-model="form1.good" ></cgood> <cgood v-model="form1.good"></cgood>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
@ -16,7 +16,7 @@
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="拼团简介" prop="info"> <el-form-item label="拼团简介" prop="info">
<el-input v-model="formValidate.info" @input="onInput()" style="width: 500px;" placeholder="请输入拼团简介"/> <el-input v-model="formValidate.info" @input="onInput()" style="width: 500px;" placeholder="请输入拼团简介"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
@ -24,13 +24,19 @@
<el-input v-model="formValidate.unitName" @input="onInput()" style="width: 500px;" placeholder="请输入单位"/> <el-input v-model="formValidate.unitName" @input="onInput()" style="width: 500px;" placeholder="请输入单位"/>
</el-form-item> </el-form-item>
</el-col> </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-form-item>
</el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="拼团开始时间" prop="startTime"> <el-form-item label="拼团开始时间" prop="startTime">
<template> <template>
<el-date-picker <el-date-picker
v-model="formValidate.startTime" v-model="formValidate.startTime"
type="datetime" type="datetime"
placeholder="选择日期时间" placeholder="选择日期时间"
/> />
</template> </template>
</el-form-item> </el-form-item>
@ -39,84 +45,89 @@
<el-form-item label="拼团结束时间" prop="stopTime"> <el-form-item label="拼团结束时间" prop="stopTime">
<template> <template>
<el-date-picker <el-date-picker
v-model="formValidate.stopTime" v-model="formValidate.stopTime"
type="datetime" type="datetime"
placeholder="选择日期时间" placeholder="选择日期时间"
/> />
</template> </template>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="活动状态" prop="isShow"> <el-form-item label="活动状态" prop="isShow">
<el-radio v-model="formValidate.isShow" :label="1">开启</el-radio> <el-radio v-model="formValidate.isShow" :label="1">开启</el-radio>
<el-radio v-model="formValidate.isShow" :label="0" style="width: 200px;">关闭</el-radio> <el-radio v-model="formValidate.isShow" :label="0" style="width: 200px;">关闭</el-radio>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="产品主图片" prop="image"> <el-form-item label="产品主图片" prop="image">
<single-pic v-model="formValidate.image" style="width: 500px" type="image" :num="1" :width="150" :height="150" /> <single-pic v-model="formValidate.image" style="width: 500px" type="image" :num="1" :width="150"
:height="150"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="产品轮播图" prop="slider_image"> <el-form-item label="产品轮播图" prop="slider_image">
<MaterialList v-model="formValidate.slider_image" style="width: 500px" type="image" :num="4" :width="150" :height="150" /> <MaterialList v-model="formValidate.slider_image" style="width: 500px" type="image" :num="4" :width="150"
:height="150"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="拼团时效(小时)" prop="effectiveTime"> <el-form-item label="拼团时效(小时)" prop="effectiveTime">
<el-input-number v-model="formValidate.effectiveTime" style="width: 500px;" /> <el-input-number v-model="formValidate.effectiveTime" style="width: 500px;"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="拼团人数" prop="people"> <el-form-item label="拼团人数" prop="people">
<el-input-number :min="1" :max="99" v-model="formValidate.people" /> <el-input-number :min="1" :max="99" v-model="formValidate.people"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="商品规格：" props="spec_type"> <el-form-item label="商品规格：" props="spec_type">
<el-radio-group v-model="formValidate.spec_type" @change="changeSpec" :disabled="true"> <el-radio-group v-model="formValidate.spec_type" @change="changeSpec" :disabled="true">
<el-radio :label="0" class="radio">单规格</el-radio> <el-radio :label="0" class="radio">单规格</el-radio>
<el-radio :label="1">多规格{{formValidate.spec_typ}}</el-radio> <el-radio :label="1">多规格{{ formValidate.spec_typ }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 多规格设置--> <!-- 多规格设置-->
<el-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24" v-if="manyFormValidate.length && formValidate.header.length!==0 && attrs.length!==0"> <el-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24"
v-if="manyFormValidate.length && formValidate.header.length!==0 && attrs.length!==0">
<!-- 多规格表格--> <!-- 多规格表格-->
<el-col :span="24"> <el-col :span="24">
<el-form-item label="商品属性：" class="labeltop"> <el-form-item label="商品属性：" class="labeltop">
<el-table :data="manyFormValidate" size="small" style="width: 90%;"> <el-table :data="manyFormValidate" size="small" style="width: 90%;">
<el-table-column type="myindex" v-for="(item,index) in formValidate.header" :key="index" :label="item.title" :property="item.slot" align="center"> <el-table-column type="myindex" v-for="(item,index) in formValidate.header" :key="index"
:label="item.title" :property="item.slot" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.column.property == 'pic'"> <div v-if="scope.column.property == 'pic'">
<single-pic v-model="scope.row[scope.column.property]" type="image" :num="1" :width="60" :height="60" align="center"/> <single-pic v-model="scope.row[scope.column.property]" type="image" :num="1" :width="60"
:height="60" align="center"/>
</div> </div>
<div v-else-if="scope.column.property.indexOf('value') != -1" > <div v-else-if="scope.column.property.indexOf('value') != -1">
{{ scope.row[scope.column.property] }} {{ scope.row[scope.column.property] }}
</div> </div>
<div v-else-if="scope.column.property == 'pink_price'||scope.column.property == 'pink_stock'" > <div v-else-if="scope.column.property == 'pink_price'||scope.column.property == 'pink_stock'">
<el-input v-model="scope.row[scope.column.property]" align="center"/> <el-input v-model="scope.row[scope.column.property]" align="center"/>
</div> </div>
<div v-else-if="scope.column.property == 'action'" align="center" > <div v-else-if="scope.column.property == 'action'" align="center">
<a :disabled="true" align="center">不可删除</a> <a :disabled="true" align="center">不可删除</a>
</div> </div>
<div v-else> <div v-else>
<el-input v-model="scope.row[scope.column.property]" :disabled="true" align="center"/> <el-input v-model="scope.row[scope.column.property]" :disabled="true" align="center"/>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-col> </el-col>
<!-- 单规格表格--> <!-- 单规格表格-->
<el-col :xl="23" :lg="24" :md="24" :sm="24" :xs="24" v-if="formValidate.spec_type === 0"> <el-col :xl="23" :lg="24" :md="24" :sm="24" :xs="24" v-if="formValidate.spec_type === 0">
<el-form-item > <el-form-item>
<el-table :data="oneFormValidate" size="small" style="width: 90%;"> <el-table :data="oneFormValidate" size="small" style="width: 90%;">
<el-table-column prop="pic" label="图片" align="center"> <el-table-column prop="pic" label="图片" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<single-pic v-model="scope.row.pic" type="image" :num="1" :width="60" :height="60" /> <single-pic v-model="scope.row.pic" type="image" :num="1" :width="60" :height="60"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="bar_code" label="商品编号" align="center"> <el-table-column prop="bar_code" label="商品编号" align="center">
@ -147,12 +158,12 @@
<el-table-column prop="stock" label="拼团价" align="center"> <el-table-column prop="stock" label="拼团价" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input type="text" v-model="scope.row.pink_price" /> <el-input type="text" v-model="scope.row.pink_price"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="stock" label="拼团库存" align="center"> <el-table-column prop="stock" label="拼团库存" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input type="text" v-model="scope.row.pink_stock" /> <el-input type="text" v-model="scope.row.pink_stock"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="weight" label="重量（KG）" align="center "> <el-table-column prop="weight" label="重量（KG）" align="center ">
@ -176,7 +187,7 @@
<el-col :span="24"> <el-col :span="24">
<el-form-item label="运费模板：" prop="temp_id"> <el-form-item label="运费模板：" prop="temp_id">
<div class="acea-row"> <div class="acea-row">
<el-select v-model="formValidate.temp_id" class="mr20" :disabled="true"> <el-select v-model="formValidate.temp_id" class="mr20" :disabled="true">
<el-option v-for="(item,index) in templateList" :value="item.id" :key="index" :label="item.name"> <el-option v-for="(item,index) in templateList" :value="item.id" :key="index" :label="item.name">
</el-option> </el-option>
</el-select> </el-select>
@ -187,7 +198,8 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="商品详情："> <el-form-item label="商品详情：">
<ueditor-wrap v-model="formValidate.description" :config="myConfig" @beforeInit="addCustomDialog" style="width: 90%;"></ueditor-wrap> <ueditor-wrap v-model="formValidate.description" :config="myConfig" @beforeInit="addCustomDialog"
style="width: 90%;"></ueditor-wrap>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -201,8 +213,8 @@
<script> <script>
import cgood from '@/views/components/good' import cgood from '@/views/components/good'
import { getInfo, isFormatAttrForActivity } from '@/api/yxStoreProduct' import {getInfo, isFormatAttrForActivity} from '@/api/yxStoreProduct'
import { add, edit,getCombinationInfo, onsaleCombination, delCombination } from '@/api/yxStoreCombination' import {add, edit, getCombinationInfo, onsaleCombination, delCombination} from '@/api/yxStoreCombination'
import editor from '../../components/Editor' import editor from '../../components/Editor'
import picUpload from '@/components/pic-upload' import picUpload from '@/components/pic-upload'
import mulpicUpload from '@/components/mul-pic-upload' import mulpicUpload from '@/components/mul-pic-upload'
@ -211,8 +223,9 @@ import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import MaterialList from '@/components/material' import MaterialList from '@/components/material'
import singlePic from '@/components/singlematerial' import singlePic from '@/components/singlematerial'
import UeditorWrap from 'vue-ueditor-wrap'; import UeditorWrap from 'vue-ueditor-wrap';
export default { export default {
components: { editor, picUpload, mulpicUpload, Treeselect, MaterialList, UeditorWrap, singlePic,cgood }, components: {editor, picUpload, mulpicUpload, Treeselect, MaterialList, UeditorWrap, singlePic, cgood},
data() { data() {
return { return {
spinShow: false, spinShow: false,
@ -229,7 +242,7 @@ export default {
pink_price: 0, pink_price: 0,
weight: 0, weight: 0,
volume: 0, volume: 0,
integral:0 integral: 0
} }
], ],
// 规格数据 // 规格数据
@ -247,12 +260,12 @@ export default {
serverUrl: '' serverUrl: ''
}, },
form1: { form1: {
good:{ good: {
productId: null, productId: null,
storeName: null, storeName: null,
image: null, image: null,
otPrice: null, otPrice: null,
price: null, price: null,
} }
}, },
@ -265,8 +278,9 @@ export default {
merId: '', merId: '',
image: '', image: '',
images: '', images: '',
imageArr:[], imageArr: [],
sliderImageArr: [], sliderImageArr: [],
productPrice:0,
title: '', title: '',
attr: '', attr: '',
people: 1, people: 1,
@ -308,7 +322,7 @@ export default {
ot_price: 0, ot_price: 0,
stock: 0, stock: 0,
bar_code: '', bar_code: '',
integral:0 integral: 0
} }
], ],
header: [], header: [],
@ -337,7 +351,7 @@ export default {
volume: 0, volume: 0,
brokerage: 0, brokerage: 0,
brokerage_two: 0, brokerage_two: 0,
integral:0 integral: 0
} }
], ],
images: [], images: [],
@ -346,37 +360,37 @@ export default {
tableIndex: 0, tableIndex: 0,
ruleValidate: { ruleValidate: {
title: [ title: [
{ required: true, message: '请输入拼团名称', trigger: 'blur' } {required: true, message: '请输入拼团名称', trigger: 'blur'}
], ],
info: [ info: [
{ required: true, message: '请输入拼团简介', trigger: 'blur' } {required: true, message: '请输入拼团简介', trigger: 'blur'}
], ],
unitName: [ unitName: [
{ required: true, message: '请输入单位', trigger: 'blur' } {required: true, message: '请输入单位', trigger: 'blur'}
], ],
startTime: [ startTime: [
{ required: true, message: '请选择开团时间', trigger: 'blur' } {required: true, message: '请选择开团时间', trigger: 'blur'}
], ],
stopTime: [ stopTime: [
{ required: true, message: '请选择开团结束时间', trigger: 'blur' } {required: true, message: '请选择开团结束时间', trigger: 'blur'}
], ],
isShow: [ isShow: [
{ required: true, message: '请选择活动状态', trigger: 'change' } {required: true, message: '请选择活动状态', trigger: 'change'}
], ],
temp_id: [ temp_id: [
{ required: true, message: '请选择运费模板', trigger: 'change', type: 'number' } {required: true, message: '请选择运费模板', trigger: 'change', type: 'number'}
], ],
price: [ price: [
{ required: true, message: '请输入拼团价格', trigger: 'blur' } {required: true, message: '请输入拼团价格', trigger: 'blur'}
], ],
people: [ people: [
{ required: true, message: '请选择拼团人数', trigger: 'change', type: 'number' } {required: true, message: '请选择拼团人数', trigger: 'change', type: 'number'}
], ],
spec_type: [ spec_type: [
{ required: true, message: '请选择商品规格', trigger: 'change'} {required: true, message: '请选择商品规格', trigger: 'change'}
], ],
effectiveTime: [ effectiveTime: [
{ required: true, message: '请选择拼团时效', trigger: 'blur'} {required: true, message: '请选择拼团时效', trigger: 'blur'}
] ]
}, },
attrs: [] attrs: []
@ -389,34 +403,34 @@ export default {
// } // }
// }, // },
'formValidate.slider_image': function(val) { 'formValidate.slider_image': function (val) {
if (val && Array.isArray(val)) { if (val && Array.isArray(val)) {
this.formValidate.images = val.join(',') this.formValidate.images = val.join(',')
} }
}, },
'form1.good.productId': { 'form1.good.productId': {
handler(val,oldVal){ handler(val, oldVal) {
console.info("val:"+val) console.info("val:" + val)
console.info("oldval:"+oldVal) console.info("oldval:" + oldVal)
if(val){ if (val) {
this.getInfoChooseGood (val) this.getInfoChooseGood(val)
} }
}, },
}, },
}, },
mounted () { mounted() {
this.getInfo(); this.getInfo();
}, },
methods: { methods: {
onInput(){ onInput() {
this.$forceUpdate(); this.$forceUpdate();
}, },
confirm () { confirm() {
let that = this; let that = this;
that.createBnt = true; that.createBnt = true;
if (that.formValidate.selectRule.trim().length <= 0) { if (that.formValidate.selectRule.trim().length <= 0) {
return this.$message({ return this.$message({
message:'请选择属性', message: '请选择属性',
type: 'error' type: 'error'
}); });
} }
@ -427,19 +441,19 @@ export default {
}); });
}, },
// 删除表格中的属性 // 删除表格中的属性
delAttrTable (index) { delAttrTable(index) {
this.manyFormValidate.splice(index, 1); this.manyFormValidate.splice(index, 1);
}, },
// 添加按钮 // 添加按钮
addBtn () { addBtn() {
this.clearAttr(); this.clearAttr();
this.createBnt = false; this.createBnt = false;
this.showIput = true; this.showIput = true;
}, },
// 立即生成 // 立即生成
generate (data) { generate(data) {
isFormatAttrForActivity(data===null?this.formValidate.productId:data, { attrs: this.attrs }).then(res => { isFormatAttrForActivity(data === null ? this.formValidate.productId : data, {attrs: this.attrs}).then(res => {
this.manyFormValidate = res.value; this.manyFormValidate = res.value;
let headerdel = { let headerdel = {
title: '操作', title: '操作',
@ -463,25 +477,25 @@ export default {
}) })
}, },
// 取消 // 取消
offAttrName () { offAttrName() {
this.showIput = false; this.showIput = false;
this.createBnt = true; this.createBnt = true;
}, },
clearAttr () { clearAttr() {
this.formDynamic.attrsName = ''; this.formDynamic.attrsName = '';
this.formDynamic.attrsVal = ''; this.formDynamic.attrsVal = '';
}, },
// 删除规格 // 删除规格
handleRemoveRole (index) { handleRemoveRole(index) {
this.attrs.splice(index, 1); this.attrs.splice(index, 1);
this.manyFormValidate.splice(index, 1); this.manyFormValidate.splice(index, 1);
}, },
// 删除属性 // 删除属性
handleRemove2 (item, index) { handleRemove2(item, index) {
item.splice(index, 1); item.splice(index, 1);
}, },
// 添加规则名称 // 添加规则名称
createAttrName () { createAttrName() {
if (this.formDynamic.attrsName && this.formDynamic.attrsVal) { if (this.formDynamic.attrsName && this.formDynamic.attrsVal) {
let data = { let data = {
value: this.formDynamic.attrsName, value: this.formDynamic.attrsName,
@ -503,7 +517,7 @@ export default {
} }
}, },
// 添加属性 // 添加属性
createAttr (num, idx) { createAttr(num, idx) {
if (num) { if (num) {
this.attrs[idx].detail.push(num); this.attrs[idx].detail.push(num);
var hash = {}; var hash = {};
@ -517,21 +531,21 @@ export default {
}, },
// 改变规格 // 改变规格
changeSpec () { changeSpec() {
}, },
// 详情选择商品生成规格用 // 详情选择商品生成规格用
getInfoChooseGood (id) { getInfoChooseGood(id) {
let that = this; let that = this;
let cid = that.$route.params.id || 0; let cid = that.$route.params.id || 0;
getInfo(id==null?0:id).then(async res => { getInfo(id == null ? 0 : id).then(async res => {
let data = res.productInfo; let data = res.productInfo;
if(data){ if (data) {
that.attrs = data.items || []; that.attrs = data.items || [];
//that.formValidate = data; //that.formValidate = data;
Object.keys(that.formValidate).forEach(key=>{ Object.keys(that.formValidate).forEach(key => {
if(data[key]) that.formValidate[key] = data[key]; if (data[key]) that.formValidate[key] = data[key];
}) })
that.formValidate.id = cid; that.formValidate.id = cid;
//that.formValidate.id = 0; //that.formValidate.id = 0;
@ -543,12 +557,13 @@ export default {
// that.formValidate.people = 0 // that.formValidate.people = 0
// that.formValidate.effectiveTime = 0 // that.formValidate.effectiveTime = 0
that.oneFormValidate = [data.attr]; that.oneFormValidate = [data.attr];
that.formValidate.productPrice = that.oneFormValidate[0].cost
that.formValidate.header = []; that.formValidate.header = [];
that.generate(null); that.generate(null);
that.manyFormValidate = data.attrs; that.manyFormValidate = data.attrs;
if(data.spec_type === 0){ if (data.spec_type === 0) {
that.manyFormValidate = []; that.manyFormValidate = [];
}else { } else {
that.createBnt = true; that.createBnt = true;
that.oneFormValidate = [ that.oneFormValidate = [
{ {
@ -562,10 +577,10 @@ export default {
ot_price: 0, ot_price: 0,
stock: 0, stock: 0,
bar_code: '', bar_code: '',
weight:0, weight: 0,
volume:0, volume: 0,
brokerage:0, brokerage: 0,
brokerage_two:0 brokerage_two: 0
} }
] ]
} }
@ -580,26 +595,27 @@ export default {
}, },
// 详情 // 详情
getInfo () { getInfo() {
let that = this; let that = this;
let id = that.$route.params.id || 0; let id = that.$route.params.id || 0;
that.formValidate.id = id; that.formValidate.id = id;
getCombinationInfo(id).then(async res => { getCombinationInfo(id).then(async res => {
let data = res.productInfo; let data = res.productInfo;
if(data){ if (data) {
let cate_id = parseInt(data.cate_id) || 0; let cate_id = parseInt(data.cate_id) || 0;
this.attrs = data.items || []; this.attrs = data.items || [];
that.formValidate = data; that.formValidate = data;
that.formValidate.cate_id = cate_id; that.formValidate.cate_id = cate_id;
that.oneFormValidate = [data.attr]; that.oneFormValidate = [data.attr];
that.formValidate.productPrice = that.oneFormValidate[0].cost
that.formValidate.header = []; that.formValidate.header = [];
that.generate(data.productId); that.generate(data.productId);
that.manyFormValidate = data.attrs; that.manyFormValidate = data.attrs;
that.form1.good.productId = data.productId; that.form1.good.productId = data.productId;
that.form1.good.image = data.image that.form1.good.image = data.image
if(data.spec_type === 0){ if (data.spec_type === 0) {
that.manyFormValidate = []; that.manyFormValidate = [];
}else { } else {
that.createBnt = true; that.createBnt = true;
that.oneFormValidate = [ that.oneFormValidate = [
{ {
@ -613,10 +629,10 @@ export default {
ot_price: 0, ot_price: 0,
stock: 0, stock: 0,
bar_code: '', bar_code: '',
weight:0, weight: 0,
volume:0, volume: 0,
brokerage:0, brokerage: 0,
brokerage_two:0 brokerage_two: 0
} }
] ]
} }
@ -632,35 +648,35 @@ export default {
// 提交 // 提交
handleSubmit (name) { handleSubmit(name) {
this.$refs[name].validate((valid) => { this.$refs[name].validate((valid) => {
if (valid) { if (valid) {
if(this.formValidate.spec_type ===0 ){ if (this.formValidate.spec_type === 0) {
this.formValidate.attrs = this.oneFormValidate; this.formValidate.attrs = this.oneFormValidate;
this.formValidate.header = []; this.formValidate.header = [];
this.formValidate.items = []; this.formValidate.items = [];
}else{ } else {
this.formValidate.items = this.attrs; this.formValidate.items = this.attrs;
this.formValidate.attrs = this.manyFormValidate; this.formValidate.attrs = this.manyFormValidate;
} }
if(this.formValidate.spec_type === 1 && this.manyFormValidate.length===0){ if (this.formValidate.spec_type === 1 && this.manyFormValidate.length === 0) {
return this.$message.warning('请点击生成规格！'); return this.$message.warning('请点击生成规格！');
} }
edit(this.formValidate).then(async res => { edit(this.formValidate).then(async res => {
this.$message({ this.$message({
message:'操作成功', message: '操作成功',
type: 'success' type: 'success'
}); });
setTimeout(() => { setTimeout(() => {
this.$router.push({ path: '/activity/combination' }); this.$router.push({path: '/activity/combination'});
}, 500); }, 500);
}).catch(res => { }).catch(res => {
this.$message.error(res.msg); this.$message.error(res.msg);
}) })
} else { } else {
if(!this.formValidate.store_name || !this.formValidate.cate_id || !this.formValidate.keyword if (!this.formValidate.store_name || !this.formValidate.cate_id || !this.formValidate.keyword
|| !this.formValidate.unit_name || !this.formValidate.store_info || !this.formValidate.unit_name || !this.formValidate.store_info
|| !this.formValidate.image || !this.formValidate.slider_image){ || !this.formValidate.image || !this.formValidate.slider_image) {
this.$message.warning("请填写完整商品信息！"); this.$message.warning("请填写完整商品信息！");
} }
} }
@ -668,12 +684,12 @@ export default {
}, },
// 表单验证 // 表单验证
validate (prop, status, error) { validate(prop, status, error) {
if (status === false) { if (status === false) {
this.$message.warning(error); this.$message.warning(error);
} }
}, },
addCustomDialog () { addCustomDialog() {
window.UE.registerUI('yshop', function (editor, uiName) { window.UE.registerUI('yshop', function (editor, uiName) {
let dialog = new window.UE.ui.Dialog({ let dialog = new window.UE.ui.Dialog({
iframeUrl: '/yshop/materia/index', iframeUrl: '/yshop/materia/index',
@ -707,34 +723,43 @@ export default {
</script> </script>
<style scoped lang="stylus"> <style scoped lang="stylus">
.submission .submission
margin-left 10px; margin-left 10px;
.color-list .tip{
color: #c9c9c9; .color-list .tip {
} color: #c9c9c9;
.color-list .color-item{ }
height: 30px;
line-height: 30px; .color-list .color-item {
padding: 0 10px; height: 30px;
color:#fff; line-height: 30px;
margin-right :10px; padding: 0 10px;
} color: #fff;
.color-list .color-item.blue{ margin-right: 10px;
background-color: #1E9FFF; }
}
.color-list .color-item.yellow{ .color-list .color-item.blue {
background-color: rgb(254, 185, 0); background-color: #1E9FFF;
} }
.color-list .color-item.green{
background-color: #009688; .color-list .color-item.yellow {
} background-color: rgb(254, 185, 0);
.columnsBox }
margin-right 10px
.priceBox .color-list .color-item.green {
width 100% background-color: #009688;
.rulesBox }
display flex
flex-wrap: wrap; .columnsBox
.curs margin-right 10px
cursor pointer
.priceBox
width 100%
.rulesBox
display flex
flex-wrap: wrap;
.curs
cursor pointer
</style> </style>

8
src/views/shop/set/seckillform.vue
View File

@ -51,6 +51,10 @@ export default {
} else this.doEdit() } else this.doEdit()
}, },
doAdd() { doAdd() {
if(this.form.continued + this.form.time　> 24){
this.loading = false
return this.$message.error("开启+持续时间不能超过24小时")
}
add(this.form).then(res => { add(this.form).then(res => {
this.resetForm() this.resetForm()
this.$notify({ this.$notify({
@ -66,6 +70,10 @@ export default {
}) })
}, },
doEdit() { doEdit() {
if(this.form.continued + this.form.time　> 24){
this.loading = false
return this.$message.error("开启+持续时间不能超过24小时")
}
edit(this.form).then(res => { edit(this.form).then(res => {
this.resetForm() this.resetForm()
this.$notify({ this.$notify({