mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-11-12 20:08:59 +08:00
c0cc8d8598
1. 订单交互：移除 orderList 缓存机制修复默认带入订单号问题，支持 query 联动； 2. 会员模块：会员分组新增人数统计与联动，全量规范会员提现、充值、日志等操作列样式； 3. 商品与销量：虚拟销量优化首列缩略图与对齐方式，规范品牌与商品分组操作； 4. 数据统计：重构交易转化漏斗图为自适应 SVG 渐变图与指标卡片； 5. 系统与营销：统一菜单/部门操作列样式，优化 OSS 模块、营销活动与首页待办对齐。
106 lines
3.1 KiB
Vue
106 lines
3.1 KiB
Vue
<template>
|
|
<div class="message-con">
|
|
<el-dropdown trigger="click" popper-class="todo-dropdown" @command="navigateTo">
|
|
<a href="javascript:void(0)" class="message-link">
|
|
{{ value > 0 ? "有" + value + "条待办事项" : "无待办事项" }}
|
|
<el-icon v-if="value != 0"><ArrowDown /></el-icon>
|
|
</a>
|
|
<template #dropdown>
|
|
<el-dropdown-menu v-if="value != 0">
|
|
<el-dropdown-item v-if="res.balanceCash" command="withdrawApply">
|
|
<el-badge :value="res.balanceCash">待处理会员提现申请</el-badge>
|
|
</el-dropdown-item>
|
|
<el-dropdown-item v-if="res.complain" command="orderComplaint">
|
|
<el-badge :value="res.complain">待处理投诉审核</el-badge>
|
|
</el-dropdown-item>
|
|
<el-dropdown-item v-if="res.distributionCash" command="distributionCash">
|
|
<el-badge :value="res.distributionCash">待处理分销员提现申请</el-badge>
|
|
</el-dropdown-item>
|
|
<el-dropdown-item v-if="res.goods" command="applyGoods">
|
|
<el-badge :value="res.goods">待处理商品审核</el-badge>
|
|
</el-dropdown-item>
|
|
<el-dropdown-item v-if="res.refund" command="afterSaleOrder">
|
|
<el-badge :value="res.refund">待处理售后申请</el-badge>
|
|
</el-dropdown-item>
|
|
<el-dropdown-item v-if="res.store" command="shopAuth">
|
|
<el-badge :value="res.store">待处理店铺入驻审核</el-badge>
|
|
</el-dropdown-item>
|
|
<el-dropdown-item v-if="res.appointmentWorkOrder" command="manager-appointment-work-orders">
|
|
<el-badge :value="res.appointmentWorkOrder">未完成预约工单</el-badge>
|
|
</el-dropdown-item>
|
|
</el-dropdown-menu>
|
|
</template>
|
|
</el-dropdown>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed } from "vue";
|
|
import { useRouter } from "vue-router";
|
|
import { ArrowDown } from "@element-plus/icons-vue";
|
|
|
|
defineOptions({ name: "messageTip" });
|
|
|
|
const props = defineProps({
|
|
res: {
|
|
type: Object,
|
|
default: () => ({}),
|
|
},
|
|
});
|
|
|
|
const router = useRouter();
|
|
|
|
const value = computed(() => {
|
|
let count = 0;
|
|
const r = props.res || {};
|
|
Object.keys(r).forEach((k) => {
|
|
if (r[k]) count += r[k];
|
|
});
|
|
return count;
|
|
});
|
|
|
|
function navigateTo(name) {
|
|
if (name === "withdrawApply") {
|
|
router.push({ name: "withdrawApply", query: { applyStatus: "APPLY" } });
|
|
return;
|
|
}
|
|
if (name === "manager-appointment-work-orders") {
|
|
router.push({ name, query: { serviceStatus: "OPEN" } });
|
|
return;
|
|
}
|
|
router.push({ name });
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.message-link {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
.todo-dropdown .el-dropdown-menu__item {
|
|
min-width: 150px;
|
|
padding: 6px 36px 6px 16px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.todo-dropdown .el-dropdown-menu__item + .el-dropdown-menu__item {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.todo-dropdown .el-badge {
|
|
width: 100%;
|
|
}
|
|
|
|
.todo-dropdown .el-badge__content.is-fixed {
|
|
right: 4px;
|
|
top: 8px;
|
|
transform: translateY(-50%) translateX(50%);
|
|
}
|
|
</style>
|