|
|
|
|
@ -152,7 +152,9 @@ |
|
|
|
|
:isSpecLocked="formData.goods.isSpecLocked" |
|
|
|
|
:defaultSpecList="formData.goods.specList" |
|
|
|
|
:defaultSkuList="formData.goods.skuList" |
|
|
|
|
:channel="formData.goods.channel" |
|
|
|
|
:checkList="checkList" |
|
|
|
|
:source="1" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<!-- 单规格的表单内容 --> |
|
|
|
|
@ -170,7 +172,12 @@ |
|
|
|
|
/> |
|
|
|
|
<span class="ml-10">元</span> |
|
|
|
|
</a-form-item> |
|
|
|
|
<a-form-item label="成本价" :labelCol="labelCol" :wrapperCol="wrapperCol" extra="成本价仅用于商品页展示"> |
|
|
|
|
<a-form-item |
|
|
|
|
label="成本价" |
|
|
|
|
:labelCol="labelCol" |
|
|
|
|
:wrapperCol="wrapperCol" |
|
|
|
|
extra="成本价仅用于商品页展示" |
|
|
|
|
> |
|
|
|
|
<a-input-number :min="0" :precision="2" v-decorator="['cost_price']" /> |
|
|
|
|
<span class="ml-10">元</span> |
|
|
|
|
</a-form-item> |
|
|
|
|
@ -206,7 +213,6 @@ |
|
|
|
|
<span class="ml-10">千克 (Kg)</span> |
|
|
|
|
</a-form-item> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<!-- 商品详情 --> |
|
|
|
|
<div class="tab-pane" v-show="tabKey == 2"> |
|
|
|
|
@ -276,11 +282,8 @@ |
|
|
|
|
<span>{{ province.name }}</span> |
|
|
|
|
<template v-if="province.citys.length"> |
|
|
|
|
<span>(</span> |
|
|
|
|
<span |
|
|
|
|
class="city-name" |
|
|
|
|
v-for="(city, cidx) in province.citys" |
|
|
|
|
:key="cidx" |
|
|
|
|
>{{ city.name }}{{ province.citys.length > cidx + 1 ? '、' : '' }}</span |
|
|
|
|
<span class="city-name" v-for="(city, cidx) in province.citys" :key="cidx" |
|
|
|
|
>{{ city.name }}{{ province.citys.length > cidx + 1 ? '、' : '' }}</span |
|
|
|
|
> |
|
|
|
|
<span>)</span> |
|
|
|
|
</template> |
|
|
|
|
@ -293,7 +296,9 @@ |
|
|
|
|
</p> |
|
|
|
|
</template> |
|
|
|
|
</a-table> |
|
|
|
|
<a-button icon="environment" v-if="ruleList.length == 0" @click="handleAdd">点击添加销售区域</a-button> |
|
|
|
|
<a-button icon="environment" v-if="ruleList.length == 0" @click="handleAdd" |
|
|
|
|
>点击添加销售区域</a-button |
|
|
|
|
> |
|
|
|
|
</a-form-item> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
@ -439,7 +444,7 @@ import Region from '@/common/model/Region' |
|
|
|
|
const defaultItem = { |
|
|
|
|
key: 0, |
|
|
|
|
region: [], |
|
|
|
|
region_text: [] |
|
|
|
|
region_text: [], |
|
|
|
|
} |
|
|
|
|
export default { |
|
|
|
|
name: 'Update', |
|
|
|
|
@ -451,9 +456,9 @@ export default { |
|
|
|
|
InputNumberGroup, |
|
|
|
|
MultiSpec, |
|
|
|
|
AreasModal, |
|
|
|
|
Region |
|
|
|
|
Region, |
|
|
|
|
}, |
|
|
|
|
data () { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
// 默认的标签索引 |
|
|
|
|
tabKey: 0, |
|
|
|
|
@ -484,40 +489,42 @@ export default { |
|
|
|
|
title: '销售区域', |
|
|
|
|
dataIndex: 'region_text', |
|
|
|
|
width: '400px', |
|
|
|
|
scopedSlots: { customRender: 'region_text' } |
|
|
|
|
} |
|
|
|
|
scopedSlots: { customRender: 'region_text' }, |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
// 城市总数 |
|
|
|
|
citysCount: null |
|
|
|
|
citysCount: null, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
beforeDestroy () { |
|
|
|
|
beforeDestroy() { |
|
|
|
|
// 销毁商品详情 |
|
|
|
|
GoodsModel.formData.goods = {} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
showEdit (goodsId) { |
|
|
|
|
showEdit(goodsId) { |
|
|
|
|
// 记录商品ID |
|
|
|
|
this.goodsId = goodsId |
|
|
|
|
this.initData() |
|
|
|
|
this.getDataList() |
|
|
|
|
// 城市总数 |
|
|
|
|
Region.getCitysCount().then((count) => { |
|
|
|
|
this.citysCount = count |
|
|
|
|
}) |
|
|
|
|
this.visible = true |
|
|
|
|
}, |
|
|
|
|
// 关闭对话框事件 |
|
|
|
|
handleCancel () { |
|
|
|
|
this.visible = true |
|
|
|
|
this.goodsId = goodsId |
|
|
|
|
this.initData() |
|
|
|
|
this.getDataList() |
|
|
|
|
// 城市总数 |
|
|
|
|
Region.getCitysCount().then((count) => { |
|
|
|
|
this.citysCount = count |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 关闭对话框事件 |
|
|
|
|
handleCancel() { |
|
|
|
|
this.visible = false |
|
|
|
|
this.form.resetFields() |
|
|
|
|
}, |
|
|
|
|
// 初始化数据 |
|
|
|
|
initData (goodsId) { |
|
|
|
|
initData(goodsId) { |
|
|
|
|
// 获取form所需的数据 |
|
|
|
|
GoodsModel.formData.goods = {} |
|
|
|
|
this.isLoading = true |
|
|
|
|
GoodsModel.getFromData(this.goodsId).then(() => { |
|
|
|
|
this.formData.goods.goods_images=[] |
|
|
|
|
// 商品表单数据 |
|
|
|
|
if (!isEmptyObject(this.form.getFieldsValue())) { |
|
|
|
|
// 第一次赋值 |
|
|
|
|
@ -525,8 +532,10 @@ export default { |
|
|
|
|
// 第二次赋值 (适用于动态渲染的form-item) |
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
this.form.setFieldsValue(GoodsModel.getFieldsValue2()) |
|
|
|
|
|
|
|
|
|
this.ruleList = this.formData.goods.rules ? this.formData.goods.rules : [] |
|
|
|
|
this.onForceUpdate() |
|
|
|
|
this.$forceUpdate() |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
// this.ruleList = record.rule.map((item, index) => { return { ...item, key: index } }) |
|
|
|
|
@ -535,7 +544,7 @@ export default { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 手动强制更新页面 |
|
|
|
|
onForceUpdate (bool = false) { |
|
|
|
|
onForceUpdate(bool = false) { |
|
|
|
|
this.$forceUpdate() |
|
|
|
|
// bool为true时再执行一次 $forceUpdate, 特殊情况下需执行两次，原因如下： |
|
|
|
|
// 第一次执行 $forceUpdate时, 新元素绑定v-decorator无法获取到form.getFieldValue |
|
|
|
|
@ -546,12 +555,12 @@ export default { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 切换tab选项卡 |
|
|
|
|
handleTabs (key) { |
|
|
|
|
handleTabs(key) { |
|
|
|
|
this.tabKey = key |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 刷新分类列表 |
|
|
|
|
onReloadCategoryList () { |
|
|
|
|
onReloadCategoryList() { |
|
|
|
|
this.isLoading = true |
|
|
|
|
GoodsModel.getCategoryList().then(() => { |
|
|
|
|
this.isLoading = false |
|
|
|
|
@ -559,7 +568,7 @@ export default { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 刷新服务与承诺列表 |
|
|
|
|
onReloadServiceList () { |
|
|
|
|
onReloadServiceList() { |
|
|
|
|
this.isLoading = true |
|
|
|
|
GoodsModel.getServiceList().then(() => { |
|
|
|
|
this.isLoading = false |
|
|
|
|
@ -567,25 +576,25 @@ export default { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 刷新配送模板列表 |
|
|
|
|
onReloadDeliveryList () { |
|
|
|
|
onReloadDeliveryList() { |
|
|
|
|
this.isLoading = true |
|
|
|
|
GoodsModel.getDeliveryList().then(() => { |
|
|
|
|
this.isLoading = false |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 获取商品列表 |
|
|
|
|
getDataList () { |
|
|
|
|
getDataList() { |
|
|
|
|
return GoodsApi.list().then((result) => { |
|
|
|
|
this.checkList = result.data.list.data |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 确认按钮 |
|
|
|
|
handleSubmit (e) { |
|
|
|
|
handleSubmit(e) { |
|
|
|
|
e.preventDefault() |
|
|
|
|
// 表单验证 |
|
|
|
|
const { |
|
|
|
|
form: { validateFields }, |
|
|
|
|
ruleList |
|
|
|
|
ruleList, |
|
|
|
|
} = this |
|
|
|
|
validateFields((errors, values) => { |
|
|
|
|
// 定位到错误的tab选项卡 |
|
|
|
|
@ -609,13 +618,12 @@ export default { |
|
|
|
|
// 提交到后端api |
|
|
|
|
values.rules = ruleList |
|
|
|
|
this.onFormSubmit(values) |
|
|
|
|
this.handleCancel() |
|
|
|
|
return true |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 定位到错误的tab选项卡 |
|
|
|
|
onTargetTabError (errors) { |
|
|
|
|
onTargetTabError(errors) { |
|
|
|
|
// 表单字段与tabKey对应关系 |
|
|
|
|
// 只需要必填字段就可 |
|
|
|
|
const tabsFieldsMap = [ |
|
|
|
|
@ -628,11 +636,11 @@ export default { |
|
|
|
|
'is_ind_delivery_type', |
|
|
|
|
'delivery_type', |
|
|
|
|
'is_brand', |
|
|
|
|
'is_in_store' |
|
|
|
|
'is_in_store', |
|
|
|
|
], |
|
|
|
|
['spec_type', 'goods_price', 'is_restrict', 'restrict_total', 'restrict_single', 'cost_price'], |
|
|
|
|
['content'], |
|
|
|
|
['alone_grade_equity', 'first_money', 'second_money', 'third_money'] |
|
|
|
|
['alone_grade_equity', 'first_money', 'second_money', 'third_money'], |
|
|
|
|
] |
|
|
|
|
const field = Object.keys(errors).shift() |
|
|
|
|
for (const key in tabsFieldsMap) { |
|
|
|
|
@ -644,17 +652,17 @@ export default { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 提交到后端api |
|
|
|
|
onFormSubmit (values) { |
|
|
|
|
onFormSubmit(values) { |
|
|
|
|
this.isLoading = true |
|
|
|
|
this.isBtnLoading = true |
|
|
|
|
GoodsApi.edit({ goodsId: this.goodsId, form: values }) |
|
|
|
|
.then((result) => { |
|
|
|
|
// 显示提示信息 |
|
|
|
|
this.$message.success(result.message, 1.5) |
|
|
|
|
// // 跳转到列表页 |
|
|
|
|
// setTimeout(() => { |
|
|
|
|
// this.$router.push('./index') |
|
|
|
|
// }, 1500) |
|
|
|
|
this.$emit('refresh') |
|
|
|
|
setTimeout(() => { |
|
|
|
|
this.handleCancel() |
|
|
|
|
}, 500) |
|
|
|
|
}) |
|
|
|
|
.catch(() => { |
|
|
|
|
this.isBtnLoading = false |
|
|
|
|
@ -663,7 +671,7 @@ export default { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 新增记录 |
|
|
|
|
handleAdd () { |
|
|
|
|
handleAdd() { |
|
|
|
|
const index = this.ruleList.length |
|
|
|
|
const newItem = { ...defaultItem, key: index } |
|
|
|
|
// 排除的城市id集(已存在的城市id集) |
|
|
|
|
@ -677,7 +685,7 @@ export default { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 编辑记录 |
|
|
|
|
handleEdit (index, item) { |
|
|
|
|
handleEdit(index, item) { |
|
|
|
|
// 排除的城市id集(已存在的城市id集) |
|
|
|
|
const excludedCityIds = this.getExcludedCityIds() |
|
|
|
|
// 显示选择地区对话框 |
|
|
|
|
@ -685,9 +693,9 @@ export default { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 选择地区后的回调 |
|
|
|
|
handleAreaSubmit (result) { |
|
|
|
|
handleAreaSubmit(result) { |
|
|
|
|
const { |
|
|
|
|
custom: { scene, item } |
|
|
|
|
custom: { scene, item }, |
|
|
|
|
} = result |
|
|
|
|
item.region = result.selectedCityIds |
|
|
|
|
item.region_text = result.selectedText |
|
|
|
|
@ -697,7 +705,7 @@ export default { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 排除的城市id集(已存在的城市id集) |
|
|
|
|
getExcludedCityIds () { |
|
|
|
|
getExcludedCityIds() { |
|
|
|
|
const excludedCityIds = [] |
|
|
|
|
this.ruleList.forEach((item) => { |
|
|
|
|
item.region.forEach((cityId) => { |
|
|
|
|
@ -709,22 +717,22 @@ export default { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 显示选择地区对话框 |
|
|
|
|
handleAreasModal (scene, index, item, excludedCityIds) { |
|
|
|
|
handleAreasModal(scene, index, item, excludedCityIds) { |
|
|
|
|
this.$refs.AreasModal.handle({ scene, index, item }, item.region, excludedCityIds) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 删除记录 |
|
|
|
|
handleDelete (index) { |
|
|
|
|
handleDelete(index) { |
|
|
|
|
const app = this |
|
|
|
|
const modal = this.$confirm({ |
|
|
|
|
title: '您确定要删除该记录吗?', |
|
|
|
|
onOk () { |
|
|
|
|
onOk() { |
|
|
|
|
app.ruleList.splice(index, 1) |
|
|
|
|
modal.destroy() |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
<style lang="less" scoped> |
|
|
|
|
|
wangdong
6 months ago