commit message

manager/src/views/main-components/message-tip.vue

@@ -0,0 +1,82 @@
+<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('distribution')">
+          <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>