feats

src/constants/api.js

 
 // 渠道-销售简报
 export const API_CHANNEL_STAT_REPORT = resolvePath('briefing')
+
+// 渠道客户基本状态
+export const API_CHANNEL_CUSTOMER_STATUS = resolvePath('channelCustomer/status')

src/pages/mine/addCustomer/index.jsx

     sex: '', // 性别
     intention: '', // 意向楼盘
     realtyConsultant: '', // 置业顾问
-    describe: '', // 描述
+    remark: '', // 描述
   })
 
   const postSubmit = getSubmitor(person)
     postSubmit(payload).then(() => {
       setLoading(false)
       Taro.showToast({ title: '操作成功', icon: 'none' })
-      Taro.navigateBack({ delta: 1 })
+      
+      const t = setTimeout(() => {
+        Taro.navigateBack({ delta: 1 })
+        clearTimeout(t)
+      }, 2000)
     }).catch((err) => {
       console.error(err)
       setLoading(false)
               <text>内场接待（选填）</text>
               <view className='FormLine flex-h'>
                 <view className='flex-item'>
-                  <ConsultantPicker onChange={setCardId} value={CardId} />
+                  <ConsultantPicker buildingId={buildingId} onChange={setCardId} value={CardId} />
                 </view>
                 <Image mode='heightFix' src={defaultSpecialImage}></Image>
                 <text>选择</text>
               <text>备注</text>
               <view className='FormLine flex-h'>
                 <view className='flex-item'>
-                  <Input placeholder='补充说明（选填）' data-type='describe' onInput={FormInput.bind(this)}></Input>
+                  <Input placeholder='补充说明（选填）' data-type='remark' onInput={FormInput.bind(this)}></Input>
                 </view>
               </view>
             </Block>

src/pages/mine/components/MyCustomerListItem/index.jsx

 import { BIZ_STATUS } from '@/constants/user'
 import './index.scss'
 
+const addDays = (dt, days) => {
+  const zone8 = 8 * 3600 * 100 // 中国时区, 因为 toJSON 是 ISO 时间
+  const ret = new Date(new Date(dt).valueOf() + (days - 1) * 24 * 3600 * 1000 + zone8)
+  return ret.toJSON().substring(0, 10)
+}
+
 export default function MyCustomerListItem (props) {
   const { data = {} } = props
 
-  const { expirationDate, customerStatus } = data
-  const expStr = expirationDate && customerStatus === '1' ? `${expirationDate.substring(0, 10)} 回收` : ''
+  const { expirationDate, customerStatus, createDate } = data
+  const expStr = expirationDate && customerStatus === '1' ? `${addDays(createDate, expirationDate)} 回收` : ''
 
   const gotoDetail = () => {
-    const id = data.channelCustomerId || data.customerId
-    const url = `/pages/mine/myCustomerDetail/index?id=${id}`
-    Taro.navigateTo({ url })
+    if (!data.customerId) {
+      Taro.showToast({
+        title: '该用户尚未到访',
+        icon: 'none',
+      })
+    } else {
+      const url = `/pages/mine/myCustomerDetail/index?id=${data.customerId}`
+      Taro.navigateTo({ url })
+    }
   }
 
   return (

src/pages/mine/customerDetail/index.jsx

   const [FollowAddCounts, setFollowAddCounts] = useState(0)
 
   const UpdateCustomerInfo = () => {
-    fetch({ url: `${API_GET_CUSTOMER_INFO}${CustomerId}` }).then((res) => {
+    fetch({ url: `${API_GET_CUSTOMER_INFO}/${CustomerId}` }).then((res) => {
       if (res) {
         setCustomerInfo(res)
       }

src/pages/mine/myCustomer/index.jsx

   const [ShowDatePicker, setShowDatePicker] = useState(false)
   const [pageNumber, setPageNumber] = useState(1)
   const [HasNextPage, setHasNextPage] = useState(true)
+  const [dateRange, setDateRange] = useState([])
   const [bizType, setBizType] = useState('')
+  const [name, setName] = useState()
   const GetPageList = useRef()
 
   GetPageList.current = () => {
     setHasNextPage(false)
     const url = ROLE_CODE.CHANNEL_AGENT === person.personType ? API_CHANNEL_CLIENT_LIST : API_CLIENT_LIST
-    fetch({ url, payload: { pageNumber, pageSize: 10 } }).then((res) => {
+    const [startDate, endDate] = dateRange
+    const payload = {
+      pageNumber,
+      name,
+      status: bizType ? bizType - 0 : undefined,
+      pageSize: 10,
+      startDate: startDate ? `${startDate}T00:00:00.000Z` : undefined,
+      endDate: endDate ? `${endDate}T23:59:59.999Z` : undefined,
+    }
+    fetch({ url, payload }).then((res) => {
       setPageList(pageNumber === 1 ? res.records || [] : PageList.concat(res.records || []))
       setHasNextPage(res.current < res.pages)
       setPull(false)
     })
   }
 
+  const handleNameConfirm = (e) => {
+    setName(e.detail.value)
+  }
+
   const PageRefresh = () => { // 页面下拉刷新回调
     setPull(true)
   }
 
   useEffect(() => {
     GetPageList.current()
-  }, [pageNumber])
+  }, [pageNumber, bizType, name, dateRange])
 
   useEffect(() => { // 下拉刷新触发
     if (IsPull) {
   }, [IsPull])
 
   const DateChange = (e) => {
-    console.log(e)
+    setDateRange(e)
     setShowDatePicker(false)
   }
 
       <view className='Filter'>
         <view className='flex-h'>
           <view className='Time' onClick={() => { setShowDatePicker(true) }}>
-            <text>全部时间</text>
+            <text>选择时间</text>
             <text className='iconfont icon-sanjiaoxingdown'></text>
           </view>
           <view className='Type'>
           <view className='flex-item'></view>
           <view className='Search'>
             <text className='iconfont icon-sousuo'></text>
-            <Input placeholder='请输入'></Input>
+            <Input placeholder='请输入' onConfirm={handleNameConfirm}></Input>
           </view>
         </view>
       </view>

src/pages/mine/myCustomerDetail/hooks/useFollow.js

+
+import { useEffect, useRef, useState } from 'react'
+import Taro from '@tarojs/taro'
+import { getFollowRecord, addFollowRecord } from '@/services/person'
+
+export default function useFollow(customer) {
+  const [submitting, setSubmitting] = useState(false)
+  const [followList, setFollowList] = useState([])
+  const queryRef = useRef()
+  queryRef.current = () => {
+    getFollowRecord({
+      pageNumber: 1,
+      pageSize: 100,
+      customerId: customer.customerId,
+      recordType: '跟进',
+    }).then((res) => {
+      const { records } = res
+      setFollowList(records || [])
+    })
+  }
+
+  const addFollow = (data) => {
+    const payload = {
+      recordType: '添加跟进',
+      recordContent: data,
+      customerSex: customer.sex,
+      customerId: customer.customerId,
+    }
+
+    setSubmitting(true)
+
+    addFollowRecord(payload).then((res) => {
+      Taro.showToast({
+        title: '添加成功',
+        icon: 'none',
+      })
+
+      setFollowList([res].concat(followList))
+      setSubmitting(false)
+    }).catch(() => setSubmitting(false))
+  }
+
+  useEffect(() => {
+    if (customer.customerId) {
+      queryRef.current()
+    }
+  }, [customer?.customerId])
+
+  return [followList, submitting, addFollow]
+}

src/pages/mine/myCustomerDetail/index.config.js

 export default {
-  navigationBarTitleText: '客户详情'
+  navigationBarTitleText: '客户详情',
+  usingComponents: {
+    'page-modal': '@/native/PageContainer/index'
+  }
 }

src/pages/mine/myCustomerDetail/index.jsx

 import React, { useState, useEffect } from 'react'
+import Taro from '@tarojs/taro'
 import withLayout from '@/layout'
-import { getChannelCustomerDetail } from '@/services/person'
+import { getChannelCustomerStatus, getCustomerDetail, getCustomerInfo } from '@/services/person'
 import { ScrollView, Image } from '@tarojs/components'
+import Modal from '@/components/Modal'
+import { ROLE_CODE } from '@/constants/user'
+import { formatDate } from '@/utils/chatDate'
+import EditUserDetailBasicInfo from '../components/EditUserDetailBasicInfo'
+import useFollow from './hooks/useFollow'
 import '@/assets/css/iconfont.css'
 import './index.scss'
-import { ROLE_CODE } from '@/constants/user'
+
+const addDays = (dt, days) => {
+  const zone8 = 8 * 3600 * 100 // 中国时区, 因为 toJSON 是 ISO 时间
+  const ret = new Date(new Date(dt).valueOf() + (days - 1) * 24 * 3600 * 1000 + zone8)
+  return ret.toJSON().substring(0, 10)
+}
 
 export default withLayout((props) => {
   const { router, person } = props
   const { id } = router.params
 
   const [custBaseInfo, setCustBaseInfo] = useState({})
+  const [custMoreInfo, setCustMoreInfo] = useState({})
+  const [statusInfo, setStatusInfo] = useState({})
+  const [followContent, setFollowContent] = useState()
+  const [showUserEditor, setShowUserEditor] = useState(false)
+  const [showFollowModal, setShowFollowModal] = useState(false)
+  const [followList, followSubmitting, addFollow] = useFollow(custBaseInfo)
+
+  const { channelCustomer, building } = statusInfo
+  const expirationDate = building?.expirationDate ?
+    addDays(channelCustomer?.createDate, building?.expirationDate) :
+    '暂无'
+
+  const handleAddFollow = () => {
+    addFollow(followContent)
+    const t = setTimeout(() => {
+      setShowFollowModal(false)
+      clearTimeout(t)
+    }, 1500)
+  }
 
   useEffect(() => {
     if (id) {
-      if (person.personType === ROLE_CODE.CHANNEL_AGENT) {
-        getChannelCustomerDetail(id).then((res) => setCustBaseInfo(res || {}))
-      }
+      getCustomerDetail(id).then((x) => {
+        setCustBaseInfo(x || {})
+      })
+
+      getChannelCustomerStatus(id).then((x) => {
+        setStatusInfo(x || {})
+      })
+
+      getCustomerInfo(id).then((x) => {
+        setCustMoreInfo(x || {})
+      })
     }
   }, [id, person])
 
   return (
     <view className='Page myCustomerDetail'>
-
       <ScrollView scrollY>
         <view className='PageContent'>
 
             <view className='Content'>
               <view className='UserInfo flex-h'>
                 <view className='Icon'>
-                  <Image mode='aspectFill' src={null}></Image>
+                  <Image mode='aspectFill' src={custBaseInfo.avatarurl || custBaseInfo.picture}></Image>
                 </view>
                 <view className='flex-item'>
                   <text>{custBaseInfo.name}</text>
                   <text>{custBaseInfo.phone}</text>
                 </view>
-                <text className='iconfont icon-jiantouright'></text>
+                <text className='iconfont icon-jiantouright' onClick={() => setShowUserEditor(true)}></text>
               </view>
               <view className='Status'>
-                <view className='flex-h'>
+                {/* <view className='flex-h'>
                   <view className='flex-item'>
                     <text>对楼盘意向值:</text>
                     <text>xxxxxxxxxxx</text>
                   </view>
-                </view>
+                </view> */}
                 <view className='flex-h'>
                   <view className='flex-item'>
                     <text>跟进状态:</text>
                 <view className='flex-h'>
                   <view className='flex-item'>
                     <text>跟进结果:</text>
-                    <text>已跟进</text>
+                    <text>{statusInfo.followed ? '今日已跟进' : '今日未跟进'}</text>
                   </view>
                   <view className='flex-item'>
                     <text>报备结果:</text>
-                    <text>已报备</text>
+                    <text>{custBaseInfo.status > 1 ? '已到访' : '已报备'}</text>
                   </view>
                 </view>
                 <view className='flex-h'>
                   <view className='flex-item'>
                     <text>预计收回时间:</text>
-                    <text>2020-06-12-12:00</text>
+                    <text>{expirationDate}</text>
                   </view>
                 </view>
               </view>
           </view>
 
           {/* 操作人员 */}
-          <view className='OptUser'>
+          {/* <view className='OptUser'>
             <view className='Title flex-h'>
               <text>操作人员</text>
               <view className='flex-item'></view>
                 </view>
               </view>
             </view>
-          </view>
+          </view> */}
 
           {/* 跟进记录 */}
           <view className='Record'>
             <view className='Title flex-h'>
               <text>跟进记录</text>
-              <view className='Edit'>
+              <view className='Edit' onClick={() => setShowFollowModal(true)}>
                 <Image mode='heightFix' src={require('../../../assets/mine-icon26.png')}></Image>
-                <text>修改</text>
+                <text>新增</text>
               </view>
               <view className='flex-item'></view>
-              <view className='More'>
+              {/* <view className='More'>
                 <text>更多</text>
                 <text className='iconfont icon-jiantouright'></text>
-              </view>
+              </view> */}
             </view>
             <view className='Content'>
               {
-                ['', '', ''].map((item, index) => (
+                followList.map((item, index) => (
                   <view key={`Item-${index}`}>
                     <view className='flex-h'>
                       <text>范丞丞</text>
                       <view className='flex-item'></view>
-                      <text>2021-05-21 12:00</text>
+                      <text>{formatDate(item.createDate, 'yyyy-MM-dd hh:mm')}</text>
                     </view>
                     <view className='Desc'>
-                      <text>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </text>
+                      <text>{item.recordContent}</text>
                     </view>
                   </view>
                 ))
               }
             </view>
           </view>
-
         </view>
       </ScrollView>
-
+      <Modal visible={showFollowModal} title='添加跟进' onClose={() => setShowFollowModal(false)}>
+        <view>
+          <textarea style={{border: '1px solid rgba(0,0,0, .1)', borderRadius: '4px', margin: '1em', padding: '.5em'}} value={followContent} placeholder='请填写跟进内容' onInput={(e) => setFollowContent(e.detail.value)} />
+          <button loading={followSubmitting} style={{ background: '#193c83', color: '#fff', borderRadius: 0 }} onClick={handleAddFollow}>确定</button>
+        </view>
+      </Modal>
+      <page-modal show={showUserEditor} position='bottom' onClickOverlay={() => setShowUserEditor(false)} height='90vh'>
+        <EditUserDetailBasicInfo Data={custMoreInfo} CustomerId={id} close={() => setShowUserEditor(false)} />
+      </page-modal>
     </view>
   )
 })

src/pages/mine/partnerChannel/components/LineChat.jsx

 import Chart from '@/components/Chart'
 
 export default (props) => {
-  const { dataSource } = props
+  const { dataSource, xAxisDataRef } = props
 
   const [options, setOptions] = useState()
 
   useEffect(() => {
-    const data = [[],[]];
-    (dataSource || []).forEach((it) => {
-      const dt = it.coordinate.length >= 10 ? it.coordinate.substring(5) : it.coordinate
+    if (xAxisDataRef.current) {
+      const data = [[],[]];
+      (dataSource || []).forEach((it) => {
+        const dt = it.coordinate.length >= 10 ? it.coordinate.substring(5) : it.coordinate
+  
+        data[0].push(dt)
+        data[1].push(it.customerNum)
+      })
+      setOptions({
+        xAxis: {
+          type: 'category',
+          axisLabel: {
+            rotate: 45, // 旋转 45 度
+          },
+          data: xAxisDataRef.current.map((x) => {
+            const parts = x.split('-')
 
-      data[0].push(dt)
-      data[1].push(it.customerNum)
-    })
-    setOptions({
-      xAxis: {
-        type: 'category',
-        data: data[0],
-      },
-      yAxis: {
-        type: 'value',
-      },
-      series: [{
-        type: 'line',
-        smooth: true,
-        data: data[1],
-      }],
-      color: ['#5470c6'],
-    });
+            if (parts.length === 3) {
+              // 如果是天, 2006-03-04 那么会返回 03-04
+              return `${parts[1]}-${parts[2]}`
+            } else {
+              // 如果是月 2006-03 那么会返回 3月
+              return `${parts[1] - 0}月`
+            }
+          }),
+        },
+        yAxis: {
+          type: 'value',
+        },
+        series: [{
+          type: 'line',
+          smooth: true,
+          data: xAxisDataRef.current.map((dt) => {
+            const it = (dataSource || []).filter(x => x.coordinate === dt)[0]
+            return it ? it.customerNum : 0
+          }),
+        }],
+        color: ['#5470c6'],
+      });
+    }
   }, [dataSource])
 
   return (

src/pages/mine/partnerChannel/hooks/useChart.js

-import { useState, useEffect } from 'react'
+import { useState, useEffect, useRef } from 'react'
 import { getChannelLineChat } from '@/services/agent'
-import { fillTime, cutDays, cutMonths } from '../utils'
+import { fillTime, cutDays, cutMonths, getList } from '../utils'
 
 const now = new Date()
 
   const [statType, setStatType] = useState('day')
   const [custType, setCustType] = useState('new')
   const [chartData, setChartData] = useState([])
+  const xAxisDataRef = useRef()
 
   useEffect(() => {
-    const startDate = statType === 'month' ? cutMonths(now, 6) : cutDays(now, 7)
+    // 按月默认统计半年的, 按天默认统计7天的
+    const num = statType === 'month' ? 6 : 7
+    const startDate = statType === 'month' ? cutMonths(now, num) : cutDays(now, num)
+    xAxisDataRef.current = getList(startDate, num, statType)
+
     getChannelLineChat({
       type: statType,
       customerType: custType,
     })
   }, [statType, custType])
 
-  return [statType, setStatType, custType, setCustType, chartData]
+  return [statType, setStatType, custType, setCustType, chartData, xAxisDataRef]
 }

src/pages/mine/partnerChannel/index.jsx

 import withLayout from '@/layout'
 import Taro from '@tarojs/taro'
 import { ScrollView, Image } from '@tarojs/components'
-import { getChannelRank, getChannelStatReport } from '@/services/agent'
-import { fetch } from '@/utils/request'
-import { API_GET_AGENT_BUILDINGS } from '@/constants/api'
-// import {  } from '@/constants/user'
+import { BIZ_STATUS } from '@/constants/user'
 import DateRangePicker from '@/components/DateRangePicker'
 import Picker from '@/components/Picker'
 import LineChat from './components/LineChat'
   const pickerTrigger = useRef()
   const [,setRankDateRange, rankList] = useRank()
   const [,setReportDateRange, reportInfo] = useReport()
-  const [statType, setStatType, custType, setCustType, chartData] = useChart()
+  const [
+    statType,
+    setStatType,
+    custType,
+    setCustType,
+    chartData,
+    xAxisDataRef,
+  ] = useChart()
 
   const handleMore = () => {
     Taro.navigateTo({ url: '/pages/mine/myCustomer/index' })
     }
   }
 
+  const [tp1 = {}, tp2 = {}, tp3 = {}] = rankList||[]
+
   return (
     <view className='Page partnerChannel'>
       <DateRangePicker visable={showPicker} close={() => setShowPicker(false)} change={handlePickerChange} />
               <view className='flex-item'>
                 <Image mode='heightFix' src={require('@/assets/mine-icon21.png')}></Image>
                 <view className='Icon'>
-                  <Image mode='aspectFill' src={null}></Image>
+                  <Image mode='aspectFill' src={tp2.avatarurl}></Image>
                 </view>
                 <view className='Index'>
-                  <text>范冰冰</text>
+                  <text>{tp2.name||'暂无'}</text>
                   <text>2</text>
                 </view>
                 <view className='Num'>
                   <text></text>
-                  <text>到访10人</text>
+                  <text>{tp2.number ? `到访 ${tp2.number} 人` : '暂无'}</text>
                 </view>
               </view>
               
               <view className='flex-item active'>
                 <Image mode='heightFix' src={require('@/assets/mine-icon20.png')}></Image>
                 <view className='Icon'>
-                  <Image mode='aspectFill' src={null}></Image>
+                  <Image mode='aspectFill' src={tp1.avatarurl}></Image>
                 </view>
                 <view className='Index'>
-                  <text>范冰冰</text>
+                  <text>{tp1.name||'暂无'}</text>
                   <text>1</text>
                 </view>
                 <view className='Num'>
                   <text></text>
-                  <text>到访10人</text>
+                  <text>{tp1.number ? `到访 ${tp1.number} 人` : '暂无'}</text>
                 </view>
               </view>
               
               <view className='flex-item'>
                 <Image mode='heightFix' src={require('@/assets/mine-icon22.png')}></Image>
                 <view className='Icon'>
-                  <Image mode='aspectFill' src={null}></Image>
+                  <Image mode='aspectFill' src={tp3.avatarurl}></Image>
                 </view>
                 <view className='Index'>
-                  <text>范冰冰</text>
+                  <text>{tp3.name||'暂无'}</text>
                   <text>3</text>
                 </view>
                 <view className='Num'>
                   <text></text>
-                  <text>到访10人</text>
+                  <text>{tp3.number ? `到访 ${tp3.number} 人` : '暂无'}</text>
                 </view>
               </view>
               
               <view className='flex-h'>
                 <text className='flex-item'>新增客户</text>
                 <text>{`${reportInfo.newCustomerNum||0}人`}</text>
-                <text className='iconfont icon-jiantouright'></text>
+                {/* <text className='iconfont icon-jiantouright'></text> */}
               </view>
               <view className='flex-h'>
                 <text className='flex-item'>跟进客户</text>
                 <text>{`${reportInfo.followCustomerNum||0}人`}</text>
-                <text className='iconfont icon-jiantouright'></text>
+                {/* <text className='iconfont icon-jiantouright'></text> */}
               </view>
               <view className='flex-h'>
                 <text className='flex-item'>成交客户</text>
                 <text>{`${reportInfo.successCustomerNum||0}人`}</text>
-                <text className='iconfont icon-jiantouright'></text>
+                {/* <text className='iconfont icon-jiantouright'></text> */}
               </view>
             </view>
           </view>
               </view>
             </view>
             <view className='LineChart'>
-              <LineChat dataSource={chartData} />
+              <LineChat xAxisDataRef={xAxisDataRef} dataSource={chartData} />
             </view>
           </view>
 

src/pages/mine/partnerChannel/utils/index.js

  * @returns 
  */
 export function cutDays(dt, days) {
-  const ret = new Date(new Date(dt).valueOf() - days * 24 * 3600 * 1000)
+  const zone8 = 8 * 3600 * 100 // 中国时区, 因为 toJSON 是 ISO 时间
+  const ret = new Date(new Date(dt).valueOf() - (days - 1) * 24 * 3600 * 1000 + zone8)
   return new Date(ret.toJSON().substring(0, 10))
 }
 
 export function cutMonths(dt, months) {
   const origin = new Date(dt)
   const mon = origin.getMonth() + 1
-  const startMonth = mon - months + 1
+  const startMonth = mon - months
   if (startMonth <= 0) {
     const startYear = origin.getFullYear() - 1
     return new Date(`${startYear}-${padMonth(startMonth + 12)}-01`)
     return new Date(`${origin.getFullYear()}-${padMonth(startMonth)}-01`)
   }
 }
+
+/**
+ * 获取持续的月份, 或者天数
+ * @param {*} dt 
+ * @param {*} num 
+ * @param {*} type 
+ * @returns 
+ */
+export function getList(dt, num, type) {
+  const arr = new Array(num).fill();
+  if (type === 'day') {
+    const increment = 24 * 3600 * 1000
+    const zone8 = 8 * 3600 * 100 // 中国时区, 因为 toJSON 是 ISO 时间
+    return arr.map((_, inx) => {
+      const nw = new Date(dt.valueOf() + inx * increment + zone8)
+      return nw.toJSON().substring(0, 10)
+    })
+  } else {
+    const year = dt.getFullYear()
+    const month = dt.getMonth() + 1
+
+    return arr.map((_, inx) => {
+      let y = year
+      let nw = month + inx
+      if (nw > 12) {
+        nw -= 12
+        y += 1
+      }
+
+      return `${y}-${padMonth(nw)}`
+    })
+  }
+}

src/services/person.js

   API_SHARE_INFOLIST,
   API_BIND_CUSTOMER,
   API_CHANNEL_CUSTOMER_DETAIL,
+  API_CHANNEL_CUSTOMER_STATUS,
+  API_GET_CUSTOMER_INFO,
 } from '@/constants/api'
 
 
  */
 export const getChannelCustomerDetail = (id) => fetch({ url: `${API_CHANNEL_CUSTOMER_DETAIL}/${id}` })
 
+/**
+ * 获取客户基本基本状态
+ * @param {*} id 
+ * @returns 
+ */
+export const getChannelCustomerStatus = (id) => fetch({ url: `${API_CHANNEL_CUSTOMER_STATUS}/${id}` })
 
+/**
+ * 获取客户详情信息
+ * @param {*} id 
+ * @returns 
+ */
+export const getCustomerInfo = (id) => fetch({ url: `${API_GET_CUSTOMER_INFO}/${id}` })