feat：增加 WA、附加信息设置

src/components/OrderProfile.jsx

@@ -13,7 +13,7 @@ import {
 } from '@ant-design/icons'
 
 import { useEffect, useState } from 'react'
-import { Link, useNavigate } from 'react-router-dom'
+import { Link } from 'react-router-dom'
 import { App, Flex, Select, Tooltip, Divider, Typography, Skeleton, Checkbox, Drawer, Button, Form, Input } from 'antd'
 import { useOrderStore, fetchSetRemindStateAction, OrderLabelDefaultOptions, OrderStatusDefaultOptions, remindStatusOptions } from '@/stores/OrderStore'
 import { copy, isEmpty } from '@/utils/commons'
@@ -21,24 +21,28 @@ import { useShallow } from 'zustand/react/shallow'
 import useConversationStore from '@/stores/ConversationStore'
 import useAuthStore from '@/stores/AuthStore'
 const OrderProfile = ({ coliSN, ...props }) => {
-  const navigate = useNavigate()
   const { notification, message } = App.useApp()
-  const [formComment, formWhatsApp] = Form.useForm()
+  const [formComment] = Form.useForm()
+  const [formWhatsApp] = Form.useForm()
+  const [formExtra] = Form.useForm()
   const [loading, setLoading] = useState(false)
 
   const [openOrderCommnet, setOpenOrderCommnet] = useState(false)
   const [openWhatsApp, setOpenWhatsApp] = useState(false)
+  const [openExtra, setOpenExtra] = useState(false)
 
   const orderLabelOptions = copy(OrderLabelDefaultOptions)
   orderLabelOptions.unshift({ value: 0, label: '未设置', disabled: true })
 
   const orderStatusOptions = copy(OrderStatusDefaultOptions)
-  const [orderDetail, customerDetail, fetchOrderDetail, setOrderPropValue, appendOrderComment] = useOrderStore((s) => [
+  const [orderDetail, customerDetail, fetchOrderDetail, setOrderPropValue, appendOrderComment, updateWhatsapp, updateExtraInfo] = useOrderStore((s) => [
     s.orderDetail,
     s.customerDetail,
     s.fetchOrderDetail,
     s.setOrderPropValue,
     s.appendOrderComment,
+    s.updateWhatsapp,
+    s.updateExtraInfo,
   ])
 
   const loginUser = useAuthStore((state) => state.loginUser)
@@ -47,8 +51,8 @@ const OrderProfile = ({ coliSN, ...props }) => {
 
   const [orderRemindState, setOrderRemindState] = useState(orderDetail.remindstate)
   useEffect(() => {
-    setOrderRemindState(orderDetail.remindstate);
-  }, [orderDetail.remindstate]);
+    setOrderRemindState(orderDetail.remindstate)
+  }, [orderDetail.remindstate])
   useEffect(() => {
     if (orderId) {
       setLoading(true)
@@ -119,12 +123,15 @@ const OrderProfile = ({ coliSN, ...props }) => {
           </Typography.Text>
           <Typography.Text>
             <WhatsAppOutlined className='pr-1' />
-            {isEmpty(customerDetail.whatsapp_phone_number) ?
-            <Button type="text" onClick={() => setOpenWhatsApp(true)} size='small'>设置 WhatsApp</Button> :
+            {isEmpty(customerDetail.whatsapp_phone_number) ? (
+              <Button type='text' onClick={() => setOpenWhatsApp(true)} size='small'>
+                设置 WhatsApp
+              </Button>
+            ) : (
               <Link to={`/order/chat/${coliSN}`} state={orderDetail}>
                 {customerDetail.whatsapp_phone_number}
               </Link>
-            }
+            )}
           </Typography.Text>
           <Typography.Text>
             <Tooltip title='出发日期'>
@@ -227,9 +234,14 @@ const OrderProfile = ({ coliSN, ...props }) => {
 
         <Divider orientation='left'>
           <Typography.Text strong>附加信息</Typography.Text>
-          {/* <Tooltip title='修改'>
-            <EditOutlined className='pl-1' />
-          </Tooltip> */}
+          <Tooltip title='修改'>
+            <EditOutlined
+              className='pl-1'
+              onClick={() => {
+                setOpenExtra(true)
+              }}
+            />
+          </Tooltip>
         </Divider>
         <Typography.Text>{orderDetail.COLI_Introduction}</Typography.Text>
       </Skeleton>
@@ -240,7 +252,6 @@ const OrderProfile = ({ coliSN, ...props }) => {
           initialValues={{ comment: '' }}
           scrollToFirstError
           onFinish={(values) => {
-            console.log('Received values of form: ', values)
             appendOrderComment(loginUser.userId, orderId, values.comment)
               .then(() => {
                 notification.success({
@@ -276,15 +287,14 @@ const OrderProfile = ({ coliSN, ...props }) => {
           initialValues={{ number: '' }}
           scrollToFirstError
           onFinish={(values) => {
-            console.log('Received values of form: ', values)
-            // appendOrderComment(loginUser.userId, orderId, values.number)
+            updateWhatsapp(orderId, values.number)
               .then(() => {
                 notification.success({
                   message: '温性提示',
                   description: '设置 WhatsApp 成功',
                 })
                 setOpenWhatsApp(false)
-                formComment.setFieldsValue({ number: '' })
+                formWhatsApp.setFieldsValue({ number: '' })
               })
               .catch((reason) => {
                 notification.error({
@@ -295,7 +305,7 @@ const OrderProfile = ({ coliSN, ...props }) => {
                 })
               })
           }}>
-          <Form.Item name='comment' label='WhatsApp' rules={[{ required: true, message: '请输入 WhatsApp 号码' }]}>
+          <Form.Item name='number' label='WhatsApp' rules={[{ required: true, message: '请输入 WhatsApp 号码' }]}>
             <Input placeholder='国家代码+城市代码+电话号码' />
           </Form.Item>
           <Form.Item>
@@ -305,6 +315,41 @@ const OrderProfile = ({ coliSN, ...props }) => {
           </Form.Item>
         </Form>
       </Drawer>
+      <Drawer title='设置附加信息' closable={{ 'aria-label': 'Close Button' }} onClose={() => setOpenExtra(false)} open={openExtra}>
+        <Form
+          layout={'vertical'}
+          form={formExtra}
+          initialValues={{ text: '' }}
+          scrollToFirstError
+          onFinish={(values) => {
+            console.log('Received values of form: ', values)
+            updateExtraInfo(orderId, values.extra)
+              .then(() => {
+                notification.success({
+                  message: '温性提示',
+                  description: '设置附加信息成功',
+                })
+                setOpenExtra(false)
+              })
+              .catch((reason) => {
+                notification.error({
+                  message: '设置出错',
+                  description: reason.message,
+                  placement: 'top',
+                  duration: 60,
+                })
+              })
+          }}>
+          <Form.Item name='extra' label='附加信息' rules={[{ required: true, message: '请输入附加信息' }]}>
+            <Input />
+          </Form.Item>
+          <Form.Item>
+            <Button type='primary' htmlType='submit'>
+              提交
+            </Button>
+          </Form.Item>
+        </Form>
+      </Drawer>
     </>
   )
 }

src/stores/OrderStore.js

@@ -1,7 +1,7 @@
 import { create } from 'zustand'
 import { devtools } from 'zustand/middleware'
-import { fetchJSON, postForm } from '@/utils/request'
-import { API_HOST, EMAIL_HOST } from '@/config'
+import { fetchJSON, postForm, postJSON } from '@/utils/request'
+import { API_HOST, API_HOST_V3, EMAIL_HOST } from '@/config'
 import { isNotEmpty, prepareUrl, uniqWith } from '@/utils/commons'
 
 const initialState = {
@@ -180,6 +180,44 @@ export const useOrderStore = create(devtools((set, get) => ({
       })
   },
 
+  updateWhatsapp: (coli_sn, number) => {
+
+    return postJSON(`${API_HOST_V3}/order_update`, {
+        coli_sn: coli_sn,
+        set: {
+          concat_whatsapp: number
+        }
+    }).then(json => {
+        if (json.errcode > 0) {
+          throw new Error(json?.errmsg + ': ' + json.errcode)
+        }
+      })
+  },
+
+  updateExtraInfo: (coli_sn, extra) => {
+    const { orderDetail } = get()
+
+    return postJSON(`${API_HOST_V3}/order_update`, {
+        coli_sn: coli_sn,
+        set: {
+          extra_info: extra
+        }
+    }).then(json => {
+
+        if (json.errcode > 0) {
+          throw new Error(json?.errmsg + ': ' + json.errcode)
+        } else {
+
+          set((state) => ({
+        orderDetail: {
+          ...state.orderDetail,
+          COLI_Introduction: extra
+        }
+      }))
+        }
+      })
+  },
+
   setOrderPropValue: async (colisn, propName, value) => {
 
     if (propName === 'orderlabel') {