|
|
|
@ -5,12 +5,12 @@
|
|
|
|
|
<el-row :gutter="24"> |
|
|
|
|
<!-- 商品信息--> |
|
|
|
|
<el-col v-bind="grid2"> |
|
|
|
|
<el-form-item label="商品名称:" prop="store_name"> |
|
|
|
|
<el-form-item label="商品名称:" prop="store_name"> |
|
|
|
|
<el-input v-model="formValidate.store_name" placeholder="请输入商品名称" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<!-- <el-col v-bind="grid2"> |
|
|
|
|
<el-form-item label="商品分类:" prop="cate_id"> |
|
|
|
|
<el-form-item label="商品分类:" prop="cate_id"> |
|
|
|
|
<el-select v-model="formValidate.cate_id" filterable :filter-method="dataFilter" clearable> |
|
|
|
|
<el-option v-for="item in optionsMetaShow" :disabled="item.disabled === 0" |
|
|
|
|
:value="item.value" :key="item.id" :label="item.label" ></el-option> |
|
|
|
@ -18,37 +18,57 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> --> |
|
|
|
|
<el-col v-bind="grid2"> |
|
|
|
|
<el-form-item label="商品关键字:" prop=""> |
|
|
|
|
<el-form-item label="商品关键字:" prop=""> |
|
|
|
|
<el-input v-model="formValidate.keyword" placeholder="请输入商品关键字" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col v-bind="grid2"> |
|
|
|
|
<el-form-item label="单位:" prop="unit_name"> |
|
|
|
|
<el-form-item label="单位:" prop="unit_name"> |
|
|
|
|
<el-input v-model="formValidate.unit_name" placeholder="请输入单位" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col v-bind="grid2"> |
|
|
|
|
<el-form-item label="商品简介:" prop=""> |
|
|
|
|
<el-form-item label="商品简介:" prop=""> |
|
|
|
|
<el-input v-model="formValidate.store_info" type="textarea" :rows="3" placeholder="请输入商品简介" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col v-bind="grid2"> |
|
|
|
|
<el-form-item label="虚拟商品" > |
|
|
|
|
<el-radio-group v-model="formValidate.isFake" @change="fakeChange"> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col v-bind="grid2" v-if="formValidate.isFake == 1"> |
|
|
|
|
<el-form-item label="选择虚拟商品" > |
|
|
|
|
<el-select v-model="formValidate.virtualProductId" placeholder="请选择虚拟商品" style="width:300px;"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in fakeList" |
|
|
|
|
:key="item.product_id" |
|
|
|
|
:label="item.product_name" |
|
|
|
|
:value="item.product_id"> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<el-form-item label="商品视频:" prop="video"> |
|
|
|
|
<el-form-item label="商品视频:" prop="video"> |
|
|
|
|
<single-video v-model="formValidate.video" type="video" :num="1" :width="320" :height="240" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<el-form-item label="商品封面图:" prop="image"> |
|
|
|
|
<el-form-item label="商品封面图:" prop="image"> |
|
|
|
|
<single-pic v-model="formValidate.image" type="image" :num="1" :width="150" :height="150" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<el-form-item label="商品轮播图:" prop="slider_image"> |
|
|
|
|
<el-form-item label="商品轮播图:" prop="slider_image"> |
|
|
|
|
<MaterialList v-model="formValidate.slider_image" type="image" :num="4" :width="150" :height="150" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<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"> |
|
|
|
|
<el-radio :label="0" class="radio">单规格</el-radio> |
|
|
|
|
<el-radio :label="1">多规格{{formValidate.spec_typ}}</el-radio> |
|
|
|
@ -58,7 +78,7 @@
|
|
|
|
|
<!-- 多规格添加--> |
|
|
|
|
<el-col :span="24" v-if="formValidate.spec_type === 1" class="noForm"> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<el-form-item label="选择规格:" prop=""> |
|
|
|
|
<el-form-item label="选择规格:" prop=""> |
|
|
|
|
<div class="acea-row row-middle"> |
|
|
|
|
<el-select v-model="formValidate.selectRule" style="width: 23%;"> |
|
|
|
|
<el-option v-for="(item, index) in ruleList" :value="item.ruleName" :key="index">{{ item.ruleName }}</el-option> |
|
|
|
@ -91,12 +111,12 @@
|
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="24" v-if="showIput"> |
|
|
|
|
<el-col :xl="6" :lg="9" :md="10" :sm="24" :xs="24" > |
|
|
|
|
<el-form-item label="规格:"> |
|
|
|
|
<el-form-item label="规格:"> |
|
|
|
|
<el-input placeholder="请输入规格" v-model="formDynamic.attrsName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :xl="6" :lg="9" :md="10" :sm="24" :xs="24"> |
|
|
|
|
<el-form-item label="规格值:"> |
|
|
|
|
<el-form-item label="规格值:"> |
|
|
|
|
<el-input v-model="formDynamic.attrsVal" placeholder="请输入规格值" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
@ -111,7 +131,7 @@
|
|
|
|
|
<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-form-item label="商品属性:" class="labeltop"> |
|
|
|
|
<el-form-item label="商品属性:" class="labeltop"> |
|
|
|
|
<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"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
@ -193,7 +213,7 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="运费模板:" prop="temp_id"> |
|
|
|
|
<el-form-item label="运费模板:" prop="temp_id"> |
|
|
|
|
<div class="acea-row"> |
|
|
|
|
<el-select v-model="formValidate.temp_id" class="mr20"> |
|
|
|
|
<el-option v-for="(item,index) in templateList" :value="item.id" :key="item.id" :label="item.name"> |
|
|
|
@ -205,29 +225,29 @@
|
|
|
|
|
</el-row> |
|
|
|
|
<el-row> |
|
|
|
|
<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> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col v-bind="grid"> |
|
|
|
|
<el-form-item label="虚拟销量:"> |
|
|
|
|
<el-form-item label="虚拟销量:"> |
|
|
|
|
<el-input-number :min="0" v-model="formValidate.ficti" placeholder="请输入虚拟销量" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col v-bind="grid"> |
|
|
|
|
<el-form-item label="积分:"> |
|
|
|
|
<el-form-item label="积分:"> |
|
|
|
|
<el-input-number v-model="formValidate.give_integral" :min="0" placeholder="请输入积分" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col v-bind="grid"> |
|
|
|
|
<el-form-item label="排序:"> |
|
|
|
|
<el-form-item label="排序:"> |
|
|
|
|
<el-input-number :min="0" v-model="formValidate.sort" placeholder="请输入排序" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<!-- <el-col :span="24"> |
|
|
|
|
<el-form-item label="佣金设置:"> |
|
|
|
|
<el-form-item label="佣金设置:"> |
|
|
|
|
<el-radio-group v-model="formValidate.is_sub"> |
|
|
|
|
<el-radio :label="1" class="radio">单独设置</el-radio> |
|
|
|
|
<el-radio :label="0">默认设置</el-radio> |
|
|
|
@ -236,7 +256,7 @@
|
|
|
|
|
</el-col> --> |
|
|
|
|
<el-col :span="24" v-if="formValidate.is_sub === 1"> |
|
|
|
|
<!--单规格返佣--> |
|
|
|
|
<el-form-item label="商品属性:" v-if="formValidate.spec_type === 0"> |
|
|
|
|
<el-form-item label="商品属性:" v-if="formValidate.spec_type === 0"> |
|
|
|
|
<el-table :data="oneFormValidate" size="small" style="width: 90%;"> |
|
|
|
|
<el-table-column prop="imageArr" label="图片" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
@ -266,7 +286,7 @@
|
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="商品属性:" v-if="formValidate.spec_type === 1 && manyFormValidate.length"> |
|
|
|
|
<el-form-item label="商品属性:" v-if="formValidate.spec_type === 1 && manyFormValidate.length"> |
|
|
|
|
<el-table :data="manyFormValidate" size="small" style="width: 90%;"> |
|
|
|
|
<el-table-column prop="imageArr" label="图片" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
@ -298,7 +318,7 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col v-bind="grid"> |
|
|
|
|
<el-form-item label="商品状态:"> |
|
|
|
|
<el-form-item label="商品状态:"> |
|
|
|
|
<el-radio-group v-model="formValidate.is_show" > |
|
|
|
|
<el-radio :label="1" class="radio">上架</el-radio> |
|
|
|
|
<el-radio :label="0">下架</el-radio> |
|
|
|
@ -306,7 +326,7 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<!-- <el-col v-bind="grid"> |
|
|
|
|
<el-form-item label="热卖单品:"> |
|
|
|
|
<el-form-item label="热卖单品:"> |
|
|
|
|
<el-radio-group v-model="formValidate.is_hot" > |
|
|
|
|
<el-radio :label="1" class="radio">开启</el-radio> |
|
|
|
|
<el-radio :label="0">关闭</el-radio> |
|
|
|
@ -314,7 +334,7 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col v-bind="grid"> |
|
|
|
|
<el-form-item label="猜你喜欢:"> |
|
|
|
|
<el-form-item label="猜你喜欢:"> |
|
|
|
|
<el-radio-group v-model="formValidate.is_benefit" > |
|
|
|
|
<el-radio :label="1" class="radio">开启</el-radio> |
|
|
|
|
<el-radio :label="0">关闭</el-radio> |
|
|
|
@ -322,7 +342,7 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col v-bind="grid"> |
|
|
|
|
<el-form-item label="精品推荐:"> |
|
|
|
|
<el-form-item label="精品推荐:"> |
|
|
|
|
<el-radio-group v-model="formValidate.is_best" > |
|
|
|
|
<el-radio :label="1" class="radio">开启</el-radio> |
|
|
|
|
<el-radio :label="0">关闭</el-radio> |
|
|
|
@ -330,7 +350,7 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col v-bind="grid"> |
|
|
|
|
<el-form-item label="首发新品:"> |
|
|
|
|
<el-form-item label="首发新品:"> |
|
|
|
|
<el-radio-group v-model="formValidate.is_new" > |
|
|
|
|
<el-radio :label="1" class="radio">开启</el-radio> |
|
|
|
|
<el-radio :label="0">关闭</el-radio> |
|
|
|
@ -348,7 +368,7 @@
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import { getCates } from '@/api/yxStoreCategory' |
|
|
|
|
import { add, edit, getInfo, isFormatAttr, getStore } from '@/api/yxStoreProduct' |
|
|
|
|
import { add, edit, getInfo, isFormatAttr, getStore, getVirtualPorducts } from '@/api/yxStoreProduct' |
|
|
|
|
import editor from '../../components/Editor' |
|
|
|
|
import picUpload from '@/components/pic-upload' |
|
|
|
|
import mulpicUpload from '@/components/mul-pic-upload' |
|
|
|
@ -409,7 +429,10 @@ export default {
|
|
|
|
|
serverUrl: '' |
|
|
|
|
}, |
|
|
|
|
columns: [], |
|
|
|
|
fakeList: [], |
|
|
|
|
formValidate: { |
|
|
|
|
isFake: 0, |
|
|
|
|
virtualProductId: null, |
|
|
|
|
imageArr:[], |
|
|
|
|
sliderImageArr: [], |
|
|
|
|
store_name: '', |
|
|
|
@ -541,9 +564,21 @@ export default {
|
|
|
|
|
}, |
|
|
|
|
mounted () { |
|
|
|
|
this.getInfo(); |
|
|
|
|
this.getStore() |
|
|
|
|
this.getStore(); |
|
|
|
|
this.getVirtualPorducts() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
//获取虚拟商品列表 |
|
|
|
|
getVirtualPorducts(){ |
|
|
|
|
getVirtualPorducts().then((res)=>{ |
|
|
|
|
console.log(res) |
|
|
|
|
this.fakeList = res |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
//虚拟商品 |
|
|
|
|
fakeChange(val){ |
|
|
|
|
console.log(val) |
|
|
|
|
}, |
|
|
|
|
getStore(){ |
|
|
|
|
getStore().then((res)=>{ |
|
|
|
|
this.memberList = res |
|
|
|
@ -688,6 +723,7 @@ export default {
|
|
|
|
|
let cate_id = parseInt(data.cate_id) || 0; |
|
|
|
|
this.attrs = data.items || []; |
|
|
|
|
that.formValidate = data; |
|
|
|
|
that.formValidate.isFake = data.virtualProductId ? 1 : 0 |
|
|
|
|
that.merId = data.merId == 0 ? 1 : data.merId + ''; |
|
|
|
|
that.formValidate.cate_id = cate_id; |
|
|
|
|
that.oneFormValidate = [data.attr]; |
|
|
|
|