待审核提醒

src/view/key-person/key_dm_inventory/index.vue

 <template>
   <div class="key-dm-inventory-wrapper">
+    <div v-if="pushBadgeShow" class="pushCls">
+      <div class='pushIconCls'>！</div>
+    </div>
     <Tabs v-model="activeTab" @on-click="handleTabChange">
       <TabPane label="办公用品申领" name="apply">
         <div class="search-div">
@@ -585,6 +588,7 @@ export default {
         approverList: [], // 审批人列表
         currentBorrowId: '' // 暂存当前提交的申请ID
       },
+      pushBadgeShow: false,
       // 申请弹窗中的可编辑行状态
       editingRowIndex: -1,
       editingCellField: '',
@@ -1010,6 +1014,7 @@ export default {
     this.fetchList('apply')
     this.fetchApproverList()
     this.getUserDmPermission()
+    this.fetchList('pending')
   },
   methods: {
     getUserDmPermission () {
@@ -1150,6 +1155,9 @@ export default {
         if (ret.data && ret.data.errcode === 0) {
           const data = ret.data.data || {}
           this.tables[tab] = data.results || []
+          if (tab === 'pending') {
+            this.pushBadgeShow = this.tables[tab].length > 0
+          }
           if (data.totalRecord !== undefined) (this.pagers[tab] || {}).totalRecord = data.totalRecord
         } else this.$Notice.error({ title: '查询失败', desc: ret.data && ret.data.errmsg })
       }).finally(() => { this.loading[tab] = false })
@@ -1729,4 +1737,18 @@ export default {
 .mr5 {
   margin-right: 5px;
 }
+.pushIconCls {
+  position: relative;
+  z-index:4001;
+  cursor: pointer;
+  color: red;
+  font-weight: bold;
+  font-size: 18px;
+  top: 0px;
+  left: 245px;
+}
+.pushCls {
+  position: absolute;
+  z-index:4000;
+}
 </style>