renzhou
/
yz_wholesaler_store_vue
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
main
wang hou sheng 10 months ago
parent e5ec947c5a
commit 086f458e09
4 changed files with 122 additions and 66 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 141
      src/common/model/goods/Index.js
  2. 7
      src/views/goods/Create.vue
  3. 23
      src/views/goods/Index.vue
  4. 17
      src/views/goods/Update.vue

141
src/common/model/goods/Index.js
Unescape View File

@ -10,7 +10,6 @@ import * as DeliveryApi from '@/api/setting/delivery'
* GoodsModel * GoodsModel
*/ */
export default { export default {
// 当前商品ID // 当前商品ID
goodsId: null, goodsId: null,
@ -33,22 +32,22 @@ export default {
levelList: [ levelList: [
{ {
name: '一级佣金', name: '一级佣金',
value: 'first_money' value: 'first_money',
}, },
{ {
name: '二级佣金', name: '二级佣金',
value: 'second_money' value: 'second_money',
}, },
{ {
name: '三级佣金', name: '三级佣金',
value: 'third_money' value: 'third_money',
} },
] ],
} },
}, },
// 获取form所需的数据 // 获取form所需的数据
getFromData (goodsId = null) { getFromData(goodsId = null) {
// 记录商品ID (编辑时) // 记录商品ID (编辑时)
this.goodsId = goodsId this.goodsId = goodsId
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
@ -62,7 +61,7 @@ export default {
// 获取服务与承诺 // 获取服务与承诺
this.getServiceList(), this.getServiceList(),
// 获取会员等级列表 // 获取会员等级列表
this.getUserGradeList() this.getUserGradeList(),
]).then(() => { ]).then(() => {
// 设置默认数据 // 设置默认数据
this.setDefaultData() this.setDefaultData()
@ -72,30 +71,51 @@ export default {
}, },
// 获取商品详情 // 获取商品详情
getGoodsDetail (goodsId = null) { getGoodsDetail(goodsId = null) {
if (!goodsId) return false if (!goodsId) return false
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
GoodsApi.detail({ goodsId }) GoodsApi.detail({ goodsId }).then((result) => {
.then(result => { this.formData.goods = result.data.goodsInfo
this.formData.goods = result.data.goodsInfo resolve()
resolve() })
})
}) })
}, },
// 获取表单默认值(用于form.setFieldsValue的数据) // 获取表单默认值(用于form.setFieldsValue的数据)
getFieldsValue () { getFieldsValue() {
// 商品详情信息 // 商品详情信息
const goodsInfo = this.formData.goods const goodsInfo = this.formData.goods
// 格式化categoryIds // 格式化categoryIds
goodsInfo.categorys = this.formatCategoryIds(goodsInfo.categoryIds) goodsInfo.categorys = this.formatCategoryIds(goodsInfo.categoryIds)
// 商品基本数据 // 商品基本数据
const goodsFormData = _.pick(goodsInfo, [ const goodsFormData = _.pick(goodsInfo, [
'goods_type', 'goods_name', 'categorys', 'goods_no', 'sort','is_brand','is_new','paihang','remaizhishu', 'goods_type',
'status', 'spec_type', 'deduct_stock_type', 'is_restrict', 'content', 'goods_name',
'selling_point', 'serviceIds', 'sales_initial', 'is_points_gift', 'categorys',
'is_points_discount', 'is_enable_grade', 'is_alone_grade', 'is_ind_dealer', 'goods_no',
'dealer_money_type', 'first_money', 'second_money', 'third_money' 'sort',
'is_brand',
'is_new',
'paihang',
'remaizhishu',
'status',
'spec_type',
'deduct_stock_type',
'is_restrict',
'content',
'selling_point',
'serviceIds',
'sales_initial',
'is_points_gift',
'is_points_discount',
'is_enable_grade',
'is_alone_grade',
'is_ind_dealer',
'dealer_money_type',
'first_money',
'second_money',
'third_money',
'is_grab',
]) ])
return { return {
...goodsFormData, ...goodsFormData,
@ -103,7 +123,7 @@ export default {
}, },
// 第二次赋值 (适用于动态渲染的form-item) // 第二次赋值 (适用于动态渲染的form-item)
getFieldsValue2 () { getFieldsValue2() {
const goodsInfo = this.formData.goods const goodsInfo = this.formData.goods
let goodsFormData = {} let goodsFormData = {}
// 运费模板 (仅实物商品存在运费模板和配送设置) // 运费模板 (仅实物商品存在运费模板和配送设置)
@ -114,7 +134,13 @@ export default {
} }
// 单规格数据 // 单规格数据
if (goodsInfo.spec_type == 10) { if (goodsInfo.spec_type == 10) {
const skuOne = _.pick(goodsInfo.skuList[0], ['goods_price', 'line_price', 'cost_price', 'stock_num', 'goods_weight']) const skuOne = _.pick(goodsInfo.skuList[0], [
'goods_price',
'line_price',
'cost_price',
'stock_num',
'goods_weight',
])
goodsFormData = { ...goodsFormData, ...skuOne } goodsFormData = { ...goodsFormData, ...skuOne }
} }
// 商品限购数据 // 商品限购数据
@ -129,56 +155,54 @@ export default {
* 格式化categoryIds (用于表单元素选中) * 格式化categoryIds (用于表单元素选中)
* @param {*} categoryIds * @param {*} categoryIds
*/ */
formatCategoryIds (categoryIds) { formatCategoryIds(categoryIds) {
return categoryIds.map(id => { return { value: id } }) return categoryIds.map((id) => {
return { value: id }
})
}, },
// 获取分类列表 // 获取分类列表
getCategoryList () { getCategoryList() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
CategoryModel.getCategoryTreeSelect() CategoryModel.getCategoryTreeSelect().then((list) => {
.then(list => { this.formData.categoryList = list
this.formData.categoryList = list resolve()
resolve() })
})
}) })
}, },
// 获取运费模板列表 // 获取运费模板列表
getDeliveryList () { getDeliveryList() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
DeliveryApi.all() DeliveryApi.all().then((result) => {
.then(result => { this.formData.deliveryList = result.data.list
this.formData.deliveryList = result.data.list resolve()
resolve() })
})
}) })
}, },
// 获取服务与承诺 // 获取服务与承诺
getServiceList () { getServiceList() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
ServiceApi.all() ServiceApi.all().then((result) => {
.then(result => { this.formData.serviceList = result.data.list
this.formData.serviceList = result.data.list resolve()
resolve() })
})
}) })
}, },
// 获取会员等级列表 // 获取会员等级列表
getUserGradeList () { getUserGradeList() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
GradeApi.all({ status: 1 }) GradeApi.all({ status: 1 }).then((result) => {
.then(result => { this.formData.userGradeList = result.data.list
this.formData.userGradeList = result.data.list resolve()
resolve() })
})
}) })
}, },
// 设置默认的数据(无法用于form.setFieldsValue的数据) // 设置默认的数据(无法用于form.setFieldsValue的数据)
setDefaultData () { setDefaultData() {
// 默认的商品服务与承诺 // 默认的商品服务与承诺
this.setDefaultServiceIds() this.setDefaultServiceIds()
// 默认的等级折扣 // 默认的等级折扣
@ -186,29 +210,28 @@ export default {
}, },
// 默认的商品服务与承诺 // 默认的商品服务与承诺
setDefaultServiceIds () { setDefaultServiceIds() {
// 服务与承诺列表 // 服务与承诺列表
const serviceList = this.formData.serviceList const serviceList = this.formData.serviceList
if (!this.goodsId) { if (!this.goodsId) {
// 默认选中的id集 // 默认选中的id集
const defaultServiceItems = serviceList.filter(item => item.is_default) const defaultServiceItems = serviceList.filter((item) => item.is_default)
this.formData.defaultServiceIds = defaultServiceItems.map(item => item.service_id) this.formData.defaultServiceIds = defaultServiceItems.map((item) => item.service_id)
} }
}, },
// 默认的等级折扣 // 默认的等级折扣
setDefaultUserGradeValue () { setDefaultUserGradeValue() {
// 会员等级列表 // 会员等级列表
const userGradeList = this.formData.userGradeList const userGradeList = this.formData.userGradeList
// 单独设置折扣的配置 (已保存的) // 单独设置折扣的配置 (已保存的)
const aloneGradeEquity = (this.goodsId && this.formData.goods.alone_grade_equity) const aloneGradeEquity =
? this.formData.goods.alone_grade_equity : {} this.goodsId && this.formData.goods.alone_grade_equity ? this.formData.goods.alone_grade_equity : {}
// 生成的默认数据 // 生成的默认数据
const defaultData = {} const defaultData = {}
userGradeList.forEach(item => { userGradeList.forEach((item) => {
defaultData[item.grade_id] = aloneGradeEquity[item.grade_id] || item.equity.discount defaultData[item.grade_id] = aloneGradeEquity[item.grade_id] || item.equity.discount
}) })
this.formData.defaultUserGradeValue = { ...defaultData } this.formData.defaultUserGradeValue = { ...defaultData }
} },
} }

