feats

config/routes.js

@@ -574,6 +574,38 @@ export default [
                 component: './property/proprietor/Detail',
                 hideInMenu: true,
               },
+              {
+                path: 'notice',
+                name: '公告管理',
+                component: './property/notice'
+              },
+              {
+                path: 'notice/edit',
+                name: '公告管理详情',
+                component: './property/notice/Edit',
+                hideInMenu: true,
+              },
+              {
+                path: 'bill/management',
+                name: '收费组管理',
+                component: './property/bill/list',
+              },
+              {
+                path: 'bill/management/add',
+                name: '新增收费组',
+                component: './property/bill/edit',
+                hideInMenu: true,
+              },
+              {
+                path: 'bill/order',
+                name: '订单管理',
+                component: './property/bill/order',
+              },
+              {
+                path: 'bill/ticket',
+                name: '工单管理',
+                component: './property/ticket',
+              },
             ]
           },
           // {

src/global.less

@@ -70,24 +70,23 @@ ol {
 }
  
 .ant-layout{
-  .ant-menu-vertical .ant-menu-item,
-.ant-menu-vertical-left .ant-menu-item,
-.ant-menu-vertical-right .ant-menu-item,
-.ant-menu-inline .ant-menu-item,
-.ant-menu-vertical .ant-menu-submenu-title,
-.ant-menu-vertical-left .ant-menu-submenu-title,
-.ant-menu-vertical-right .ant-menu-submenu-title,
-.ant-menu-inline .ant-menu-submenu-title,
-.ant-input ,.ant-btn,.ant-select,.ant-table,.ant-form-item,.ant-form label,.ant-tabs-nav-container {
-  font-size: 0.096rem;
-  
-}
-.ant-input{
-  height: 32px;
-  border-radius: 4px;
-  padding: 0 0 0 10px;
-  align-items: center;
-}
+//   .ant-menu-vertical .ant-menu-item,
+// .ant-menu-vertical-left .ant-menu-item,
+// .ant-menu-vertical-right .ant-menu-item,
+// .ant-menu-inline .ant-menu-item,
+// .ant-menu-vertical .ant-menu-submenu-title,
+// .ant-menu-vertical-left .ant-menu-submenu-title,
+// .ant-menu-vertical-right .ant-menu-submenu-title,
+// .ant-menu-inline .ant-menu-submenu-title,
+// .ant-input ,.ant-btn,.ant-select,.ant-table,.ant-form-item,.ant-form label,.ant-tabs-nav-container {
+//   font-size: 0.096rem;  
+// }
+// .ant-input{
+//   height: 32px;
+//   border-radius: 4px;
+//   padding: 0 0 0 10px;
+//   align-items: center;
+// }
 // .ant-radio-button-wrapper{
 //   color: #FF7E48;
 //   border: 1px solid #FF7E48;
@@ -108,12 +107,12 @@ ol {
 //   border-color: #FF7E48;
 //   color: #FF7E48; ;
 // }
-.ant-row.ant-form-item .ant-form-item-label.ant-col-sm-3{
-  min-width: 100px;
-}
-.ant-card-body{
-  padding: 0;
-}
+// .ant-row.ant-form-item .ant-form-item-label.ant-col-sm-3{
+//   min-width: 100px;
+// }
+// .ant-card-body{
+//   padding: 0;
+// }
 .antd-pro-pages-index-echarts-styles-pie,.antd-pro-pages-index-echarts-styles-bar{
   padding: 40px;
   margin-bottom: 40px;

src/pages/property/bill/edit/components/AddOn.jsx

@@ -0,0 +1,36 @@
+import React, { useState } from 'react'
+import { Button, Upload, Icon, Table } from 'antd'
+import List from '../../../components/List'
+
+const Section = props => {
+  return (
+    <p style={{ color: '#99a9bf', fontSize: '13px' }}>
+      {props.children}
+    </p>
+  )
+}
+
+export default props => {
+  const [listData, setListData] = useState([])
+
+  return (
+    <div>
+      <Section>
+        <span>如果还未制作账单，请先下载账单模板，按规则填写费用后再上传</span>
+        <Button type="link" size="small" style={{ marginLeft: '6px' }}><Icon type="download" />下载模板</Button>
+        <Button type="link" size="small"><Icon type="upload" />选取账单文件并预览</Button>
+      </Section>
+      <Section>
+        <span>如果想修改下表的内容，请重新下载excel模板填写金额后上传，系统会直接删除下表所有旧数据，以新的excel内容为准</span>
+      </Section>
+      <List dataSource={listData} size="small" bordered>
+        <Table.Column align="center" title="房屋信息" dataIndex="phase" key="phase" render={(_, row) => (row.phase + row.building + row.unit + row.level + row.roomNo)} />
+        <Table.Column align="center" title="收费说明" dataIndex="billExplain" key="billExplain" />
+        <Table.Column align="center" title="收费金额(元)" dataIndex="payPrice" key="payPrice" render={payPrice => (payPrice === null || payPrice === undefined ? '' : Number(payPrice/100).toFixed(2))} />
+      </List>
+      <Section>
+        <span>点击发送后账单会发送给对应家庭，家庭中的成员都可以查看到他们家的收费项，缴费成功无法线上退款，只能线下当面退款，请先保存为草稿，核对无误后再发送账单给住户</span>
+      </Section>
+    </div>
+  )
+}

src/pages/property/bill/edit/index.jsx

@@ -0,0 +1,94 @@
+import React from 'react'
+import router from 'umi/router'
+import { Button, Form, Input, DatePicker } from 'antd'
+import AddOn from './components/AddOn'
+
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 6 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 12 },
+  },
+}
+
+const tailFormItemLayout = {
+  wrapperCol: {
+    xs: {
+      span: 24,
+      offset: 0,
+    },
+    sm: {
+      span: 16,
+      offset: 6,
+    },
+  },
+}
+
+export default Form.create()(props => {
+
+  const handleSubmit = values => {
+
+  }
+
+  const { getFieldDecorator } = props.form
+
+  return (
+    <div>
+      <Form {...formItemLayout} onSubmit={handleSubmit}>
+        <Form.Item label="收费组名称">
+        {
+          getFieldDecorator('billName', {
+            rules: [
+              {
+                required: true,
+                message: '请填写收费组名称',
+              },
+            ],
+          })(
+            <Input />
+          )
+        }
+        </Form.Item>
+        <Form.Item label="收费组说明">
+        {
+          getFieldDecorator('billExplain', {
+            rules: [
+              {
+                required: true,
+                message: '请填写收费组说明',
+              },
+            ],
+          })(
+            <Input />
+          )
+        }
+        </Form.Item>
+        <Form.Item label="截止时间">
+        {
+          getFieldDecorator('endDate', {
+            rules: [
+              {
+                required: true,
+                message: '请填写公告内容',
+              },
+            ],
+          })(
+            <DatePicker />
+          )
+        }
+        </Form.Item>
+        <Form.Item label=" " colon={false}>
+          <AddOn />
+        </Form.Item>
+        <Form.Item {...tailFormItemLayout} >
+          <Button type="primary" htmlType="submit">草稿</Button>
+          <Button type="danger" style={{ marginLeft: '24px' }}>发布</Button>
+          <Button style={{ marginLeft: '24px' }} onClick={() => router.go(-1)}>取消</Button>
+        </Form.Item>
+      </Form>
+    </div>
+  )
+})

