feat: 1

src/pages/Customer/contact.jsx

@@ -9,10 +9,11 @@ import React, { useEffect, useState } from 'react'
 // import styles from './customer.less';
 // import request from 'umi-request';
 // import { queryContact } from '@/services/contact';
+import SvgIcon from '@/components/SvgIcon'
 
-const Contact = (props) => {
+const Contact = props => {
   // let tag = Array.from(tag);
-  const [ visible, setVisible ] = useState(false)
+  const [visible, setVisible] = useState(false)
 
   // 展示drawer
   const showDrawer = () => {
@@ -24,7 +25,7 @@ const Contact = (props) => {
     setVisible(false)
   }
 
-  const onCreate = (values) => {
+  const onCreate = values => {
     console.log(values)
   }
 
@@ -33,13 +34,13 @@ const Contact = (props) => {
       title: '联系人',
       dataIndex: 'clientname',
       key: 'clientname',
-      render: (clientname) => <a onClick={showDrawer}>{clientname}</a>
+      render: clientname => <a onClick={showDrawer}>{clientname}</a>
     },
     {
       title: '客户名称',
       dataIndex: 'companyname',
       key: 'companyname',
-      render: (companyname) => <a>{companyname}</a>
+      render: companyname => <a>{companyname}</a>
     },
     {
       title: '部门',
@@ -90,34 +91,34 @@ const Contact = (props) => {
       // onFilter: true,
       valueType: 'select',
       valueEnum: {
-          all: { text: '全部', status: 'Default' },
-          green: {
-              text: '个人标签1',
-              status: 'green'
-          },
-          blue: {
-              text: '个人标签2',
-              status: 'blue'
-          },
-          purple: {
-              text: '个人标签3',
-              status: 'purple'
-          },
-          red: {
-            text: '个人标签4',
-            status: 'red'
-          },
-          brown: {
-              text: '个人标签5',
-              status: 'brown'
-          },
-          black: {
-              text: '个人标签6',
-              status: 'black'
-          },
-          yellow: {
-            text: '个人标签7',
-            status: 'yellow'
+        all: { text: '全部', status: 'Default' },
+        green: {
+          text: '个人标签1',
+          status: 'green'
+        },
+        blue: {
+          text: '个人标签2',
+          status: 'blue'
+        },
+        purple: {
+          text: '个人标签3',
+          status: 'purple'
+        },
+        red: {
+          text: '个人标签4',
+          status: 'red'
+        },
+        brown: {
+          text: '个人标签5',
+          status: 'brown'
+        },
+        black: {
+          text: '个人标签6',
+          status: 'black'
+        },
+        yellow: {
+          text: '个人标签7',
+          status: 'yellow'
         }
       }
       // render:(_, record) => {
@@ -132,34 +133,34 @@ const Contact = (props) => {
       filters: true,
       valueType: 'select',
       valueEnum: {
-          all: { text: '全部', status: 'Default' },
-          green: {
-              text: '协作标签1',
-              status: 'green'
-          },
-          blue: {
-              text: '协作标签2',
-              status: 'blue'
-          },
-          purple: {
-              text: '协作标签3',
-              status: 'purple'
-          },
-          red: {
-            text: '协作标签4',
-            status: 'red'
-          },
-          brown: {
-              text: '协作标签5',
-              status: 'brown'
-          },
-          black: {
-              text: '协作标签6',
-              status: 'black'
-          },
-          yellow: {
-            text: '协作标签7',
-            status: 'yellow'
+        all: { text: '全部', status: 'Default' },
+        green: {
+          text: '协作标签1',
+          status: 'green'
+        },
+        blue: {
+          text: '协作标签2',
+          status: 'blue'
+        },
+        purple: {
+          text: '协作标签3',
+          status: 'purple'
+        },
+        red: {
+          text: '协作标签4',
+          status: 'red'
+        },
+        brown: {
+          text: '协作标签5',
+          status: 'brown'
+        },
+        black: {
+          text: '协作标签6',
+          status: 'black'
+        },
+        yellow: {
+          text: '协作标签7',
+          status: 'yellow'
         }
       }
     },
@@ -192,7 +193,7 @@ const Contact = (props) => {
       title: '软件锁',
       dataIndex: 'keynum',
       key: 'keynum',
-      render: (keynum) => <a>{keynum}</a>
+      render: keynum => <a>{keynum}</a>
     },
     {
       title: '大司空',
@@ -217,7 +218,7 @@ const Contact = (props) => {
   // console.log(props);
   // console.log(list);
   // console.log(dataSource);
-  const [ columnsStateMap, setColumnsStateMap ] = useState({
+  const [columnsStateMap, setColumnsStateMap] = useState({
     telephone: {
       show: false
     },
@@ -249,11 +250,11 @@ const Contact = (props) => {
       const { dispatch } = props
       dispatch({
         type: 'contact/fetch'
-      })// 派发出这个action就会调用contact中的fetch函数，然后就会请求数据
+      }) // 派发出这个action就会调用contact中的fetch函数，然后就会请求数据
     }
     initData()
   }, [])
-  
+
   return (
     // <PageHeaderWrapper></PageHeaderWrapper>
     <Card bordered={false}>
@@ -268,15 +269,15 @@ const Contact = (props) => {
         }}
         scroll={{ y: 580 }}
         columnsStateMap={columnsStateMap}
-        onColumnsStateChange={(map) => setColumnsStateMap(map)}
+        onColumnsStateChange={map => setColumnsStateMap(map)}
         headerTitle="联系人"
         toolBarRender={() => [
-          <Button key="button" icon={<PlusOutlined />} type="primary">
-            联系人
+          <Button key="button" type="primary">
+            <SvgIcon type="icon-plus1"></SvgIcon>联系人
           </Button>
         ]}
       />
-      <PopContactForm onClose={hideDrawer} visible={visible} onCreate={onCreate}/>
+      <PopContactForm onClose={hideDrawer} visible={visible} onCreate={onCreate} />
     </Card>
   )
 }