软件锁统计

src/pages/Customer/Contact/index.jsx

@@ -202,26 +202,6 @@ const Contact = props => {
         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'
         }
       }
     },

src/pages/Product/Lock/Lockcount/index.jsx

@@ -1,14 +1,65 @@
 import React from 'react'
-import { Card } from 'antd'
+import ProTable from '@ant-design/pro-table'
+// import { Table } from 'antd'
 
 const Lockcount = () => {
   // const { modalVisible, onCancel } = props;
+  const columns = [
+    {
+      title: '办事处',
+      dataIndex: 'keyNum',
+      key: 'keyNum',
+      width: 150
+    },
+    {
+      title: '员工',
+      dataIndex: 'product',
+      key: 'product',
+      width: 150
+    },
+    {
+      title: '锁合计',
+      dataIndex: 'category',
+      key: 'category',
+      width: 550,
+      children: [
+        {
+          title: '未使用',
+          dataIndex: 'age',
+          key: 'age',
+          width: 150
+        },
+        {
+          title: '未使用',
+          dataIndex: 'kk',
+          key: 'kk',
+          width: 150
+        },
+        {
+          title: '合计',
+          dataIndex: 'nn',
+          key: 'nn',
+          width: 150
+        }
+      ]
+    }
+  ]
   return (
-    <Card bordered={false}>
-      Lockcount
-    </Card>
+    <div>
+      <ProTable
+        rowKey={record => record.id}
+        search={false}
+        headerTitle="使用统计"
+        bordered
+        columns={columns}
+        // toolbar={{
+        //   search: {
+        //     allowClear: true
+        //   }
+        // }}
+      />
+    </div>
   )
 }
 
 export default Lockcount
-