feats

src/components/Picker/index.jsx

@@ -3,13 +3,18 @@ import { Picker, View } from '@tarojs/components'
 import './style.scss'
 
 export default (props) => {
-  const { kv, value, onChange, dicts, placeholder, ...leftProps } = props
+  const { kv, value, onChange, dicts, placeholder, mode, ...leftProps } = props
   const [rangeKey, rangeVal] = kv || ['label', 'value']
 
   const [inx, setInx] = useState()
   const [text, setText] = useState()
 
   const handleChange = (e) => {
+    if (mode && mode !== 'selector') {
+      onChange(e.detail.value)
+      return
+    }
+
     const index = e.detail.value - 0
     const item = dicts[index]
     if (onChange) {
@@ -31,6 +36,12 @@ export default (props) => {
     }
   }, [dicts, rangeKey, rangeVal, value])
 
+  useEffect(() => {
+    if (mode && mode !== 'selector') {
+      setText(value)
+    }
+  }, [mode, value])
+
   return (
     <Picker
       className='g-picker'

src/constants/api.js

@@ -138,6 +138,7 @@ export const API_CHANNEL_REPORT = resolvePath('channel/report')
 export const API_MANAGE_CUSTOMER_LIST = resolvePath('marking/customers')
 export const API_TOBE_MANAGER = resolvePath('marketing')
 export const API_MY_BUILDINGIDS = resolvePath('building/mine')
+export const API_MARKETING_VISIT = resolvePath('marketing/visit')
 
 
 // report

src/pages/index/activityDetail/index.jsx

@@ -212,8 +212,8 @@ export default withLayout((props) => {
             <Button open-type='share' className='ShareBtn'>分享</Button>
           </view>
           <view>
-            <text className='iconfont icon-haibao'></text>
-            <text>海报</text>
+            <text className='iconfont icon-pengyouquan1'></text>
+            <text>朋友圈</text>
           </view>
         </view>
       </view>

src/pages/mine/addCustomer/index.jsx

@@ -96,7 +96,7 @@ export default withLayout((props) => {
       const t = setTimeout(() => {
         Taro.navigateBack({ delta: 1 })
         clearTimeout(t)
-      }, 2000)
+      }, 1500)
     }).catch((err) => {
       console.error(err)
       setLoading(false)

src/pages/mine/sureVisit/index.jsx

@@ -1,44 +1,141 @@
 import React, { useState, useEffect } from 'react'
+import Taro from '@tarojs/taro'
 import withLayout from '@/layout'
-import './index.scss'
-import { ScrollView, Input } from '@tarojs/components'
+import { ScrollView, Input, Image } from '@tarojs/components'
+import Picker from '@/components/Picker'
+import { getChannelCustomerDetail } from '@/services/person'
+import { getCardList } from '@/services/card'
+import { uploadFiles, fetch } from '@/utils/request'
+import { API_MARKETING_VISIT } from '@/constants/api'
 import '@/assets/css/iconfont.css'
+import './index.scss'
 
 export default withLayout((props) => {
+  const { id } = props
+
+  const [loading, setLoading] = useState(false)
+  const [channelCustomer, setChannelCustomer] = useState({})
+  const [consultantList, setConsultantList] = useState([])
+  const [consultant, setConsultant] = useState()
+  const [visitDate, setVisitDate] = useState()
+  const [imageUrl, setImageUrl] = useState()
+  const [remark, setRemark] = useState()
+
+  const openAlbum = (e) => {
+    e.stopPropagation()
+
+    Taro.chooseImage({
+      count: 1,
+      sizeType: ['original', 'compressed'],  //可选择原图或压缩后的图片
+      sourceType: ['album', 'camera'], //可选择性开放访问相册、相机
+      success: res => {
+        Taro.showLoading({
+          title: '加载中',
+        })
+        uploadFiles(res.tempFilePaths).then(data => {
+          setImageUrl(data[0])
+          Taro.hideLoading()
+        }).catch(() => {
+          Taro.hideLoading()
+        })
+      },
+      complete: () => {
+        Taro.hideLoading()
+      }
+    })
+  }
+
+  const handleSubmit = () => {
+    const payload = {
+      id,
+      type: 'report',
+      realtyConsultant: consultant,
+      customerVisit: {
+        buildingId: channelCustomer.buildingId,
+        name: channelCustomer.name,
+        recommendPerson: channelCustomer.recommendPerson,
+        realtyConsultant: consultant,
+        imageUrl,
+        visitDate: `${visitDate}T12.00.00.000Z`,  // 随便造了一个时刻
+        remark,
+        channelId: channelCustomer.channelId,
+      }
+    }
+
+    setLoading(true)
+    fetch({ url: API_MARKETING_VISIT, payload, method: 'PUT' }).then((res) => {
+      setLoading(false)
+      Taro.showToast({
+        url: '操作成功',
+        icon: 'none'
+      })
+      const t = setTimeout(() => {
+        Taro.navigateBack({ delta: 1 })
+        clearTimeout(t)
+      }, 1500)
+    }).catch((e) => {
+      setLoading(false)
+    })
+  }
+
+  useEffect(() => {
+    if (id) {
+      getChannelCustomerDetail(id).then((res) => {
+        setChannelCustomer(res || {})
+
+        setConsultant(res?.realtyConsultant)
+
+        if (res?.buildingId) {
+          getCardList({
+            pageNumber: 1,
+            pageSize: 50,
+            buildingId: res.buildingId,
+          }).then((x) => {
+            const { records } = x || {}
+            setConsultantList(records || [])
+          })
+        }
+      })
+    }
+  }, [id])
 
   // const [PageProps] = useState(props)
 
   return (
     <view className='Page sureVisit'>
 
-      <ScrollView scroll-y={true} refresher-enabled={false} refresher-background='#fff'>
+      <ScrollView scrollY>
         <view className='PageContent'>
 
           <text>客户姓名</text>
           <view className='FormLine flex-h'>
             <view className='flex-item'>
-              <Input placeholder='请输入姓名'></Input>
+              <text>{channelCustomer.name}</text>
+              {/* <Input placeholder='请输入姓名' value={channelCustomer.name}></Input> */}
             </view>
           </view>
 
           <text>归属渠道</text>
           <view className='FormLine flex-h'>
             <view className='flex-item'>
-              <Input placeholder='请输入渠道'></Input>
+              <text>{channelCustomer.channelName}</text>
+              {/* <Input placeholder='请输入渠道' value={channelCustomer.channelName}></Input> */}
             </view>
           </view>
 
           <text>内场接待</text>
           <view className='FormLine flex-h'>
             <view className='flex-item'>
-              <Input placeholder='请输入内场接待'></Input>
+              {/* <Input placeholder='请输入内场接待'></Input> */}
+              <Picker kv={['name', 'id']} value={consultant} placeholder='请输入内场接待' dicts={consultantList} onChange={setConsultant} />
             </view>
           </view>
 
           <text>到访时间</text>
           <view className='FormLine flex-h'>
             <view className='flex-item'>
-              <text>请选择</text>
+              {/* <text>请选择</text> */}
+              <Picker mode='date' value={visitDate} onChange={setVisitDate} />
             </view>
             <text className='iconfont icon-jiantoudown'></text>
           </view>
@@ -46,21 +143,22 @@ export default withLayout((props) => {
           <text>到访照片</text>
           <view className='FormLine flex-h'>
             <view className='flex-item'>
-              <view className='UploadImg'>
+              {/* <view className='UploadImg'>
                 <text className='iconfont icon-xiangji centerLabel'></text>
-              </view>
+              </view> */}
+              <Image src={imageUrl} className='UploadImg' onClick={openAlbum} mode="aspectFill"></Image>
             </view>
           </view>
 
           <text>备注</text>
           <view className='FormLine flex-h'>
             <view className='flex-item'>
-              <Input placeholder='补充说明（选填）'></Input>
+              <textarea placeholder='补充说明（选填）' value={remark} onInput={(e) => setRemark(e.detail.value)} ></textarea>
             </view>
           </view>
 
           <view className='Btn'>
-            <text>提交</text>
+            <button loading={loading} onClick={handleSubmit}>提交</button>
           </view>
 
         </view>