mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-11-11 03:18:56 +08:00
feat(invoiceModal): 发票弹窗组件新增 change 事件
- 在发票弹窗中增加 change 事件 emit,便于父组件监听数据变化 - 优化 coupon-publish 组件的 selectedMember、selectedList 绑定,完善会员选择功能
This commit is contained in:
@@ -68,7 +68,13 @@
|
||||
row-key="id"
|
||||
@selection-change="onSelectionChange"
|
||||
>
|
||||
<el-table-column v-if="!selectedMember" type="selection" width="60" align="center" />
|
||||
<el-table-column
|
||||
v-if="!selectedMember || checkboxSelect"
|
||||
type="selection"
|
||||
width="60"
|
||||
align="center"
|
||||
:reserve-selection="checkboxSelect"
|
||||
/>
|
||||
<el-table-column prop="id" label="会员ID" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column label="头像" min-width="80" align="center">
|
||||
<template #default="{ row }">
|
||||
@@ -109,10 +115,16 @@
|
||||
<priceColorScheme v-if="row" :value="row.memberWallet" :color="$mainColor" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="200" align="center" fixed="right">
|
||||
<el-table-column
|
||||
v-if="!selectedMember || !checkboxSelect"
|
||||
label="操作"
|
||||
width="200"
|
||||
align="center"
|
||||
fixed="right"
|
||||
>
|
||||
<template #default="{ row }">
|
||||
<div v-if="row" style="display: flex; justify-content: center; align-items: center">
|
||||
<template v-if="selectedMember">
|
||||
<template v-if="selectedMember && !checkboxSelect">
|
||||
<a class="link-text" @click="callback(row)">
|
||||
{{ row.___selected ? "已选择" : "选择" }}
|
||||
</a>
|
||||
@@ -320,6 +332,10 @@ export default {
|
||||
type: null,
|
||||
default: () => [],
|
||||
},
|
||||
checkboxSelect: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -432,8 +448,28 @@ export default {
|
||||
if (name === "updatePoint") this.openMemberPoint(row);
|
||||
},
|
||||
onSelectionChange(selection) {
|
||||
if (this.selectedMember && this.checkboxSelect) {
|
||||
this.selectMember = selection || [];
|
||||
return;
|
||||
}
|
||||
this.selectedRows = selection || [];
|
||||
},
|
||||
getSelection() {
|
||||
return this.selectMember || [];
|
||||
},
|
||||
syncTableSelection() {
|
||||
if (!this.selectedMember || !this.checkboxSelect) {
|
||||
return;
|
||||
}
|
||||
this.$nextTick(() => {
|
||||
this.clearSelection();
|
||||
this.data.forEach((row) => {
|
||||
if (this.selectMember.some((member) => member.id === row.id)) {
|
||||
this.$refs.table?.toggleRowSelection(row, true);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
openSetMemberGroup() {
|
||||
this.memberGroupFlag = true;
|
||||
this.memberGroupLoading = false;
|
||||
@@ -569,6 +605,7 @@ export default {
|
||||
this.loading = false;
|
||||
this.init(res.result.records);
|
||||
this.total = res.result.total;
|
||||
this.syncTableSelection();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user