货拉拉账户配置

jiangwei
1 parent 46079f3f
Showing 3 changed files with 49 additions and 15 deletions
src/pages/pms/transfer/HuolalaSetting/api.ts
src/pages/pms/transfer/HuolalaSetting/components/AddModal.tsx
src/pages/pms/transfer/HuolalaSetting/index.tsx
@@ -93,13 +93,24 @@ export interface saveParams{
     // @NotBlank(message = "发单账号不能为空")
     account?:string;
 }
-
+interface queryList {
+  current?:number
+  pageSize?:number
+  sysId?:number
+}
+// 查询财务账户信息列表
 export function getList(params: Params):http.PromisePageResp<ListVO> {
   return request.get(`${PMS_HOST}/erp/finance/account/get/page`, {params});
 }
+// 新增/编辑API
 export function saveApi(params: saveParams) {
   return request.post(`${PMS_HOST}/erp/finance/account/exit`, {...params});
 }
-export function roleListApi(params: Role.queryList): http.PromisePageResp<Role.Info> {
+// 推待办角色列表
+export function roleListApi(params: queryList): http.PromisePageResp<Role.Info> {
   return request.get(`${HOST}/role/list`, { params });
+}
+// 删除API
+export function deleteApi(params: {id: number}) {
+  return request.post(`${PMS_HOST}/erp/finance/account/delete`, {...params});
 }
 \ No newline at end of file
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import {Form, Button, InputNumber, Modal, message, Input } from 'antd';
 import PmsSelect from '@/pages/pms/comonents/PmsSelect';
 import { ListVO, saveApi, roleListApi } from '../api';
@@ -14,15 +14,30 @@ interface Props{
   onCancel: Function,
   item?:ListVO
 }
+
 export default function Index(props:Props) {
   const { list: suppliers } = usePagination<item>(getPageListApi, { supplierType: 40, pageSize: 500 });
   const { data: shops } = useInitail<PmsStoragePartShop.Option[], {}>(getShopApi, [], {});
-  const { list } = usePagination<Role.Info>(roleListApi, [], {});
+  const { list } = usePagination<Role.Info>(roleListApi, { pageSize: 500, sysId: 229 });
   const [loading, setLoading] = useState(false);
-
   const { visible, onCancel, item } = props;
   const [form] = Form.useForm();
  
+  useEffect(() => {
+    if (visible && item?.id) {
+      form.setFieldsValue({
+        supplierId: item.supplierId,
+        shopId: item.shopId,
+        minAmount: item.minAmount,
+        roleCode: item.roleCode,
+        account: item.account
+      });
+    }
+    if (!visible) {
+      form.resetFields();
+    }
+  }, [visible]);
+
   const onSave = () => {
     form.validateFields().then(files => {
       const params = {
@@ -32,6 +47,7 @@ export default function Index(props:Props) {
         shopId: files.shopId,
         minAmount: files.minAmount,
         roleCode: files.roleCode,
+        roleName: list.find(i => i.roleCode == files.roleCode)?.roleName,
         account: files.account
       };
       setLoading(true);
@@ -80,7 +96,10 @@ export default function Index(props:Props) {
           <InputNumber style={{width: '100%'}} addonAfter="元" />
         </Item>
         <Item label="推待办角色" name="roleCode" rules={[{ required: true, message: "请选择推办角色" }]}>
-          <PmsSelect />
+          <PmsSelect
+            placeholder="选择待办角色"
+            options={list.map(item => ({value: item.roleCode, label: item.roleName}))}
+          />
         </Item>
         <Item label="发单账号" name="account" rules={[{ required: true, message: "请填写发单账号" }]}>
           <Input />
 import React, { useState } from 'react';
-import { Card, Button, Table, Divider, Popconfirm } from 'antd';
+import { Card, Button, Table, Divider, Popconfirm, message } from 'antd';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import AddModal from './components/AddModal';
 import ChargeModal from './components/ChargeModal';
-import {getList, ListVO} from './api';
+import {getList, ListVO, deleteApi} from './api';
 import usePagination from '@/hooks/usePagination';
  
 const Column = Table.Column;
 export default function Index() {
-  const {list, loading, paginationConfig} = usePagination<ListVO>(getList, [], {});
+  const {list, loading, paginationConfig, setParams} = usePagination<ListVO>(getList, [], {});
   const [current, setCurrent] = useState<{ visible: boolean, item: ListVO }>({visible: false, item: {}});
   const [chargeInfo, setChargeInfo] = useState<{ visible: boolean, item: ListVO }>({visible: false, item: {}});
-
+  const data = [{id: 1, supplierName: "货拉拉", shopName: "不过承诺书可能单纯迪士尼才", amount: 3000, minAmount: 1500, roleName: "计划制定员", account: "15725173,16638183"}];
   return (
     <PageHeaderWrapper title="货拉拉账户配置">
       <Card 
         extra={<Button type="primary" onClick={() => setCurrent({visible: true, item: {}})}>新增</Button>}
       >
-        <Table dataSource={list} rowKey="id" loading={loading} pagination={paginationConfig}>
+        <Table dataSource={data} rowKey="id" loading={loading} pagination={paginationConfig}>
           <Column title="往来单位" dataIndex="supplierName" />
           <Column title="签约门店" dataIndex="shopName" />
           <Column title="当前余额(元)" dataIndex="amount" />
@@ -27,19 +27,23 @@ export default function Index() {
           <Column 
             title="操作" 
             render={r => (
-              <>
+              <div style={{display: 'flex', flexWrap: 'wrap', alignItems: 'center'}}>
                 <a onClick={() => setChargeInfo({visible: true, item: r})}>预付款充值申请</a>
                 <Divider type="vertical" />
                 <a onClick={() => setCurrent({visible: true, item: r})}>编辑</a>
                 <Divider type="vertical" />
                 <Popconfirm
                   title="确认删除"
-                  onConfirm={() => {}}
+                  onConfirm={() => {
+                    deleteApi({id: r.id}).then(res => {
+                      message.success('操作成功');
+                      setParams({}, true);
+                    }).catch(e => message.error(e.message));
+                  }}
                 >
                   <a>删除</a>
                 </Popconfirm>
-                
-              </>
+              </div>
             )}
           />
         </Table>