根据订单部门分组展示

src/views/Conversations/Components/CustomerProfile.jsx

@@ -35,7 +35,7 @@ const CustomerProfile = (() => {
             }}
             value={orderDetail.tags}
             options={[
-              { value: 0, label: '未设置' },
+              { value: 0, label: '未设置', disabled: true, },
               { value: 240003, label: '重点' },
               { value: 240002, label: '次重点' },
               { value: 240001, label: '一般' }

src/views/OrderFollow.jsx

@@ -267,30 +267,64 @@ function OrderList({ formValues }) {
     showTotal: (total) => { return `总数：${total}` }
   }
 
-  return (    
-    <Collapse defaultActiveKey={['1', '2', '3']} items={[
-      {
-        key: '1',
-        label: 'AH 订单：25',
-        children: <Table key='AH Order Table' loading={loading} dataSource={orderData}
-        columns={orderColumns}
-        pagination={paginationProps} />
-      },
-      {
-        key: '2',
-        label: 'CH 订单：25',
-        children: <Table key='CH Order Table' loading={loading} dataSource={orderData}
-        columns={orderColumns}
-        pagination={paginationProps} />
-      },
+  function groupByParam(array, param) {
+    return array.reduce((result, item) => {
+      (result[item[param]] = result[item[param]] || []).push(item);
+      return result;
+    }, {});
+  }
+
+  const deptMap = new Map([
+    ['1', 'CH直销组'],
+    ['2','CH大客户组'],
+    ['7','市场推广'],
+    ['8','德语市场'],
+    ['9','日语市场'],
+    ['10',	'商旅市场'],
+    ['11',	'法语市场'],
+    ['12',	'西语市场'],
+    ['13',	'英文在线组'],
+    ['14',	'商务Biztravel'],
+    ['15',	'CH产品'],
+    ['16',	'APP移动项目组'],
+    ['17',	'ChinaTravel组'],
+    ['18',	'CT市场'],
+    ['20',	'俄语市场'],
+    ['21',	'意语市场'],
+    ['22',	'爱游网'],
+    ['23',	'三峡站'],
+    ['24',	'桂林站'],
+    ['25',	'上海站'],
+    ['26',	'北京站'],
+    ['27',	'西藏站'],
+    ['28',	'AH亚洲项目组'],
+    ['29',	'DMC地接组'],
+    ['30',	'Trippest项目组'],
+    ['31',	'花梨鹰'],
+    ['32',	'Daytours板块'],
+    ['33',	'GH项目组'],
+    ['34',	'trippest网站'],
+    ['35',	'newsletter营销'],
+  ])
+
+  const groupOrderData = groupByParam(orderData, 'OPI_DEI_SN')
+  const deptKeys = Object.keys(groupOrderData)
+  const collapseItems = []
+
+  deptKeys.forEach(deptNo => {
+    const deptOrderList = groupOrderData[deptNo]
+    collapseItems.push(
       {
-        key: '3',
-        label: 'GH 订单：25',
-        children: <Table key='GH Order Table' loading={loading} dataSource={orderData}
+        key: deptNo,
+        label: deptMap.get(deptNo) + '订单',
+        children: <Table key={'Order Table' + deptNo} loading={loading} dataSource={deptOrderList}
         columns={orderColumns}
         pagination={paginationProps} />
-      }]}
-    />)
+      } 
+    )
+  })
+
+  return (<Collapse bordered={false} activeKey={deptKeys} items={collapseItems} />)
 }
 function OrderFollow() {