<template>
|
<div class="message-con">
|
<Dropdown trigger="click">
|
|
<a href="javascript:void(0)">
|
{{ value > 0 ? "有" + value + "条待办事项" : "无待办事项" }}
|
<Icon v-if="value!=0" type="ios-arrow-down"></Icon>
|
</a>
|
<DropdownMenu v-if="value!=0" slot="list">
|
<DropdownItem v-if="res.balanceCash" @click.native="navigateTo('deposit')">
|
<Badge :count="res.balanceCash">待处理预存款提现申请 </Badge>
|
</DropdownItem>
|
<DropdownItem v-if="res.complain" @click.native="navigateTo('orderComplaint')">
|
<Badge :count="res.complain">待处理投诉审核 </Badge>
|
</DropdownItem>
|
<DropdownItem v-if="res.distributionCash" @click.native="navigateTo('distributionCash')">
|
<Badge :count="res.distributionCash">待处理分销商提现申请 </Badge>
|
</DropdownItem>
|
<DropdownItem v-if="res.goods" @click.native="navigateTo('applyGoods')">
|
<Badge :count="res.goods">待处理商品审核 </Badge>
|
</DropdownItem>
|
<DropdownItem v-if="res.refund" @click.native="navigateTo('afterSaleOrder')">
|
<Badge :count="res.refund">待处理售后申请 </Badge>
|
</DropdownItem>
|
<DropdownItem v-if="res.store" @click.native="navigateTo('shopAuth')">
|
<Badge :count="res.store">待处理店铺入驻审核 </Badge>
|
</DropdownItem>
|
<DropdownItem v-if="res.waitPayBill" @click.native="navigateTo('accountStatementBill')">
|
<Badge :count="res.waitPayBill">待与商家对账</Badge>
|
</DropdownItem>
|
<div></div>
|
</DropdownMenu>
|
</Dropdown>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "messageTip",
|
data() {
|
return {
|
value: 0, // 消息数量
|
empty: false, // 是否为空
|
};
|
},
|
props: {
|
res: {
|
type: null,
|
},
|
},
|
mounted() {
|
this.init();
|
},
|
methods: {
|
navigateTo(name) {
|
this.$router.push({
|
name,
|
});
|
},
|
init() {
|
Object.keys(this.res).forEach((item) => {
|
this.value = parseInt(this.value) + parseInt(this.res[item]);
|
});
|
},
|
},
|
};
|
</script>
|
<style scoped lang="scss">
|
/deep/ .ivu-select-dropdown {
|
text-align: left;
|
}
|
.message-con {
|
margin-right: 10px;
|
}
|
/deep/ .ivu-dropdown-item{
|
padding: 7px 20px !important;
|
}
|
/deep/ .ivu-badge-count{
|
right: -10px !important;
|
}
|
</style>
|
