feats

config/prod.js

@@ -10,7 +10,7 @@ module.exports = {
     OSS_PATH: '"https://xlk-assets.oss-cn-shanghai.aliyuncs.com/"',
     OSS_FAST_PATH: '"https://xlk-assets.oss-cn-shanghai.aliyuncs.com/"',
     ICON_FONT: '"https://yz-websit.oss-cn-hangzhou.aliyuncs.com/xlk/css/iconfont.ttf"',
-    Version: '"V0.0.86-20211220"'
+    Version: '"V0.0.87-20211220"'
   },
   mini: {},
   h5: {

src/subpackages/pages/consultant/customerAnalyse/index.jsx

@@ -8,6 +8,8 @@ import LineChart from './components/LineChart'
 // import dayjs from 'dayjs'
 import './index.scss'
 
+const round100 = x => Number(x * 100).toFixed(2);
+
 export default withLayout((props) => {
   const { person } = props
   const PersonId = person.personId
@@ -25,7 +27,6 @@ export default withLayout((props) => {
   ])
   const [CurrentChartMenuId, setCurrentChartMenuId] = useState(1)
 
-  const [ChartList, setChartList] = useState([])
   const [SexList, setSexList] = useState([])
 
   const [dimensions, setDimensions] = useState(['day', 'customerNum'])
@@ -33,21 +34,11 @@ export default withLayout((props) => {
 
   useEffect(() => {
     if (CurrentChartMenuId && CurrentMenuId) {
-      setChartList([])
       GetSexInfo()
       GetChartInfo()
     }
   }, [CurrentChartMenuId, CurrentMenuId])
 
-  useEffect(() => {
-    if (!ChartList.length) {
-      GetChartInfo()
-    } else {
-      // const chart = echarts.init(canvas, null, { width: '100%', height: '100%' })
-      // canvas.setChart(chart)
-    }
-  }, [ChartList])
-
   const GetSexInfo = () => {
     fetch({ url: `${API_SEX_INFO}/${CurrentMenuId === 1 ? 'new' : CurrentMenuId === 2 ? 'follow' : 'visite'}`, method: 'get' }).then((res) => {
       const SexRes = (res || []).map((item) => {
@@ -62,9 +53,9 @@ export default withLayout((props) => {
   }
 
   const GetChartInfo = () => {
-    fetch({ url: `${CurrentChartMenuId === 1 ? API_ECHERTS_DAILY : API_ECHERTS_MONTH}/${CurrentMenuId === 1 ? 'new' : CurrentMenuId === 2 ? 'follow' : 'visite'}`, method: 'get' }).then((res) => {
+    const url = `${CurrentChartMenuId === 1 ? API_ECHERTS_DAILY : API_ECHERTS_MONTH}/${CurrentMenuId === 1 ? 'new' : CurrentMenuId === 2 ? 'follow' : 'visite'}`
+    fetch({ url, method: 'get' }).then((res) => {
       const Arr = (res || []).reverse()
-      setChartList(Arr.map(x => ({ name: x.day, value: x.customerNum })))
       setSource(Arr)
     })
   }
@@ -78,85 +69,14 @@ export default withLayout((props) => {
   const CutChartMenu = (item) => {
     return () => {
       setCurrentChartMenuId(item.id)
+      if (item.id === 1) {
+        setDimensions(['day', 'customerNum'])
+      } else {
+        setDimensions(['month', 'customerNum'])
+      }
     }
   }
 
-  // const createLineOptions = (source = []) => {
-  //   const colorWithOpacity = op => `rgba(187,156,121, ${op})`
-
-  //   const defaultOpt = {
-  //     color: [colorWithOpacity(1)],
-  //     xAxis: {
-  //       type: 'category',
-  //       boundaryGap: false,
-  //       axisLabel: {
-  //         textStyle: {
-  //           color: '#666'
-  //         }
-  //       }
-
-  //     },
-  //     yAxis: {
-  //       type: 'value',
-  //       axisLabel: {
-  //         textStyle: {
-  //           color: '#666'
-  //         }
-  //       }
-  //     },
-  //     grid: {
-  //       left: '10%',
-  //       right: '8%',
-  //       bottom: '12%',
-  //       top: '15%',
-  //     },
-  //     series: [],
-  //   }
-  //   // 数据展示只展示 5 个
-  //   const endValue = source.length - 1 > 0 ? source.length - 1 : 0
-  //   const startValue = endValue - 5 > 0 ? endValue - 5 : 0
-
-  //   return {
-  //     ...defaultOpt,
-  //     dataset: { source },
-  //     dataZoom: [{
-  //       type: 'inside',
-  //       startValue, endValue,
-  //       show: true,
-  //     }],
-  //     series: [{
-  //       type: 'line',
-  //       dimensions: ['name', 'value'],
-  //       symbolSize: 6,
-  //       smooth: true,
-  //       label: {
-  //         show: true,
-  //         formatter: '{@value}人'
-  //       },
-  //       lineStyle: {
-  //         shadowColor: colorWithOpacity(0.5),
-  //         shadowBlur: 5,
-  //         shadowOffsetY: 7
-  //       },
-  //       areaStyle: {
-  //         color: {
-  //           type: 'linear',
-  //           x: 0,
-  //           y: 0,
-  //           x2: 0,
-  //           y2: 1,
-  //           colorStops: [{
-  //             offset: 0, color: colorWithOpacity(0.2) // 0% 处的颜色
-  //           }, {
-  //             offset: 1, color: colorWithOpacity(0) // 100% 处的颜色
-  //           }],
-  //           global: false,
-  //         }
-  //       },
-  //     }],
-  //   }
-  // }
-
   return (
     <view className='Page customerAnalyse flex-v'>
 
@@ -197,9 +117,9 @@ export default withLayout((props) => {
                     <view className='flex-h' key={`SexItem-${index}`}>
                       <text>{item.name}</text>
                       <view className='flex-item'>
-                        <view style={{ width: `${Math.floor(item.per * 100)}%` }}></view>
+                        <view style={{ width: `${round100(item.per)}%` }}></view>
                       </view>
-                      <text>{Math.floor(item.per * 100)}%</text>
+                      <text>{round100(item.per)}%</text>
                     </view>
                   ))
                 }