优化商品发布规格校验,后续会优化规格详情中添加规格以前数据消失问题
parent
1aab8aa8c8
commit
4da164dcba
|
@ -79,7 +79,7 @@
|
|||
.sku-val{
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
>.sku-item-content-val{
|
||||
/deep/ .sku-item-content-val{
|
||||
|
||||
|
||||
margin-right: 20px;
|
||||
|
|
|
@ -91,18 +91,20 @@
|
|||
<Button type="primary" slot="extra" @click="handleCloseSkuItem($index)">
|
||||
删除规格
|
||||
</Button>
|
||||
<FormItem label="规格名" :prop="'item.'+$index+'.name'" :rules="baseInfoFormRule.name"
|
||||
class="sku-item-content-val flex">
|
||||
<div>
|
||||
<FormItem label="规格名" class="sku-item-content-val flex">
|
||||
<AutoComplete style="width: 150px" v-model="item.name" :maxlength="30"
|
||||
placeholder="请输入规格项名称" :filter-method="filterMethod" :data="skuData"
|
||||
@on-change="editSkuItem">
|
||||
</AutoComplete>
|
||||
|
||||
</FormItem>
|
||||
</div>
|
||||
<div class="flex sku-val">
|
||||
<Form :model="item" class="flex">
|
||||
<!--规格值文本列表-->
|
||||
<FormItem v-for="(val, index) in item.spec_values" :key="index"
|
||||
class="sku-item-content-val flex" label="规格项" :prop="'spec_values.'+index"
|
||||
class="sku-item-content-val flex" label="规格项" :prop="'spec_values.'+index+'.value'"
|
||||
:rules="[regular.REQUIRED, regular.VARCHAR60]">
|
||||
<AutoComplete v-model="val.value" style="width: 150px" :maxlength="30"
|
||||
placeholder="请输入规格项" :filter-method="filterMethod" :data="skuVal"
|
||||
|
@ -114,6 +116,7 @@
|
|||
删除
|
||||
</Button>
|
||||
</FormItem>
|
||||
</Form>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
|
@ -296,7 +299,6 @@ export default {
|
|||
},
|
||||
},
|
||||
data() {
|
||||
|
||||
// 表单验证项,商品价格
|
||||
const checkPrice = (rule, value, callback) => {
|
||||
if (!value && value !== 0) {
|
||||
|
@ -422,6 +424,7 @@ export default {
|
|||
value: [regular.REQUIRED, regular.VARCHAR60],
|
||||
templateId: [regular.REQUIRED],
|
||||
},
|
||||
skuInfoRules: {},
|
||||
/** 品牌列表 */
|
||||
brandList: [],
|
||||
/** 店铺分类列表 */
|
||||
|
@ -443,6 +446,9 @@ export default {
|
|||
};
|
||||
},
|
||||
methods: {
|
||||
changeSku(val){
|
||||
console.warn(val)
|
||||
},
|
||||
/**
|
||||
* 选择参数
|
||||
* @paramsGroup 参数分组
|
||||
|
@ -699,7 +705,7 @@ export default {
|
|||
{
|
||||
id: u.specValueId,
|
||||
name: u.specName,
|
||||
value: u.specValue,
|
||||
value: u.specValue || "",
|
||||
},
|
||||
],
|
||||
});
|
||||
|
@ -712,7 +718,7 @@ export default {
|
|||
sk.spec_values.push({
|
||||
id: u.specValueId,
|
||||
name: u.specName,
|
||||
value: u.specValue,
|
||||
value: u.specValue || "",
|
||||
});
|
||||
}
|
||||
if (!sk.spec_id && u.specName === "specId") {
|
||||
|
@ -777,6 +783,7 @@ export default {
|
|||
// 写入对象,下标,具体对象
|
||||
this.$set(this.skuInfo, this.skuInfo.length, {
|
||||
spec_values: [],
|
||||
name: "规格名",
|
||||
});
|
||||
this.renderTableData();
|
||||
},
|
||||
|
@ -832,6 +839,7 @@ export default {
|
|||
}
|
||||
this.$set(item.spec_values, item.spec_values.length, {
|
||||
name: item.name,
|
||||
value: "",
|
||||
});
|
||||
this.baseInfoForm.regeneratorSkuFlag = true;
|
||||
/**
|
||||
|
@ -861,6 +869,7 @@ export default {
|
|||
let pushData = [];
|
||||
//渲染头部
|
||||
this.skuInfo.forEach((sku) => {
|
||||
!sku.name ? sku.name = "规格名" : ''
|
||||
//列名称
|
||||
let columnName = sku.name;
|
||||
pushData.push({
|
||||
|
@ -934,6 +943,7 @@ export default {
|
|||
cloneTemp[0].spec_values.forEach((valItem) => {
|
||||
let obj = cloneObj(resItem);
|
||||
obj[cloneTemp[0].name] = valItem.value;
|
||||
|
||||
table.push(obj);
|
||||
});
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue