客户详情

src/constants/api.js

@@ -166,3 +166,4 @@ export const API_GROUP_JOIN = resolvePath('taShareChildRecord')
 //person
 export const API_MY_CUSTOMER = resolvePath('inventory/customer/statistics')
 export const API_CUSTOMER_LIST = resolvePath('inventory/customer/statistics')
+export const API_CUSTOMER_DETAIL = resolvePath('inventory/customer')

src/pages/person/customerAnalysis/analysis.js

@@ -1,7 +1,7 @@
 import Taro, { Component } from '@tarojs/taro';
 import Authorize from '@components/authorize'
 import { View } from "@tarojs/components";
-import MoveChart from '../../components/MoveChart'
+import MoveChart from '../../More/More.js'
 import LineChart from '../../components/LineChart'
 import './index.scss'
 import { AtTabs, AtTabsPane, AtProgress } from 'taro-ui'

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

@@ -16,20 +16,16 @@ export default class transactionCustomer extends Taro.Component {
 
 
   state = {
-    list: [
-      { name: '刘丽丽', phone: '15852364821', sex: '1' },
-      { name: '邓亚平', phone: '13160056061', sex: '2' },
-    ],
     recordId: undefined, // 埋点ID
     customerList: [],
     inputValue: '',
     screenVisible: false,
-    statusList: ['全部状态', '认筹', '到访', '签约'],
+    statusList: ['全部状态', '报备', '到访', '认筹'],
     statusIndex: -1,
-    visitDate: '',
-    visitDate2: '',
-    reportDate: '',
-    reportDate2: '',
+    startArrivalDate: '',
+    endArrivalDate: '',
+    startReportDate : '',
+    endReportDate: '',
   }
 
   componentWillUnmount() {
@@ -47,10 +43,10 @@ export default class transactionCustomer extends Taro.Component {
       pageNumber: 0,
       pageSize: 9999
     }
-    queryCustomerList(payload.type,payload).then(res => {
+    queryCustomerList(payload.type, payload).then(res => {
 
       this.setState({
-        customerList: res || {}
+        customerList: res.records || []
       })
       Taro.hideLoading()
     })
@@ -66,7 +62,34 @@ export default class transactionCustomer extends Taro.Component {
     // const playload = {
     //   inputValue: this.state.inputValue
     // }
-    console.log(this.state.inputValue, "inputValue")
+    this.filterCustomerList();
+   
+  }
+  filterCustomerList(){
+
+    const payload = {
+      type: 'follow',
+      pageNumber: 0,
+      pageSize: 9999,
+      status:this.state.statusIndex!=0?this.state.statusIndex:'',
+      startArrivalDate:this.state.startArrivalDate,
+      endArrivalDate: this.state.endArrivalDate,
+      startReportDate : this.state.startReportDate,
+      endReportDate: this.state.endReportDate,
+    }
+    queryCustomerList(payload.type, payload).then(res => {
+
+      this.setState({
+        customerList: res.records || []
+      })
+      Taro.hideLoading()
+    })
+  }
+  saveBtn() {
+    this.filterCustomerList();
+    this.setState({
+      screenVisible: false,
+    })
   }
   screenShow() {
     this.setState({
@@ -81,41 +104,42 @@ export default class transactionCustomer extends Taro.Component {
   }
   onVisitDateChange = e => {
     this.setState({
-      visitDate: e.detail.value
+      startArrivalDate: e.detail.value
     })
   }
   onVisitDateChange2 = e => {
     this.setState({
-      visitDate2: e.detail.value
+      endArrivalDate: e.detail.value
     })
   }
   onReportDateChange = e => {
     this.setState({
-      reportDate: e.detail.value
+      startReportDate : e.detail.value
     })
   }
   onReportDateChange2 = e => {
     this.setState({
-      reportDate2: e.detail.value
-    })
-  }
-  saveBtn() {
-    this.setState({
-      screenVisible: false,
+      endReportDate: e.detail.value
     })
   }
+ 
   cancelBtn() {
     this.setState({
       screenVisible: false,
+      statusIndex: -1,
+      startArrivalDate: '',
+      endArrivalDate: '',
+      startReportDate : '',
+      endReportDate: '',
     })
   }
-  toMyCustomer() {
+  toMyCustomer(customerId) {
     Taro.navigateTo({
-      url: `/pages/person/customerAnalysis/myCustomer`
+      url: `/pages/person/customerAnalysis/myCustomer?customerId=`+customerId
     })
   }
   renderScreenBox() {
-    const { statusList, statusIndex, visitDate, visitDate2, reportDate, reportDate2 } = this.state
+    const { statusList, statusIndex, startArrivalDate, endArrivalDate, startReportDate , endReportDate } = this.state
     return (
       <View className="mask">
         <View className="content">
@@ -131,13 +155,13 @@ export default class transactionCustomer extends Taro.Component {
             到访时间：
               <Picker mode='date' onChange={this.onVisitDateChange}>
               <View className='picker'>
-                {visitDate}
-                {!visitDate && <Text className="placeholder">起始时间</Text>}
+                {startArrivalDate}
+                {!startArrivalDate && <Text className="placeholder">起始时间</Text>}
               </View>
             </Picker>-<Picker mode='date' onChange={this.onVisitDateChange2}>
               <View className='picker'>
-                {visitDate2}
-                {!visitDate2 && <Text className="placeholder">结束时间</Text>}
+                {endArrivalDate}
+                {!endArrivalDate && <Text className="placeholder">结束时间</Text>}
               </View>
             </Picker>
           </View>
@@ -145,13 +169,13 @@ export default class transactionCustomer extends Taro.Component {
             报备时间：
               <Picker mode='date' onChange={this.onReportDateChange}>
               <View className='picker'>
-                {reportDate}
-                {!reportDate && <Text className="placeholder">起始时间</Text>}
+                {startReportDate }
+                {!startReportDate  && <Text className="placeholder">起始时间</Text>}
               </View>
             </Picker>-<Picker mode='date' onChange={this.onReportDateChange2}>
               <View className='picker'>
-                {reportDate2}
-                {!reportDate2 && <Text className="placeholder">结束时间</Text>}
+                {endReportDate}
+                {!endReportDate && <Text className="placeholder">结束时间</Text>}
               </View>
             </Picker>
           </View>
@@ -171,7 +195,7 @@ export default class transactionCustomer extends Taro.Component {
   }
 
   render() {
-    const { list, screenVisible } = this.state
+    const { customerList, screenVisible } = this.state
 
     return (
       <View>
@@ -185,9 +209,14 @@ export default class transactionCustomer extends Taro.Component {
         </View>
         <View style="padding:10px">
           {
-            list.map((item, index) => (
-              <View class="item" key={index + 'list'} onClick={this.toMyCustomer}>
-                <Image src={require('@assets/default-avatar.png')} className='img'></Image>
+            !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}
                   {

src/pages/person/customerAnalysis/index.scss

@@ -117,6 +117,9 @@
     position: absolute;
     top:76px;
     left:320px;
+    display: flex;
+    align-items: center;
+    max-width: 200px;
   }
   .user__left__phone{
     font-size:32px;

src/pages/person/customerAnalysis/myCustomer.js

@@ -2,10 +2,12 @@ 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 } from '@services/person'
 import { connect } from '@tarojs/redux'
 import './index.scss'
 import ActivityItem from './item'
 import { getActNewList } from '@services/activity'
+const iconImg = require('@assets/person/icon.png')
 
 @connect(({ user, city }) => ({ user, city }))
 export default class myCustomer extends Taro.Component {
@@ -24,9 +26,12 @@ export default class myCustomer extends Taro.Component {
     desc: '', //客户描述
     selectorChecked: '',
     selector: ['美国', '中国', '巴西', '日本'],
+    customerDetail: {},
+
   }
 
   componentWillUnmount() {
+
     const { recordId } = this.state
     recordId && updatePoint(recordId)
   }
@@ -42,6 +47,12 @@ export default class myCustomer extends Taro.Component {
     this.loadList()
   }
   loadList() {
+    const { customerId } = this.$router.params
+    getCustomerDetail(customerId).then(res => {
+      this.setState({
+        customerDetail: res || {}
+      })
+    })
     getActNewList().then(res => {
       this.setState({
         list: res.records || []
@@ -204,26 +215,34 @@ export default class myCustomer extends Taro.Component {
   render() {
 
     const tabList = [{ title: '基本信息' }, { title: '访问记录' }, { title: '活动信息' }, { title: '跟进记录' }]
-    const { list, followVisible, baseVisible } = this.state
+    const { customerDetail, list, followVisible, baseVisible } = this.state
     return (
       <View>
         {followVisible && this.renderFollowBox()}
         {baseVisible && this.renderBaseBox()}
         <View className="user_con">
           <Image className="bg" src={require('@assets/shop/background.jpg')} ></Image>
-          <Image className="user__left__headimg" src={require('@assets/default-avatar.png')} />
-          <View className='user__left__name'>客户姓名</View>
-          <View className='user__left__phone'>175 1562 8701</View>
+          <Image className="user__left__headimg" src={customerDetail.picture || require('@assets/default-avatar.png')} />
+          <View className='user__left__name'>
+            {customerDetail.name}
+            {
+              customerDetail.sex == '1' && <View style={`margin-left:10px;background-image: url(${iconImg});background-size: 100%;background-position: 0px -20px;width: 18px;height: 18px;`}></View>
+            }
+            {
+              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>
         <AtTabs className="my-tab" current={this.state.current} tabList={tabList} onClick={this.handleClick.bind(this)}>
           <AtTabsPane current={this.state.current} index={0} >
             <View className="tab-pane1 pane">
-              <View className="status">到访</View>
-              <View className="base-item">意向项目：<View className="con">银城悦见山</View></View>
-              <View className="base-item">物业类型：<View className="con">自住</View></View>
-              <View className="base-item">项目类型：<View className="con">高层</View></View>
-              <View className="base-item">价格区间：<View className="con">{desc || '暂无'}</View></View>
-              <View className="base-item">客户描述：<View className="con">{desc || '暂无'}</View></View>
+              <View className="status">{customerDetail.status==1?'报备':customerDetail.status==2?'到访':customerDetail.status==3?'认筹':'签约'}</View>
+              <View className="base-item">意向项目：<View className="con">{customerDetail.intention || '暂无'}</View></View>
+              <View className="base-item">物业类型：<View className="con">{customerDetail.realtyManageType || '暂无'}</View></View>
+              <View className="base-item">项目类型：<View className="con">{customerDetail.demandType || '暂无'}</View></View>
+              <View className="base-item">价格区间：<View className="con">{customerDetail.priceRange || '暂无'}</View></View>
+              <View className="base-item">客户描述：<View className="con">{customerDetail.describe || '暂无'}</View></View>
               <View className="btn" onClick={this.perfectInformation}>完善信息</View>
             </View>
           </AtTabsPane>

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

@@ -3,7 +3,7 @@ import Authorize from '@components/authorize'
 import './index.scss'
 import { savePoint, updatePoint } from '@services/common'
 import { connect } from '@tarojs/redux'
-// import { getThumbnail } from '@utils/tools'
+import { queryCustomerList } from '@services/person'
 const iconImg = require('@assets/person/icon.png')
 
 
@@ -15,29 +15,47 @@ export default class transactionCustomer extends Taro.Component {
   }
 
   state = {
-    list: [
-      { name: '刘丽丽', phone: '15852364821', sex: '1' },
-      { name: '邓亚平', phone: '13160056061', sex: '2' },
-    ],
     recordId: undefined, // 埋点ID
+    customerList: [],
   }
 
   componentWillUnmount() {
     const { recordId } = this.state
     recordId && updatePoint(recordId)
   }
+  componentDidShow() {
+    Taro.showLoading()
+    this.loadList()
+
+  }
+  loadList() {
+    const payload = {
+      type: 'clinch',
+      pageNumber: 0,
+      pageSize: 9999
+    }
+    queryCustomerList(payload.type, payload).then(res => {
+      this.setState({
+        customerList: res.records || []
+      })
+      Taro.hideLoading()
+    })
+  }
 
   render() {
-    const { list } = this.state
+    const { customerList } = this.state
 
     return (
       <View style="padding:10px">
         {
-
-          list.map(item => (
+          !customerList.length &&
+          <View style="margin:50px auto;text-align:center;font-size:14px;color:#888">暂无跟进客户~</View>
+        }
+        {
+          customerList.length &&
+          customerList.map(item => (
             <View class="item">
-
-              <Image src={require('@assets/default-avatar.png')} className='img'></Image>
+              <Image src={item.picture || require('@assets/default-avatar.png')} className='img'></Image>
               <View className="name">
                 {item.name}
                 {
@@ -48,7 +66,7 @@ export default class transactionCustomer extends Taro.Component {
                 }
               </View>
               <View className="phone">{item.phone} </View>
-              <View  style={`background-image: url(${iconImg});background-size: 100%;background-position: 0px -44px;width: 22px;height: 22px;`}></View>
+              <View style={`background-image: url(${iconImg});background-size: 100%;background-position: 0px -44px;width: 22px;height: 22px;`}></View>
             </View>
           ))
         }