src/pages/property/bill/index.jsx

@@ -1,3 +1 @@
-import React from 'react'
-
-
+import React, { useState, useEffect } from 'react'

src/pages/property/bill/list/index.jsx

@@ -1,6 +1,7 @@
 import React, { useRef, useState } from 'react'
-import { Spin, Form, Input, Divider, Button } from 'antd'
+import { Spin, Form, Input, Divider, Button, Row, Col } from 'antd'
 import router from 'umi/router'
+import NavLink from 'umi/navlink'
 import { fetch, fetchList, apis } from '@/utils/request'
 import Search from '../../components/Search'
 import List from '../../components/List'
@@ -11,7 +12,7 @@ const Condition = props => {
     <Search
       onSearch={props.onSearch}
       onReset={props.onReset}
-      render={({ form }) => {
+      render={form => {
         const { getFieldDecorator } = form
 
         return (
@@ -165,7 +166,7 @@ export default props => {
     setPagination(defaultPage)
     getListData({
       ...defaultPage,
-      ...pageRef.current,
+      ...queryRef.current,
     })
   }
 
@@ -175,7 +176,7 @@ export default props => {
     getListData({
       pageNum,
       pageSize,
-      ...pageRef.current,
+      ...queryRef.current,
     })
   }
 
@@ -187,10 +188,6 @@ export default props => {
     }
   }
 
-  const handleAddRow = () => {
-    router.push(`/bill/management/add`)
-  }
-
   const handleDeleteRow = row => {
     setLoading(true)
     deleteBillBeach({ data: [row.id] }).then(res => {
@@ -202,12 +199,12 @@ export default props => {
   return (
     <div>
       <Condition onReset={handleQuery} onSearch={handleQuery} />
-      <div style={{ margin: '16px 0' }}>
-        <Row type="flex" justify="end">
-          <Button type="primary" onClick={handleAddRow}>新增</Button>
-        </Row>
+      <div style={{ margin: '24px 0' }}>
+        <NavLink to={`/property/bill/management/add`}>
+          <Button type="primary">添加</Button>
+        </NavLink>
       </div>
-      <Spin loading={loading}>
+      <Spin spinning={loading}>
         <TableList
           dataSource={listData}
           pagination={pagination}

src/pages/property/bill/order/index.jsx

@@ -0,0 +1,146 @@
+import React, { useState, useEffect } from 'react'
+import { Select, Spin, Table, Button, Form, Input, Divider } from 'antd'
+import NavLink from 'umi/navlink'
+import { fetchList, apis } from '@/utils/request'
+import Search from '../../components/Search'
+import List from '../../components/List'
+
+const Condition = props => {
+  return (
+    <Search
+      onSearch={props.onSearch}
+      onReset={props.onReset}
+      render={form => {
+        const { getFieldDecorator, setFieldsValue } = form
+        
+        return (
+          <>
+            <Form.Item label="订单号">
+            {
+              getFieldDecorator('orderBumber')(<Input placeholder="公告编号" />)
+            }
+            </Form.Item>
+            <Form.Item label="缴费项目编号">
+            {
+              getFieldDecorator('billId')(<Input placeholder="缴费项目编号" />)
+            }
+            </Form.Item>
+            <Form.Item label="缴费项目名">
+            {
+              getFieldDecorator('billName')(<Input placeholder="缴费项目名" />)
+            }
+            </Form.Item>
+            <Form.Item label="收费单号">
+            {
+              getFieldDecorator('billInvoiceId')(<Input placeholder="收费单号" />)
+            }
+            </Form.Item>
+            <Form.Item label="缴费人手机号">
+            {
+              getFieldDecorator('payPhone')(<Input placeholder="缴费人手机号" />)
+            }
+            </Form.Item>
+          </>
+        )
+      }}
+    />
+  )
+}
+
+const StatusDict = {
+  '0': '未支付',
+  '1': '已支付',
+  '2': '支付中',
+  '3': '已关闭',
+}
+
+const PayTypeDict = {
+  '0': '微信缴费',
+  '1': '线下缴费',
+  '2': '支付宝缴费',
+}
+
+export default props => {
+  const [loading, setLoading] = useState(false)
+  const [listData, setListData] = useState([])
+
+  const handleSearch = () => {
+
+  }
+
+  const handleDeleteRow = row => {
+
+  }
+
+  const handleEditRow = row => {
+
+  }
+
+  const handlePageChange = (pageNum, pageSize) => {
+
+  }
+
+  const exportExcel = () => {
+
+  }
+
+  return (
+    <div>
+      <Condition onSearch={handleSearch} onReset={handleSearch} />
+      <div style={{ margin: '24px 0' }}>
+        <Button type="primary" onClick={exportExcel}>导出数据</Button>
+      </div>
+      <Spin spinning={loading}>
+        <List dataSource={listData} onPageChange={handlePageChange} rowKey="id">
+          <Table.Column
+            title="订单号"
+            dataIndex="id"
+            key="id"
+            render={(_, row) => {
+              return (
+                <NavLink to={`/xxx?id=${row.id}`}>
+                  <Button type="link">{row.orderBumber}</Button>
+                </NavLink>
+              )
+            }}
+          />
+          <Table.Column
+            title="收费组编号"
+            dataIndex="billId"
+            key="billId"
+            render={(_, row) => {
+              return (row.billIdList || []).map(item => (
+                <NavLink key={item} to={`/xxx?id=${item}`}>
+                  <Button type="link">{item}</Button>
+                </NavLink>
+              ))
+            }}
+          />
+          <Table.Column
+            title="收费单号"
+            dataIndex="billInvoiceId"
+            key="billInvoiceId"
+            render={(_, row) => {
+              return (row.billInvoiceIdList || []).map(item => (
+                <span key={item}>{item}</span>
+              ))
+            }}
+          />
+          <Table.Column title="总费用金额" dataIndex="sumPrice" key="sumPrice" render={sumPrice => (sumPrice === null || sumPrice === undefined ? '' : Number(sumPrice).toFixed(2))} />
+          <Table.Column
+            title="订单状态"
+            dataIndex="orderStatus"
+            key="orderStatus"
+            render={(_, row) => StatusDict[row.orderStatus]}
+          />
+          <Table.Column title="缴费人手机号" dataIndex="payPhone" key="payPhone" />
+          <Table.Column title="缴费备注" dataIndex="payRemark" key="payRemark" />
+          <Table.Column title="缴费方式" dataIndex="payType" key="payType" render={payType => PayTypeDict[payType]}/>
+          <Table.Column title="订单生成时间" dataIndex="createTime" key="createTime" />
+          <Table.Column title="缴费完成时间" dataIndex="updateDate" key="updateDate" />
+        </List>
+      </Spin>
+
+    </div>
+  )
+}

src/pages/property/components/Search.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { Form, Button, Row } from 'antd'
+import Styles from './style.less'
 
 export default Form.create()(props => {
   const handleSubmit = e => {
@@ -19,7 +20,7 @@ export default Form.create()(props => {
   }
 
   return (
-    <Form layout="inline" onSubmit={handleSubmit}>
+    <Form layout="inline" onSubmit={handleSubmit} className={Styles['x-search-form']}>
       <div style={{ display: 'flex', width: '100%' }}>
         <div style={{ flex: 'none', maxWidth: 'calc(100% - 180px)' }}>
           {props.render(props.form)}

src/pages/property/components/style.less

@@ -0,0 +1,6 @@
+
+.x-search-form {
+  // .ant-form-item {
+  //   margin-bottom: 16px;
+  // }
+}

src/pages/property/notice/Edit.jsx

@@ -0,0 +1,91 @@
+import React from 'react'
+import router from 'umi/router'
+import { Button, Form, Input } from 'antd'
+import Wangedit from '@/components/Wangedit/Wangedit'
+import ImageListUpload from '@/components/XForm/ImageListUpload'
+
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 6 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 12 },
+  },
+}
+
+const tailFormItemLayout = {
+  wrapperCol: {
+    xs: {
+      span: 24,
+      offset: 0,
+    },
+    sm: {
+      span: 16,
+      offset: 6,
+    },
+  },
+}
+
+export default Form.create()(props => {
+
+  const handleSubmit = values => {
+
+  }
+
+  const { getFieldDecorator } = props.form
+
+  return (
+    <div>
+      <Form {...formItemLayout} onSubmit={handleSubmit}>
+        <Form.Item label="公告标题">
+        {
+          getFieldDecorator('announcementTitle', {
+            rules: [
+              {
+                required: true,
+                message: '请填写公告标题',
+              },
+            ],
+          })(
+            <Input placeholder="20个汉字以内" />
+          )
+        }
+        </Form.Item>
+        <Form.Item label="公告轮播图" help="轮播图为横幅位展示图片，不会显示在公告详情页，建议尺寸1080*500，大小200KB以内">
+        {
+          getFieldDecorator('announcementCarouselImg', {
+            rules: [
+              {
+                required: true,
+                message: '请上传公告轮播图',
+              },
+            ],
+          })(
+            <ImageListUpload />
+          )
+        }
+        </Form.Item>
+        <Form.Item label="公告内容">
+        {
+          getFieldDecorator('announcementContent', {
+            rules: [
+              {
+                required: true,
+                message: '请填写公告内容',
+              },
+            ],
+          })(
+            <Wangedit />
+          )
+        }
+        </Form.Item>
+        <Form.Item {...tailFormItemLayout} >
+          <Button type="primary" htmlType="submit">确定</Button>
+          <Button style={{ marginLeft: '24px' }} onClick={() => router.go(-1)}>取消</Button>
+        </Form.Item>
+      </Form>
+    </div>
+  )
+})

src/pages/property/proprietor/Notice.jsx → src/pages/property/notice/index.jsx

@@ -1,11 +1,10 @@
 import React, { useState, useEffect } from 'react'
-import { Select, Spin, Table, Button, Form, Input } from 'antd'
+import { Select, Spin, Table, Button, Form, Input, Divider } from 'antd'
 import NavLink from 'umi/navlink'
 import { fetchList, apis } from '@/utils/request'
 import Search from '../components/Search'
 import List from '../components/List'
 
-
 const Condition = props => {
   return (
     <Search
@@ -51,6 +50,10 @@ export default props => {
 
   }
 
+  const handleEditRow = row => {
+
+  }
+
   const handlePageChange = (pageNum, pageSize) => {
 
   }
@@ -59,11 +62,9 @@ export default props => {
     <div>
       <Condition onSearch={handleSearch} onReset={handleSearch} />
       <div style={{ margin: '24px 0' }}>
-        <NavLink to={`/xxx`}>
+        <NavLink to={`/property/notice/edit`}>
           <Button type="primary">添加</Button>
         </NavLink>
-        <Button style={{ marginLeft: '24px' }}>修改</Button>
-        <Button type="danger" style={{ marginLeft: '24px' }}>修改</Button>
       </div>
       <Spin spinning={loading}>
         <List dataSource={listData} onPageChange={handlePageChange} rowKey="id">
@@ -93,34 +94,27 @@ export default props => {
               return StatusDict[row.status]
             }}
           />
-          <Table.Column title="身份" dataIndex="roleName" key="roleName" />
-          <Table.Column
-            title="审核状态"
-            dataIndex="verifyStatus"
-            key="verifyStatus"
-            render={(_, row) => {
-              return (
-                <span>
-                  {verifyStatusDict[row.verifyStatus] || ''}
-                </span>
-              )
-            }}
-          />
-          <Table.Column title="编辑人" dataIndex="updateName" key="updateName" />
-          <Table.Column title="编辑时间" dataIndex="createDate" key="createDate" />
+          <Table.Column title="发布时间" dataIndex="createDate" key="createDate" />
+          <Table.Column title="发布人" dataIndex="createUserName" key="createUserName" />
+          <Table.Column title="修改时间" dataIndex="updateDate" key="updateDate" />
+          <Table.Column title="修改人" dataIndex="updateDateName" key="updateDateName" />
           <Table.Column
             title="操作"
             key="action"
             render={(_, row) => {
               return (
-                <Popconfirm
-                  title="确认进行删除操作?"
-                  onConfirm={() => handleDeleteRow(row)}
-                  okText="删除"
-                  cancelText="取消"
-                >
-                  <Button type="link">删除</Button>
-                </Popconfirm>
+                <>
+                  <Popconfirm
+                    title="确认进行作废操作?"
+                    onConfirm={() => handleDeleteRow(row)}
+                    okText="作废"
+                    cancelText="取消"
+                  >
+                    <Button type="link">删除</Button>
+                  </Popconfirm>
+                  <Divider type="vertical" />
+                  <Button type="link" onClick={() => handleEdit(row)}>编辑</Button>
+                </>
               )
             }}
           />

src/pages/property/ticket/index.jsx

@@ -0,0 +1,185 @@
+import React, { useState, useEffect } from 'react'
+import { Select, Spin, Table, Button, Form, Input, Divider, Typography } from 'antd'
+import NavLink from 'umi/navlink'
+import { fetchList, apis } from '@/utils/request'
+import Search from '../components/Search'
+import List from '../components/List'
+
+const TypeDict = [
+  {
+    label: '投诉',
+    value: '1',
+  },
+  {
+    label: '报修',
+    value: '2',
+  },
+  {
+    label: '联系物业',
+    value: '3',
+  },
+]
+
+const StatusDict = [
+  {
+    label: '待分配',
+    value: '0',
+  },
+  {
+    label: '拒绝处理',
+    value: '1',
+  },
+  {
+    label: '正在处理',
+    value: '3',
+  },
+  {
+    label: '待评价',
+    value: '4',
+  },
+  {
+    label: '已评价',
+    value: '5',
+  },
+  {
+    label: '已终止',
+    value: '6',
+  },
+]
+
+const getDictValue = (dict, val) => dict.filter(x => x.value === val)[0]
+
+const Condition = props => {
+  return (
+    <Search
+      onSearch={props.onSearch}
+      onReset={props.onReset}
+      render={form => {
+        const { getFieldDecorator, setFieldsValue } = form
+        
+        return (
+          <>
+            <Form.Item label="工单编号">
+            {
+              getFieldDecorator('id')(<Input placeholder="工单编号" />)
+            }
+            </Form.Item>
+            <Form.Item label="类型">
+            {
+              getFieldDecorator('type')(
+                <Select placeholder="选择类型" style={{ width: '120px' }}>
+                  {
+                    TypeDict.map(x => (<Select.Option key={x.value} value={x.value}>{x.label}</Select.Option>))
+                  }
+                </Select>
+              )
+            }
+            </Form.Item>
+            <Form.Item label="工单标题">
+            {
+              getFieldDecorator('ticketTitle')(<Input placeholder="工单标题" />)
+            }
+            </Form.Item>
+            <Form.Item label="发起人">
+            {
+              getFieldDecorator('createUserNmae')(<Input placeholder="发起人" />)
+            }
+            </Form.Item>
+            <Form.Item label="流转状态">
+            {
+              getFieldDecorator('status')(
+                <Select placeholder="选择状态" style={{ width: '120px' }}>
+                  {
+                    TypeDict.map(x => (<Select.Option key={x.value} value={x.value}>{x.label}</Select.Option>))
+                  }
+                </Select>
+              )
+            }
+            </Form.Item>
+            <Form.Item label="处理人">
+            {
+              getFieldDecorator('updateUserNmae')(<Input placeholder="处理人" />)
+            }
+            </Form.Item>
+          </>
+        )
+      }}
+    />
+  )
+}
+
+export default props => {
+  const [loading, setLoading] = useState(false)
+  const [listData, setListData] = useState([])
+
+  const handleSearch = () => {
+
+  }
+
+  const handleDeleteRow = row => {
+
+  }
+
+  const handleEditRow = row => {
+
+  }
+
+  const handlePageChange = (pageNum, pageSize) => {
+
+  }
+
+  return (
+    <div>
+      <Condition onSearch={handleSearch} onReset={handleSearch} />
+      <div style={{ margin: '24px 0' }}>
+        {/* <NavLink to={`/property/notice/edit`}>
+          <Button type="primary">添加</Button>
+        </NavLink> */}
+      </div>
+      <Spin spinning={loading}>
+        <List dataSource={listData} onPageChange={handlePageChange} rowKey="id">
+          <Table.Column title="编号" dataIndex="id" key="id" />
+          <Table.Column title="类型" dataIndex="type" key="type" render={x => getDictValue(TypeDict, x)} />
+          <Table.Column
+            title="标题"
+            dataIndex="ticketTitle"
+            key="ticketTitle"
+            render={(_, row) => {
+              return (
+                <NavLink to={`/xxx?id=${row.id}`}>
+                  <Typography.Text ellipsis>{row.ticketTitle}</Typography.Text>
+                </NavLink>
+              )
+            }}
+          />
+          <Table.Column title="发起人" dataIndex="createUserNmae" key="createUserNmae" />
+          <Table.Column title="发起时间" dataIndex="createDate" key="createDate" />
+          <Table.Column title="流转状态" dataIndex="status" key="status" render={x => getDictValue(StatusDict, x)} />
+          <Table.Column title="当前处理人" dataIndex="tpUserNmae" key="tpUserNmae" />
+          <Table.Column title="最近操作时间" dataIndex="updateDate" key="updateDate" />
+          <Table.Column
+            title="操作"
+            key="action"
+            render={(_, row) => {
+              return (
+                <>
+                  <Popconfirm
+                    title="确认进行作废操作?"
+                    onConfirm={() => handleDeleteRow(row)}
+                    okText="作废"
+                    cancelText="取消"
+                  >
+                    <Button type="link">删除</Button>
+                  </Popconfirm>
+                  <Divider type="vertical" />
+                  <Button type="link" onClick={() => handleEdit(row)}>编辑</Button>
+                </>
+              )
+            }}
+          />
+        </List>
+      </Spin>
+
+    </div>
+  )
+}