2025-03-23 10:03:12 +08:00
|
|
|
<!--
|
|
|
|
|
* @Descripttion:
|
|
|
|
|
* @version:
|
|
|
|
|
* @Author: kBank
|
|
|
|
|
* @Date: 2022-11-04 09:04:48
|
|
|
|
|
-->
|
|
|
|
|
<!--
|
|
|
|
|
* @Descripttion:
|
|
|
|
|
* @version:
|
|
|
|
|
* @Author: kBank
|
|
|
|
|
* @Date: 2022-11-02 17:07:29
|
|
|
|
|
-->
|
|
|
|
|
<template>
|
|
|
|
|
<div class="ggmx">
|
2025-05-26 10:41:35 +08:00
|
|
|
<div class="tit">{{ '规格明细' }}</div>
|
2025-03-23 10:03:12 +08:00
|
|
|
<div class="goodsAll" v-for="(item, index) in goodList" :key="index">
|
|
|
|
|
<div class="goods_t">
|
|
|
|
|
<div class="goods_tit">
|
|
|
|
|
<div class="goods_tit_1">{{ item.productName }}</div>
|
|
|
|
|
<div class="goods_tit_2">
|
2025-05-26 10:41:35 +08:00
|
|
|
{{ '产品编码' }}:{{ item.productCode }}
|
2025-03-23 10:03:12 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="goods_tit_3">({{ item.isGift ? "销售" : "赠品" }})</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="goods_btm">
|
|
|
|
|
<el-form label-width="auto">
|
|
|
|
|
<el-form-item
|
|
|
|
|
:label="child.typeName"
|
|
|
|
|
v-for="(child, cindex) in item.specsTypeData"
|
|
|
|
|
:key="cindex"
|
|
|
|
|
>
|
|
|
|
|
<el-checkbox-group v-model="item.checked">
|
|
|
|
|
<el-checkbox
|
|
|
|
|
v-for="(sld, sindex) in child.specsList"
|
|
|
|
|
@change="
|
|
|
|
|
getCheckBox(
|
|
|
|
|
$event,
|
|
|
|
|
item.productId,
|
|
|
|
|
child.pkId,
|
|
|
|
|
sld,
|
|
|
|
|
item.isGift
|
|
|
|
|
)
|
|
|
|
|
"
|
|
|
|
|
:key="sld.specsId"
|
|
|
|
|
:label="sld.specsId"
|
|
|
|
|
>{{ sld.value }}</el-checkbox
|
|
|
|
|
>
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="goods_b" v-show="item.allSel">
|
|
|
|
|
<div class="pl">
|
|
|
|
|
<el-row type="flex" justify="end" :gutter="20">
|
|
|
|
|
<el-col :span="2">
|
2025-05-26 10:41:35 +08:00
|
|
|
<div style="line-height: 40px">{{ '批量处理' }}</div>
|
2025-03-23 10:03:12 +08:00
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="2">
|
|
|
|
|
<el-input
|
|
|
|
|
clearable
|
|
|
|
|
size="medium"
|
|
|
|
|
v-model="item.price"
|
2025-05-26 10:41:35 +08:00
|
|
|
:placeholder="'产品价格'"
|
2025-03-23 10:03:12 +08:00
|
|
|
></el-input>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="2" v-if="specialArea == 31">
|
|
|
|
|
<el-input
|
|
|
|
|
clearable
|
|
|
|
|
size="medium"
|
|
|
|
|
v-model="item.vipPrice"
|
|
|
|
|
placeholder="会员价"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="2" v-if="specialArea == 31">
|
|
|
|
|
<el-input
|
|
|
|
|
clearable
|
|
|
|
|
size="medium"
|
|
|
|
|
v-model="item.retailPriced"
|
|
|
|
|
placeholder="零售价"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="2">
|
|
|
|
|
<el-input
|
|
|
|
|
clearable
|
|
|
|
|
size="medium"
|
|
|
|
|
v-model="item.integral"
|
2025-05-26 10:41:35 +08:00
|
|
|
:placeholder="'产品业绩'"
|
2025-03-23 10:03:12 +08:00
|
|
|
></el-input>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="2">
|
|
|
|
|
<el-input
|
|
|
|
|
clearable
|
|
|
|
|
size="medium"
|
|
|
|
|
v-model="item.assAchieve"
|
|
|
|
|
:placeholder="specialArea == 40 ? 'EV' : 'BV'"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="2">
|
|
|
|
|
<el-select clearable size="medium" v-model="item.sj">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in agreeList"
|
|
|
|
|
:key="item.val"
|
|
|
|
|
:label="item.text"
|
|
|
|
|
:value="item.val"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- <el-col :span="2">
|
|
|
|
|
<el-select clearable v-model="item.xs">
|
|
|
|
|
<el-option v-for="item in agreeList"
|
|
|
|
|
:key="item.val"
|
|
|
|
|
:label="item.text"
|
|
|
|
|
:value="item.val"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-col> -->
|
|
|
|
|
<el-col :span="3">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="plcz(item.productId, item.isGift)"
|
2025-05-26 10:41:35 +08:00
|
|
|
>{{ '批量操作' }}</el-button
|
2025-03-23 10:03:12 +08:00
|
|
|
>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="goods_t"></div> -->
|
|
|
|
|
<el-table
|
|
|
|
|
ref="multipleTable"
|
|
|
|
|
:data="item.showList"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
:header-cell-style="{ background: '#EEEEEE' }"
|
|
|
|
|
:row-class-name="tableRowClassName"
|
|
|
|
|
@selection-change="handleSelectionChange"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="selection" width="55"> </el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
width="200"
|
|
|
|
|
prop="productCover"
|
|
|
|
|
label="产品图片"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<!-- <img class="bgImg"
|
|
|
|
|
:src="scope.row.productCover"
|
|
|
|
|
alt="" /> -->
|
|
|
|
|
<imageUpload v-model="scope.row.specCover" />
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
prop="productName"
|
2025-05-26 10:41:35 +08:00
|
|
|
:label="'产品名称'"
|
2025-03-23 10:03:12 +08:00
|
|
|
>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-for="(ctm, index) in item.titName"
|
|
|
|
|
:key="index"
|
|
|
|
|
:label="ctm"
|
|
|
|
|
align="center"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div v-show="index == 0">{{ scope.row.value0 }}</div>
|
|
|
|
|
<div v-show="index == 1">{{ scope.row.value1 }}</div>
|
|
|
|
|
<div v-show="index == 2">{{ scope.row.value2 }}</div>
|
|
|
|
|
<div v-show="index == 3">{{ scope.row.value3 }}</div>
|
|
|
|
|
<div v-show="index == 4">{{ scope.row.value4 }}</div>
|
|
|
|
|
<div v-show="index == 5">{{ scope.row.value5 }}</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" prop="retailPriceTmp" label="划线价">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" prop="quantity" label="数量">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
prop="productPrice"
|
2025-05-26 10:41:35 +08:00
|
|
|
:label="'产品金额'"
|
2025-03-23 10:03:12 +08:00
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
clearable
|
|
|
|
|
size="medium"
|
|
|
|
|
v-model="scope.row.productPrice"
|
2025-05-26 10:41:35 +08:00
|
|
|
:placeholder="'请输入'"
|
2025-03-23 10:03:12 +08:00
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
v-if="specialArea == 31"
|
|
|
|
|
prop="vipPrice"
|
|
|
|
|
label="会员价"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
clearable
|
|
|
|
|
size="medium"
|
|
|
|
|
v-model="scope.row.vipPrice"
|
2025-05-26 10:41:35 +08:00
|
|
|
:placeholder="'请输入'"
|
2025-03-23 10:03:12 +08:00
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
v-if="specialArea == 31"
|
|
|
|
|
prop="retailPrice"
|
|
|
|
|
label="零售价"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
clearable
|
|
|
|
|
size="medium"
|
|
|
|
|
v-model="scope.row.retailPrice"
|
2025-05-26 10:41:35 +08:00
|
|
|
:placeholder="'请输入'"
|
2025-03-23 10:03:12 +08:00
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
prop="productAchieve"
|
|
|
|
|
label="*产品业绩/PV($)"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
clearable
|
|
|
|
|
size="medium"
|
|
|
|
|
v-model="scope.row.productAchieve"
|
2025-05-26 10:41:35 +08:00
|
|
|
:placeholder="'请输入'"
|
2025-03-23 10:03:12 +08:00
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
prop="assAchieve"
|
|
|
|
|
:label="specialArea == 40 ? 'EV($)' : 'BV'"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input
|
|
|
|
|
clearable
|
|
|
|
|
size="medium"
|
|
|
|
|
v-model="scope.row.assAchieve"
|
2025-05-26 10:41:35 +08:00
|
|
|
:placeholder="'请输入'"
|
2025-03-23 10:03:12 +08:00
|
|
|
></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
prop="isPutOn"
|
2025-05-26 10:41:35 +08:00
|
|
|
:label="'上架状态'"
|
2025-03-23 10:03:12 +08:00
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-select clearable size="medium" v-model="scope.row.isPutOn">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in agreeList"
|
|
|
|
|
:key="item.val"
|
|
|
|
|
:label="item.text"
|
|
|
|
|
:value="item.val"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- <el-table-column align="center"
|
|
|
|
|
prop="code"
|
|
|
|
|
label="编码">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input clearable v-model="scope.row.code"
|
|
|
|
|
placeholder="请输入编码"></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
<!-- <el-table-column align="center"
|
|
|
|
|
prop="status"
|
2025-05-26 10:41:35 +08:00
|
|
|
:label="'销售状态'">
|
2025-03-23 10:03:12 +08:00
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-select clearable v-model="scope.row.status">
|
|
|
|
|
<el-option v-for="item in agreeList"
|
|
|
|
|
:key="item.val"
|
|
|
|
|
:label="item.text"
|
|
|
|
|
:value="item.val"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { getProductSpecsIsGift } from "@/api/product.js";
|
|
|
|
|
// import SkuForm from 'vue-sku-form'
|
|
|
|
|
import { mapGetters } from "vuex";
|
|
|
|
|
import ImageUpload from "@/components/ImageUpload";
|
|
|
|
|
export default {
|
|
|
|
|
name: "ggmx",
|
|
|
|
|
components: {
|
|
|
|
|
// SkuForm,
|
|
|
|
|
ImageUpload,
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
...mapGetters(["productIds"]),
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
goodList: {
|
|
|
|
|
handler(newVal, oldVal) {
|
|
|
|
|
// console.log('%c [ newVal ]-193', 'font-size:13px; background:#55e8eb; color:#99ffff;', newVal)
|
|
|
|
|
this.$emit("getGoodList", newVal, this.copyArr);
|
|
|
|
|
// this.fixThing()
|
|
|
|
|
},
|
|
|
|
|
deep: true, // 加这个属性，深度监听
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
uploadUrl: process.env.VUE_APP_BASE_API + "/manage/upload", // 上传的图片服务器地址
|
|
|
|
|
agreeList: [
|
|
|
|
|
{
|
2025-06-08 15:32:44 +08:00
|
|
|
text: '允许',
|
2025-03-23 10:03:12 +08:00
|
|
|
val: 0,
|
|
|
|
|
},
|
|
|
|
|
{
|
2025-06-08 15:32:44 +08:00
|
|
|
text: '禁止',
|
2025-03-23 10:03:12 +08:00
|
|
|
val: 1,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
form: {
|
|
|
|
|
specsList: [],
|
|
|
|
|
price: "",
|
|
|
|
|
productAchieve: "",
|
|
|
|
|
sj: "",
|
|
|
|
|
xs: "",
|
|
|
|
|
integral: "",
|
|
|
|
|
assAchieve: "",
|
|
|
|
|
},
|
|
|
|
|
// 批量操作选中数据
|
|
|
|
|
selCheckList: [],
|
|
|
|
|
// productIds: [],
|
|
|
|
|
goodList: [
|
|
|
|
|
{
|
|
|
|
|
checked: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
allData: [],
|
|
|
|
|
copyArr: [],
|
|
|
|
|
specialArea: "",
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
// this.getData()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getSpecial(val) {
|
|
|
|
|
this.specialArea = val;
|
|
|
|
|
},
|
|
|
|
|
// getInput() {
|
|
|
|
|
// console.log(
|
|
|
|
|
// '%c [ this.goodList ]-221',
|
|
|
|
|
// 'font-size:13px; background:#22dbd8; color:#66ffff;',
|
|
|
|
|
// this.goodList
|
|
|
|
|
// )
|
|
|
|
|
// this.goodList.forEach((aTem) => {
|
|
|
|
|
|
|
|
|
|
// aTem.showList.forEach((sTem) => {
|
|
|
|
|
// console.log('%c [ sTem ]-226', 'font-size:13px; background:#906a44; color:#d4ae88;', sTem)
|
|
|
|
|
|
|
|
|
|
// })
|
|
|
|
|
// })
|
|
|
|
|
// },
|
|
|
|
|
// 单选时组装数组
|
|
|
|
|
getCheckBox(check, goodsId, pkId, sld, isGift) {
|
|
|
|
|
// console.log(
|
|
|
|
|
// '%c [ pkId ]-251',
|
|
|
|
|
// 'font-size:13px; background:#faa398; color:#ffe7dc;',
|
|
|
|
|
// pkId
|
|
|
|
|
// )
|
|
|
|
|
// console.log(
|
|
|
|
|
// '%c [ check ]-251',
|
|
|
|
|
// 'font-size:13px; background:#a31ffb; color:#e763ff;',
|
|
|
|
|
// check
|
|
|
|
|
// )
|
|
|
|
|
if (check) {
|
|
|
|
|
this.allData.forEach((aTem) => {
|
|
|
|
|
if (aTem.productId == goodsId && aTem.isGift == isGift) {
|
|
|
|
|
aTem.titName = [];
|
|
|
|
|
aTem.selList.forEach((sTem, sIex) => {
|
|
|
|
|
if (sTem.selData.indexOf(sTem.typeName) == -1) {
|
|
|
|
|
aTem.titName.push(sTem.typeName);
|
|
|
|
|
}
|
|
|
|
|
if (sTem.pkId == pkId && sTem.selData.indexOf(sld) == -1) {
|
|
|
|
|
sTem.selData.push(
|
|
|
|
|
Object.assign(
|
|
|
|
|
{},
|
|
|
|
|
{
|
|
|
|
|
productCode: aTem.productCode,
|
|
|
|
|
productCover: aTem.productCover,
|
|
|
|
|
productId: aTem.productId,
|
|
|
|
|
isGift: aTem.isGift,
|
|
|
|
|
productName: aTem.productName,
|
|
|
|
|
},
|
|
|
|
|
{ typeName: sTem.typeName, pkId: sTem.pkId },
|
|
|
|
|
sld
|
|
|
|
|
)
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.allData.forEach((aTem) => {
|
|
|
|
|
if (aTem.productId == goodsId && aTem.isGift == isGift) {
|
|
|
|
|
aTem.selList.forEach((sTem, sIex) => {
|
|
|
|
|
if (sTem.pkId == pkId) {
|
|
|
|
|
sTem.selData.splice(
|
|
|
|
|
sTem.selData.findIndex(
|
|
|
|
|
(sstem) => sstem.specsId === sld.specsId
|
|
|
|
|
),
|
|
|
|
|
1
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
// this.allData
|
|
|
|
|
// console.log(
|
|
|
|
|
// '%c [ this.allData ]-305',
|
|
|
|
|
// 'font-size:13px; background:#64aee9; color:#a8f2ff;',
|
|
|
|
|
// this.allData
|
|
|
|
|
// )
|
|
|
|
|
|
|
|
|
|
this.pushArr(goodsId, isGift);
|
|
|
|
|
},
|
|
|
|
|
// 把组装好的数组放入大数组去笛卡尔
|
|
|
|
|
pushArr(goodsId, isGift) {
|
|
|
|
|
this.allData.forEach((aTem) => {
|
|
|
|
|
if (aTem.productId == goodsId && aTem.isGift == isGift) {
|
|
|
|
|
aTem.checkList = [];
|
|
|
|
|
aTem.selList.forEach((sTem, sIex) => {
|
|
|
|
|
aTem.checkList.push(sTem.selData);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
this.runFunc(goodsId, isGift);
|
|
|
|
|
},
|
|
|
|
|
// 笛卡尔重组
|
|
|
|
|
runFunc(goodsId, isGift) {
|
|
|
|
|
this.allData.forEach((aTem) => {
|
|
|
|
|
if (aTem.productId == goodsId && aTem.isGift == isGift) {
|
|
|
|
|
aTem.checkList = this.calcDescartes(aTem.checkList);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.goodList.forEach((item) => {
|
|
|
|
|
if (item.productId == goodsId && item.isGift == isGift) {
|
|
|
|
|
item.checkList = [];
|
|
|
|
|
this.allData.forEach((aTem) => {
|
|
|
|
|
if (aTem.productId == goodsId && aTem.isGift == isGift) {
|
|
|
|
|
aTem.checkList.forEach((cTem) => {
|
|
|
|
|
if (item.pkId == aTem.pkid) {
|
|
|
|
|
item.checkList.push(cTem);
|
|
|
|
|
item.titName = aTem.titName;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
this.goodList.forEach((item, fdex) => {
|
|
|
|
|
if (item.productId == goodsId && item.isGift == isGift) {
|
|
|
|
|
item.showList = [];
|
|
|
|
|
item.checkList.forEach((ctem, cdex) => {
|
|
|
|
|
ctem.assn = {};
|
|
|
|
|
ctem.waresSpecsList = [];
|
|
|
|
|
if (ctem.forEach) {
|
|
|
|
|
ctem.forEach((cld, index) => {
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[fdex].checkList[cdex],
|
|
|
|
|
"productPrice",
|
|
|
|
|
""
|
|
|
|
|
);
|
|
|
|
|
this.$set(this.goodList[fdex].checkList[cdex], "vipPrice", "");
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[fdex].checkList[cdex],
|
|
|
|
|
"retailPrice",
|
|
|
|
|
""
|
|
|
|
|
);
|
|
|
|
|
// this.$set(this.goodList[fdex].checkList[cdex], 'code', '')
|
|
|
|
|
this.$set(this.goodList[fdex].checkList[cdex], "isPutOn", 0);
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[fdex].checkList[cdex],
|
|
|
|
|
"productAchieve",
|
|
|
|
|
""
|
|
|
|
|
);
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[fdex].checkList[cdex],
|
|
|
|
|
"assAchieve",
|
|
|
|
|
""
|
|
|
|
|
);
|
|
|
|
|
cld.productPrice = "";
|
|
|
|
|
cld.retailPrice = "";
|
|
|
|
|
cld.vipPrice = "";
|
|
|
|
|
cld.productAchieve = "";
|
|
|
|
|
cld.assAchieve = "";
|
|
|
|
|
cld.isPutOn = 0;
|
|
|
|
|
cld.status = "";
|
|
|
|
|
cld.pkProduct = cld.productId;
|
|
|
|
|
cld.quantity = item.quantity;
|
|
|
|
|
cld.retailPriceTmp = item.retailPriceTmp;
|
|
|
|
|
cld.isGift = cld.isGift;
|
|
|
|
|
ctem.waresSpecsList.push({
|
|
|
|
|
pkSpecs: cld.specsId,
|
|
|
|
|
pkSpecsType: cld.pkSpecsType,
|
|
|
|
|
});
|
|
|
|
|
if (index == 0) {
|
|
|
|
|
cld.value0 = cld.value;
|
|
|
|
|
cld.pkId0 = cld.pkId;
|
|
|
|
|
cld.specsId0 = cld.specsId;
|
|
|
|
|
cld.typeName0 = cld.typeName;
|
|
|
|
|
cld.pkSpecsType0 = cld.pkSpecsType;
|
|
|
|
|
}
|
|
|
|
|
if (index == 1) {
|
|
|
|
|
cld.value1 = cld.value;
|
|
|
|
|
cld.pkId1 = cld.pkId;
|
|
|
|
|
cld.specsId1 = cld.specsId;
|
|
|
|
|
cld.typeName1 = cld.typeName;
|
|
|
|
|
cld.pkSpecsType1 = cld.pkSpecsType;
|
|
|
|
|
}
|
|
|
|
|
if (index == 2) {
|
|
|
|
|
cld.value2 = cld.value;
|
|
|
|
|
cld.pkId2 = cld.pkId;
|
|
|
|
|
cld.specsId2 = cld.specsId;
|
|
|
|
|
cld.typeName2 = cld.typeName;
|
|
|
|
|
cld.pkSpecsType2 = cld.pkSpecsType;
|
|
|
|
|
}
|
|
|
|
|
if (index == 3) {
|
|
|
|
|
cld.value3 = cld.value;
|
|
|
|
|
cld.pkId3 = cld.pkId;
|
|
|
|
|
cld.specsId3 = cld.specsId;
|
|
|
|
|
cld.typeName3 = cld.typeName;
|
|
|
|
|
cld.pkSpecsType3 = cld.pkSpecsType;
|
|
|
|
|
}
|
|
|
|
|
if (index == 4) {
|
|
|
|
|
cld.value4 = cld.value;
|
|
|
|
|
cld.pkId4 = cld.pkId;
|
|
|
|
|
cld.specsId4 = cld.specsId;
|
|
|
|
|
cld.typeName4 = cld.typeName;
|
|
|
|
|
cld.pkSpecsType4 = cld.pkSpecsType;
|
|
|
|
|
}
|
|
|
|
|
if (index == 5) {
|
|
|
|
|
cld.value5 = cld.value;
|
|
|
|
|
cld.pkId5 = cld.pkId;
|
|
|
|
|
cld.specsId5 = cld.specsId;
|
|
|
|
|
cld.typeName5 = cld.typeName;
|
|
|
|
|
cld.pkSpecsType5 = cld.pkSpecsType;
|
|
|
|
|
}
|
|
|
|
|
item.showList.push(
|
|
|
|
|
Object.assign(ctem.assn, cld, {
|
|
|
|
|
waresSpecsList: ctem.waresSpecsList,
|
|
|
|
|
})
|
|
|
|
|
);
|
|
|
|
|
// item.showList[cdex].waresSpecsList.push(cld.waresSpecs)
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
ctem.waresSpecsList = [
|
|
|
|
|
{
|
|
|
|
|
pkSpecs: ctem.specsId,
|
|
|
|
|
pkSpecsType: ctem.pkSpecsType,
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[fdex].checkList[cdex],
|
|
|
|
|
"productPrice",
|
|
|
|
|
""
|
|
|
|
|
);
|
|
|
|
|
this.$set(this.goodList[fdex].checkList[cdex], "retailPrice", "");
|
|
|
|
|
this.$set(this.goodList[fdex].checkList[cdex], "vipPrice", "");
|
|
|
|
|
// this.$set(this.goodList[fdex].checkList[cdex], 'code', '')
|
|
|
|
|
this.$set(this.goodList[fdex].checkList[cdex], "isPutOn", 0);
|
|
|
|
|
this.$set(this.goodList[fdex].checkList[cdex], "assAchieve", 0);
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[fdex].checkList[cdex],
|
|
|
|
|
"productAchieve",
|
|
|
|
|
0
|
|
|
|
|
);
|
|
|
|
|
// this.$set(this.goodList[index].checkList[cdex], 'productPrice', '')
|
|
|
|
|
// this.$set(this.goodList[index].checkList[cdex], 'productPrice', '')
|
|
|
|
|
// this.$set(item.checkList, ctem.integral, '')
|
|
|
|
|
// this.$set(item.checkList, ctem.isPutOn, '')
|
|
|
|
|
// this.$set(item.checkList, ctem.status, '')
|
|
|
|
|
ctem.pkProduct = ctem.productId;
|
|
|
|
|
ctem.quantity = item.quantity;
|
|
|
|
|
ctem.retailPriceTmp = item.retailPriceTmp;
|
|
|
|
|
ctem.isGift = ctem.isGift;
|
|
|
|
|
ctem.value0 = ctem.value;
|
|
|
|
|
ctem.pkId0 = ctem.pkId;
|
|
|
|
|
ctem.specsId0 = ctem.specsId;
|
|
|
|
|
ctem.typeName0 = ctem.typeName;
|
|
|
|
|
ctem.pkSpecsType0 = ctem.pkSpecsType;
|
|
|
|
|
item.showList.push(ctem);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
this.goodList.forEach((item) => {
|
|
|
|
|
if (item.productId == goodsId && item.isGift == isGift) {
|
|
|
|
|
item.showList = this.unique(item.showList);
|
|
|
|
|
if (item.showList.length > 0 && item.showList[0].pkId0) {
|
|
|
|
|
item.allSel = true;
|
|
|
|
|
} else {
|
|
|
|
|
item.allSel = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
this.goodList.forEach((item) => {
|
|
|
|
|
if (item.showList) {
|
|
|
|
|
item.showList.forEach((cld) => {
|
|
|
|
|
cld.specsIdList = [
|
|
|
|
|
cld.specsId0,
|
|
|
|
|
cld.specsId1,
|
|
|
|
|
cld.specsId2,
|
|
|
|
|
cld.specsId3,
|
|
|
|
|
cld.specsId4,
|
|
|
|
|
cld.specsId5,
|
|
|
|
|
].filter(Boolean);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
this.copyArr = JSON.parse(JSON.stringify(this.allData));
|
|
|
|
|
this.$forceUpdate();
|
|
|
|
|
},
|
|
|
|
|
// // 传参格式
|
|
|
|
|
// fixThing() {
|
|
|
|
|
// let waresSpecsSkuList = []
|
|
|
|
|
// this.goodList.forEach((item) => {
|
|
|
|
|
// waresSpecsSkuList.push(...item.showList)
|
|
|
|
|
// })
|
|
|
|
|
// console.log(
|
|
|
|
|
// '%c [ waresSpecsSkuList ]-457',
|
|
|
|
|
// 'font-size:13px; background:#2fda2e; color:#73ff72;',
|
|
|
|
|
// waresSpecsSkuList
|
|
|
|
|
// )
|
|
|
|
|
// },
|
|
|
|
|
// 数组对象去重
|
|
|
|
|
unique(arr) {
|
|
|
|
|
for (var i = 0; i < arr.length; i++) {
|
|
|
|
|
// 首次遍历数组
|
|
|
|
|
for (var j = i + 1; j < arr.length; j++) {
|
|
|
|
|
// 再次遍历数组
|
|
|
|
|
if (arr[i] == arr[j]) {
|
|
|
|
|
// 判断连个值是否相等
|
|
|
|
|
arr.splice(j, 1); // 相等删除后者
|
|
|
|
|
j--;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return arr;
|
|
|
|
|
},
|
|
|
|
|
calcDescartes(array) {
|
|
|
|
|
// if (array.length < 2) return array[0] || []
|
|
|
|
|
return array.reduce((total, currentValue) => {
|
|
|
|
|
let res = [];
|
|
|
|
|
// if (total.length == 0) {
|
|
|
|
|
// res.push([cv])
|
|
|
|
|
// }
|
|
|
|
|
total.forEach((t) => {
|
|
|
|
|
if (currentValue.length > 0) {
|
|
|
|
|
currentValue.forEach((cv) => {
|
|
|
|
|
if (t instanceof Array)
|
|
|
|
|
// 或者使用 Array.isArray(t)
|
|
|
|
|
res.push([...t, cv]);
|
|
|
|
|
else res.push([t, cv]);
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
res.push([t]);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
return res;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
handleSelectionChange(val) {
|
|
|
|
|
this.selCheckList = val;
|
|
|
|
|
},
|
|
|
|
|
plcz(productId, isGift) {
|
|
|
|
|
this.goodList.forEach((item, index) => {
|
|
|
|
|
this.selCheckList.forEach((cld, cndx) => {
|
|
|
|
|
if (item.showList) {
|
|
|
|
|
item.showList.forEach((sld, sndex) => {
|
|
|
|
|
if (
|
|
|
|
|
item.productId == productId &&
|
|
|
|
|
item.isGift == isGift &&
|
|
|
|
|
sld.specsIdList.sort().toString() ==
|
|
|
|
|
cld.specsIdList.sort().toString()
|
|
|
|
|
) {
|
|
|
|
|
if (item.price) {
|
|
|
|
|
sld.productPrice = item.price;
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[index].showList[sndex],
|
|
|
|
|
"productPrice",
|
|
|
|
|
item.price
|
|
|
|
|
);
|
|
|
|
|
this.$forceUpdate();
|
|
|
|
|
}
|
|
|
|
|
if (item.retailPriced) {
|
|
|
|
|
sld.retailPrice = item.retailPriced;
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[index].showList[sndex],
|
|
|
|
|
"retailPrice",
|
|
|
|
|
item.retailPriced
|
|
|
|
|
);
|
|
|
|
|
this.$forceUpdate();
|
|
|
|
|
}
|
|
|
|
|
if (item.vipPrice) {
|
|
|
|
|
sld.vipPrice = item.vipPrice;
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[index].showList[sndex],
|
|
|
|
|
"vipPrice",
|
|
|
|
|
item.vipPrice
|
|
|
|
|
);
|
|
|
|
|
this.$forceUpdate();
|
|
|
|
|
}
|
|
|
|
|
if (item.integral) {
|
|
|
|
|
sld.productAchieve = item.integral;
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[index].showList[sndex],
|
|
|
|
|
"productAchieve",
|
|
|
|
|
item.integral
|
|
|
|
|
);
|
|
|
|
|
this.$forceUpdate();
|
|
|
|
|
}
|
|
|
|
|
if (item.assAchieve) {
|
|
|
|
|
sld.assAchieve = item.assAchieve;
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[index].showList[sndex],
|
|
|
|
|
"assAchieve",
|
|
|
|
|
item.assAchieve
|
|
|
|
|
);
|
|
|
|
|
this.$forceUpdate();
|
|
|
|
|
}
|
|
|
|
|
if (item.productAchieve) {
|
|
|
|
|
sld.productAchieve = item.productAchieve;
|
|
|
|
|
}
|
|
|
|
|
if (item.sj != "" || item.sj != undefined) {
|
|
|
|
|
// console.log(
|
|
|
|
|
// '%c [ item.sj ]-555',
|
|
|
|
|
// 'font-size:13px; background:#2d4cc6; color:#7190ff;',
|
|
|
|
|
// item.sj
|
|
|
|
|
// )
|
|
|
|
|
sld.isPutOn = item.sj;
|
|
|
|
|
this.$set(
|
|
|
|
|
this.goodList[index].showList[sndex],
|
|
|
|
|
"isPutOn",
|
|
|
|
|
item.sj
|
|
|
|
|
);
|
|
|
|
|
this.$forceUpdate();
|
|
|
|
|
}
|
|
|
|
|
if (item.xs) {
|
|
|
|
|
sld.status = item.xs;
|
|
|
|
|
}
|
|
|
|
|
// this.$set(this.goodList[index].showList[sndex], isPutOn, item.sj)
|
|
|
|
|
}
|
|
|
|
|
this.$set(this.goodList[index].showList, sndex, sld);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
// if (item.productId == productId) {
|
|
|
|
|
// if (item.price != '') {
|
|
|
|
|
// cld.price = item.price
|
|
|
|
|
// }
|
|
|
|
|
// if (item.integral != '') {
|
|
|
|
|
// cld.integral = item.integral
|
|
|
|
|
// }
|
|
|
|
|
// if (item.sj != '') {
|
|
|
|
|
// cld.isPutOn = item.sj
|
|
|
|
|
// }
|
|
|
|
|
// if (item.xs != '') {
|
|
|
|
|
// cld.status = item.xs
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
// this.selCheckList
|
|
|
|
|
// console.log(this.$refs.multipleTable)
|
|
|
|
|
// this.$set('this','goodList',this.goodList)
|
|
|
|
|
this.$forceUpdate();
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
for (var i = 0; i < this.$refs.multipleTable.length; i++) {
|
|
|
|
|
this.$refs.multipleTable[i].clearSelection();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
compareArrays(arr1, arr2) {
|
|
|
|
|
if (arr1.length !== arr2.length) {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for (let i = 0; i < arr1.length; i++) {
|
|
|
|
|
if (arr1[i] !== arr2[i]) {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return true;
|
|
|
|
|
},
|
|
|
|
|
getData(data, specialArea) {
|
|
|
|
|
this.specialArea = specialArea;
|
|
|
|
|
if (this.productIds.length > 0) {
|
|
|
|
|
let a = this.compareArrays(this.productIds, data);
|
|
|
|
|
if (a) {
|
|
|
|
|
} else {
|
|
|
|
|
this.getList(data);
|
|
|
|
|
this.$store.commit("settings/GGMX_SETTING", data);
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
this.getList(data);
|
|
|
|
|
this.$store.commit("settings/GGMX_SETTING", data);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
getList(data) {
|
|
|
|
|
getProductSpecsIsGift({ productGiftList: data }).then((res) => {
|
|
|
|
|
let arr = res.data;
|
|
|
|
|
// 获取数据重组数组
|
|
|
|
|
let allData = [];
|
|
|
|
|
arr.forEach((item, index) => {
|
|
|
|
|
item.checked = [];
|
|
|
|
|
allData.push({
|
|
|
|
|
productId: item.productId,
|
|
|
|
|
productCode: item.productCode,
|
|
|
|
|
productCover: item.productCover,
|
|
|
|
|
productName: item.productName,
|
|
|
|
|
selList: [],
|
|
|
|
|
isGift: item.isGift,
|
|
|
|
|
});
|
|
|
|
|
item.specsTypeData.forEach((cld) => {
|
|
|
|
|
allData[index].selList.push({
|
|
|
|
|
pkId: cld.pkId,
|
|
|
|
|
typeName: cld.typeName,
|
|
|
|
|
selData: [],
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
this.allData = allData;
|
|
|
|
|
this.goodList = arr;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
tableRowClassName({ row, rowIndex }) {
|
|
|
|
|
if (rowIndex % 2 == 1) {
|
|
|
|
|
return "warning-row";
|
|
|
|
|
} else if (rowIndex % 2 == 0) {
|
|
|
|
|
return "success-row";
|
|
|
|
|
}
|
|
|
|
|
return "";
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
::v-deep .el-form-item {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
.ggmx {
|
|
|
|
|
margin-left: -20px;
|
|
|
|
|
.goodsAll {
|
|
|
|
|
padding: 0 20px;
|
|
|
|
|
.goods_t {
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
box-shadow: 0px 1px 20px 0px rgba(#ccc, 0.3);
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
.goods_tit {
|
|
|
|
|
display: flex;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
|
|
|
.goods_tit_1 {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #333333;
|
|
|
|
|
margin-right: 40px;
|
|
|
|
|
}
|
|
|
|
|
.goods_tit_2 {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #666666;
|
|
|
|
|
}
|
|
|
|
|
.goods_tit_3 {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #aa3931;
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.goods_btm {
|
|
|
|
|
padding: 0 20px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.tit {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #333333;
|
|
|
|
|
padding: 10px 20px 0 20px;
|
|
|
|
|
border-left: 5px solid #4391fd;
|
|
|
|
|
margin-bottom: 9px;
|
|
|
|
|
}
|
|
|
|
|
.bgImg {
|
|
|
|
|
width: 48px;
|
|
|
|
|
height: 48px;
|
|
|
|
|
}
|
|
|
|
|
.pl {
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
.goods_b {
|
|
|
|
|
margin-bottom: 30px;
|
|
|
|
|
}
|
|
|
|
|
// ::v-deep .el-table .cell{
|
|
|
|
|
// overflow: auto;
|
|
|
|
|
// }
|
|
|
|
|
::v-deep .el-input__suffix {
|
|
|
|
|
top: -3px;
|
|
|
|
|
}
|
|
|
|
|
::v-deep .el-select .el-input__suffix {
|
|
|
|
|
top: 5px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
