Commit f4b7ee19 authored by TZW's avatar TZW

12011951

parent 7120c0d2
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: Li Hanlin * @Author: Li Hanlin
* @Date: 2022-11-25 09:18:03 * @Date: 2022-11-25 09:18:03
* @Last Modified by: Li Hanlin * @Last Modified by: Li Hanlin
* @Last Modified time: 2022-11-28 10:50:21 * @Last Modified time: 2022-12-01 19:49:37
*/ */
import * as React from 'react'; import * as React from 'react';
...@@ -150,7 +150,7 @@ function Failure(props) { ...@@ -150,7 +150,7 @@ function Failure(props) {
return ( return (
<div style={{ position: 'relative' }}> <div style={{ position: 'relative' }}>
<AutoTable <AutoTable
pagetitle={<h3 className="page-title">故障报修</h3>} pagetitle={<h3 className="page-title">设备供应商</h3>}
columns={columns} columns={columns}
actionRef={actionRef} actionRef={actionRef}
pageextra={'add'} pageextra={'add'}
...@@ -202,6 +202,8 @@ function Failure(props) { ...@@ -202,6 +202,8 @@ function Failure(props) {
}, },
}, },
}} }}
activeTabKey={activeTabKey}
onTabChange={onTabChange}
/> />
<DrawerPro <DrawerPro
......
import * as React from 'react'; import * as React from 'react';
import { useState, useMemo, useRef } from 'react'; import { useState, useMemo, useRef } from 'react';
import DrawerPro from '@/components/DrawerPro'; import DrawerPro from '@/components/DrawerPro';
import AutoTable from '@/components/AutoTable'; import AutoTable from '@/components/AutoTable';
import PremButton from '@/components/PremButton'; import PremButton from '@/components/PremButton';
import getcolumns from './columns'; import getcolumns from './columns';
import { useRequest } from 'ahooks'; import { useRequest } from 'ahooks';
import { doFetch } from '@/utils/doFetch'; import { doFetch } from '@/utils/doFetch';
function Platform(props) { function Platform(props) {
const actionRef = useRef(), const actionRef = useRef(),
formRef = useRef(); formRef = useRef();
const [drawer, setdrawer] = useState({ const [drawer, setdrawer] = useState({
open: false,
}),
[activeTabKey, setactiveTabKey] = useState('1');
const { run, loading } = useRequest(doFetch, {
manual: true,
onSuccess: (res, params) => {
if (res?.code == '0000') {
actionRef?.current?.reload();
setdrawer((s) => ({
...s,
open: false, open: false,
}), }));
[activeTabKey, setactiveTabKey] = useState('1'); }
},
});
const { run, loading } = useRequest(doFetch, { const detail = (text, row, _, action) => {
manual: true, return (
onSuccess: (res, params) => { <PremButton
if (res?.code == '0000') { btn={{
actionRef?.current?.reload(); size: 'small',
type: 'link',
onClick: () => {
setdrawer((s) => ({ setdrawer((s) => ({
...s, ...s,
open: false, open: true,
item: row,
title: '详情',
val: 'detail',
title: '详细信息',
})); }));
} },
}, }}
}); >
详情
const detail = (text, row, _, action) => { </PremButton>
return ( );
<PremButton };
btn={{
size: 'small',
type: 'link',
onClick: () => {
setdrawer((s) => ({
...s,
open: true,
item: row,
title: '详情',
val: 'detail',
title: '详细信息',
}));
},
}}
>
详情
</PremButton>
);
};
const edit = (text, row, _, action) => { const edit = (text, row, _, action) => {
return ( return (
<PremButton <PremButton
btn={{ btn={{
size: 'small', size: 'small',
onClick: () => { onClick: () => {
setdrawer((s) => ({ setdrawer((s) => ({
...s, ...s,
open: true, open: true,
item: row, item: row,
title: '编辑', title: '编辑',
val: 'edit', val: 'edit',
})); }));
}, },
}} }}
> >
编辑 编辑
</PremButton> </PremButton>
); );
}; };
const remove = (text, row, _, action) => {
return (
<PremButton
pop={{
title: '是否删除?',
okText: '确认',
cancelText: '取消',
onConfirm: () => {
run({ url: pathconfig?.delete || '/delete', params: { id: row?.id } });
},
}}
btn={{
size: 'small',
type: 'danger',
}}
>
删除
</PremButton>
);
};
const columns = useMemo(() => { const remove = (text, row, _, action) => {
let defcolumn = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.columns; return (
let defpath = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.pathconfig ?? {}; <PremButton
return defcolumn.concat({ pop={{
title: '操作', title: '是否删除?',
valueType: 'option', okText: '确认',
width: 150, cancelText: '取消',
render: (text, row, _, action) => [ onConfirm: () => {
defpath?.enabledetail && detail(text, row, _, action), run({ url: pathconfig?.delete || '/delete', params: { id: row?.id } });
defpath?.enableedit && edit(text, row, _, action), },
defpath?.enabledelete && remove(text, row, _, action), }}
], btn={{
}); size: 'small',
}, [activeTabKey]); type: 'danger',
}}
>
删除
</PremButton>
);
};
const pathconfig = useMemo(() => { const columns = useMemo(() => {
let defpath = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.pathconfig ?? {}; let defcolumn = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.columns;
return defpath; let defpath = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.pathconfig ?? {};
}, [activeTabKey]); return defcolumn.concat({
title: '操作',
valueType: 'option',
width: 150,
render: (text, row, _, action) => [
defpath?.enabledetail && detail(text, row, _, action),
defpath?.enableedit && edit(text, row, _, action),
defpath?.enabledelete && remove(text, row, _, action),
],
});
}, [activeTabKey]);
return ( const pathconfig = useMemo(() => {
<div style={{ position: 'relative' }}> let defpath = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.pathconfig ?? {};
<AutoTable return defpath;
pagetitle="接单平台" }, [activeTabKey]);
columns={columns}
path={pathconfig?.list || '/ngic-auth/sysUser/query/page'}
actionRef={actionRef}
pageextra={pathconfig?.enableadd ? 'add' : null}
resizeable={true}
addconfig={{
// access: 'sysDepartment_save',
btn: {
disabled: false,
onClick: () => {
setdrawer((s) => ({
...s,
open: true,
item: null,
title: '新增',
val: 'add',
}));
},
},
}}
tabList={getcolumns()}
activeTabKey={activeTabKey}
onTabChange={(key) => {
setactiveTabKey(key);
}}
/>
<DrawerPro return (
fields={columns} <div style={{ position: 'relative' }}>
detailpath={pathconfig?.detail || null} <AutoTable
detailData={drawer?.item} pagetitle={<h3 className="page-title">接单平台</h3>}
params={{ id: drawer?.item?.id }} columns={columns}
formRef={formRef} path={pathconfig?.list || '/ngic-auth/sysUser/query/page'}
placement="right" actionRef={actionRef}
onClose={() => { pageextra={pathconfig?.enableadd ? 'add' : null}
resizeable={true}
addconfig={{
// access: 'sysDepartment_save',
btn: {
disabled: false,
onClick: () => {
setdrawer((s) => ({ setdrawer((s) => ({
...s, ...s,
open: false, open: true,
item: null,
title: '新增',
val: 'add',
})); }));
}} },
{...drawer} },
onFinish={(vals) => { }}
if (drawer?.val == 'add') { tabList={getcolumns()}
run({ url: pathconfig?.add || '/add', params: { ...vals } }); activeTabKey={activeTabKey}
} else if (drawer?.val == 'edit') { onTabChange={(key) => {
run({ url: pathconfig?.edit || '/edit', params: { ...vals, id: drawer?.item?.id } }); setactiveTabKey(key);
} }}
}} />
/>
</div> <DrawerPro
); fields={columns}
} detailpath={pathconfig?.detail || null}
detailData={drawer?.item}
params={{ id: drawer?.item?.id }}
formRef={formRef}
placement="right"
onClose={() => {
setdrawer((s) => ({
...s,
open: false,
}));
}}
{...drawer}
onFinish={(vals) => {
if (drawer?.val == 'add') {
run({ url: pathconfig?.add || '/add', params: { ...vals } });
} else if (drawer?.val == 'edit') {
run({ url: pathconfig?.edit || '/edit', params: { ...vals, id: drawer?.item?.id } });
}
}}
/>
</div>
);
}
export default Platform; export default Platform;
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment