feats

src/components/Icon.jsx

 import React from 'react';
 import Taro from '@tarojs/taro';
 import { Image } from '@tarojs/components';
+import { Icon } from '@antmjs/vantui';
 import icon1 from '@/assets/icons/icon1.png';
 import icon2 from '@/assets/icons/icon2.png';
 import icon3 from '@/assets/icons/icon3.png';
 }
 
 export default (props) => {
-  const { className, style, name } = props;
+  const { className, style, name, info } = props;
   
   return (
-    <Image src={icons[name]} className={className} style={style} />
+    <Icon name={icons[name]} className={className} style={style} info={info} />
   )
 }

src/components/MenuIcon.jsx

 
 export default (props) => {
   
-  const { icon, text, link } = props;
+  const { icon, text, link, request } = props;
+
+  const [info, setInfo] = React.useState();
 
   const onClick = () => {
     Taro.navigateTo({
     })
   }
 
+  React.useEffect(() => {
+    if (request) {
+      request().then(res => {
+        if (res) {
+          res > 99 ? setInfo('99+') : setInfo(res);
+        }
+      });
+    }
+  }, [request]);
+
   return (
     <RatioView>
       <View style={wrapperStyle} onClick={onClick}>
         <View>
-          <Icon name={icon} style={iconStyle} />
+          <Icon name={icon} style={iconStyle} info={info} />
           <View style={txtStyle}>{text}</View>
         </View>
       </View>

src/pages/home/index.jsx

 import MenuIcon from '@/components/MenuIcon';
 import { ROLE_CITIZEN, ROLE_INSPECTOR, ROLE_MANAGER, ROLE_ORG_MANAGER, ROLE_ORG_USER, ROLE_QUERY_PERSON } from '@/utils/user';
 import { PROCESS_APPLY_DELAY, PROCESS_APPLY_END, PROCESS_APPLY_REJECT, PROCESS_APPLY_VERIFY, PROCESS_ASSIGNED, PROCESS_END, PROCESS_START } from '@/utils/biz';
+import { getApplyNum } from '@/services/taissueapply';
 import Head from './components/Head';
 import Banner from './components/Banner';
 import StatCard from './components/StatCard';
 import './index.less';
 
+const getRejctApply = () => getApplyNum({ applyType: PROCESS_APPLY_REJECT });
+const getDelayApply = () => getApplyNum({ applyType: PROCESS_APPLY_DELAY });
+const getVerifyApply = () => getApplyNum({ applyType: PROCESS_APPLY_VERIFY });
+const getEdnApply = () => getApplyNum({ applyType: PROCESS_APPLY_END });
+
 const menus = {
   // 督查员
   [ROLE_INSPECTOR]: [
     { icon: 'icon1', text: '待 交 办', link: `/pages/issue/list2/index?title=待交办&bizStatus=${PROCESS_START}` },
     { icon: 'icon2', text: '已 交 办', link: `/pages/issue/list2/index?title=已交办&bizStatus=${PROCESS_ASSIGNED}`, },
     { icon: 'icon3', text: '已 办 结', link: `/pages/issue/list2/index?title=已办结&bizStatus=${PROCESS_END}` },
-    { icon: 'icon4', text: '消单申请', link: `/pages/apply/list/index?title=消单申请&applyType=${PROCESS_APPLY_END}` },
+    { icon: 'icon4', text: '消单申请', request: getEdnApply, link: `/pages/apply/list/index?title=消单申请&applyType=${PROCESS_APPLY_END}` },
     { icon: 'icon5', text: '逾期警告', link: `/pages/issue/list2/index?title=逾期警告&bizStatus=expired` },
-    { icon: 'icon6', text: '延期申请', link: `/pages/apply/list/index?title=延期申请&applyType=${PROCESS_APPLY_DELAY}` },
-    { icon: 'icon12', text: '驳回申请', link: `/pages/apply/list/index?title=驳回申请&applyType=${PROCESS_APPLY_REJECT}` },
+    { icon: 'icon6', text: '延期申请', request: getDelayApply, link: `/pages/apply/list/index?title=延期申请&applyType=${PROCESS_APPLY_DELAY}` },
+    { icon: 'icon12', text: '驳回申请', request: getRejctApply, link: `/pages/apply/list/index?title=驳回申请&applyType=${PROCESS_APPLY_REJECT}` },
     { icon: 'icon7', text: '统计查询', link: '/subpkg1/pages/statistics/index' },
     { icon: 'icon9', text: '我的上报', link: '/pages/issue/list2/index?title=我的上报&mine=true' },
     { icon: 'icon11', text: '消息通知', link: '/pages/message/list/index' },
     { icon: 'icon2', text: '处 理 中', link: `/pages/org/issue/list/index?title=处理中&bizStatus=${PROCESS_ASSIGNED}` },
     { icon: 'icon3', text: '已 办 结', link: `/pages/org/issue/list/index?title=已办结&bizStatus=${PROCESS_END}` },
     { icon: 'icon5', text: '已 逾 期', link: '/pages/org/issue/list/index?title=已办结&bizStatus=expired' },
-    { icon: 'icon9', text: '审核申请', link: `/pages/apply/list/index?title=审核申请&applyType=${PROCESS_APPLY_VERIFY}` },
+    { icon: 'icon9', text: '审核申请', request: getVerifyApply, link: `/pages/apply/list/index?title=审核申请&applyType=${PROCESS_APPLY_VERIFY}` },
     { icon: 'icon11', text: '消息通知', link: '/pages/message/list/index' },
   ],
 

src/services/taissueapply.js

  * 通过主键删除数据
  */
 export const deleteTaIssueApply = (id) => request(`/api/taIssueApply/${id}`, { method: 'delete' });
+
+export const getApplyNum = params => request('/api/taIssueApply/nums', { params });