7
src/views/goods/Create.vue
Unescape View File

@ -71,7 +71,12 @@
<a-radio :value="1">是</a-radio> <a-radio :value="1">是</a-radio>
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
<a-form-item label="是否怕抓" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['is_grab', { initialValue: 0, rules: [{ required: true }] }]">
<a-radio :value="0">否</a-radio>
<a-radio :value="1">是</a-radio>
</a-radio-group>
</a-form-item>
<a-form-item label="商品编码" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="商品编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入商品编码" v-decorator="['goods_no']" /> <a-input placeholder="请输入商品编码" v-decorator="['goods_no']" />
</a-form-item> </a-form-item>

23
src/views/goods/Index.vue
Unescape View File

@ -34,6 +34,13 @@
</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="是否怕抓">
<a-select @change="getGrab" placeholder="请选择">
<a-select-option :value="item.id" v-for="item in grabList" :key="item.id">
{{ item.name }}
</a-select-option>
</a-select>
</a-form-item>
<a-form-item class="search-btn"> <a-form-item class="search-btn">
<a-button type="primary" icon="search" html-type="submit">搜索</a-button> <a-button type="primary" icon="search" html-type="submit">搜索</a-button>
</a-form-item> </a-form-item>
@ -99,6 +106,9 @@
>{{ text == 10 ? '上架' : '下架' }}</a-tag >{{ text == 10 ? '上架' : '下架' }}</a-tag
> >
</span> </span>
<span slot="grab" slot-scope="text">
<a-tag class="cur-p" :color="text == 0 ? 'green' : 'red'">{{ text == 0 ? '否' : '是' }}</a-tag>
</span>
<!-- 操作项 --> <!-- 操作项 -->
<div class="actions" slot="action" slot-scope="text, item"> <div class="actions" slot="action" slot-scope="text, item">
<router-link v-if="$auth('/goods/update')" :to="{ path: '/goods/update', query: { goodsId: item.goods_id } }" <router-link v-if="$auth('/goods/update')" :to="{ path: '/goods/update', query: { goodsId: item.goods_id } }"
@ -175,6 +185,11 @@ const columns = [
dataIndex: 'status', dataIndex: 'status',
scopedSlots: { customRender: 'status' }, scopedSlots: { customRender: 'status' },
}, },
{
title: '是否怕抓',
dataIndex: 'is_grab',
scopedSlots: { customRender: 'grab' },
},
{ {
title: '排序', title: '排序',
dataIndex: 'sort', dataIndex: 'sort',
@ -211,7 +226,12 @@ export default {
listType: 'all', listType: 'all',
spec_type: '', spec_type: '',
channel: '', channel: '',
is_grab: '',
}, },
grabList: [
{ id: '0', name: '否' },
{ id: '1', name: '是' },
],
// 正在加载 // 正在加载
isLoading: false, isLoading: false,
// 表头 // 表头
@ -268,6 +288,9 @@ export default {
getChannel(val) { getChannel(val) {
this.queryParam.channel = val this.queryParam.channel = val
}, },
getGrab(val) {
this.queryParam.is_grab = val
},
getDataList() { getDataList() {
return GoodsApi.getDataList().then((result) => { return GoodsApi.getDataList().then((result) => {
const obj = result.data const obj = result.data

17
src/views/goods/Update.vue
Unescape View File

@ -60,7 +60,12 @@
<a-radio :value="1">是</a-radio> <a-radio :value="1">是</a-radio>
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
<a-form-item label="是否怕抓" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['is_grab', { initialValue: 0, rules: [{ required: true }] }]">
<a-radio :value="0">否</a-radio>
<a-radio :value="1">是</a-radio>
</a-radio-group>
</a-form-item>
<a-form-item label="是否新品首发" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="是否新品首发" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['is_new', { initialValue: 0, rules: [{ required: true }] }]"> <a-radio-group v-decorator="['is_new', { initialValue: 0, rules: [{ required: true }] }]">
<a-radio :value="0">否</a-radio> <a-radio :value="0">否</a-radio>
@ -529,7 +534,7 @@ export default {
Ueditor, Ueditor,
InputNumberGroup, InputNumberGroup,
MultiSpec, MultiSpec,
AreasModal AreasModal,
}, },
data() { data() {
return { return {
@ -650,7 +655,8 @@ export default {
e.preventDefault() e.preventDefault()
// 表单验证 // 表单验证
const { const {
form: { validateFields },ruleList form: { validateFields },
ruleList,
} = this } = this
validateFields((errors, values) => { validateFields((errors, values) => {
// 定位到错误的tab选项卡 // 定位到错误的tab选项卡
@ -725,8 +731,8 @@ export default {
}) })
.finally(() => (this.isLoading = false)) .finally(() => (this.isLoading = false))
}, },
// 新增记录 // 新增记录
handleAdd() { handleAdd() {
const index = this.ruleList.length const index = this.ruleList.length
const newItem = { ...defaultItem, key: index } const newItem = { ...defaultItem, key: index }
// 排除的城市id集(已存在的城市id集) // 排除的城市id集(已存在的城市id集)
@ -792,4 +798,3 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
@import './style.less'; @import './style.less';
</style> </style>

Write Preview
Loading…
Cancel
Save