Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore：名片删除按钮功能正常

Browse Source
This commit is contained in:
jing
2026-10-20 08:48:50 +08:00
parent a2bf8d6c25
commit 22b33c45ad
1 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
pages_tool/card/list.vue
View File

@@ -21,11 +21,13 @@
</view> </view>
</view> </view>
<!-- 筛选条: 跟进(全部 / 待跟进 / 已完成, follow_up 传 due/done) --> <!-- 筛选条: 跟进(全部 / 待跟进 / 已完成, follow_up 传 due/done) + 删除模式开关 -->
<view class="filter-row"> <view class="filter-row">
<view class="fav-filter" :class="{ active: followTab === 'all' }" @tap="switchFollow('all')">全部</view> <view class="fav-filter" :class="{ active: followTab === 'all' }" @tap="switchFollow('all')">全部</view>
<view class="fav-filter" :class="{ active: followTab === 'due' }" @tap="switchFollow('due')">待跟进</view> <view class="fav-filter" :class="{ active: followTab === 'due' }" @tap="switchFollow('due')">待跟进</view>
<view class="fav-filter" :class="{ active: followTab === 'done' }" @tap="switchFollow('done')">已完成</view> <view class="fav-filter" :class="{ active: followTab === 'done' }" @tap="switchFollow('done')">已完成</view>
<!-- 删除名片入口(2.11.91): 点按进入删除模式, 行内才显示删除按钮, 避免平时误触 -->
<view class="fav-filter del-filter" :class="{ active: delMode }" @tap="toggleDelMode">删除</view>
</view> </view>
<!-- 列表 --> <!-- 列表 -->
@@ -53,7 +55,7 @@
@tap.stop="toggleFavorite">{{ item.is_favorite == 1 ? '★' : '☆' }}</text> @tap.stop="toggleFavorite">{{ item.is_favorite == 1 ? '★' : '☆' }}</text>
<view v-if="followTab === 'due' && item.follow_up_done != 1" class="card-done-btn" <view v-if="followTab === 'due' && item.follow_up_done != 1" class="card-done-btn"
:data-index="index" @tap.stop="markDone">完成</view> :data-index="index" @tap.stop="markDone">完成</view>
<view class="card-del-btn" :data-index="index" @tap.stop="deleteCard">删除</view> <view v-if="delMode" class="card-del-btn" :data-index="index" @tap.stop="deleteCard">删除</view>
<view class="card-arrow">›</view> <view class="card-arrow">›</view>
</view> </view>
@@ -154,6 +156,8 @@ export default {
pendingClaimCode: '', // 扫码带参预填的码 pendingClaimCode: '', // 扫码带参预填的码
// 跟进筛选(2.11.3): all / due(待跟进) / done(已完成) // 跟进筛选(2.11.3): all / due(待跟进) / done(已完成)
followTab: 'all', followTab: 'all',
// 删除模式(2.11.91): 由筛选条「删除」入口开关, 开启后行内才显示删除按钮
delMode: false,
// 建卡申请状态(2.11.15) // 建卡申请状态(2.11.15)
apply: null, // { status, status_text, note, has_card } apply: null, // { status, status_text, note, has_card }
applyName: '', applyName: '',
@@ -288,6 +292,10 @@ export default {
this.followTab = tab; this.followTab = tab;
this.refresh(); this.refresh();
}, },
// 删除模式开关(2.11.91): 开启后各行显示删除按钮; 再次点按退出
toggleDelMode() {
this.delMode = !this.delMode;
},
// 标记跟进完成(2.11.3): followDone, 成功后该卡从待跟进消失 // 标记跟进完成(2.11.3): followDone, 成功后该卡从待跟进消失
markDone(payload) { markDone(payload) {
const item = this.resolveItem(payload); const item = this.resolveItem(payload);
@@ -731,6 +739,17 @@ export default {
} }
} }
/* 删除模式入口(2.11.91): 与跟进 chips 同排, 激活态用 danger 红 */
.fav-filter.del-filter {
margin-left: 16rpx;
&.active {
background-color: #fdeceb;
border-color: #e54d42;
color: #e54d42;
}
}
.card-list { .card-list {
.card-item { .card-item {
display: flex; display: flex;