963 lines
38 KiB
JavaScript
963 lines
38 KiB
JavaScript
define({
|
||
name: "basic",
|
||
template: `
|
||
<div id="basicGoods">
|
||
<div class="vue-main-title">
|
||
<div class="vue-main-title-left"></div>
|
||
<div class="vue-main-title-content">基础信息</div>
|
||
</div>
|
||
<div style="margin:0 auto;width:80%;">
|
||
<el-form :rules="rules" :model="form" label-width="130px">
|
||
<el-form-item label="排序" prop="sort" required>
|
||
<el-input v-model="form.goods.display_order"></el-input>
|
||
<div class="form-item_tips">数字大的排名在前,默认排序方式为创建时间，注意：输入最大数为9位数，只能输入数字</div>
|
||
</el-form-item>
|
||
<el-form-item label="商品名称" prop="title" required>
|
||
<el-input v-model="form.goods.title"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="商品简称" prop="alias">
|
||
<el-input v-model="form.goods.alias"></el-input>
|
||
<div class="form-item_tips">用于打印电子面单，支付通道推送，不填默认用商品名称</div>
|
||
</el-form-item>
|
||
<el-form-item label="商品分类" required prop="category" v-if="!attr_hide.hide_category">
|
||
<el-row v-for="(categoryItem,itemIndex) in categoryList" style="margin-bottom:10px;" :key="itemIndex">
|
||
<el-col :span="4" v-if="form.category_level * 1 >= 1">
|
||
<el-select placeholder="请选择一级分类" v-model="categoryItem[0].id" clearable filterable @change="btnfirst($event,itemIndex,categoryItem[0].id)" >
|
||
<el-option :value="firstItem.id" :label="firstItem.name" v-for="(firstItem,firstIndex) in form.category_list" :key="firstItem.id">{{firstItem.name}}</el-option>
|
||
</el-select>
|
||
</el-col>
|
||
<el-col :span="4" v-if="form.category_level * 1 >= 2">
|
||
<el-select v-if="secondChildrensIsshow" placeholder="请选择二级分类" style="margin:0 10px;" v-model="categoryItem[1].id" clearable filterable @change="btnSecond($event,itemIndex,categoryItem[1].id)" @click.native="btnChangeSecond($event,itemIndex,categoryItem[0])">
|
||
<el-option :value="secondItem.id" :label="secondItem.name" v-for="(secondItem,secondIndex) in category_list_box[itemIndex].secondCategory" :key="secondItem.id">{{secondItem.name}}</el-option>
|
||
</el-select>
|
||
</el-col>
|
||
<el-col :span="4" v-if="form.category_level * 1 >= 3">
|
||
<el-select v-if="threeChildrensIsshow" placeholder="请选择三级分类" style="margin:0 10px;" v-model="categoryItem[2].id" clearable filterable @change="btnThree($event,itemIndex)" @click.native="btnChangeThree($event,itemIndex,categoryItem[1],categoryItem[0])">
|
||
<el-option :value="threeItem.id" :label="threeItem.name" v-for="(threeItem,threeIndex) in category_list_box[itemIndex].threeCategory" :key="threeItem.id">{{threeItem.name}}</el-option>
|
||
</el-select>
|
||
</el-col>
|
||
<el-col :span="4" v-if="form.category_to_option_open==1&&form.goods.category_to_option.length!==0">
|
||
<el-select placeholder="请选择规格" style="margin:0 10px;" v-model="form.goods.category_to_option[itemIndex].goods_option_id" clearable filterable>
|
||
<el-option :value="optionItem.id" :label="optionItem.title" v-for="(optionItem,optionIndex) in form.options" :key="optionItem.id">{{optionItem.title}}</el-option>
|
||
</el-select>
|
||
</el-col>
|
||
<el-col :span="4" >
|
||
<el-button icon="el-icon-plus" v-if="itemIndex==0" @click="addCategory">添加分类</el-button>
|
||
<el-button icon="el-icon-delete" v-else @click="removeCategory(itemIndex)"></el-button>
|
||
</el-col>
|
||
</el-row>
|
||
</el-form-item>
|
||
<el-form-item label="品牌" v-if="!attr_hide.hide_brand">
|
||
<el-select v-model="form.goods.brand_id" placeholder="请选择" clearable filterable>
|
||
<el-option
|
||
v-for="item in form.brand"
|
||
:key="item.id"
|
||
:label="item.name"
|
||
:value="item.id">
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="商品类型" v-if="isGoodsType() == true" >
|
||
<el-radio-group v-model="form.goods.type">
|
||
<el-radio v-if="(!attr_hide.appoint_type) || attr_hide.appoint_type === 1" :label="1">实体商品</el-radio>
|
||
<el-radio v-if="(!attr_hide.appoint_type) || attr_hide.appoint_type === 2" :label="2">虚拟商品</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<el-form-item label="下单是否需要地址" v-if="form.goods.type === 2 && form.goods.plugin_id != 154">
|
||
<el-radio-group v-model="form.goods.need_address">
|
||
<el-radio v-if="(!attr_hide.appoint_need_address) || attr_hide.appoint_need_address === 0" :label="0">需要地址</el-radio>
|
||
<el-radio v-if="(!attr_hide.appoint_need_address) || attr_hide.appoint_need_address === 1" :label="1">不需要地址</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<el-form-item label="商品单位" required>
|
||
<el-input v-model="form.goods.sku"></el-input>
|
||
<div class="form-item_tips">如: 个/件/包</div>
|
||
</el-form-item>
|
||
<el-form-item label="商品属性">
|
||
<el-checkbox :true-label="1" false-label="0"label="推荐" v-model="form.goods.is_recommand" ></el-checkbox>
|
||
<el-checkbox :true-label="1" false-label="0"label="新上" v-model="form.goods.is_new"></el-checkbox>
|
||
<el-checkbox :true-label="1" false-label="0"label="热卖" v-model="form.goods.is_hot"></el-checkbox>
|
||
<el-checkbox :true-label="1" false-label="0"label="促销" v-model="form.goods.is_discount"></el-checkbox>
|
||
</el-form-item>
|
||
<el-form-item label="商品图片" required prop="thumb">
|
||
<div class="upload-boxed" @click="displaySelectMaterialPopup('thumb')">
|
||
<img
|
||
:src="form.goods.thumb_link"
|
||
style="width: 150px; height: 150px; border-radius: 5px; cursor: pointer;object-fit:cover;"
|
||
v-show="form.goods.thumb"
|
||
/>
|
||
<div class="el-icon-plus" v-show="!form.goods.thumb"></div>
|
||
<div class="upload-boxed-text">点击重新上传</div>
|
||
</div>
|
||
<div v-if="isDecorate" class="form-item_tips">建议尺寸: 640 * 640 ，或正方型图片 <span @click.stop="jumpUrl" style="color: #196dfa;font-weight: 600;margin-left: 15px;cursor:pointer;">图片智能在线设计</span><i class="el-icon-question" style="color:#196dfa;margin-left:2px;" @click="showIntroduce = true;"></i> </div>
|
||
</el-form-item>
|
||
<el-form-item label="其他图片">
|
||
<div class="goods-image_list">
|
||
<draggable v-model="form.goods.thumb_url">
|
||
<div
|
||
class="upload-boxed"
|
||
v-for="(imageItem,itemIndex) in form.goods.thumb_url"
|
||
:key="itemIndex"
|
||
>
|
||
<img
|
||
:src="imageItem.thumb_link"
|
||
style="width: 150px; height: 150px; border-radius: 5px; cursor: pointer;object-fit:cover;"
|
||
/>
|
||
<i class="goods-images_remove el-icon-close" @click.stop="removeGoodsImage(itemIndex)"></i>
|
||
<!-- <div class="upload-boxed-text" @click="displaySelectMaterialPopup('other')">点击重新上传</div> -->
|
||
</div>
|
||
</draggable>
|
||
<div
|
||
class="upload-boxed goods-image_list-upload"
|
||
@click="displaySelectMaterialPopup('other')"
|
||
>
|
||
<div class="el-icon-plus"></div>
|
||
<div class="upload-boxed-text">点击上传图片</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-item_tips">建议尺寸: 640 * 640 ，或正方型图片</div>
|
||
</el-form-item>
|
||
<el-form-item label="首图视频">
|
||
<el-row>
|
||
<!-- <el-col :span="4">
|
||
<video v-if="form.goods.goods_video" style="width: 150px;height:100px" controls="controls" class="" :src="form.goods.goods_video"></video>
|
||
</el-col> -->
|
||
<el-col :span="6">
|
||
<div class="upload-boxed">
|
||
<div class="el-icon-plus" v-show="!form.goods.goods_video_link" @click="displaySelectMaterialPopup('video',3)"></div>
|
||
<div>
|
||
<video v-if="form.goods.goods_video_link" style="width: 150px;height:119px;object-fit: cover;" controls="controls" class="" :src="form.goods.goods_video_link"></video>
|
||
<i class="goods-images_remove el-icon-close" style="top:-6px" v-if="form.goods.goods_video_link" @click="removeVideo('video')"></i>
|
||
</div>
|
||
<div class="upload-boxed-text" @click="displaySelectMaterialPopup('video',3)">点击重新上传视频</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6">
|
||
<div class="upload-boxed">
|
||
<img
|
||
:src="form.goods.video_image_link"
|
||
style="width: 150px; height: 150px; border-radius: 5px; cursor: pointer;object-fit:cover;"
|
||
v-show="form.goods.video_image_link"
|
||
v-if="form.goods"
|
||
/>
|
||
<i class="goods-images_remove el-icon-close" v-if="form.goods.video_image_link" @click="removeVideo('image')"></i>
|
||
<div class="el-icon-plus" v-show="!form.goods||!form.goods.video_image_link" @click="displaySelectMaterialPopup('video_cover')"></div>
|
||
<div class="upload-boxed-text" @click="displaySelectMaterialPopup('video_cover')">点击重新上传封面</div>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
<div class="form-item_tips">
|
||
设置后商品详情首图默认显示视频，建议时长9-30秒
|
||
<div>视频封面不上传默认商品主图</div>
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="商品价格" v-if="!attr_hide.hide_price">
|
||
<el-row :gutter="10">
|
||
<el-col :span="7">
|
||
<el-input v-model="form.goods.price" :min="0" :disabled="readonly" oninput="if(value<0)value=0" type="number">
|
||
<template slot="prepend">现价</template>
|
||
<template slot="append">元</template>
|
||
</el-input>
|
||
</el-col>
|
||
<el-col :span="7">
|
||
<el-input v-model="form.goods.market_price" :min="0" :disabled="readonly" oninput="if(value<0)value=0" type="number">
|
||
<template slot="prepend">原价</template>
|
||
<template slot="append">元</template>
|
||
</el-input>
|
||
</el-col>
|
||
<el-col :span="7">
|
||
<el-input v-model="form.goods.cost_price" :min="0" :disabled="readonly" oninput="if(value<0)value=0" type="number">
|
||
<template slot="prepend">成本</template>
|
||
<template slot="append">元</template>
|
||
</el-input>
|
||
</el-col>
|
||
</el-row>
|
||
<div class="form-item_tips">尽量填写完整，有助于于商品销售的数据分析</div>
|
||
</el-form-item>
|
||
<el-form-item label="商品编码">
|
||
<el-input v-model="form.goods.goods_sn"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="商品条码" v-if="!attr_hide.hide_product_sn">
|
||
<el-input v-model="form.goods.product_sn"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="重量" v-if="!attr_hide.hide_weight">
|
||
<el-input style="width:30%" v-model="form.goods.weight" :min="0" oninput="if(value<0)value=0" type="number">
|
||
<template slot="append">克</template>
|
||
</el-input>
|
||
<div class="form-item_tips">商品重量设置为空或者0，则不计算重量</div>
|
||
</el-form-item>
|
||
<el-form-item label="体积" v-if="!attr_hide.hide_volume">
|
||
<el-input style="width:30%" v-model="form.goods.volume" :min="0" oninput="if(value<0)value=0" type="number">
|
||
<template slot="append">m³</template>
|
||
</el-input>
|
||
</el-form-item>
|
||
<el-form-item label="第三方销量" required prop="virtualSales">
|
||
<el-input style="width:30%" v-model="form.goods.virtual_sales">
|
||
<template slot="append">件</template>
|
||
</el-input>
|
||
<div class="form-item_tips">第三方销量为平台在其他第三方平台销量同步汇总，前端显示销量=第三方销量+商城销量</div>
|
||
</el-form-item>
|
||
<template v-if="form.goods.hide_goods_sales_switch">
|
||
<el-form-item label="总销量">
|
||
<el-switch v-model="form.goods.hide_goods_sales_alone" :active-value="1" :inactive-value="0"></el-switch>
|
||
<div class="form-item_tips">
|
||
开启后，商品详情隐藏总销量走独立设置，不受默认设置限制
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.goods.hide_goods_sales_alone" label="隐藏总销量">
|
||
<el-switch v-model="form.goods.hide_goods_sales" :active-value="1" :inactive-value="0"></el-switch>
|
||
<div class="form-item_tips">
|
||
开启后，商品详情隐藏总销量，只对自营商品与拍卖商品起效
|
||
</div>
|
||
</el-form-item>
|
||
</template>
|
||
<el-form-item label="库存" required prop="stock">
|
||
<el-input style="width:30%" v-model="form.goods.stock">
|
||
<template slot="append">件</template>
|
||
</el-input>
|
||
<div class="form-item_tips">商品的剩余数量, 如启用多规格或为虚拟卡密产品，则此处设置无效，请移至“商品规格”或“虚拟物品插件”中设置</div>
|
||
</el-form-item>
|
||
<el-form-item label="减库存方式">
|
||
<el-radio-group v-model="form.goods.reduce_stock_method">
|
||
<el-radio :label="0">拍下减库存</el-radio>
|
||
<el-radio :label="1">付款减库存</el-radio>
|
||
<el-radio :label="2">永不减库存</el-radio>
|
||
</el-radio-group>
|
||
<div class="form-item_tips">
|
||
拍下减库存：买家拍下商品即减少库存，存在恶拍风险。秒杀、超低价等热销商品，如需避免超卖可选此方式。
|
||
<div>付款减库存：买家拍下并完成付款方减少库存，存在超卖风险。如需减少恶拍、提高回款效率，可选此方式。</div>
|
||
<div>订单支付前关闭或取消返还库存,订单支付后退换货的订单不返还库存。</div>
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="预扣库存">
|
||
<el-input style="width:30%" disabled v-model="form.goods.withhold_stock">
|
||
<template slot="append">件</template>
|
||
</el-input>
|
||
<div class="form-item_tips">
|
||
拍下减库存时,下单即锁定商品库存。
|
||
<div>付款减库存时,用户点击支付订单后,1分钟内锁定商品库存。</div>
|
||
<div>存在预扣库存时，无法编辑商品库存和减库存方式设置。</div>
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="商品前端隐藏">
|
||
<el-switch v-model="form.goods.is_hide" :active-value="2" :inactive-value="1"></el-switch>
|
||
<div class="form-item_tips">
|
||
开启后，该商品在前端列表中不显示，也不能在搜索框中搜索出该商品，可以通过分享链接购买
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="不可退款退货">
|
||
<el-switch v-model="form.goods.no_refund" :active-value="1" :inactive-value="0"></el-switch>
|
||
</el-form-item>
|
||
<el-form-item label="是否上架" v-if="!attr_hide.hide_status">
|
||
<el-switch v-model="form.goods.status" :active-value="1" :inactive-value="0"></el-switch>
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
<upload-multimedia-img
|
||
:upload-show="showSelectMaterialPopup"
|
||
:type="materialType"
|
||
:name="formFieldName"
|
||
:selNum="selNum"
|
||
:select="select"
|
||
@replace="showSelectMaterialPopup = !showSelectMaterialPopup"
|
||
@sureSelect="sureSelectImg"
|
||
@sure="selectedMaterial"
|
||
></upload-multimedia-img>
|
||
<introduce v-model="showIntroduce" v-show="showIntroduce"></introduce>
|
||
</div>`,
|
||
style: `
|
||
.goods-image_list {
|
||
margin-right:20px;
|
||
}
|
||
.goods-image_list .upload-boxed {
|
||
position:relative;
|
||
}
|
||
.goods-image_list > div {
|
||
display:inline-flex;
|
||
flex-wrap:wrap;
|
||
column-gap:10px;
|
||
row-gap:10px;
|
||
}
|
||
#basicGoods input::-webkit-outer-spin-button,
|
||
#basicGoods input::-webkit-inner-spin-button {
|
||
-webkit-appearance: none;
|
||
}
|
||
#basicGoods input[type="number"] {
|
||
-moz-appearance: textfield;
|
||
}
|
||
`,
|
||
props: {
|
||
form: {
|
||
default() {
|
||
return ;
|
||
},
|
||
},
|
||
formKey: {
|
||
type: String,
|
||
default: "goods",
|
||
},
|
||
attr_hide:{
|
||
default() {
|
||
return {}
|
||
}
|
||
}
|
||
},
|
||
data() {
|
||
let regular = new RegExp("^[0-9][0-9]*$")
|
||
let checkoutSort = (rule, value, callback) => {
|
||
this.sortRegular = true
|
||
let sort = regular.test(this.form.goods.display_order);
|
||
if(!sort){
|
||
callback(new Error('请输入正整数'));
|
||
this.sortRegular = false
|
||
}
|
||
};
|
||
let checkoutTitle = (rule, value, callback) => {
|
||
this.titleRegular = true
|
||
if(!this.form.goods.title){
|
||
callback(new Error('请输入商品名称'));
|
||
this.titleRegular = false
|
||
}
|
||
};
|
||
// let checkoutSku = (rule, value, callback) => {
|
||
// let sku = true
|
||
// if(this.form.goods.sku !== '个' || this.form.goods.sku !== '件' || this.form.goods.sku !== '包'){
|
||
// sku = false
|
||
// }else{
|
||
// sku = true
|
||
// }
|
||
// this.skuRegular = true
|
||
// if(!sku){
|
||
// callback(new Error('个/件/包'));
|
||
// this.skuRegular = false
|
||
// }
|
||
// };
|
||
let checkoutCategory = (rule, value, callback) => {
|
||
if(!this.attr_hide.hide_category){
|
||
let info = true
|
||
this.categoryList.forEach(item => {
|
||
item.forEach(el => {
|
||
if(!el.id){
|
||
info = false
|
||
return
|
||
}
|
||
})
|
||
})
|
||
this.categoryRegular = true
|
||
if(!info){
|
||
callback(new Error('请选择商品分类'));
|
||
this.categoryRegular = false
|
||
}
|
||
}else{
|
||
this.categoryRegular = true
|
||
}
|
||
};
|
||
let checkoutThumb = (rule, value, callback) => {
|
||
this.thumbRegular = true
|
||
if(!this.form.goods.thumb){
|
||
callback(new Error('请选择商品图片'));
|
||
this.thumbRegular = false
|
||
}
|
||
};
|
||
let checkoutVirtualSales = (rule, value, callback) => {
|
||
let virtualSales = regular.test(this.form.goods.virtual_sales);
|
||
this.virtualSalesRegular = true
|
||
if(!virtualSales){
|
||
callback(new Error('请输入正整数'));
|
||
this.virtualSalesRegular = false
|
||
}
|
||
};
|
||
let checkoutStock = (rule, value, callback) => {
|
||
let stock = regular.test(this.form.goods.stock);
|
||
this.stockRegular = true
|
||
if(!stock){
|
||
callback(new Error('请输入正整数'));
|
||
this.stockRegular = false
|
||
}
|
||
};
|
||
return {
|
||
readonly:readonly,
|
||
showIntroduce:false,
|
||
showSelectMaterialPopup: false,
|
||
formFieldName: "",
|
||
goodsImagesChangeIndex: null,
|
||
materialType: "",
|
||
selNum: "one",
|
||
select:"open",
|
||
rules:{
|
||
sort:{ validator: checkoutSort},
|
||
title:{validator:checkoutTitle},
|
||
category:{validator:checkoutCategory},
|
||
// goodsSku:{validator:checkoutSku},
|
||
thumb:{validator:checkoutThumb},
|
||
virtualSales:{validator:checkoutVirtualSales},
|
||
stock:{validator:checkoutStock},
|
||
},
|
||
submitPropertyKeyWhiteList: [],
|
||
// yesRegular:true,
|
||
categoryList:[],
|
||
// 原始值
|
||
OriginCategory:[],
|
||
// 改变后的值
|
||
changeCategoryList:[],
|
||
// 分类值
|
||
category_list_box:[],
|
||
isShow:true,
|
||
|
||
sortRegular:true,
|
||
titleRegular:true,
|
||
// skuRegular:true,
|
||
categoryRegular:true,
|
||
virtualSalesRegular:true,
|
||
stockRegular:true,
|
||
thumbRegular:true,
|
||
// 提交的数据
|
||
|
||
threeChildrensIsshow:true,
|
||
secondChildrensIsshow:true,
|
||
isDecorate:IsDecorate,
|
||
};
|
||
},
|
||
mounted() {
|
||
this.addDefaul()
|
||
// 设置默认品牌
|
||
if(this.form.goods.brand_id === 0){
|
||
this.form.goods.brand_id = ""
|
||
}
|
||
|
||
this.goodsCategoryShow()
|
||
this.getCategoryValue()
|
||
},
|
||
methods: {
|
||
//是否显示商品类型
|
||
isGoodsType(){
|
||
let plugin_ids = [140, 154, 157];
|
||
|
||
if (plugin_ids.indexOf(this.form.goods.plugin_id) === -1){
|
||
return true;
|
||
}else{
|
||
return false;
|
||
}
|
||
},
|
||
jumpUrl() {
|
||
window.open(CktUrl);
|
||
},
|
||
// 添加默认值
|
||
addDefaul(){
|
||
|
||
if(JSON.stringify(this.attr_hide) !== '[]'){
|
||
|
||
if(this.attr_hide.appoint_type){
|
||
this.form.goods.type = this.attr_hide.appoint_type
|
||
}
|
||
if(this.attr_hide.appoint_need_address){
|
||
this.form.goods.need_address = this.attr_hide.appoint_need_address
|
||
}
|
||
}
|
||
if(!this.form.goods.display_order){
|
||
this.$set(this.form.goods,"display_order",0)
|
||
}
|
||
if(!this.form.goods.category_to_option){
|
||
this.$set(this.form.goods,"category_to_option",[{goods_option_id:""}])
|
||
}
|
||
if(!this.form.goods.type){
|
||
this.$set(this.form.goods,"type",1)
|
||
}
|
||
if(!this.form.goods.need_address){
|
||
this.$set(this.form.goods,"need_address",0)
|
||
}
|
||
if(!this.form.goods.price){
|
||
this.$set(this.form.goods,"price",0)
|
||
}
|
||
if(!this.form.goods.market_price){
|
||
this.$set(this.form.goods,"market_price",0)
|
||
}
|
||
if(!this.form.goods.cost_price){
|
||
this.$set(this.form.goods,"cost_price",0)
|
||
}
|
||
if(!this.form.goods.weight){
|
||
this.$set(this.form.goods,"weight",0)
|
||
}
|
||
if(!this.form.goods.volume){
|
||
this.$set(this.form.goods,"volume",0)
|
||
}
|
||
if(!this.form.goods.reduce_stock_method){
|
||
this.$set(this.form.goods,"reduce_stock_method",0)
|
||
}
|
||
if(!this.form.goods.withhold_stock){
|
||
this.$set(this.form.goods,"withhold_stock",0)
|
||
}
|
||
if(!this.form.goods.is_hide){
|
||
this.$set(this.form.goods,"is_hide",1)
|
||
}
|
||
if(!this.form.goods.no_refund){
|
||
this.$set(this.form.goods,"no_refund",0)
|
||
}
|
||
if(!this.form.goods.cost_price){
|
||
this.$set(this.form.goods,"cost_price",0)
|
||
}
|
||
if(!this.form.goods.virtual_sales){
|
||
this.$set(this.form.goods,"virtual_sales",0)
|
||
}
|
||
},
|
||
// 商品分类回显
|
||
goodsCategoryShow(){
|
||
// 判断回显时商品类型是否存在，不存在根据category_level长度添加数据--this.judgeCategoryLevel()
|
||
// 如果category_level的长度与返回的长度不一致，则不全默认值
|
||
if(this.form.goods.category){
|
||
this.OriginCategory = JSON.parse(JSON.stringify(this.form.goods.category))
|
||
if(this.form.category_level == 3){
|
||
this.OriginCategory.forEach(item => {
|
||
if(item.length === 2){
|
||
item.push({ "id": '', "level": 3 })
|
||
}
|
||
})
|
||
}else if(this.form.category_level == 2){
|
||
this.OriginCategory.forEach(item => {
|
||
if(item.length === 1){
|
||
item.push({ "id": '', "level": 2 })
|
||
}
|
||
})
|
||
}
|
||
}else{
|
||
this.judgeCategoryLevel()
|
||
}
|
||
if(!this.form.goods.category){ this.isShow = false }
|
||
|
||
if(this.form.goods.category){
|
||
if(this.form.goods.category.length){
|
||
if(this.form.goods.category[0].length){
|
||
for(item of this.form.goods.category){
|
||
item.forEach(cateItem => {
|
||
let id = cateItem.id
|
||
cateItem.id = cateItem.name
|
||
cateItem.name = id
|
||
})
|
||
item = item.map(el => ({'id':el.id , 'level':el.level,'name':el.name}))
|
||
// 判断是否有一级分类
|
||
let firstLevel = item.find(threeItem => threeItem.level === 1)
|
||
if(this.form.category_level * 1 === 1 && !firstLevel){
|
||
item.push({'id':'' , 'level':1})
|
||
}
|
||
// 判断是否有二级分类
|
||
let secondLevel = item.find(threeItem => threeItem.level === 2)
|
||
if(this.form.category_level * 1 === 2 && !secondLevel){
|
||
item.push({'id':'' , 'level':2})
|
||
}
|
||
// 判断是否有三级分类
|
||
let threeLevel = item.find(threeItem => threeItem.level === 3)
|
||
if(this.form.category_level * 1 === 3 && !threeLevel){
|
||
item.push({'id':'' , 'level':3})
|
||
}
|
||
this.categoryList.push(item)
|
||
this.changeCategoryList = this.categoryList
|
||
}
|
||
}else{
|
||
this.judgeCategoryLevel()
|
||
}
|
||
}else{
|
||
this.judgeCategoryLevel()
|
||
}
|
||
}else{
|
||
this.judgeCategoryLevel()
|
||
this.changeCategoryList = this.categoryList
|
||
}
|
||
},
|
||
// 获取分类值
|
||
getCategoryValue(){
|
||
this.category_list_box = []
|
||
this.categoryList.forEach((item,index) => {
|
||
let filterCategry = []
|
||
filterCategry.push({secondCategory:[]})
|
||
filterCategry.push({threeCategory:[]})
|
||
this.category_list_box.push(filterCategry)
|
||
})
|
||
},
|
||
// 判断分类等级
|
||
judgeCategoryLevel(){
|
||
switch (this.form.category_level * 1){
|
||
case 1 :
|
||
this.categoryList = [[{ "id": '', "level": 1 }]];
|
||
this.OriginCategory = this.categoryList
|
||
break;
|
||
case 2 :
|
||
this.categoryList = [[{ "id": '', "level": 1 }, { "id": '', "level": 2 }]];
|
||
this.OriginCategory = this.categoryList
|
||
break;
|
||
default:
|
||
this.categoryList = [[{ "id": '', "level": 1 }, { "id": '', "level": 2 }, { "id": '', "level": 3 }]];
|
||
this.OriginCategory = this.categoryList
|
||
break;
|
||
}
|
||
},
|
||
displaySelectMaterialPopup(fieldName = "thumb", type = 1) {
|
||
if(fieldName == 'other'){
|
||
this.selNum = 'more'
|
||
}else{
|
||
this.selNum = 'one'
|
||
}
|
||
this.formFieldName = fieldName;
|
||
this.showSelectMaterialPopup = !this.showSelectMaterialPopup;
|
||
this.materialType = String(type);
|
||
},
|
||
selectedMaterial(name, image, imageUrl) {
|
||
let originalImageUrl = JSON.parse(JSON.stringify(imageUrl))
|
||
if(name == "video"){
|
||
if(typeof imageUrl == 'string') {
|
||
this.form.goods.goods_video_link = imageUrl;
|
||
this.form.goods.goods_video = imageUrl;
|
||
return
|
||
}
|
||
this.form.goods.goods_video_link = imageUrl[0].url
|
||
this.form.goods.goods_video = originalImageUrl[0].attachment
|
||
}
|
||
if(name == "video_cover"){
|
||
this.form.goods.video_image_link = imageUrl[0].url
|
||
this.form.goods.video_image = originalImageUrl[0].attachment
|
||
}
|
||
if (Array.isArray(imageUrl)) {
|
||
imageUrl = imageUrl.map((item) => {
|
||
return item.url;
|
||
});
|
||
}
|
||
if (this.formFieldName === "other") {
|
||
if (this.goodsImagesChangeIndex === null) {
|
||
if(!this.form.goods.thumb_url){
|
||
this.$set(this.form.goods,"thumb_url",[])
|
||
}
|
||
for(let item of originalImageUrl){
|
||
this.form.goods["thumb_url"].push({
|
||
thumb_link:item.url,
|
||
thumb:item.attachment
|
||
});
|
||
}
|
||
} else {
|
||
// this.form.goods["thumb_url"][this.goodsImagesChangeIndex] = imageUrl[0];
|
||
this.goodsImagesChangeIndex = null;
|
||
}
|
||
} else {
|
||
this.form.goods[this.formFieldName] = originalImageUrl[0].attachment;
|
||
if(this.formFieldName == 'thumb') {
|
||
this.form.goods['thumb_link'] = imageUrl[0]
|
||
}
|
||
}
|
||
},
|
||
// 点击图片选中
|
||
sureSelectImg(val,id,item){
|
||
// console.log(val,id,item,'点击图片选中');
|
||
// if(this.formFieldName == "video_cover"){
|
||
// this.form.goods.video_image = item.url
|
||
// }
|
||
// if(this.formFieldName == "thumb"){
|
||
// this.form.goods[this.formFieldName] = item.url
|
||
// }
|
||
},
|
||
changeGoodsImage(index,val) {
|
||
this.goodsImagesChangeIndex = index;
|
||
this.displayUploadImagePopup("images");
|
||
},
|
||
addCategory() {
|
||
switch (this.form.category_level * 1){
|
||
case 1 :
|
||
this.categoryList.push([{ "id": '', "level": 1 }]);
|
||
if(this.isShow){this.OriginCategory.push([{ "id": '', "level": 1 }])}
|
||
break;
|
||
case 2 :
|
||
this.categoryList.push([{ "id": '', "level": 1 }, { "id": '', "level": 2 }]);
|
||
if(this.isShow){this.OriginCategory.push([{ "id": '', "level": 1 }, { "id": '', "level": 2 }])}
|
||
break;
|
||
default:
|
||
this.categoryList.push([{ "id": '', "level": 1 }, { "id": '', "level": 2 }, { "id": '', "level": 3 }]);
|
||
if(this.isShow){this.OriginCategory.push([{ "id": '', "level": 1 }, { "id": '', "level": 2 },{ "id": '', "level": 3 }])}
|
||
break;
|
||
}
|
||
this.form.goods.category_to_option.push({'goods_option_id':""});
|
||
this.getCategoryValue()
|
||
},
|
||
removeCategory(itemIndex) {
|
||
this.categoryList.splice(itemIndex, 1);
|
||
this.category_list_box.splice(itemIndex,1)
|
||
this.OriginCategory.splice(itemIndex,1)
|
||
this.form.goods.category_to_option.splice(itemIndex,1);
|
||
},
|
||
// 视频删除
|
||
removeVideo(type){
|
||
if(type == 'video'){
|
||
this.form.goods.goods_video = ""
|
||
this.form.goods.goods_video_link = ""
|
||
}
|
||
if(type == 'image'){
|
||
this.form.goods.video_image = ""
|
||
this.form.goods.video_image_link = ""
|
||
}
|
||
this.$forceUpdate()
|
||
},
|
||
removeGoodsImage(itemIndex) {
|
||
this.form.goods.thumb_url.splice(itemIndex, 1);
|
||
},
|
||
validate() {
|
||
let submitCategoryList = []
|
||
this.OriginCategory.forEach(element => {
|
||
element = element.map(item => {
|
||
delete item.name
|
||
})
|
||
})
|
||
this.OriginCategory.forEach(item =>{
|
||
let filterCatrgorys = item.filter((value, index, arr) => {
|
||
return value.id !== ''
|
||
})
|
||
submitCategoryList.push(filterCatrgorys)
|
||
})
|
||
// 过滤空数组
|
||
let filterSubmitCategoryList = []
|
||
submitCategoryList.forEach((element,index) => {
|
||
if(element.length !== 0){
|
||
filterSubmitCategoryList.push(element)
|
||
}
|
||
});
|
||
// 过滤商品分类重复的数据
|
||
let idList = []
|
||
filterSubmitCategoryList.forEach(item => {
|
||
if(item.length >= this.form.category_level){
|
||
idList.push(item[this.form.category_level * 1 - 1].id)
|
||
}else{
|
||
idList = []
|
||
}
|
||
})
|
||
if(!this.attr_hide.hide_category){
|
||
if(new Set(idList).size !== idList.length || idList.length == 0){
|
||
this.$message({
|
||
message: '请选择不同的商品分类',
|
||
type: 'warning'
|
||
});
|
||
this.categoryRegular = false
|
||
}else{
|
||
this.categoryRegular = true
|
||
}
|
||
}else{ this.categoryRegular = true }
|
||
this.tipValidator();
|
||
|
||
if(this.form.goods.type == 1){
|
||
this.form.goods.need_address = 0
|
||
}
|
||
let thumb_url = [];
|
||
// 过滤其他图片http字段
|
||
if(this.form.goods.thumb_url !== undefined ){
|
||
for(let item of this.form.goods.thumb_url){
|
||
thumb_url.push(item.thumb);
|
||
}
|
||
}
|
||
if (this.categoryRegular && this.sortRegular && this.titleRegular && this.virtualSalesRegular && this.stockRegular && this.thumbRegular && this.form.goods.sku) {
|
||
let saveGoods = {
|
||
brand_id:this.form.goods.brand_id ? this.form.goods.brand_id : "",
|
||
category: filterSubmitCategoryList,
|
||
display_order:this.form.goods.display_order,
|
||
title:this.form.goods.title,
|
||
alias:this.form.goods.alias? this.form.goods.alias :'',
|
||
type:this.form.goods.type,
|
||
need_address: this.form.goods.need_address,
|
||
sku:this.form.goods.sku,
|
||
is_recommand:this.form.goods.is_recommand,
|
||
is_new:this.form.goods.is_new,
|
||
is_hot:this.form.goods.is_hot,
|
||
is_discount:this.form.goods.is_discount,
|
||
thumb:this.form.goods.thumb,
|
||
thumb_url:thumb_url,
|
||
price:this.form.goods.price,
|
||
market_price:this.form.goods.market_price,
|
||
cost_price:this.form.goods.cost_price,
|
||
goods_sn:this.form.goods.goods_sn ? this.form.goods.goods_sn : "",
|
||
product_sn:this.form.goods.product_sn ? this.form.goods.product_sn : "",
|
||
weight:this.form.goods.weight,
|
||
volume:this.form.goods.volume,
|
||
virtual_sales:this.form.goods.virtual_sales,
|
||
stock:this.form.goods.stock,
|
||
reduce_stock_method:this.form.goods.reduce_stock_method,
|
||
is_hide:this.form.goods.is_hide,
|
||
no_refund:this.form.goods.no_refund,
|
||
video_image:this.form.goods.video_image ? this.form.goods.video_image : "",
|
||
goods_video:this.form.goods.goods_video ? this.form.goods.goods_video : "",
|
||
withhold_stock:this.form.goods.withhold_stock,
|
||
category_to_option:this.form.goods.category_to_option,
|
||
hide_goods_sales:this.form.goods.hide_goods_sales,
|
||
hide_goods_sales_alone:this.form.goods.hide_goods_sales_alone,
|
||
};
|
||
|
||
if(!this.attr_hide.hide_status){
|
||
saveGoods.status = this.form.goods.status;
|
||
}
|
||
return saveGoods;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
tipValidator(){
|
||
if(!this.sortRegular){
|
||
this.$message({
|
||
message: '请输入排序',
|
||
type: 'warning'
|
||
});
|
||
return
|
||
}else if(!this.form.goods.title){
|
||
this.$message({
|
||
message: '请输入商品名称',
|
||
type: 'warning'
|
||
});
|
||
return
|
||
}else if(!this.form.goods.sku){
|
||
this.$message({
|
||
message: '请填写商品单位',
|
||
type: 'warning'
|
||
});
|
||
}else if(!this.form.goods.thumb){
|
||
this.$message({
|
||
message: '请选择商品图片',
|
||
type: 'warning'
|
||
});
|
||
return
|
||
}else if(!this.virtualSalesRegular && this.form.goods.virtual_sales !== ''){
|
||
this.$message({
|
||
message: '请输入第三方销量',
|
||
type: 'warning'
|
||
});
|
||
return
|
||
}else if(!this.stockRegular){
|
||
this.$message({
|
||
message: '请输入库存',
|
||
type: 'warning'
|
||
});
|
||
return
|
||
}
|
||
// if(!this.form.goods.virtual_sales){this.virtualSalesRegular = false }
|
||
// if(!this.form.goods.stock){this.stockRegular = false }
|
||
},
|
||
// extraDate(){
|
||
// return {
|
||
// 'extra':"额外数据"
|
||
// }
|
||
// },
|
||
// 监听一级商品分类
|
||
btnfirst(value,itemIndex,firstValue){
|
||
if(!firstValue){
|
||
this.category_list_box[itemIndex].secondCategory = []
|
||
this.category_list_box[itemIndex].threeCategory = []
|
||
this.categoryList[itemIndex].forEach(item => {
|
||
item.id = ""
|
||
})
|
||
}
|
||
this.categoryList[itemIndex].forEach((item,key) => {
|
||
if(key == 0){
|
||
item.id = item.id
|
||
}else{
|
||
item.id = ""
|
||
}
|
||
})
|
||
// 点击一级分类获取二级分类数据
|
||
this.form.category_list.forEach(item => {
|
||
if(item.id == value){
|
||
// this.secondCategory = item.childrens
|
||
this.category_list_box[itemIndex].secondCategory = item.childrens
|
||
return
|
||
}
|
||
})
|
||
this.listenCategory(value,itemIndex,0)
|
||
},
|
||
// 监听二级商品分类
|
||
btnChangeSecond(value,itemIndex,secondValue){
|
||
let category_list = JSON.parse(JSON.stringify(this.form.category_list))
|
||
let secondChildrens = []
|
||
if(typeof secondValue.id == "string" && secondValue.id){
|
||
this.secondChildrensIsshow = false
|
||
category_list.forEach((item,index) => {
|
||
if(item.id == secondValue.name){
|
||
secondChildrens.push(...item.childrens)
|
||
return
|
||
}
|
||
})
|
||
this.category_list_box[itemIndex].secondCategory = secondChildrens
|
||
this.secondChildrensIsshow = true
|
||
}
|
||
},
|
||
btnSecond(value,itemIndex,secondValue){
|
||
if(!secondValue){
|
||
this.category_list_box[itemIndex].threeCategory = []
|
||
}
|
||
this.categoryList[itemIndex].forEach((item,key) => {
|
||
if(key === 2){
|
||
item.id = ''
|
||
}
|
||
})
|
||
// 点击二级分类获取三级分类数据
|
||
if(this.category_list_box[itemIndex].secondCategory){
|
||
this.category_list_box[itemIndex].secondCategory.forEach((item,index) => {
|
||
if(item.id == value ){
|
||
// this.threeCategory = item.childrens
|
||
this.category_list_box[itemIndex].threeCategory = item.childrens
|
||
return
|
||
}
|
||
})
|
||
}
|
||
this.listenCategory(value,itemIndex,1)
|
||
},
|
||
// 监听三级商品分类
|
||
btnChangeThree(value,itemIndex,secondValue,oneValue){
|
||
let category_list = JSON.parse(JSON.stringify(this.form.category_list))
|
||
let threeChildrens = []
|
||
if(typeof secondValue.id == "string" && secondValue.id){
|
||
this.threeChildrensIsshow = false
|
||
category_list.forEach((item,index) => {
|
||
if(item.id == oneValue.name){
|
||
item.childrens.forEach((el,key) => {
|
||
if(el.id == secondValue.name){
|
||
threeChildrens.push(...el.childrens)
|
||
return
|
||
}
|
||
})
|
||
return
|
||
}
|
||
})
|
||
this.category_list_box[itemIndex].threeCategory = threeChildrens
|
||
this.threeChildrensIsshow = true
|
||
}
|
||
},
|
||
btnThree(value,itemIndex){
|
||
this.listenCategory(value,itemIndex,2)
|
||
},
|
||
listenCategory(value,itemIndex,type){
|
||
let info = false
|
||
this.changeCategoryList[itemIndex].forEach((el,key) => {
|
||
if(el.id === this.categoryList[itemIndex][key].id){
|
||
info = true
|
||
return
|
||
}
|
||
})
|
||
if(this.isShow){
|
||
if(info){
|
||
let categoryBoxList = []
|
||
this.OriginCategory[itemIndex].forEach((item,key) => {
|
||
if(type == 2){
|
||
if(key === 2){
|
||
item = this.categoryList[itemIndex][key]
|
||
}
|
||
}else if(type == 1){
|
||
if(key === 2 || key === 1){
|
||
item = this.categoryList[itemIndex][key]
|
||
}
|
||
}else if(type == 0){
|
||
if(key === 2 || key === 1 || key === 0){
|
||
item = this.categoryList[itemIndex][key]
|
||
// item.id = ""
|
||
}
|
||
}
|
||
|
||
categoryBoxList.push(item)
|
||
})
|
||
this.OriginCategory[itemIndex] = categoryBoxList
|
||
}else{
|
||
this.OriginCategory[itemIndex] = this.categoryList[itemIndex]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
});
|