完善信息

src/pages/person/customerAnalysis/followUpCustomer/index.js

@@ -1,10 +1,11 @@
 import Taro, { Component } from '@tarojs/taro';
 import Authorize from '@components/authorize'
+import ListView from '@components/ListView'
 import './index.scss'
 import { savePoint, updatePoint } from '@services/common'
 import { connect } from '@tarojs/redux'
 import { View, Text, Picker } from '@tarojs/components';
-import { queryCustomerList } from '@services/person'
+import { queryCustomerList, addFollowRecord } from '@services/person'
 const iconImg = require('@assets/person/icon.png')
 
 @connect(({ user, city }) => ({ user, city }))
@@ -16,7 +17,7 @@ export default class transactionCustomer extends Taro.Component {
 
 
   state = {
-    recordId: undefined, // 埋点ID
+
     customerList: [],
     inputValue: '',
     screenVisible: false,
@@ -24,8 +25,12 @@ export default class transactionCustomer extends Taro.Component {
     statusIndex: -1,
     startArrivalDate: '',
     endArrivalDate: '',
-    startReportDate : '',
+    startReportDate: '',
     endReportDate: '',
+    hasMore: true,
+    isEmpty: false,
+    recordId: undefined, // 埋点ID
+    pageIndex: 1
   }
 
   componentWillUnmount() {
@@ -34,47 +39,66 @@ export default class transactionCustomer extends Taro.Component {
   }
   componentDidShow() {
     Taro.showLoading()
-    this.loadList()
+    this.loadList(1)
 
   }
-  loadList() {
+
+  loadList = (page) => {
     const payload = {
       type: 'follow',
-      pageNumber: 0,
-      pageSize: 9999
+      pageNumber: page,
+      pageSize: 10
     }
     queryCustomerList(payload.type, payload).then(res => {
 
       this.setState({
-        customerList: res.records || []
+        customerList: res.records || [],
+        isEmpty: res.total == 0,
+        hasMore: res.current < res.page,
+        pageIndex: res.current >= res.pages ? res.pages : res.current
       })
       Taro.hideLoading()
     })
   }
 
+  onScrollToLower = async (fn) => {
+    const { pageIndex } = this.state;
+    this.loadList(pageIndex + 1)
+    fn && fn();
+  }
+  onPullDownRefresh = (rest) => {
+    // debugger
+    if (this.refreshing) return
+    this.refreshing = true
+    this.loadList(1)
+    rest && rest()
+    this.refreshing = false
+  }
+
 
   changeInput = e => {
     this.setState({
       inputValue: e.detail.value
     })
   }
+  // 查询
   searchBtn() {
-    // const playload = {
-    //   inputValue: this.state.inputValue
-    // }
+
     this.filterCustomerList();
-   
+
   }
-  filterCustomerList(){
+  // 筛查跟进客户
+  filterCustomerList() {
 
     const payload = {
       type: 'follow',
       pageNumber: 0,
       pageSize: 9999,
-      status:this.state.statusIndex!=0?this.state.statusIndex:'',
-      startArrivalDate:this.state.startArrivalDate,
+      name: this.state.inputValue,
+      status: (this.state.statusIndex == 0 || this.state.statusIndex == -1) ? '' : this.state.statusIndex,
+      startArrivalDate: this.state.startArrivalDate,
       endArrivalDate: this.state.endArrivalDate,
-      startReportDate : this.state.startReportDate,
+      startReportDate: this.state.startReportDate,
       endReportDate: this.state.endReportDate,
     }
     queryCustomerList(payload.type, payload).then(res => {
@@ -91,55 +115,80 @@ export default class transactionCustomer extends Taro.Component {
       screenVisible: false,
     })
   }
+  // 显示筛查弹框
   screenShow() {
     this.setState({
       screenVisible: true,
     })
   }
+  // 选择状态
   chooseStatus(item, inx) {
     this.setState({
       statusIndex: inx,
     })
-    console.log(item, inx, "eeeeeeeeeeee")
   }
+  // 到访开始时间
   onVisitDateChange = e => {
     this.setState({
       startArrivalDate: e.detail.value
     })
   }
+  // 到访结束时间
   onVisitDateChange2 = e => {
     this.setState({
       endArrivalDate: e.detail.value
     })
   }
+  // 报备开始时间
   onReportDateChange = e => {
     this.setState({
-      startReportDate : e.detail.value
+      startReportDate: e.detail.value
     })
   }
+  // 报备结束时间
   onReportDateChange2 = e => {
     this.setState({
       endReportDate: e.detail.value
     })
   }
- 
+  // 取消筛查
   cancelBtn() {
     this.setState({
       screenVisible: false,
       statusIndex: -1,
       startArrivalDate: '',
       endArrivalDate: '',
-      startReportDate : '',
+      startReportDate: '',
       endReportDate: '',
     })
   }
+  // 跳转我的客户详情
   toMyCustomer(customerId) {
     Taro.navigateTo({
-      url: `/pages/person/customerAnalysis/myCustomer?customerId=`+customerId
+      url: `/pages/person/customerAnalysis/myCustomer?customerId=` + customerId
+    })
+  }
+  // 拨打电话
+  handleTelClick(item, e) {
+    e.stopPropagation()
+    Taro.makePhoneCall({
+      phoneNumber: item.phone
+    })
+    const params = {
+      recordType: '拨打电话',
+      customerSex: item.sex,
+      customerId: item.customerId,
+    }
+    addFollowRecord(params).then(res => {
+
+    })
+    this.setState({
+      followVisible: false,
     })
   }
+
   renderScreenBox() {
-    const { statusList, statusIndex, startArrivalDate, endArrivalDate, startReportDate , endReportDate } = this.state
+    const { statusList, statusIndex, startArrivalDate, endArrivalDate, startReportDate, endReportDate } = this.state
     return (
       <View className="mask">
         <View className="content">
@@ -159,7 +208,7 @@ export default class transactionCustomer extends Taro.Component {
                 {!startArrivalDate && <Text className="placeholder">起始时间</Text>}
               </View>
             </Picker>-<Picker mode='date' onChange={this.onVisitDateChange2}>
-              <View className='picker'> 
+              <View className='picker'>
                 {endArrivalDate}
                 {!endArrivalDate && <Text className="placeholder">结束时间</Text>}
               </View>
@@ -169,8 +218,8 @@ export default class transactionCustomer extends Taro.Component {
             报备时间：
               <Picker mode='date' onChange={this.onReportDateChange}>
               <View className='picker'>
-                {startReportDate }
-                {!startReportDate  && <Text className="placeholder">起始时间</Text>}
+                {startReportDate}
+                {!startReportDate && <Text className="placeholder">起始时间</Text>}
               </View>
             </Picker>-<Picker mode='date' onChange={this.onReportDateChange2}>
               <View className='picker'>
@@ -195,7 +244,7 @@ export default class transactionCustomer extends Taro.Component {
   }
 
   render() {
-    const { customerList, screenVisible } = this.state
+    const { customerList, screenVisible, isEmpty, hasMore } = this.state
 
     return (
       <View>
@@ -208,29 +257,43 @@ export default class transactionCustomer extends Taro.Component {
           <Button className="btn" onClick={this.searchBtn} >搜索</Button>
         </View>
         <View style="padding:10px">
-          {
-            !customerList.length &&
-            <View style="margin:50px auto;text-align:center;font-size:14px;color:#888">暂无跟进客户~</View>
-          }
-          {
-            customerList.length &&
-            customerList.map((item, index) => (
-              <View class="item" key={index + 'customerList'} onClick={this.toMyCustomer.bind(this,item.customerId)}>
-                <Image src={item.picture || require('@assets/default-avatar.png')} className='img'></Image>
-                <View className="name">
-                  {item.name}
-                  {
-                    item.sex == '1' && <View style={`margin-left:10px;background-image: url(${iconImg});background-size: 100%;background-position: 0px -20px;width: 18px;height: 18px;`}></View>
-                  }
-                  {
-                    item.sex == '2' && <View style={`margin-left:10px;background-image: url(${iconImg});background-size: 100%;background-position: 0px 0px;width: 18px;height: 18px;`}></View>
-                  }
-                </View>
-                <View className="phone">{item.phone}<View style={`background-image: url(${iconImg});background-size: 100%;background-position: 0px -44px;width: 22px;height: 22px;`}></View> </View>
-                <View className="status">报备</View>
-              </View>
-            ))
-          }
+          <ListView
+            className="wrap"
+            needInit
+            isEmpty={isEmpty}
+            emptyText="暂无活动~"
+            hasMore={hasMore}
+            onPullDownRefresh={fn => this.onPullDownRefresh(fn)}
+            onScrollToLower={fn => this.onScrollToLower(fn)}
+          >
+            <View className="list">
+              {
+                !customerList.length &&
+                <View style="margin:50px auto;text-align:center;font-size:14px;color:#888">暂无跟进客户~</View>
+              }
+              {
+                customerList.length &&
+                customerList.map((item, index) => (
+                  <View class="item" key={index + 'customerList'} onClick={this.toMyCustomer.bind(this, item.customerId)}>
+                    <Image src={item.picture || require('@assets/default-avatar.png')} className='img'></Image>
+                    <View className="name">
+                      {item.name}
+                      {
+                        item.sex == '1' && <View style={`margin-left:20rpx;background-image: url(${iconImg});background-size: 100%;background-position: 0rpx -40rpx;width: 36rpx;height: 36rpx;`}></View>
+                      }
+                      {
+                        item.sex == '2' && <View style={`margin-left:20rpx;background-image: url(${iconImg});background-size: 100%;background-position: 0rpx 0px;width: 36rpx;height: 36rpx;`}></View>
+                      }
+                    </View>
+                    <View className="phone" onClick={this.handleTelClick.bind(this, item)}>{item.phone}<View style={`background-image: url(${iconImg});background-size: 100%;background-position: 0rpx -88rpx;width: 44rpx;height: 44rpx;margin-left:10rpx`}></View> </View>
+                    <View className="status">报备</View>
+                  </View>
+                ))
+              }
+            </View>
+          </ListView>
+
+
         </View>
       </View>
     )

src/pages/person/customerAnalysis/index.scss

@@ -84,7 +84,22 @@
     }
   }
 }
-
+.empty{
+  width:100%;
+  height:40vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  &__img{
+    width:300px;
+  }
+  &__text{
+    font-size:30px;
+    color: $text-color-light;
+    margin-top: 20px;
+  }
+}
 
 .user_con{
   margin: 0 20px 40px 20px;
@@ -127,6 +142,8 @@
     position: absolute;
     bottom:76px;
     left:320px;
+    display: flex;
+    align-items: center;
   }
   }
   .my-tab{
@@ -185,22 +202,21 @@
 
     }
     .tab-pane2{
-      padding: 0 40px;
-      .date{
-        font-size: 26px;
-        color: #999;
-        margin-top: 30px;
-      }
+      padding: 10px 0;
       .record-item{
-        font-size: 30px;
-        margin-top: 20px;
-        color: #333;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
+        padding:0 30px;
+        background:rgba(255,255,255,1);
+        box-shadow:0px 1px 0px 0px rgba(0,0,0,0.08);
+        .title{
+          font-size: 30px;
+          color: #333;
+          margin-top: 20px;
+        }
         .time{
           font-size: 26px;
           color: #999;
+          text-align: right;
+          line-height: 46px;
         }
       }
     }
@@ -240,13 +256,13 @@
     background:rgba(0,0,0,0.22);
     .base-con{
       width: 94%;
-      height:610px;
+      height:740px;
       position: absolute;
       left: 3%;
       top: 50%;
       background-color: #fff;
       padding: 40px;
-      margin-top: -305px;
+      margin-top: -370px;
       border-radius:12px;
       .con-item{
         display: flex;
@@ -275,10 +291,12 @@
         align-items: center;
         justify-content: space-between;
         width:456px;
+        padding: 16px;
+        background-color: #f4f4f4;
       }
       .right-icon{
-        width:20px;
-        height:20px;
+        width:18px;
+        height:18px;
         border-top: 2px solid #999;
         border-right: 2px solid #999;
         transform:rotate(45deg);

src/pages/person/customerAnalysis/myCustomer.js

@@ -2,12 +2,13 @@ import Taro, { Component } from '@tarojs/taro';
 import { AtTabs, AtTabsPane } from 'taro-ui'
 import "taro-ui/dist/style/components/tabs.scss"
 import { savePoint, updatePoint } from '@services/common'
-import { getCustomerDetail, getVisitRecord, getActivityList, getFollowRecord } from '@services/person'
+import { getCustomerDetail, getVisitRecord, getActivityList, getFollowRecord, addFollowRecord } from '@services/person'
 import { connect } from '@tarojs/redux'
 import './index.scss'
 import ActivityItem from './item'
 import dayjs from 'dayjs'
 const iconImg = require('@assets/person/icon.png')
+import emptyImg from '@assets/empty.png'
 
 @connect(({ user, city }) => ({ user, city }))
 export default class myCustomer extends Taro.Component {
@@ -22,12 +23,14 @@ export default class myCustomer extends Taro.Component {
     activityList: [],
     followVisible: false,
     baseVisible: false,
-    message: '', //跟进内容
+    followValue: '', //跟进内容
     desc: '', //客户描述
-    selectorChecked: '',
-    selector: ['美国', '中国', '巴西', '日本'],
+    selector: ['高层', '别墅', '公寓'],
+    sexSelector: ['男', '女'],
     customerDetail: {},
-    followRecord: []
+    followRecord: [],
+    visitRecord: [],
+    baseInfo: {}, // 完善信息弹框数据
 
   }
 
@@ -38,52 +41,60 @@ export default class myCustomer extends Taro.Component {
   }
 
   handleClick(value) {
+    this.setState({
+      current: value
+    })
     if (value == 1) {
-      const { customerId } = this.$router.params
-      const payload = {
-        pageNumber: '0',
-        pageSize: '10',
-        customerId,
-      }
-      getVisitRecord(payload).then(res => {
-        // this.setState({
-        //   customerDetail: res || {}
-        // })
-      })
+      this.queryVisitRecord();
     } else if (value == 2) {
-      const { customerId } = this.$router.params
-      const payload = {
-        pageNumber: '0',
-        pageSize: '10',
-        customerId,
-      }
-      getActivityList(payload).then(res => {
-        this.setState({
-          activityList: res.records || []
-        })
-      })
+      this.queryActivityList();
     } else if (value == 3) {
-      const { customerId } = this.$router.params
-      const payload = {
-        pageNumber: '0',
-        pageSize: '10',
-        customerId,
-      }
-      getFollowRecord(payload).then(res => {
-        console.log(res.records,"res")
-        this.setState({
-          followRecord: res.records 
-        }, console.log(this.state.followRecord, "followRecord")
-        )
+      this.queryFollowRecord();
+    }
+  }
+  // 获取访问记录
+  queryVisitRecord() {
+    const { customerId } = this.$router.params
+    const payload = {
+      pageNumber: '0',
+      pageSize: '10',
+      customerId,
+    }
+    getVisitRecord(payload).then(res => {
+      this.setState({
+        visitRecord: res.records || []
       })
+    })
+  }
+  // 获取活动信息
+  queryActivityList() {
+    const { customerId } = this.$router.params
+    const payload = {
+      pageNumber: '0',
+      pageSize: '10',
+      customerId,
     }
-    this.setState({
-      current: value
-    }, )
+    getActivityList(payload).then(res => {
+      this.setState({
+        activityList: res.records || []
+      })
+    })
+  }
+  // 获取跟进记录
+  queryFollowRecord() {
+    const { customerId } = this.$router.params
+    const payload = {
+      pageNumber: '0',
+      pageSize: '30',
+      customerId,
+    }
+    getFollowRecord(payload).then(res => {
+      this.setState({
+        followRecord: res.records
+      })
+    })
   }
-
   componentDidShow() {
-
     this.loadList()
   }
   loadList() {
@@ -125,23 +136,35 @@ export default class myCustomer extends Taro.Component {
       followVisible: true,
     })
   }
-  saveBtn() {
+  followSaveBtn() {
+    const { customerId } = this.$router.params
+    const params = {
+      recordType: '添加跟进',
+      recordContent: this.state.followValue,
+      customerSex: this.state.customerDetail.sex,
+      customerId,
+    }
+    addFollowRecord(params).then(res => {
+      this.queryFollowRecord()
+    })
     this.setState({
       followVisible: false,
+      followValue: '',
     })
   }
-  cancelBtn() {
+  followCancelBtn() {
     this.setState({
       followVisible: false,
+      followValue: '',
     })
   }
   onTextareaChange(e) {
     this.setState({
-      message: e.target.value
+      followValue: e.target.value
     })
   }
   renderFollowBox() {
-    const { message } = this.state
+    const { followValue } = this.state
     return (
       <View className="mask">
         <View className="content">
@@ -151,17 +174,17 @@ export default class myCustomer extends Taro.Component {
             </View>
             <Textarea
               className="textarea"
-              value={message}
+              value={followValue}
               onInput={this.onTextareaChange}
               maxLength={150}
               placeholder='不超过150字'
             />
           </View>
           <View className="bottom-btn">
-            <View className="save" onClick={this.saveBtn}>
+            <View className="save" onClick={this.followSaveBtn}>
               保存
             </View>
-            <View className="cancel" onClick={this.cancelBtn}>
+            <View className="cancel" onClick={this.followCancelBtn}>
               取消
           </View>
           </View>
@@ -172,6 +195,7 @@ export default class myCustomer extends Taro.Component {
   perfectInformation() {
     this.setState({
       baseVisible: true,
+      baseInfo: this.state.customerDetail,
     })
   }
   baseSaveBtn() {
@@ -184,26 +208,88 @@ export default class myCustomer extends Taro.Component {
       baseVisible: false,
     })
   }
+  onPriceRangeChange(e) {
+    this.setState({
+      baseInfo: {
+        ...baseInfo,
+        priceRange: e.target.value
+      }
+    })
+  }
   onBaseTextareaChange(e) {
     this.setState({
-      desc: e.target.value
+      baseInfo: {
+        ...baseInfo,
+        describe: e.target.value
+      }
     })
   }
   onChange = e => {
     this.setState({
-      selectorChecked: this.state.selector[e.detail.value]
+      baseInfo: {
+        ...baseInfo,
+        sex: this.state.selector[e.detail.value]
+      }
+    })
+  }
+  onSexChange = e => {
+    console, log(e, "eeeeeeeeeeeeeee")
+    this.setState({
+      baseInfo: {
+        ...baseInfo,
+        sex: this.state.sexSelector[e.detail.value]
+      }
+    })
+  }
+  // 拨打电话
+  handleTelClick(customer, e) {
+    e.stopPropagation()
+    Taro.makePhoneCall({
+      phoneNumber: customer.phone
+    })
+    const params = {
+      recordType: '拨打电话',
+      customerSex: customer.sex,
+      customerId: customer.customerId,
+    }
+    addFollowRecord(params).then(res => {
+      this.queryFollowRecord()
+    })
+    this.setState({
+      followVisible: false,
     })
   }
   renderBaseBox() {
-    const { desc, selector, selectorChecked } = this.state
+    const { baseInfo, desc, selector, selectorChecked, sexSelector, sexSelectorChecked } = this.state
     return (
       <View className="mask">
         <View className="base-con">
+          <View className="con-item">
+            <View style="font-size:14px;color:#666">
+              姓名：
+            </View>
+            <Input className="input" value={baseInfo.name} onInput={this.onNameChange} placeholder='' />
+          </View>
+          <View className="con-item">
+            <View style="font-size:14px;color:#666">
+              性别：
+            </View>
+            <View className="con-picker" >
+              <View>
+                <Picker mode='selector' range={sexSelector} onChange={this.onSexChange}>
+                  <View className='picker'>
+                    {baseInfo.sex == '1' ? '男' : baseInfo.sex == '1' ? '女' : ''}
+                  </View>
+                </Picker>
+              </View>
+              <View className="right-icon"></View>
+            </View>
+          </View>
           <View className="con-item">
             <View style="font-size:14px;color:#666">
               物业类型：
             </View>
-            <Input className="input" value={desc} onInput={this.onBaseTextareaChange} placeholder='' />
+            <Input className="input" value={baseInfo.realtyManageType} onInput={this.onManageTypeChange} placeholder='' />
           </View>
           <View className="con-item">
             <View style="font-size:14px;color:#666">
@@ -213,7 +299,7 @@ export default class myCustomer extends Taro.Component {
               <View>
                 <Picker mode='selector' range={selector} onChange={this.onChange}>
                   <View className='picker'>
-                    当前选择：{selectorChecked}
+                    {baseInfo.demandType || ''}
                   </View>
                 </Picker>
               </View>
@@ -224,7 +310,7 @@ export default class myCustomer extends Taro.Component {
             <View style="font-size:14px;color:#666">
               价格区间：
             </View>
-            <Input className="input" value={desc} onInput={this.onBaseTextareaChange} placeholder='' />
+            <Input className="input" value={baseInfo.priceRange} onInput={this.onPriceRangeChange} placeholder='' />
           </View>
           <View style="display:flex;justify-content: space-between;">
             <View style="font-size:14px;color:#666">
@@ -232,10 +318,10 @@ export default class myCustomer extends Taro.Component {
             </View>
             <Textarea
               className="textarea"
-              value={desc}
+              value={baseInfo.describe}
               onInput={this.onBaseTextareaChange}
               maxLength={150}
-              placeholder='不超过150字'
+              placeholder=''
             />
           </View>
           <View className="bottom-btn">
@@ -255,7 +341,7 @@ export default class myCustomer extends Taro.Component {
   render() {
 
     const tabList = [{ title: '基本信息' }, { title: '访问记录' }, { title: '活动信息' }, { title: '跟进记录' }]
-    const { customerDetail, activityList, followRecord, followVisible, baseVisible } = this.state
+    const { customerDetail, visitRecord, activityList, followRecord, followVisible, baseVisible, } = this.state
     return (
       <View>
         {followVisible && this.renderFollowBox()}
@@ -272,7 +358,7 @@ export default class myCustomer extends Taro.Component {
               customerDetail.sex == '2' && <View style={`margin-left:10px;background-image: url(${iconImg});background-size: 100%;background-position: 0px 0px;width: 18px;height: 18px;`}></View>
             }
           </View>
-          <View className='user__left__phone'>{customerDetail.phone}</View>
+          <View onClick={this.handleTelClick.bind(this, customerDetail)} className='user__left__phone'>{customerDetail.phone}<View style={`background-image: url(${iconImg});background-size: 100%;background-position: 0rpx -88rpx;width: 44rpx;height: 44rpx;margin-left:10rpx`}></View></View>
         </View>
         <AtTabs className="my-tab" current={this.state.current} tabList={tabList} onClick={this.handleClick.bind(this)}>
           <AtTabsPane current={this.state.current} index={0} >
@@ -288,19 +374,31 @@ export default class myCustomer extends Taro.Component {
           </AtTabsPane>
           <AtTabsPane current={this.state.current} index={1}>
             <View className="tab-pane2 pane">
-              <View className="date">2019年11月11日</View>
-              <View className="record-item"><View >查看项目详情：银城悦见山</View><View className="time">12:30:00</View> </View>
-              <View className="record-item"><View >查看项目详情：银城悦见山</View><View className="time">12:30:00</View> </View>
-              <View className="record-item"><View >查看项目详情：银城悦见山</View><View className="time">12:30:00</View> </View>
-              <View className="date">2019年11月11日</View>
-              <View className="record-item"><View >查看项目详情：银城悦见山</View><View className="time">12:30:00</View> </View>
-              <View className="record-item"><View >查看项目详情：银城悦见山</View><View className="time">12:30:00</View> </View>
-              <View className="record-item"><View >查看项目详情：银城悦见山</View><View className="time">12:30:00</View> </View>
+              {visitRecord.length && visitRecord.map(item => (
+                <View className="record-item">
+                  <View className="title" >{item.activity}</View>
+                  <View className="time">{dayjs(item.visitTime).format('YYYY年MM月DD日 HH:mm:ss') || ''}</View>
+                </View>
+              ))
+              }
+              {!visitRecord.length &&
+                <View className="empty">
+                  <Image className="empty__img" mode="widthFix" src={emptyImg}></Image>
+                  <View className="empty__text">暂无访问记录~</View>
+                </View>
+              }
+
             </View>
           </AtTabsPane>
           <AtTabsPane current={this.state.current} index={2}>
             <View className="tab-pane3 pane">
-              {activityList.length > 0 &&
+              {!activityList.length &&
+                <View className="empty">
+                  <Image className="empty__img" mode="widthFix" src={emptyImg}></Image>
+                  <View className="empty__text">暂无活动信息~</View>
+                </View>
+              }
+              {activityList.length &&
                 activityList.map(item => (
                   <ActivityItem
                     data={item}
@@ -313,13 +411,29 @@ export default class myCustomer extends Taro.Component {
           </AtTabsPane>
           <AtTabsPane current={this.state.current} index={3}>
             <View style="padding:10px 20px 120px 20px">
-              {/* {followRecord.map(item => {
-                <View style=" display: flex;justify-content: space-between;align-items: center;color: #333;font-size: 16px;"> */}
-                  {/* <View style=" display: flex;align-items: center;"><View style="width:8px;height:8px;margin-right:10px;display:inline-block;background:rgba(246,182,29,1);border-radius: 50%;"></View>{item.recordType}</View>
-                    <View classNam="time" style=" font-size: 13px;color: #999;">{dayjs(item.createDate).format('YYYY-MM-DD') || ''}</View> */}
-                {/* </View>
-              })
-              } */}
+              {followRecord.length && followRecord.map(item => (
+                <View>
+                  <View style=" display:flex;justify-content: space-between;align-items: center;color: #333;font-size: 16px; margin-bottom:20rpx;">
+                    <View style=" display: flex;align-items: center;"><View style="width:8px;height:8px;margin-right:20rpx;display:inline-block;background:rgba(246,182,29,1);border-radius: 50%;"></View>{item.recordType}</View>
+                    <View classNam="time" style=" font-size: 26rpx;color: #999;">{dayjs(item.createDate).format('YYYY年MM月DD日 HH:mm:ss') || ''}</View>
+                  </View>
+                  {
+                    item.recordContent &&
+                    <View style="font-size:28rpx;color:#666;padding-left:32rpx;margin-bottom:20rpx;">
+                      {item.recordContent}
+                    </View>
+                  }
+
+                </View>
+              ))
+              }
+              {!followRecord.length &&
+                <View className="empty">
+                  <Image className="empty__img" mode="widthFix" src={emptyImg}></Image>
+                  <View className="empty__text">暂无跟进记录~</View>
+                </View>
+              }
+
               <View className="btn" onClick={this.addFollow}>添加跟进</View>
             </View>
 

src/services/person.js

@@ -19,27 +19,32 @@ export const queryMyCustomer = payload => fetch({ url: API_MY_CUSTOMER, payload
  * 获取客户列表
  * @param {*} type  
  */
-export const  queryCustomerList = (type, payload) => fetch({ url: `${API_CUSTOMER_LIST}/${type}`, payload })
+export const queryCustomerList = (type, payload) => fetch({ url: `${API_CUSTOMER_LIST}/${type}`, payload })
 /**
  * 获取客户列表
  * @param {*} customerId  
  */
-export const  getCustomerDetail = (customerId, payload) => fetch({ url: `${API_CUSTOMER_DETAIL}/${customerId}`, payload })
+export const getCustomerDetail = (customerId, payload) => fetch({ url: `${API_CUSTOMER_DETAIL}/${customerId}`, payload })
 /**
  * 获取访问记录
  * @param {*} payload  
  */
-export const  getVisitRecord = ( payload) => fetch({ url: API_VISIT_RECORD, payload })
+export const getVisitRecord = (payload) => fetch({ url: API_VISIT_RECORD, payload })
 /**
  * 获取活动信息
  * @param {*} payload  
  */
-export const  getActivityList = ( payload) => fetch({ url: API_ACTIVITY_LIST_CUSTOMER, payload })
+export const getActivityList = (payload) => fetch({ url: API_ACTIVITY_LIST_CUSTOMER, payload })
 /**
  * 获取跟进记录
  * @param {*} payload  
  */
-export const  getFollowRecord = ( payload) => fetch({ url: API_FOLLOW_LIST, payload })
+export const getFollowRecord = (payload) => fetch({ url: API_FOLLOW_LIST, payload })
+/**
+ * 添加跟进记录
+ * @param {*} payload  
+ */
+export const addFollowRecord = (payload) => fetch({ url: API_FOLLOW_LIST, payload, method: 'POST' })