feat: update wechat

Author: setcy

package.json

@@ -5,6 +5,7 @@
   "homepage": ".",
   "dependencies": {
     "@jiaminghi/data-view-react": "^1.0.7",
+    "axios": "^1.3.4",
     "classnames": "^2.2.6",
     "customize-cra": "^0.7.0",
     "less": "^3.10.3",

src/components/datav/DigitalFlop.js

@@ -3,60 +3,66 @@ import React, { useState, useEffect } from 'react'
 import { DigitalFlop, Decoration10 } from '@jiaminghi/data-view-react'
 
 import './DigitalFlop.less'
+import httpGet from '../../service/request'
+
+let wechatFollow = 0
+let wechatRead = 0
+let wechatServeYesterday = 0
+let wechatServeToday = 0
 
 function getData() {
   return [
     {
-      title: '管养里程',
+      title: '微信关注量',
       number: {
-        number: [randomExtend(20000, 30000)],
+        number: [wechatFollow],
         content: '{nt}',
         textAlign: 'right',
         style: {
           fill: '#4d99fc',
           fontWeight: 'bold',
         },
       },
-      unit: '公里',
+      unit: '位',
     },
     {
-      title: '桥梁',
+      title: '昨日推文阅读',
       number: {
-        number: [randomExtend(20, 30)],
+        number: [wechatRead],
         content: '{nt}',
         textAlign: 'right',
         style: {
           fill: '#f46827',
           fontWeight: 'bold',
         },
       },
-      unit: '座',
+      unit: '次',
     },
     {
-      title: '涵洞隧道',
+      title: '昨日微信服务',
       number: {
-        number: [randomExtend(20, 30)],
+        number: [wechatServeYesterday],
         content: '{nt}',
         textAlign: 'right',
         style: {
           fill: '#40faee',
           fontWeight: 'bold',
         },
       },
-      unit: '个',
+      unit: '次',
     },
     {
-      title: '匝道',
+      title: '今日微信服务',
       number: {
-        number: [randomExtend(10, 20)],
+        number: [wechatServeToday],
         content: '{nt}',
         textAlign: 'right',
         style: {
           fill: '#4d99fc',
           fontWeight: 'bold',
         },
       },
-      unit: '个',
+      unit: '次',
     },
     {
       title: '隧道',
@@ -139,10 +145,21 @@ export default () => {
 
   useEffect(() => {
     createData()
+    getWechatFollowNum()
+    getWechatArticleReadNum()
+    getWechatServiceTimesYesterday()
+    getWechatServiceTimesToday()
+
+    const timer = setInterval(createData, 3000)
 
-    const timer = setInterval(createData, 30000)
+    const wechatTimer = setInterval(getWechatFollowNum, 30000)
+    const wechatServiceTimer = setInterval(getWechatServiceTimesToday, 30000)
 
-    return () => clearInterval(timer)
+    return () => {
+      clearInterval(timer)
+      clearInterval(wechatTimer)
+      clearInterval(wechatServiceTimer)
+    }
   }, [])
 
   function createData() {
@@ -165,3 +182,23 @@ export default () => {
     </div>
   )
 }
+
+function getWechatFollowNum() {
+  httpGet('https://api.hduhelp.com/wechat/data').then(r => (wechatFollow = r.user))
+}
+
+function getWechatArticleReadNum() {
+  httpGet('https://api.hduhelp.com/wechat/stats/article/read').then(r => (wechatRead = r))
+}
+
+function getWechatServiceTimesYesterday() {
+  httpGet('https://api.hduhelp.com/aggregating/metric/wechat/yesterday').then(
+    r => (wechatServeYesterday = Number(r))
+  )
+}
+
+function getWechatServiceTimesToday() {
+  httpGet('https://api.hduhelp.com/aggregating/metric/wechat/today').then(
+    r => (wechatServeToday = Number(r))
+  )
+}

src/components/datav/TopHeader.js

@@ -10,7 +10,7 @@ export default () => {
       <Decoration8 className="header-left-decoration" />
       <Decoration5 className="header-center-decoration" />
       <Decoration8 className="header-right-decoration" reverse={true} />
-      <div className="center-title">施工养护综合数据</div>
+      <div className="center-title">杭电助手服务数据</div>
     </div>
   )
 }

src/service/request/index.js

@@ -0,0 +1,9 @@
+import axios from 'axios'
+
+const httpGet = async url => {
+  let resp = await axios.get(url)
+  console.log(resp.data.data)
+  return resp.data.data
+}
+
+export default httpGet

yarn.lock

@@ -2479,6 +2479,15 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.12.0.tgz#ce1c9d143389679e253b314241ea9aa5cec980d3"
   integrity sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==
 
+axios@^1.3.4:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.5.0.tgz#f02e4af823e2e46a9768cfc74691fdd0517ea267"
+  integrity sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==
+  dependencies:
+    follow-redirects "^1.15.0"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
 axobject-query@^2.0.2:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-2.2.0.tgz#943d47e10c0b704aa42275e20edf3722648989be"
@@ -3318,7 +3327,7 @@ color@^3.0.0:
     color-convert "^1.9.3"
     color-string "^1.6.0"
 
-combined-stream@^1.0.6, combined-stream@~1.0.6:
+combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
   integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
@@ -5073,7 +5082,7 @@ flush-write-stream@^1.0.0:
     inherits "^2.0.3"
     readable-stream "^2.3.6"
 
-follow-redirects@^1.0.0:
+follow-redirects@^1.0.0, follow-redirects@^1.15.0:
   version "1.15.2"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
   integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
@@ -5121,6 +5130,15 @@ [email protected]:
     tapable "^1.0.0"
     worker-rpc "^0.1.0"
 
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
 form-data@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
@@ -9193,6 +9211,11 @@ proxy-addr@~2.0.7:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
 prr@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"