From db6be8460de07424897bd35f0e54412375e1d5e8 Mon Sep 17 00:00:00 2001
From: Jimmy Liow <lyj@hainatravel.com>
Date: Wed, 31 Jan 2024 14:37:57 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E9=AB=98=E7=BA=A7=E6=9F=A5=E8=AF=A2?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/OrderFollow.jsx | 125 +++++++++++++++++++++++---------------
 1 file changed, 75 insertions(+), 50 deletions(-)

diff --git a/src/views/OrderFollow.jsx b/src/views/OrderFollow.jsx
index e53bd2f..be7da49 100644
--- a/src/views/OrderFollow.jsx
+++ b/src/views/OrderFollow.jsx
@@ -6,7 +6,7 @@ import {
   Divider,
   Flex, Form,
   Input,
-  Radio, Select,
+  Radio, Row, Col, Select,
   Space,
   Switch,
   Table,
@@ -55,70 +55,82 @@ const AdvanceSearchForm = memo(function ({ onSubmit }) {
   }
   return (
     <Form
-      layout={'inline'}
+      layout={'vertical'}
+      // layout={'inline'}
       form={form}
-      initialValues={{ orderLabel: '', orderStatus: '',
+      initialValues={{ orderLabel: '', orderStatus: '', remindState: '',
       startDateRange: [dayjs().startOf('M'), dayjs().endOf('M')]
       }}
       onFinish={handleSubmit}
-      style={{
-        maxWidth: 'none',
-      }}
+      // style={{
+      //   maxWidth: '200',
+      // }}
     >
+    <Row justify='start' align='middle' gutter={16}>
+   <Col span={4}>
+   <Form.Item label='订单号' name='orderNumber'>
+     <Input placeholder='订单号' allowClear />
+   </Form.Item>
+   </Col>
+   <Col span={4}>
+   <Form.Item label='FirstName' name='firstName'>
+     <Input placeholder='FirstName' allowClear />
+   </Form.Item>
+   </Col>
+   <Col span={4}>
+   <Form.Item label='LastName' name='lastName'>
+     <Input placeholder='LastName' allowClear />
+   </Form.Item>
+   </Col>
+   <Col span={4}>
+   <Form.Item label='邮件地址/客人电话/传真' name='email'>
+     <Input placeholder='邮件地址/客人电话/传真' allowClear />
+   </Form.Item>
+   </Col>
+   
+ </Row>
+       <Row justify='start' align='middle' gutter={16}>
+      <Col span={2}>
       <Form.Item label='标签' name='orderLabel'>
         <Select
-          style={{
-            width: 100,
-          }}
           options={[
             { value: '', label: '全部' },
             { value: '240003', label: '重点' },
-            { value: '240002', label: '潜力' },
-            { value: '240001', label: '休眠' }
+            { value: '240002', label: '次重点' },
+            { value: '240001', label: '一般' }
           ]}
         />
       </Form.Item>
+      </Col>
+      <Col span={2}>
       <Form.Item label='状态' name='orderStatus'>
         <Select
-          style={{
-            width: 100,
-          }}
           options={[
             { value: '', label: '全部' },
-            {
-              value: '1',
-              label: '新订单',
-            },
-            {
-              value: '2',
-              label: '报价中',
-            },
-            {
-              value: '3',
-              label: '以后联系',
-            },
-            {
-              value: '4',
-              label: '等待付订金',
-            },
-            {
-              value: '5',
-              label: '成行',
-            },
-            {
-              value: '6',
-              label: '丢失',
-            },
-            {
-              value: '7',
-              label: '取消',
-            },
+            { value: '1', label: '新订单' },
+            { value: '2', label: '报价中' },
+            { value: '3', label: '以后联系' },
+            { value: '4', label: '等待付订金' },
+            { value: '5', label: '成行' },
+            { value: '6', label: '丢失' },
+            { value: '7', label: '取消' }
           ]}
         />
       </Form.Item>
-      <Form.Item label='订单号' name='orderNumber'>
-        <Input placeholder='订单号' allowClear />
+      </Col>
+      <Col span={2}>
+      <Form.Item label='催信' name='remindState'>
+        <Select
+          options={[
+            { value: '', label: '全部' },
+            { value: '1', label: '一催' },
+            { value: '2', label: '二催' },
+            { value: '3', label: '三催' }
+          ]}
+        />
       </Form.Item>
+      </Col>
+      <Col span={4}>
       <Form.Item label='出发日期' name='startDateRange'>
         <RangePicker 
           allowClear={false}
@@ -126,16 +138,28 @@ const AdvanceSearchForm = memo(function ({ onSubmit }) {
           presets={DATE_PRESETS}
         />
       </Form.Item>
-      <Form.Item >
-        <Button type='primary' htmlType='submit'>搜索</Button>
+      </Col>
+      <Col span={4}>
+      <Form.Item label='确认日期' name='confirmDateRange'>
+        <RangePicker 
+          allowClear={false}
+          inputReadOnly={true}
+          presets={DATE_PRESETS}
+        />
       </Form.Item>
+      </Col>
+      <Col flex="auto">
+      {/* <Form.Item > */}
+        <Button type='primary' htmlType='submit'>搜索</Button>
+      {/* </Form.Item> */}
+      </Col>
+    </Row>
     </Form>
   )
 })
 
 function OrderList({ formValues }) {
 
-  console.info(formValues)
   const orderColumns = [
     {
       title: '订单号',
@@ -143,8 +167,8 @@ function OrderList({ formValues }) {
       width: 222,
       render: (text, record) => {
         if (record.COLI_LineGrade === 240003) return <Space>{text}<Tag color='red'>重点</Tag></Space>
-        else if (record.COLI_LineGrade === 240002) return <Space>{text}<Tag color='green'>潜力</Tag></Space>
-        else if (record.COLI_LineGrade === 240001) return <Space>{text}<Tag color='blue'>休眠</Tag></Space>
+        else if (record.COLI_LineGrade === 240002) return <Space>{text}<Tag color='green'>次重点</Tag></Space>
+        else if (record.COLI_LineGrade === 240001) return <Space>{text}<Tag color='blue'>一般</Tag></Space>
         else return <Space>{text}</Space>
       }
     },
@@ -208,6 +232,7 @@ function OrderList({ formValues }) {
       .append('enddate', thruDate)
       .append('tag', formValues.orderLabel)
       .append('orderstate', formValues.orderStatus)
+      .append('remindstate', formValues.remindState)      
       .append('coli_id', formValues.orderNumber)
       .build()
   }
@@ -317,7 +342,7 @@ function OrderFollow() {
             options={[
               { label: '今日任务', value: 'today' },
               { label: '重点订单', value: 'zhongdian' },
-              { label: '潜力客户', value: 'qianli' },
+              { label: '次重点客户', value: 'qianli' },
               { label: '成行', value: 'chengxing' },
               { label: '走团中', value: 'zoutuan' },
               { label: '走团后一月', value: 'zoutuanhou' }

From 0cf3c5d541630b0381ef5e64a9f831d2b7e9ec5b Mon Sep 17 00:00:00 2001
From: Jimmy Liow <lyj@hainatravel.com>
Date: Wed, 31 Jan 2024 15:16:40 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=A4=B4=E5=83=8F?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E3=80=81=E5=88=A0=E9=99=A4=E6=B5=8B=E8=AF=95?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.jsx                 |   2 +-
 src/views/AccountProfile.jsx |  24 ++--
 src/views/AuthApp.jsx        |   2 +-
 src/views/OrderFollow.jsx    | 269 ++++++++++++++---------------------
 4 files changed, 116 insertions(+), 181 deletions(-)

diff --git a/src/main.jsx b/src/main.jsx
index fc289a3..4a058bf 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -53,7 +53,7 @@ const router = createBrowserRouter([
 ReactDOM.createRoot(document.getElementById('root')).render(
   // <React.StrictMode>
   <ThemeContext.Provider value={{ colorPrimary: '#1ba784', borderRadius: 4 }}>
-    <AuthContext.Provider value={{ loginUser: { userId: 354 } }}>
+    <AuthContext.Provider value={{ loginUser: { userId: 354, username: '廖一军', accountList: ['LYJ', 'LYJAH', 'LYJGH'] } }}>
       <ConversationProvider>
         <RouterProvider router={router} fallbackElement={() => <div>Loading...</div>} />
       </ConversationProvider>
diff --git a/src/views/AccountProfile.jsx b/src/views/AccountProfile.jsx
index de624a0..41fda6d 100644
--- a/src/views/AccountProfile.jsx
+++ b/src/views/AccountProfile.jsx
@@ -1,8 +1,10 @@
 import { useEffect } from 'react'
 import {
-  Row, Col, Space, Descriptions, Avatar, Radio
+  Row, Col, Space, Descriptions, Avatar, Radio, Tag
 } from 'antd'
-
+import {
+  UserOutlined
+} from '@ant-design/icons'
 import { useAuthContext } from '@/stores/AuthContext'
 
 function AccountProfile() {
@@ -12,24 +14,16 @@ function AccountProfile() {
     // 测试错误捕获：
     // throw new Error('💥 CABOOM 💥')  
   }, [])
-
+  
   return (    
     <Row> 
       <Col span={12} offset={6}>
         <Descriptions title='个人资料' layout='vertical' column={2}>
-          <Descriptions.Item label='名字'><Space size='middle'><Avatar src={loginUser.avatarUrl} />{loginUser.username}​</Space></Descriptions.Item>
+          <Descriptions.Item label='名字'><Space size='middle'><Avatar src={loginUser.avatarUrl}>{loginUser.username.substring(1)}</Avatar>{loginUser.username}​</Space></Descriptions.Item>
           <Descriptions.Item label='HT 账号'>
-            {loginUser.accountName}
-            <Radio.Group
-            options={[
-              { label: 'LMY', value: '1' },
-              { label: 'christy', value: '2' },
-              { label: 'LMYGH', value: '3' }
-            ]}
-            value='2'
-            optionType='button'
-            buttonStyle='solid'
-          />
+          {loginUser.accountList?.map(a => { return (
+            <Tag icon={<UserOutlined />} bordered={false}>{a}</Tag>
+          )})}
           </Descriptions.Item>
           <Descriptions.Item label='手机'>{loginUser.mobile}</Descriptions.Item>
           <Descriptions.Item label='邮件'>{loginUser.email}</Descriptions.Item>
diff --git a/src/views/AuthApp.jsx b/src/views/AuthApp.jsx
index f0c8e02..ef0e70c 100644
--- a/src/views/AuthApp.jsx
+++ b/src/views/AuthApp.jsx
@@ -90,7 +90,7 @@ function AuthApp() {
                     trigger={['click']}
                   >
                     <a onClick={(e) => e.preventDefault()} style={{ color: colorPrimary }}>
-                      <Space><Avatar src={loginUser.avatarUrl} />廖一军<DownOutlined />​</Space>
+                      <Space><Avatar src={loginUser.avatarUrl}>{loginUser.username.substring(1)}</Avatar>{loginUser.username}<DownOutlined />​</Space>
                     </a>
                   </Dropdown>
 
diff --git a/src/views/OrderFollow.jsx b/src/views/OrderFollow.jsx
index be7da49..71ff46e 100644
--- a/src/views/OrderFollow.jsx
+++ b/src/views/OrderFollow.jsx
@@ -1,16 +1,6 @@
 import {
-  App,
-  Badge,
-  Button,
-  DatePicker,
-  Divider,
-  Flex, Form,
-  Input,
-  Radio, Row, Col, Select,
-  Space,
-  Switch,
-  Table,
-  Tag
+  App, Badge, Button, DatePicker, Divider, Flex, Form, Input,
+  Radio, Row, Col, Select, Space, Switch, Table, Tag
 } from 'antd'
 import { memo, useCallback, useEffect, useState } from 'react'
 import { NavLink } from 'react-router-dom'
@@ -56,104 +46,99 @@ const AdvanceSearchForm = memo(function ({ onSubmit }) {
   return (
     <Form
       layout={'vertical'}
-      // layout={'inline'}
       form={form}
-      initialValues={{ orderLabel: '', orderStatus: '', remindState: '',
-      startDateRange: [dayjs().startOf('M'), dayjs().endOf('M')]
+      initialValues={{
+        orderLabel: '', orderStatus: '', remindState: '',
+        startDateRange: [dayjs().startOf('M'), dayjs().endOf('M')]
       }}
       onFinish={handleSubmit}
-      // style={{
-      //   maxWidth: '200',
-      // }}
     >
-    <Row justify='start' align='middle' gutter={16}>
-   <Col span={4}>
-   <Form.Item label='订单号' name='orderNumber'>
-     <Input placeholder='订单号' allowClear />
-   </Form.Item>
-   </Col>
-   <Col span={4}>
-   <Form.Item label='FirstName' name='firstName'>
-     <Input placeholder='FirstName' allowClear />
-   </Form.Item>
-   </Col>
-   <Col span={4}>
-   <Form.Item label='LastName' name='lastName'>
-     <Input placeholder='LastName' allowClear />
-   </Form.Item>
-   </Col>
-   <Col span={4}>
-   <Form.Item label='邮件地址/客人电话/传真' name='email'>
-     <Input placeholder='邮件地址/客人电话/传真' allowClear />
-   </Form.Item>
-   </Col>
-   
- </Row>
-       <Row justify='start' align='middle' gutter={16}>
-      <Col span={2}>
-      <Form.Item label='标签' name='orderLabel'>
-        <Select
-          options={[
-            { value: '', label: '全部' },
-            { value: '240003', label: '重点' },
-            { value: '240002', label: '次重点' },
-            { value: '240001', label: '一般' }
-          ]}
-        />
-      </Form.Item>
-      </Col>
-      <Col span={2}>
-      <Form.Item label='状态' name='orderStatus'>
-        <Select
-          options={[
-            { value: '', label: '全部' },
-            { value: '1', label: '新订单' },
-            { value: '2', label: '报价中' },
-            { value: '3', label: '以后联系' },
-            { value: '4', label: '等待付订金' },
-            { value: '5', label: '成行' },
-            { value: '6', label: '丢失' },
-            { value: '7', label: '取消' }
-          ]}
-        />
-      </Form.Item>
-      </Col>
-      <Col span={2}>
-      <Form.Item label='催信' name='remindState'>
-        <Select
-          options={[
-            { value: '', label: '全部' },
-            { value: '1', label: '一催' },
-            { value: '2', label: '二催' },
-            { value: '3', label: '三催' }
-          ]}
-        />
-      </Form.Item>
-      </Col>
-      <Col span={4}>
-      <Form.Item label='出发日期' name='startDateRange'>
-        <RangePicker 
-          allowClear={false}
-          inputReadOnly={true}
-          presets={DATE_PRESETS}
-        />
-      </Form.Item>
-      </Col>
-      <Col span={4}>
-      <Form.Item label='确认日期' name='confirmDateRange'>
-        <RangePicker 
-          allowClear={false}
-          inputReadOnly={true}
-          presets={DATE_PRESETS}
-        />
-      </Form.Item>
-      </Col>
-      <Col flex="auto">
-      {/* <Form.Item > */}
-        <Button type='primary' htmlType='submit'>搜索</Button>
-      {/* </Form.Item> */}
-      </Col>
-    </Row>
+      <Row justify='start' gutter={16}>
+        <Col span={4}>
+          <Form.Item label='订单号' name='orderNumber'>
+            <Input placeholder='订单号' allowClear />
+          </Form.Item>
+        </Col>
+        <Col span={4}>
+          <Form.Item label='FirstName' name='firstName'>
+            <Input placeholder='FirstName' allowClear />
+          </Form.Item>
+        </Col>
+        <Col span={4}>
+          <Form.Item label='LastName' name='lastName'>
+            <Input placeholder='LastName' allowClear />
+          </Form.Item>
+        </Col>
+        <Col span={4}>
+          <Form.Item label='邮件地址/客人电话/传真' name='email'>
+            <Input placeholder='邮件地址/客人电话/传真' allowClear />
+          </Form.Item>
+        </Col>
+
+      </Row>
+      <Row justify='start' gutter={16}>
+        <Col span={2}>
+          <Form.Item label='标签' name='orderLabel'>
+            <Select
+              options={[
+                { value: '', label: '全部' },
+                { value: '240003', label: '重点' },
+                { value: '240002', label: '次重点' },
+                { value: '240001', label: '一般' }
+              ]}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={2}>
+          <Form.Item label='状态' name='orderStatus'>
+            <Select
+              options={[
+                { value: '', label: '全部' },
+                { value: '1', label: '新订单' },
+                { value: '2', label: '报价中' },
+                { value: '3', label: '以后联系' },
+                { value: '4', label: '等待付订金' },
+                { value: '5', label: '成行' },
+                { value: '6', label: '丢失' },
+                { value: '7', label: '取消' }
+              ]}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={2}>
+          <Form.Item label='催信' name='remindState'>
+            <Select
+              options={[
+                { value: '', label: '全部' },
+                { value: '1', label: '一催' },
+                { value: '2', label: '二催' },
+                { value: '3', label: '三催' }
+              ]}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={4}>
+          <Form.Item label='出发日期' name='startDateRange'>
+            <RangePicker
+              allowClear={false}
+              inputReadOnly={true}
+              presets={DATE_PRESETS}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={4}>
+          <Form.Item label='确认日期' name='confirmDateRange'>
+            <RangePicker
+              allowClear={false}
+              inputReadOnly={true}
+              presets={DATE_PRESETS}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={2}>
+          <Button type='primary' htmlType='submit'>搜索</Button>
+        </Col>
+      </Row>
     </Form>
   )
 })
@@ -219,20 +204,20 @@ function OrderList({ formValues }) {
   ]
   const { notification } = App.useApp()
   const [orderData, setOrderData] = useState([])
-  const [loading, setLoading] = useState(false)  
+  const [loading, setLoading] = useState(false)
   const { loginUser } = useAuthContext()
   let fetchOrderUrl = `https://p9axztuwd7x8a7.mycht.cn/whatsapp_callback/getwlorder?opisn=${loginUser.userId}&otype=${formValues.type}`
-  
+
   if (formValues.type === 'advance') {
     const fromDate = formValues.startDateRange[0].format('YYYY-MM-DD')
     const thruDate = formValues.startDateRange[1].format('YYYY-MM-DD')
-    fetchOrderUrl = prepareUrl('https://p9axztuwd7x8a7.mycht.cn/whatsapp_callback/getdvancedwlorder')    
+    fetchOrderUrl = prepareUrl('https://p9axztuwd7x8a7.mycht.cn/whatsapp_callback/getdvancedwlorder')
       .append('opisn', loginUser.userId)
       .append('startdate', fromDate)
       .append('enddate', thruDate)
       .append('tag', formValues.orderLabel)
       .append('orderstate', formValues.orderStatus)
-      .append('remindstate', formValues.remindState)      
+      .append('remindstate', formValues.remindState)
       .append('coli_id', formValues.orderNumber)
       .build()
   }
@@ -243,51 +228,7 @@ function OrderList({ formValues }) {
       .then(response => response.json())
       .then(json => {
         if (json.errcode === 0) {
-          const testOrder = [{
-            "key": 240129001,
-            "COLI_SN": 240129001,
-            "COLI_ID": "LYJ240129001",
-            "unread_msg": Math.floor(Math.random() * (100 - 2 + 1) + 2),
-            "COLI_LineGrade": 240001,
-            "coli_guest": "LiaoYijun",
-            "buytime": 1,
-            "COLI_StateCode": 1,
-            "COLI_State": "新订单",
-            "lettertitle": "1st Trip Plan: 8-Day Essential Japan Family Trip with Disneyland",
-            "last_received_time": new Date().toDateString(),
-            "COLI_Introduction": "",
-            "RemindState": 0
-            },{
-              "key": 240129002,
-              "COLI_SN": 240129002,
-              "COLI_ID": "QQS240129002",
-              "unread_msg": Math.floor(Math.random() * (100 - 2 + 1) + 2),
-              "COLI_LineGrade": 240002,
-              "coli_guest": "QinQianSheng",
-              "buytime": 2,
-              "COLI_StateCode": 1,
-              "COLI_State": "新订单",
-              "lettertitle": "2nd Trip Plan: 2-Week Japan Private Family Vacation",
-              "last_received_time": new Date().toDateString(),
-              "COLI_Introduction": "",
-              "RemindState": 0
-            },{
-              "key": 240129003,
-              "COLI_SN": 240129003,
-              "COLI_ID": "LYT240129003",
-              "unread_msg": Math.floor(Math.random() * (100 - 2 + 1) + 2),
-              "COLI_LineGrade": 240003,
-              "coli_guest": "LeiYuanTing",
-              "buytime": 3,
-              "COLI_StateCode": 1,
-              "COLI_State": "新订单",
-              "lettertitle": "3rd Trip Plan: 12-Day Best of Thailand and Cambodia Tour",
-              "last_received_time": new Date().toDateString(),
-              "COLI_Introduction": "",
-              "RemindState": 0
-          }]
-          const fetchData = json.result.map((order) => { return {...order, key: order.COLI_ID}})
-          setOrderData([...testOrder, ...fetchData])
+          setOrderData(json.result.map((order) => { return { ...order, key: order.COLI_ID } }))
         } else {
           notification.error({
             message: '查询出错',
@@ -309,14 +250,14 @@ function OrderList({ formValues }) {
   }, [formValues])
 
   return (
-    <Table key='Order Table' loading={loading} dataSource={orderData} 
-    columns={orderColumns}
-    pagination={{
-      showQuickJumper: true,
-      showLessItems: true,
-      showSizeChanger: true,
-      showTotal: (total) => {return `总数：${total}`}
-    }} />
+    <Table key='Order Table' loading={loading} dataSource={orderData}
+      columns={orderColumns}
+      pagination={{
+        showQuickJumper: true,
+        showLessItems: true,
+        showSizeChanger: true,
+        showTotal: (total) => { return `总数：${total}` }
+      }} />
   )
 }
 function OrderFollow() {
@@ -331,7 +272,7 @@ function OrderFollow() {
   })
 
   const handleSubmit = useCallback((values) => {
-    setFormValues({...values, type: 'advance'})
+    setFormValues({ ...values, type: 'advance' })
   }, [])
 
   return (