diff --git a/src/stores/OrderStore.js b/src/stores/OrderStore.js
new file mode 100644
index 0000000..fd8c83f
--- /dev/null
+++ b/src/stores/OrderStore.js
@@ -0,0 +1,27 @@
+import { create } from 'zustand'
+import { devtools } from 'zustand/middleware'
+import { fetchJSON, postJSON } from '@/utils/request'
+
+const API_HOST = 'https://p9axztuwd7x8a7.mycht.cn/whatsapp_callback';
+
+const useOrderStore = create((set, get) => ({
+
+  orderDetail: {},
+
+  customerDetail: {},
+
+  lastQuotation: {},
+
+  fetchOrderDetail: async (colisn) => {
+    const json = await fetchJSON(`${API_HOST}/getorderinfo`, { colisn })
+    if (json.errcode === 0 && json.result.length > 0) {
+      set(() => ({ 
+        orderDetail: json.result[0], 
+        customerDetail: json.result[0].contact[0],
+        lastQuotation: json.result[0].quotes.length > 0 ? json.result[0].quotes[0] : {},
+       }))
+    }
+  }
+}))
+
+export default  useOrderStore
\ No newline at end of file
diff --git a/src/views/Conversations/Components/CustomerProfile.jsx b/src/views/Conversations/Components/CustomerProfile.jsx
index 689b64c..69ac45c 100644
--- a/src/views/Conversations/Components/CustomerProfile.jsx
+++ b/src/views/Conversations/Components/CustomerProfile.jsx
@@ -1,53 +1,40 @@
-import { Card, Flex, Select, Typography, Radio, Button, Table } from 'antd';
-import { useAuthContext } from '@/stores/AuthContext.js';
-// import { useConversationState } from '@/stores/ConversationContext';
+import { useEffect } from 'react'
 import { useLocation, useParams } from 'react-router-dom'
-import { UserOutlined, EditOutlined, EllipsisOutlined, SmileOutlined, SyncOutlined, PhoneOutlined, MailOutlined, WhatsAppOutlined, SmileTwoTone  } from '@ant-design/icons';
+import { Card, Flex, Select, Typography, Radio, Button, Table } from 'antd'
+import { useAuthContext } from '@/stores/AuthContext.js'
+import { UserOutlined, LinkOutlined, EllipsisOutlined, SmileOutlined, SyncOutlined, PhoneOutlined, MailOutlined, WhatsAppOutlined, SmileTwoTone  } from '@ant-design/icons'
 
-import CreatePayment from './CreatePayment';
-import QuotesHistory from './QuotesHistory';
-
-const orderTags = [
-  { value: 'potential', label: '潜力' },
-  { value: 'important', label: '重点' },
-  { label: '休眠', value: 'snooze' },
-];
-
-const orderStatus = [
-  { value: 'pending', label: '报价中' },
-  // { value: 'in-progress', label: '处理中' },
-  { value: 'lost', label: '丢失' },
-  { value: 'later', label: '以后联系' },
-];
-
-const { Meta } = Card;
+import CreatePayment from './CreatePayment'
+import QuotesHistory from './QuotesHistory'
+import useOrderStore from '@/stores/OrderStore'
 
 const CustomerProfile = (() => {
   let { state } = useLocation()
-  console.info(state)
-  console.log(useParams());
-  const { order_sn: colisn } = useParams();
-  console.log('invoke customer profile+++++++++++++++++++++++++++++++++++++++++++++', colisn);
-  // const { customerOrderProfile: orderInfo } = useConversationState();
-  const { loginUser: currentUser } = useAuthContext();
-  const { quotes, contact, last_contact, ...order } = {}; // orderInfo;
+  const { order_sn: order_sn } = useParams()
+  const { orderDetail, customerDetail, lastQuotation, fetchOrderDetail } = useOrderStore()
+  const { loginUser: currentUser } = useAuthContext()
+
+  useEffect(() => {
+    fetchOrderDetail(order_sn)
+  }, [])
 
   return (
     <div className=' divide-x-0 divide-y divide-dashed divide-gray-300 '>
       <Card className='p-2 '
         bordered={false}
-        title={'Albee240210036'}
+        title={orderDetail.order_no}
         actions={[
           <Select
             style={{
               width: '100%'
             }}
             variant='borderless'
-            defaultValue='240003'
+            defaultValue={orderDetail.tags}
             options={[
-              { value: '240003', label: '重点' },
-              { value: '240002', label: '次重点' },
-              { value: '240001', label: '一般' }
+              { value: 0, label: '未设置' },
+              { value: 240003, label: '重点' },
+              { value: 240002, label: '次重点' },
+              { value: 240001, label: '一般' }
             ]}
           />,
           <Select
@@ -55,38 +42,38 @@ const CustomerProfile = (() => {
               width: '100%'
             }}
             variant='borderless'
-            defaultValue='1'
+            defaultValue={orderDetail.states}
             options={[
-              { 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: '取消' }
             ]}
           />
         ]}
         >
         <Flex gap={10}>
           <Flex vertical={true} justify='space-between'>
-            <Typography.Text ><UserOutlined className=' pr-1' />{'Tyler-Jane Ines (R2)'}</Typography.Text>
-            <Typography.Text ><PhoneOutlined className=' pr-1' />{'0118754786932'}</Typography.Text>
-            <Typography.Text ><MailOutlined className=' pr-1' />{'tyler-jane@gmail.com'}</Typography.Text>
-            <Typography.Text ><WhatsAppOutlined className='pr-1' />{'0118754786932'}</Typography.Text>
+            <Typography.Text ><UserOutlined className=' pr-1' />{customerDetail.name}</Typography.Text>
+            <Typography.Text ><PhoneOutlined className=' pr-1' />{customerDetail.phone}</Typography.Text>
+            <Typography.Text ><MailOutlined className=' pr-1' />{customerDetail.email}</Typography.Text>
+            <Typography.Text ><WhatsAppOutlined className='pr-1' />{customerDetail.whatsapp_phone_number}</Typography.Text>
           </Flex>
         </Flex>
       </Card>
       <Flex vertical={true} className='p-2 '>
         <Typography.Text strong>最新报价</Typography.Text>
-        <p className='m-0 py-2 line-clamp-2 '>{quotes?.[0]?.lettertitle}</p>
+        <p className='m-0 py-2 line-clamp-2 '><a target='_blank' href={lastQuotation.letterurl}>{lastQuotation.lettertitle}<LinkOutlined /></a></p>
         <Flex justify={'space-between'} >
           <CreatePayment />
           <QuotesHistory />
         </Flex>
       </Flex>
-      <p className='p-2 shadow-inner overflow-auto max-h-72 m-0 break-words whitespace-pre-wrap ' dangerouslySetInnerHTML={{__html: order?.order_detail}}></p>
+      <p className='p-2 shadow-inner overflow-auto max-h-72 m-0 break-words whitespace-pre-wrap ' dangerouslySetInnerHTML={{__html: orderDetail.order_detail}}></p>
     </div>
-  );
-});
-export default CustomerProfile;
+  )
+})
+export default CustomerProfile