wangmingchuan
/
yanzong_vue_store
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

多商户商品规格删除问题

Browse Source
master
wangdong 3 months ago
parent 6690c7cc35 91171ecce6
commit 9275993675
5 changed files with 101 additions and 39 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. 26
      src/common/model/goods/MultiSpec.js
  2. 10
      src/components/Modal/GoodsModal/GoodsModal.vue
  3. 9
      src/components/SelectGoods/SelectGoods.vue
  4. 12
      src/views/goods/Index.vue
  5. 83
      src/views/goods/modules/MultiSpec.vue

26
src/common/model/goods/MultiSpec.js
Unescape View File

@ -5,24 +5,22 @@ import { log } from '@/api/market/presale'
// 默认的sku字段属性
const defaultColumns = [
/* {
title: '预览图',
dataIndex: 'image',
width: 90,
scopedSlots: { customRender: 'image' }
}, */
{
title: '选择商品',
dataIndex: 'select_goods',
width: 120,
scopedSlots: { customRender: 'select_goods' }
},
/* {
title: '商品名称',
dataIndex: 'goods_name',
width: 120,
scopedSlots: { customRender: 'goods_name' }
}, */
{
title: '商品ID',
dataIndex: 'goods_id',
width: 90,
},
{
title: '商品信息',
scopedSlots: { customRender: 'item' },
width: 180,
},
{
title: '商品价格',
dataIndex: 'goods_price',
@ -79,7 +77,9 @@ const defaultSkuItemData = {
cost_price: '',
stock_num: '',
goods_weight: '',
goods_sku_no: ''
goods_sku_no: '',
goods_image :'',
goods_name :''
}
// const demoSpecList = [

10
src/components/Modal/GoodsModal/GoodsModal.vue
Unescape View File

@ -52,6 +52,11 @@
/>
</template>
<!-- 商品状态 -->
<span slot="spec_type" slot-scope="text">
<p class="twoline-hide" style="width: 40px">
{{ text == 10 ? '单规格' : '多规格' }}
</p>
</span>
<span slot="status" slot-scope="text">
<a-tag :color="text == 10 ? 'green' : 'red'">{{ text == 10 ? '上架' : '下架' }}</a-tag>
</span>
@ -76,6 +81,11 @@ const columns = [
title: '商品信息',
width: '335px',
scopedSlots: { customRender: 'item' },
},
{
title: '规格类型',
dataIndex: 'spec_type',
scopedSlots: { customRender: 'spec_type' },
},
{
title: '商品价格',

9
src/components/SelectGoods/SelectGoods.vue
Unescape View File

@ -1,7 +1,7 @@
<template>
<div>
<a-button @click="handleSelectGoods">选择商品</a-button>
<a-table
<!-- <a-table
v-show="selectedItems.length"
class="table-goodsList"
rowKey="goods_id"
@ -9,7 +9,6 @@
:dataSource="selectedItems"
:pagination="false"
>
<!-- 商品信息 -->
<template slot="item" slot-scope="item">
<GoodsItem
:data="{
@ -21,11 +20,10 @@
:subTitleColor="true"
/>
</template>
<!-- 操作项 -->
<span slot="action" slot-scope="text, item, index">
<a v-action:delete @click="handleDeleteItem(index)">删除</a>
</span>
</a-table>
</a-table> -->
<GoodsModal
ref="GoodsModal"
:multiple="multiple"
@ -147,7 +145,8 @@ export default {
onChange () {
const { multiple, selectedGoodsIds } = this
const sGoodsIds = multiple ? selectedGoodsIds : (selectedGoodsIds.length ? selectedGoodsIds[0] : undefined)
return this.$emit('change', sGoodsIds)
console.log(sGoodsIds)
return this.$emit('change', sGoodsIds)
}
}

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

@ -156,6 +156,11 @@
<span slot="status" slot-scope="text, item">
<a-tag class="cur-p" :color="text == 10 ? 'green' : 'red'" @click="handleUpdateStatus([item.goods_id], text != 10)">{{ text == 10 ? '上架' : '下架' }}</a-tag>
</span>
<span slot="spec_type" slot-scope="text">
<p class="twoline-hide" style="width: 40px">
{{ text == 10 ? '单规格' : '多规格' }}
</p>
</span>
<span slot="cate_status" slot-scope="text">
<p class="twoline-hide" style="width: 40px" :style="{ color: text == 0 ? 'red' : 'green' }">
{{ text == 0 ? '待处理' : '已归类' }}
@ -225,6 +230,13 @@ const columns = [
dataIndex: 'goods_name',
width: '260px',
scopedSlots: { customRender: 'goods_name' },
},
{
title: '规格类型',
width: '90px',
dataIndex: 'spec_type',
scopedSlots: { customRender: 'spec_type' },
sorter: true,
},
{
title: '商品价格',

83
src/views/goods/modules/MultiSpec.vue
Unescape View File

@ -90,13 +90,23 @@
:pagination="false"
bordered
>
<template slot="select_goods" slot-scope="text, item">
<SelectGoods :multiple="false" :source="source" @change="handleSelectGoods($event, item)" />
<template slot="select_goods" slot-scope="text, item, index">
<SelectGoods :multiple="false" :source="source" @change="handleSelectGoods($event, item, index)" />
</template>
<!-- 商品名称 -->
<!-- <template slot="goods_name" slot-scope="text, item">
{{ item.goods_name }}
</template> -->
<template slot="item" slot-scope="item" v-if="item.goods_id">
<GoodsItem
:data="{
image: item.goods_image,
imageAlt: '商品图片',
title: item.goods_name,
}"
:subTitleColor="true"
/>
</template>
<template slot="goods_name" slot-scope="text, item">
{{ item.goods_id }}
</template>
<!-- 商品价格 -->
<template slot="goods_price" slot-scope="text, item">
{{ item.goods_price }}
@ -120,10 +130,12 @@
{{ item.goods_sku_no }}
</template>
<!-- 操作 -->
<template slot="action" slot-scope="text, item">
<router-link v-if="item.goods_id" :to="{ path: '/goods/update', query: { goodsId: item.goods_id } }"
<template slot="action" slot-scope="text, item, index">
<!-- <router-link v-if="item.goods_id" :to="{ path: '/goods/update', query: { goodsId: item.goods_id } }"
>去修改</router-link
>
> -->
<a @click="handleEdit(index, item)" v-if="item.goods_id" style="margin-left: 10px">去修改</a>
<a @click="handleCancel(index)" v-if="item.goods_id" style="margin-left: 10px">取消选择</a>
</template>
</a-table>
</a-form-item>
@ -136,11 +148,12 @@ import MultiSpecModel from '@/common/model/goods/MultiSpec'
import { SelectImage } from '@/components'
import SelectGoods from '@/components/SelectGoods/SelectGoods.vue'
import * as GoodsApi from '@/api/goods'
import { GoodsItem } from '@/components/Table'
export default {
components: {
SelectImage,
SelectGoods,
GoodsItem,
},
props: {
// 默认的规格列表
@ -150,7 +163,7 @@ export default {
// 商品规格是否锁定(锁定状态下不允许编辑规格)
isSpecLocked: PropTypes.bool.def(false),
checkList: PropTypes.array.def([]),
source: PropTypes.any.def(0)
source: PropTypes.any.def(0),
},
data() {
return {
@ -181,8 +194,30 @@ export default {
created() {
// 获取规格及SKU信息
this.getData()
console.log(this.multiSpecData)
},
methods: {
handleEdit(item) {
const routeData = this.$router.resolve({
path: '/goods/update',
query: {
goodsId: item.goods_id,
},
})
window.open(routeData.href, '_blank')
},
handleCancel(index) {
this.multiSpecData.skuList[index].cost_price = ''
this.multiSpecData.skuList[index].goods_id = ''
this.multiSpecData.skuList[index].goods_image = ''
this.multiSpecData.skuList[index].goods_name = ''
this.multiSpecData.skuList[index].goods_price = ''
this.multiSpecData.skuList[index].goods_price_min = ''
this.multiSpecData.skuList[index].goods_sku_no = ''
this.multiSpecData.skuList[index].goods_weight = ''
this.multiSpecData.skuList[index].line_price = ''
this.multiSpecData.skuList[index].stock_num = ''
},
// 获取规格及SKU信息(展示)
getData() {
const { defaultSpecList, defaultSkuList } = this
@ -277,13 +312,15 @@ export default {
this.visible = true
},
async handleSelectGoods(goodsId, item) {
async handleSelectGoods(goodsId, item, index) {
console.log(index)
const skuList = this.multiSpecData.skuList
const skuItem = skuList.find((sku) => sku.goods_id === goodsId)
if (skuItem) {
this.$message.error('一个商品只能选择一次', 2)
return false
return
}
<<<<<<< HEAD
if (!goodsId) {
item.goods_price = '';
item.cost_price = '';
@ -293,21 +330,25 @@ export default {
item.goods_id = '';
return false;
}
=======
>>>>>>> 91171ecce6528fcdb23bb2aee7aa2efea0485347
this.getGoodsDetail(goodsId).then((res) => {
const queryGoodsId = this.$route.query.goodsId
if (res.spec_type === 20 && queryGoodsId !== goodsId) {
this.$message.error('您选择的商品是多规格商品', 2)
return false
return
}
const sku = res.skuList[0]
item.goods_price = sku.goods_price
item.cost_price = sku.cost_price
item.stock_num = sku.stock_num
item.goods_weight = sku.goods_weight
item.goods_sku_no = sku.goods_sku_no
// item.goods_name = res.goods_name
item.goods_id = res.goods_id
const sku = res.skuList[index]
this.multiSpecData.skuList[index].goods_price = sku.goods_price
this.multiSpecData.skuList[index].cost_price = sku.cost_price
this.multiSpecData.skuList[index].stock_num = sku.stock_num
this.multiSpecData.skuList[index].goods_weight = sku.goods_weight
this.multiSpecData.skuList[index].goods_sku_no = sku.goods_sku_no
this.multiSpecData.skuList[index].goods_name = res.goods_name
this.multiSpecData.skuList[index].goods_id = res.goods_id
this.multiSpecData.skuList[index].goods_image = res.goods_image
this.multiSpecData.skuList[index].goods_price_min = res.goods_price_min
})
},

Write Preview
Loading…
Cancel
Save