日月切换

config/dev.js

@@ -9,8 +9,8 @@ module.exports = {
     // WSS_HOST: '"wss://dev.jinchengjiaye.com"',
     // HOST: '"https://lt.pawoma.cn"',
     // WSS_HOST: '"wss://lt.pawoma.cn"',
-    HOST: '"http://192.168.0.218:8080"',
-    WSS_HOST: '"ws://192.168.0.218:8080"',
+    HOST: '"http://192.168.0.84:8080"',
+    WSS_HOST: '"ws://192.168.0.84:8080"',
   },
   weapp: {},
   h5: {}

src/components/charts/Line.js

@@ -42,7 +42,7 @@ export default class LineChart extends Component {
     return false
   }
 
-  handleEcComponent (ref) {
+  handleEcComponent(ref) {
     this.ecComponent = ref
   }
 
@@ -52,24 +52,58 @@ export default class LineChart extends Component {
 
   createOptions(source = []) {
     const defaultOpt = {
-      color: ['#BB9C79', '#666666'],
-      xAxis: { type: 'category' },
-      yAxis: { type: 'value' },
+      color: ['#BB9C79'],
+      xAxis: {
+        type: 'category',
+        axisLine: {
+          lineStyle: {
+            color: '#DEDEDE'
+          }
+        },
+        axisLabel: {
+          textStyle: {
+            color: '#666'
+          }
+        }
+      },
+      yAxis: {
+        type: 'value',
+        axisLine: {
+          lineStyle: {
+            color: '#DEDEDE'
+          }
+        },
+        axisLabel: {
+          textStyle: {
+            color: '#666'
+          }
+        }
+      },
+
       series: [],
     }
 
     return {
       ...defaultOpt,
       dataset: { source },
+
       series: [{
         type: 'line',
+        smooth: true,
         areaStyle: {},
+        symbolSize: 6,
         dimensions: ['name', 'value'],
+        label: {
+          normal: {
+            show: true,
+            position: 'top'
+          }
+        },
       }],
     }
   }
 
-  refreshChart(source) {    
+  refreshChart(source) {
     const options = this.createOptions(source)
 
     if (!this.echart) {

src/constants/api.js

@@ -175,3 +175,5 @@ export const API_VISIT_RECORD = resolvePath('taPersonVisitRecord')
 export const API_ACTIVITY_LIST_CUSTOMER = resolvePath('customer/activity/list')
 export const API_FOLLOW_LIST = resolvePath('taCustomerFollowUpRecord')
 export const API_SEX_INFO = resolvePath('genderStatistic')
+export const API_ECHERTS_DAILY = resolvePath('customerStatisticDaily')
+export const API_ECHERTS_MONTH = resolvePath('customerStatisticMonthly')

src/pages/person/customerAnalysis/analysis.js

@@ -6,7 +6,7 @@ import { AtTabs, AtTabsPane, AtProgress } from 'taro-ui'
 import "taro-ui/dist/style/components/tabs.scss"
 import "taro-ui/dist/style/components/progress.scss";
 import { savePoint, updatePoint } from '@services/common'
-import { querySexInfo } from '@services/person'
+import { querySexInfo, getEchartDailyInfo, getEchartMonthInfo } from '@services/person'
 import { connect } from '@tarojs/redux'
 import LineChart from "../../../components/charts/Line";
 
@@ -22,6 +22,7 @@ export default class analysis extends Taro.Component {
     current: 0,
     recordId: undefined, // 埋点ID
     sexInfo: [],
+    checkedWhich: 0,
     chartInfo: [
       { name: '周一', value: '26' },
       { name: '周二', value: '84' },
@@ -71,20 +72,19 @@ export default class analysis extends Taro.Component {
         sexInfo: res || []
       })
     })
-    const chartData = [
-      { value: 335, name: '直接访问' },
-      { value: 310, name: '邮件营销' },
-      { value: 234, name: '联盟广告' },
-      { value: 135, name: '视频广告' },
-      { value: 1548, name: '搜索引擎' }
-    ];
-
+    getEchartDailyInfo('new').then(res => {
+      console.log(res, "res")
+      this.setState({
+        // sexInfo: res || []
+      })
+    })
   }
 
   render() {
 
     const tabList = [{ title: '新增客户' }, { title: '跟进客户' }, { title: '到访客户' }]
-    const { sexInfo, chartInfo } = this.state
+    const dailyMonth = ['日', '月']
+    const { sexInfo, chartInfo, checkedWhich } = this.state
 
     return (
       <View>
@@ -92,6 +92,16 @@ export default class analysis extends Taro.Component {
           <AtTabsPane current={this.state.current} index={0} >
             <View>
               <View style="width:90vw;height:600rpx">
+                <View className="daily-month" >
+                  {
+                    dailyMonth.map((item, index) => (
+                      <View className={checkedWhich == index ? 'checked' : 'item'}>
+                        {item}
+                      </View>
+                    ))
+                  }
+
+                </View>
                 <LineChart source={chartInfo} />
               </View>
 

src/pages/person/customerAnalysis/index.scss

@@ -5,7 +5,34 @@
   position: relative;
   height:100vh;
 }
-
+.daily-month{
+  display: flex;
+  align-items: center;
+  text-align: right;
+  padding: 0 25px;
+  .item{
+    width:76px;
+    height:40px;
+    line-height: 40px;
+    background:rgba(245,245,245,1);
+    border-radius:4px;
+    color:#999990;
+    font-size: 28px;
+    text-align: center;
+    margin: 0 15px;
+  }
+  .checked{
+    width:76px;
+    height:40px;
+    line-height: 40px;
+    background:rgba(240,233,226,1);
+    border-radius:4px;
+    color:#957C60;
+    font-size: 28px;
+    margin: 0 15px;
+    text-align: center;
+  }
+}
 .tab-box{
   .at-tabs__header{
     width: 86%;

src/pages/person/customerAnalysis/myCustomer.js

@@ -214,6 +214,7 @@ export default class myCustomer extends Taro.Component {
       followVisible: true,
     })
   }
+  addFollowRecord
   followSaveBtn() {
     const { customerId } = this.$router.params
     const params = {
@@ -293,6 +294,14 @@ export default class myCustomer extends Taro.Component {
       this.setState({
         customerDetail: res || {}
       })
+      const params = {
+        recordType: '添加跟进',
+        customerSex: this.state.customerDetail.sex,
+        customerId,
+      }
+      addFollowRecord(params).then(res => {
+        this.queryFollowRecord(1)
+      })
     })
     this.setState({
       baseVisible: false,

src/services/person.js

@@ -7,6 +7,8 @@ import {
   API_ACTIVITY_LIST_CUSTOMER,
   API_FOLLOW_LIST,
   API_SEX_INFO,
+  API_ECHERTS_DAILY,
+  API_ECHERTS_MONTH
 } from '@constants/api'
 
 
@@ -15,6 +17,16 @@ import {
  * @param {*} type
  */
 export const querySexInfo = (type, payload) => fetch({ url: `${API_SEX_INFO}/${type}`, payload })
+/**
+ * 获取客户图表日数据
+ * @param {*} type
+ */
+export const getEchartDailyInfo = (type, payload) => fetch({ url: `${API_ECHERTS_DAILY}/${type}`, payload })
+/**
+ * 获取客户图表月数据
+ * @param {*} type
+ */
+export const getEchartMonthInfo = (type, payload) => fetch({ url: `${API_ECHERTS_MONTH}/${type}`, payload })
 
 /**
  * 获取我的客户数据