Compare commits
No commits in common. "87e4ed194d85c93716f3e0501589a063afcdd391" and "58483043079fbfe4c9da95073e157f7e7193c5b2" have entirely different histories.
87e4ed194d
...
5848304307
14
src/gen/ApiTypes.d.ts
vendored
14
src/gen/ApiTypes.d.ts
vendored
@ -682,13 +682,6 @@ declare namespace ApiTypes {
|
|||||||
"new_password": string; // 新密码
|
"new_password": string; // 新密码
|
||||||
"re_new_password": string; // 重复新密码
|
"re_new_password": string; // 重复新密码
|
||||||
};
|
};
|
||||||
type PreUpload = {
|
|
||||||
"filename": string; // 文件名称
|
|
||||||
"alc": string; // 访问限制 public-read, private
|
|
||||||
};
|
|
||||||
type TemporaryUrl = {
|
|
||||||
"filename": string; // 文件名称
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
namespace ConvenienceServices {
|
namespace ConvenienceServices {
|
||||||
type List = {
|
type List = {
|
||||||
@ -746,10 +739,6 @@ declare namespace ApiTypes {
|
|||||||
"remark"?: string; // 备注
|
"remark"?: string; // 备注
|
||||||
"roles_id"?: string[]; // 角色ID数组
|
"roles_id"?: string[]; // 角色ID数组
|
||||||
};
|
};
|
||||||
type ResetPassword = {
|
|
||||||
"id": number; // id
|
|
||||||
"password": string; // 密码[hidden]
|
|
||||||
};
|
|
||||||
type Show = {
|
type Show = {
|
||||||
"id": number; // id
|
"id": number; // id
|
||||||
};
|
};
|
||||||
@ -1627,9 +1616,6 @@ declare namespace ApiTypes {
|
|||||||
"visited_remark"?: string; // 访问说明
|
"visited_remark"?: string; // 访问说明
|
||||||
"visited_attachment"?: string[]; // 访问附件
|
"visited_attachment"?: string[]; // 访问附件
|
||||||
};
|
};
|
||||||
type Closed = {
|
|
||||||
"id": number; // id
|
|
||||||
};
|
|
||||||
type Delete = {
|
type Delete = {
|
||||||
"id": number; // id
|
"id": number; // id
|
||||||
};
|
};
|
||||||
|
|||||||
@ -318,12 +318,6 @@ export const Apis = {
|
|||||||
ChangePassword(data: ApiTypes.Common.Auth.ChangePassword): Promise<MyResponseType> {
|
ChangePassword(data: ApiTypes.Common.Auth.ChangePassword): Promise<MyResponseType> {
|
||||||
return request('company/common/auth/change_password', { data });
|
return request('company/common/auth/change_password', { data });
|
||||||
},
|
},
|
||||||
PreUpload(data: ApiTypes.Common.Auth.PreUpload): Promise<MyResponseType> {
|
|
||||||
return request('company/common/auth/pre_upload', { data });
|
|
||||||
},
|
|
||||||
TemporaryUrl(data: ApiTypes.Common.Auth.TemporaryUrl): Promise<MyResponseType> {
|
|
||||||
return request('company/common/auth/temporary_url', { data });
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
ConvenienceServices: {
|
ConvenienceServices: {
|
||||||
List(data?: ApiTypes.Common.ConvenienceServices.List): Promise<MyResponseType> {
|
List(data?: ApiTypes.Common.ConvenienceServices.List): Promise<MyResponseType> {
|
||||||
@ -354,9 +348,6 @@ export const Apis = {
|
|||||||
Update(data: ApiTypes.Company.CompanyEmployees.Update): Promise<MyResponseType> {
|
Update(data: ApiTypes.Company.CompanyEmployees.Update): Promise<MyResponseType> {
|
||||||
return request('company/company/company_employees/update', { data });
|
return request('company/company/company_employees/update', { data });
|
||||||
},
|
},
|
||||||
ResetPassword(data: ApiTypes.Company.CompanyEmployees.ResetPassword): Promise<MyResponseType> {
|
|
||||||
return request('company/company/company_employees/reset_password', { data });
|
|
||||||
},
|
|
||||||
Show(data: ApiTypes.Company.CompanyEmployees.Show): Promise<MyResponseType> {
|
Show(data: ApiTypes.Company.CompanyEmployees.Show): Promise<MyResponseType> {
|
||||||
return request('company/company/company_employees/show', { data });
|
return request('company/company/company_employees/show', { data });
|
||||||
},
|
},
|
||||||
@ -909,9 +900,6 @@ export const Apis = {
|
|||||||
Visited(data: ApiTypes.WorkOrder.HouseWorkOrders.Visited): Promise<MyResponseType> {
|
Visited(data: ApiTypes.WorkOrder.HouseWorkOrders.Visited): Promise<MyResponseType> {
|
||||||
return request('company/work_order/house_work_orders/visited', { data });
|
return request('company/work_order/house_work_orders/visited', { data });
|
||||||
},
|
},
|
||||||
Closed(data: ApiTypes.WorkOrder.HouseWorkOrders.Closed): Promise<MyResponseType> {
|
|
||||||
return request('company/work_order/house_work_orders/closed', { data });
|
|
||||||
},
|
|
||||||
Delete(data: ApiTypes.WorkOrder.HouseWorkOrders.Delete): Promise<MyResponseType> {
|
Delete(data: ApiTypes.WorkOrder.HouseWorkOrders.Delete): Promise<MyResponseType> {
|
||||||
return request('company/work_order/house_work_orders/delete', { data });
|
return request('company/work_order/house_work_orders/delete', { data });
|
||||||
},
|
},
|
||||||
|
|||||||
1924
src/gen/Enums.ts
1924
src/gen/Enums.ts
File diff suppressed because it is too large
Load Diff
84
src/pages/approval/all/index.tsx
Normal file
84
src/pages/approval/all/index.tsx
Normal file
@ -0,0 +1,84 @@
|
|||||||
|
import { MyColumns, MyPageContainer, MyProTableProps } from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
import Show from './modals/Show';
|
||||||
|
|
||||||
|
export default function Index({ title = '审批列表' }) {
|
||||||
|
return (
|
||||||
|
<MyPageContainer
|
||||||
|
title={title}
|
||||||
|
enableTabs={true}
|
||||||
|
tabKey="all_approval_instances"
|
||||||
|
tabLabel={title}
|
||||||
|
>
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(
|
||||||
|
params,
|
||||||
|
sort,
|
||||||
|
Apis.Approval.ApprovalInstances.List,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
headerTitle={title}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({ search: false }),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '状态',
|
||||||
|
dataIndex: 'status',
|
||||||
|
// valueEnum: ApprovalInstancesStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
dataIndex: 'type',
|
||||||
|
title: '类型',
|
||||||
|
// valueEnum: ApprovalTemplatesTypeEnum,
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '申请事项',
|
||||||
|
dataIndex: 'title',
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '关联项目',
|
||||||
|
dataIndex: ['asset_project', 'name'],
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '申请人',
|
||||||
|
dataIndex: ['applicant', 'name'],
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '当前审批人',
|
||||||
|
dataIndex: ['approval_records', 'approver_name'],
|
||||||
|
search: false,
|
||||||
|
render: (_, item: any) =>
|
||||||
|
`${item?.approval_records?.[0]?.company_employee?.name || ''}-${
|
||||||
|
item?.approval_records?.[0]?.company_employee?.phone || ''
|
||||||
|
}`,
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: '项目ID',
|
||||||
|
dataIndex: 'asset_projects_id',
|
||||||
|
hidden: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '申请人',
|
||||||
|
dataIndex: 'applicant_name',
|
||||||
|
hidden: true,
|
||||||
|
},
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<Show item={item} reload={action?.reload} title={title} />
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</MyPageContainer>
|
||||||
|
);
|
||||||
|
}
|
||||||
254
src/pages/approval/all/modals/Show.tsx
Normal file
254
src/pages/approval/all/modals/Show.tsx
Normal file
@ -0,0 +1,254 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyModalFormProps,
|
||||||
|
renderTextHelper,
|
||||||
|
} from '@/common';
|
||||||
|
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import {
|
||||||
|
ContractsSettlementModeEnum,
|
||||||
|
ContractTemplatesIncomeExpenseTypeEnum,
|
||||||
|
RefundsTypeEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
|
import BIllInfo from '@/pages/bills/house_bills/modals/BIllInfo';
|
||||||
|
import {
|
||||||
|
BetaSchemaForm,
|
||||||
|
ProCard,
|
||||||
|
ProDescriptions,
|
||||||
|
} from '@ant-design/pro-components';
|
||||||
|
import { useNavigate } from '@umijs/max';
|
||||||
|
import { Form, Space, Steps } from 'antd';
|
||||||
|
|
||||||
|
export default function Update(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const navigate = useNavigate();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.Archive.HouseRegisters.Update>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
title={props.title}
|
||||||
|
trigger={<MyButtons.Default title="查看" type="primary" />}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
width="600px"
|
||||||
|
key={new Date().getTime()}
|
||||||
|
form={form}
|
||||||
|
onOpenChange={() => {
|
||||||
|
if (props?.item?.id) {
|
||||||
|
Apis.Approval.ApprovalInstances.Show({
|
||||||
|
id: props.item?.model_id,
|
||||||
|
}).then((res) => {
|
||||||
|
form.setFieldsValue({
|
||||||
|
info_display: res?.data,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
// title: '登记信息',
|
||||||
|
dataIndex: 'info_display',
|
||||||
|
valueType: 'text',
|
||||||
|
renderFormItem: (_, config) => (
|
||||||
|
<Space direction="vertical" style={{ width: '100%' }}>
|
||||||
|
<div>
|
||||||
|
{/* 退款详情 */}
|
||||||
|
{config?.value?.type === 'Refund' && (
|
||||||
|
<ProCard size="small">
|
||||||
|
<ProDescriptions size="small" column={2}>
|
||||||
|
<ProDescriptions.Item label="申请事项" span={2}>
|
||||||
|
{config?.value?.title || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="账单类型">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={RefundsTypeEnum}
|
||||||
|
value={config?.value?.model?.type}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="退款金额">
|
||||||
|
<Space>
|
||||||
|
{config?.value?.model?.refund_amount || '-'}
|
||||||
|
元
|
||||||
|
<BIllInfo
|
||||||
|
item={{
|
||||||
|
id: config?.value?.model?.refundable_id,
|
||||||
|
type: 'link',
|
||||||
|
}}
|
||||||
|
title="查看账单"
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="付款信息" span={2}>
|
||||||
|
{config?.value?.model?.payer_name || '-'}｜
|
||||||
|
{config?.value?.model?.payer_bank || '-'}｜
|
||||||
|
{config?.value?.model?.payer_account || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="收款信息" span={2}>
|
||||||
|
{config?.value?.model?.payee_name || '-'}
|
||||||
|
{config?.value?.model?.payee_bank || '-'}
|
||||||
|
{config?.value?.model?.payee_account || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请人" span={2}>
|
||||||
|
{props?.item?.applicant?.name || '-'}:
|
||||||
|
{props?.item?.applicant?.phone || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请时间">
|
||||||
|
{props?.item?.created_at || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
)}
|
||||||
|
{/* 合同详情 */}
|
||||||
|
{config?.value?.type === 'Contract' && (
|
||||||
|
<ProCard size="small">
|
||||||
|
<ProDescriptions size="small" column={2}>
|
||||||
|
<ProDescriptions.Item label="合同名称" span={2}>
|
||||||
|
{config?.value?.model?.name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
|
||||||
|
<ProDescriptions.Item label="合同编号" span={2}>
|
||||||
|
<Space>
|
||||||
|
{config?.value?.model?.code || '-'}
|
||||||
|
<BIllInfo
|
||||||
|
item={{
|
||||||
|
id: config?.value?.model?.refundable_id,
|
||||||
|
type: 'Contract',
|
||||||
|
}}
|
||||||
|
title="查看合同"
|
||||||
|
/>
|
||||||
|
<MyButtons.View
|
||||||
|
title="查看"
|
||||||
|
key="configInfo"
|
||||||
|
onClick={() => {
|
||||||
|
navigate(
|
||||||
|
`/contract/contracts/show/${config?.value?.model?.id}`,
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="收支类型">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={ContractTemplatesIncomeExpenseTypeEnum}
|
||||||
|
value={config?.value?.model?.income_expense_type}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同性质">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
// Enums={ContractsContractNatureEnum}
|
||||||
|
value={config?.value?.model?.contract_nature}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同类型">
|
||||||
|
{config?.value?.model?.contract_type_name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="结算模式">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={ContractsSettlementModeEnum}
|
||||||
|
value={config?.value?.model?.settlement_mode}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同金额">
|
||||||
|
{config?.value?.model?.total_amount || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="保证金金额">
|
||||||
|
{config?.value?.model?.deposit_amount || '无'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="签约主体">
|
||||||
|
{config?.value?.model?.sign_subject || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="签约部门">
|
||||||
|
{config?.value?.model?.sign_department || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="关联项目">
|
||||||
|
{config?.value?.model?.project_name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同对接人">
|
||||||
|
{config?.value?.model?.contract_liaison || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同有效期" span={2}>
|
||||||
|
{config?.value?.model?.start_time?.substring(0, 10)}至
|
||||||
|
{config?.value?.model?.end_time?.substring(0, 10)}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请人" span={2}>
|
||||||
|
{props?.item?.applicant?.name || '-'}:
|
||||||
|
{props?.item?.applicant?.phone || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请时间" span={2}>
|
||||||
|
{props?.item?.created_at || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="附件" span={2}>
|
||||||
|
{config?.value?.model?.attachments.map((item: any) => {
|
||||||
|
const handleDownload = async (
|
||||||
|
e: React.MouseEvent,
|
||||||
|
) => {
|
||||||
|
e.preventDefault();
|
||||||
|
try {
|
||||||
|
const response = await fetch(item.url);
|
||||||
|
const blob = await response.blob();
|
||||||
|
const url = window.URL.createObjectURL(blob);
|
||||||
|
const a = document.createElement('a');
|
||||||
|
a.href = url;
|
||||||
|
a.download = item.name;
|
||||||
|
document.body.appendChild(a);
|
||||||
|
a.click();
|
||||||
|
window.URL.revokeObjectURL(url);
|
||||||
|
document.body.removeChild(a);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('下载失败:', error);
|
||||||
|
// 如果下载失败，则在新窗口打开
|
||||||
|
window.open(item.url, '_blank');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div key={item.url}>
|
||||||
|
<a href={item.url} onClick={handleDownload}>
|
||||||
|
{item.name}；
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
)}
|
||||||
|
<ProCard>
|
||||||
|
<ProDescriptions>
|
||||||
|
<ProDescriptions.Item label="审核记录">
|
||||||
|
<Space direction="vertical" style={{ width: '100%' }}>
|
||||||
|
<Steps
|
||||||
|
progressDot
|
||||||
|
direction="vertical"
|
||||||
|
current={config?.value?.approval_records.length}
|
||||||
|
items={config?.value?.approval_records.map(
|
||||||
|
(item: any) =>
|
||||||
|
item?.node_type === 'Approver'
|
||||||
|
? {
|
||||||
|
title: `${
|
||||||
|
item.company_employee?.name || '-'
|
||||||
|
}-${item?.company_employee?.phone}`,
|
||||||
|
description: `${
|
||||||
|
item.status === 'Approved'
|
||||||
|
? `通过 - ${item.opinion || '-'} - ${
|
||||||
|
item.created_at || '-'
|
||||||
|
}`
|
||||||
|
: '待审核'
|
||||||
|
}`,
|
||||||
|
}
|
||||||
|
: '',
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
</div>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
colProps: { span: 24 },
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
82
src/pages/approval/approval/index.tsx
Normal file
82
src/pages/approval/approval/index.tsx
Normal file
@ -0,0 +1,82 @@
|
|||||||
|
import { MyColumns, MyPageContainer, MyProTableProps } from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { useNavigate } from '@umijs/max';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
import Audit from '../pending/modals/Audit';
|
||||||
|
|
||||||
|
export default function Index({ title = '待我审批' }) {
|
||||||
|
const navigate = useNavigate();
|
||||||
|
return (
|
||||||
|
<MyPageContainer
|
||||||
|
title={title}
|
||||||
|
enableTabs={true}
|
||||||
|
tabKey="approval_instances"
|
||||||
|
tabLabel={title}
|
||||||
|
>
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(
|
||||||
|
{
|
||||||
|
status: 'Pending',
|
||||||
|
...params,
|
||||||
|
},
|
||||||
|
sort,
|
||||||
|
Apis.Approval.ApprovalInstances.PendingList,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
headerTitle="待我审批"
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({ search: false }),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '状态',
|
||||||
|
dataIndex: 'status',
|
||||||
|
// valueEnum: ApprovalInstancesStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
dataIndex: ['approval_instance', 'type'],
|
||||||
|
title: '类型',
|
||||||
|
// valueEnum: ApprovalTemplatesTypeEnum,
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '申请事项',
|
||||||
|
dataIndex: ['approval_instance', 'title'],
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '关联项目',
|
||||||
|
dataIndex: ['approval_instance', 'asset_project', 'name'],
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: '申请人',
|
||||||
|
dataIndex: 'approver_name',
|
||||||
|
},
|
||||||
|
|
||||||
|
// {
|
||||||
|
// title: '有效期',
|
||||||
|
// search: false,
|
||||||
|
// render: (_, item: any) => {
|
||||||
|
// return `${dayjs(
|
||||||
|
// item?.approval_instance?.model?.start_time,
|
||||||
|
// ).format('YYYY-MM-DD')}至${dayjs(
|
||||||
|
// item?.approval_instance?.model?.end_time,
|
||||||
|
// ).format('YYYY-MM-DD')}`;
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<Audit item={item} reload={action?.reload} title={title} />
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</MyPageContainer>
|
||||||
|
);
|
||||||
|
}
|
||||||
70
src/pages/approval/cc_me/index.tsx
Normal file
70
src/pages/approval/cc_me/index.tsx
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
import { MyColumns, MyPageContainer, MyProTableProps } from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
import Show from './modals/Show';
|
||||||
|
export default function Index({ title = '抄送我的' }) {
|
||||||
|
return (
|
||||||
|
<MyPageContainer
|
||||||
|
title={title}
|
||||||
|
enableTabs={true}
|
||||||
|
tabKey="my_apply_list"
|
||||||
|
tabLabel={title}
|
||||||
|
>
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(
|
||||||
|
params,
|
||||||
|
sort,
|
||||||
|
Apis.Approval.ApprovalInstances.CcList,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
headerTitle={title}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({ search: false }),
|
||||||
|
{
|
||||||
|
title: '申请事项',
|
||||||
|
dataIndex: 'title',
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '关联项目',
|
||||||
|
dataIndex: ['asset_project', 'name'],
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '状态',
|
||||||
|
dataIndex: 'status',
|
||||||
|
// valueEnum: ApprovalInstancesStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
dataIndex: 'type',
|
||||||
|
title: '业务类型',
|
||||||
|
// valueEnum: ApprovalTemplatesTypeEnum,
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// {
|
||||||
|
// title: '项目ID',
|
||||||
|
// dataIndex: 'asset_projects_id',
|
||||||
|
// hidden: true,
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// title: '申请人',
|
||||||
|
// dataIndex: 'applicant_name',
|
||||||
|
// search: false,
|
||||||
|
// },
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<Show item={item} reload={action?.reload} title={title} />
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</MyPageContainer>
|
||||||
|
);
|
||||||
|
}
|
||||||
255
src/pages/approval/cc_me/modals/Show.tsx
Normal file
255
src/pages/approval/cc_me/modals/Show.tsx
Normal file
@ -0,0 +1,255 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyModalFormProps,
|
||||||
|
renderTextHelper,
|
||||||
|
} from '@/common';
|
||||||
|
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import {
|
||||||
|
ContractsContractNatureEnum,
|
||||||
|
ContractsSettlementModeEnum,
|
||||||
|
ContractTemplatesIncomeExpenseTypeEnum,
|
||||||
|
RefundsTypeEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
|
import BIllInfo from '@/pages/bills/house_bills/modals/BIllInfo';
|
||||||
|
import {
|
||||||
|
BetaSchemaForm,
|
||||||
|
ProCard,
|
||||||
|
ProDescriptions,
|
||||||
|
} from '@ant-design/pro-components';
|
||||||
|
import { useNavigate } from '@umijs/max';
|
||||||
|
import { Form, Space, Steps } from 'antd';
|
||||||
|
|
||||||
|
export default function Update(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const navigate = useNavigate();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.Archive.HouseRegisters.Update>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
title={props.title}
|
||||||
|
trigger={<MyButtons.Default title="查看" type="primary" />}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
width="600px"
|
||||||
|
key={new Date().getTime()}
|
||||||
|
form={form}
|
||||||
|
onOpenChange={() => {
|
||||||
|
if (props?.item?.id) {
|
||||||
|
Apis.Approval.ApprovalInstances.Show({
|
||||||
|
id: props.item?.model_id,
|
||||||
|
}).then((res) => {
|
||||||
|
form.setFieldsValue({
|
||||||
|
info_display: res?.data,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
// title: '登记信息',
|
||||||
|
dataIndex: 'info_display',
|
||||||
|
valueType: 'text',
|
||||||
|
renderFormItem: (_, config) => (
|
||||||
|
<Space direction="vertical" style={{ width: '100%' }}>
|
||||||
|
<div>
|
||||||
|
{/* 退款详情 */}
|
||||||
|
{config?.value?.type === 'Refund' && (
|
||||||
|
<ProCard size="small">
|
||||||
|
<ProDescriptions size="small" column={2}>
|
||||||
|
<ProDescriptions.Item label="申请事项" span={2}>
|
||||||
|
{config?.value?.title || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="账单类型">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={RefundsTypeEnum}
|
||||||
|
value={config?.value?.model?.type}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="退款金额">
|
||||||
|
<Space>
|
||||||
|
{config?.value?.model?.refund_amount || '-'}
|
||||||
|
元
|
||||||
|
<BIllInfo
|
||||||
|
item={{
|
||||||
|
id: config?.value?.model?.refundable_id,
|
||||||
|
type: 'link',
|
||||||
|
}}
|
||||||
|
title="查看账单"
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="付款信息" span={2}>
|
||||||
|
{config?.value?.model?.payer_name || '-'}｜
|
||||||
|
{config?.value?.model?.payer_bank || '-'}｜
|
||||||
|
{config?.value?.model?.payer_account || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="收款信息" span={2}>
|
||||||
|
{config?.value?.model?.payee_name || '-'}
|
||||||
|
{config?.value?.model?.payee_bank || '-'}
|
||||||
|
{config?.value?.model?.payee_account || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请人" span={2}>
|
||||||
|
{props?.item?.applicant?.name || '-'}:
|
||||||
|
{props?.item?.applicant?.phone || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请时间">
|
||||||
|
{props?.item?.created_at || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
)}
|
||||||
|
{/* 合同详情 */}
|
||||||
|
{config?.value?.type === 'Contract' && (
|
||||||
|
<ProCard size="small">
|
||||||
|
<ProDescriptions size="small" column={2}>
|
||||||
|
<ProDescriptions.Item label="合同名称" span={2}>
|
||||||
|
{config?.value?.model?.name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
|
||||||
|
<ProDescriptions.Item label="合同编号" span={2}>
|
||||||
|
<Space>
|
||||||
|
{config?.value?.model?.code || '-'}
|
||||||
|
<BIllInfo
|
||||||
|
item={{
|
||||||
|
id: config?.value?.model?.refundable_id,
|
||||||
|
type: 'Contract',
|
||||||
|
}}
|
||||||
|
title="查看合同"
|
||||||
|
/>
|
||||||
|
<MyButtons.View
|
||||||
|
title="查看"
|
||||||
|
key="configInfo"
|
||||||
|
onClick={() => {
|
||||||
|
navigate(
|
||||||
|
`/contract/contracts/show/${config?.value?.model?.id}`,
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="收支类型">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={ContractTemplatesIncomeExpenseTypeEnum}
|
||||||
|
value={config?.value?.model?.income_expense_type}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同性质">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={ContractsContractNatureEnum}
|
||||||
|
value={config?.value?.model?.contract_nature}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同类型">
|
||||||
|
{config?.value?.model?.contract_type_name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="结算模式">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={ContractsSettlementModeEnum}
|
||||||
|
value={config?.value?.model?.settlement_mode}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同金额">
|
||||||
|
{config?.value?.model?.total_amount || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="保证金金额">
|
||||||
|
{config?.value?.model?.deposit_amount || '无'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="签约主体">
|
||||||
|
{config?.value?.model?.sign_subject || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="签约部门">
|
||||||
|
{config?.value?.model?.sign_department || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="关联项目">
|
||||||
|
{config?.value?.model?.project_name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同对接人">
|
||||||
|
{config?.value?.model?.contract_liaison || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同有效期" span={2}>
|
||||||
|
{config?.value?.model?.start_time?.substring(0, 10)}至
|
||||||
|
{config?.value?.model?.end_time?.substring(0, 10)}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请人" span={2}>
|
||||||
|
{props?.item?.applicant?.name || '-'}:
|
||||||
|
{props?.item?.applicant?.phone || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请时间" span={2}>
|
||||||
|
{props?.item?.created_at || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="附件" span={2}>
|
||||||
|
{config?.value?.model?.attachments.map((item: any) => {
|
||||||
|
const handleDownload = async (
|
||||||
|
e: React.MouseEvent,
|
||||||
|
) => {
|
||||||
|
e.preventDefault();
|
||||||
|
try {
|
||||||
|
const response = await fetch(item.url);
|
||||||
|
const blob = await response.blob();
|
||||||
|
const url = window.URL.createObjectURL(blob);
|
||||||
|
const a = document.createElement('a');
|
||||||
|
a.href = url;
|
||||||
|
a.download = item.name;
|
||||||
|
document.body.appendChild(a);
|
||||||
|
a.click();
|
||||||
|
window.URL.revokeObjectURL(url);
|
||||||
|
document.body.removeChild(a);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('下载失败:', error);
|
||||||
|
// 如果下载失败，则在新窗口打开
|
||||||
|
window.open(item.url, '_blank');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div key={item.url}>
|
||||||
|
<a href={item.url} onClick={handleDownload}>
|
||||||
|
{item.name}；
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
)}
|
||||||
|
<ProCard>
|
||||||
|
<ProDescriptions>
|
||||||
|
<ProDescriptions.Item label="审核记录">
|
||||||
|
<Space direction="vertical" style={{ width: '100%' }}>
|
||||||
|
<Steps
|
||||||
|
progressDot
|
||||||
|
direction="vertical"
|
||||||
|
current={config?.value?.approval_records.length}
|
||||||
|
items={config?.value?.approval_records.map(
|
||||||
|
(item: any) =>
|
||||||
|
item?.node_type === 'Approver'
|
||||||
|
? {
|
||||||
|
title: `${
|
||||||
|
item.company_employee?.name || '-'
|
||||||
|
}-${item?.company_employee?.phone}`,
|
||||||
|
description: `${
|
||||||
|
item.status === 'Approved'
|
||||||
|
? `通过 - ${item.opinion || '-'} - ${
|
||||||
|
item.created_at || '-'
|
||||||
|
}`
|
||||||
|
: '待审核'
|
||||||
|
}`,
|
||||||
|
}
|
||||||
|
: '',
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
</div>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
colProps: { span: 24 },
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
95
src/pages/approval/my_apply/index.tsx
Normal file
95
src/pages/approval/my_apply/index.tsx
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
import {
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyPageContainer,
|
||||||
|
MyProTableProps,
|
||||||
|
} from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
export default function Index({ title = '我的发起' }) {
|
||||||
|
return (
|
||||||
|
<MyPageContainer
|
||||||
|
title={title}
|
||||||
|
enableTabs={true}
|
||||||
|
tabKey="my_apply_list"
|
||||||
|
tabLabel={title}
|
||||||
|
>
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(
|
||||||
|
params,
|
||||||
|
sort,
|
||||||
|
Apis.Approval.ApprovalInstances.MyApplyList,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
headerTitle={title}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({ search: false }),
|
||||||
|
{
|
||||||
|
title: '申请事项',
|
||||||
|
dataIndex: 'title',
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '关联项目',
|
||||||
|
dataIndex: ['asset_project', 'name'],
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '状态',
|
||||||
|
dataIndex: 'status',
|
||||||
|
// valueEnum: ApprovalInstancesStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
dataIndex: 'type',
|
||||||
|
title: '业务类型',
|
||||||
|
// valueEnum: ApprovalTemplatesTypeEnum,
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '当前审批人',
|
||||||
|
dataIndex: ['approval_records', 'approver_name'],
|
||||||
|
search: false,
|
||||||
|
render: (_, item: any) =>
|
||||||
|
`${item?.approval_records?.[0]?.company_employee?.name || ''}-${
|
||||||
|
item?.approval_records?.[0]?.company_employee?.phone || ''
|
||||||
|
}`,
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// title: '项目ID',
|
||||||
|
// dataIndex: 'asset_projects_id',
|
||||||
|
// hidden: true,
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// title: '申请人',
|
||||||
|
// dataIndex: 'applicant_name',
|
||||||
|
// search: false,
|
||||||
|
// },
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
{/* <Update item={item} reload={action?.reload} title={title} /> */}
|
||||||
|
<MyButtons.Default
|
||||||
|
title="撤销"
|
||||||
|
isConfirm
|
||||||
|
description="确认撤销该申请吗？"
|
||||||
|
disabled={item.status !== 'Pending'}
|
||||||
|
color="danger"
|
||||||
|
variant="solid"
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.Approval.ApprovalInstances.Cancel({
|
||||||
|
id: item.id,
|
||||||
|
}).then(() => action?.reload())
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</MyPageContainer>
|
||||||
|
);
|
||||||
|
}
|
||||||
59
src/pages/approval/my_processed/index.tsx
Normal file
59
src/pages/approval/my_processed/index.tsx
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
import { MyColumns, MyPageContainer, MyProTableProps } from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
import Show from './modals/Show';
|
||||||
|
export default function Index({ title = '我的发起' }) {
|
||||||
|
return (
|
||||||
|
<MyPageContainer
|
||||||
|
title={title}
|
||||||
|
enableTabs={true}
|
||||||
|
tabKey="my_apply_list"
|
||||||
|
tabLabel={title}
|
||||||
|
>
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(
|
||||||
|
params,
|
||||||
|
sort,
|
||||||
|
Apis.Approval.ApprovalInstances.ProcessedList,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
headerTitle={title}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({ search: false }),
|
||||||
|
{
|
||||||
|
title: '申请事项',
|
||||||
|
dataIndex: 'title',
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '关联项目',
|
||||||
|
dataIndex: ['asset_project', 'name'],
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '状态',
|
||||||
|
dataIndex: 'status',
|
||||||
|
// valueEnum: ApprovalInstancesStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
dataIndex: 'type',
|
||||||
|
title: '业务类型',
|
||||||
|
// valueEnum: ApprovalTemplatesTypeEnum,
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<Show item={item} reload={action?.reload} title={title} />
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</MyPageContainer>
|
||||||
|
);
|
||||||
|
}
|
||||||
255
src/pages/approval/my_processed/modals/Show.tsx
Normal file
255
src/pages/approval/my_processed/modals/Show.tsx
Normal file
@ -0,0 +1,255 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyModalFormProps,
|
||||||
|
renderTextHelper,
|
||||||
|
} from '@/common';
|
||||||
|
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import {
|
||||||
|
ContractsContractNatureEnum,
|
||||||
|
ContractsSettlementModeEnum,
|
||||||
|
ContractTemplatesIncomeExpenseTypeEnum,
|
||||||
|
RefundsTypeEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
|
import BIllInfo from '@/pages/bills/house_bills/modals/BIllInfo';
|
||||||
|
import {
|
||||||
|
BetaSchemaForm,
|
||||||
|
ProCard,
|
||||||
|
ProDescriptions,
|
||||||
|
} from '@ant-design/pro-components';
|
||||||
|
import { useNavigate } from '@umijs/max';
|
||||||
|
import { Form, Space, Steps } from 'antd';
|
||||||
|
|
||||||
|
export default function Update(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const navigate = useNavigate();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.Archive.HouseRegisters.Update>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
title={props.title}
|
||||||
|
trigger={<MyButtons.Default title="查看" type="primary" />}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
width="600px"
|
||||||
|
key={new Date().getTime()}
|
||||||
|
form={form}
|
||||||
|
onOpenChange={() => {
|
||||||
|
if (props?.item?.id) {
|
||||||
|
Apis.Approval.ApprovalInstances.Show({
|
||||||
|
id: props.item?.model_id,
|
||||||
|
}).then((res) => {
|
||||||
|
form.setFieldsValue({
|
||||||
|
info_display: res?.data,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
// title: '登记信息',
|
||||||
|
dataIndex: 'info_display',
|
||||||
|
valueType: 'text',
|
||||||
|
renderFormItem: (_, config) => (
|
||||||
|
<Space direction="vertical" style={{ width: '100%' }}>
|
||||||
|
<div>
|
||||||
|
{/* 退款详情 */}
|
||||||
|
{config?.value?.type === 'Refund' && (
|
||||||
|
<ProCard size="small">
|
||||||
|
<ProDescriptions size="small" column={2}>
|
||||||
|
<ProDescriptions.Item label="申请事项" span={2}>
|
||||||
|
{config?.value?.title || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="账单类型">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={RefundsTypeEnum}
|
||||||
|
value={config?.value?.model?.type}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="退款金额">
|
||||||
|
<Space>
|
||||||
|
{config?.value?.model?.refund_amount || '-'}
|
||||||
|
元
|
||||||
|
<BIllInfo
|
||||||
|
item={{
|
||||||
|
id: config?.value?.model?.refundable_id,
|
||||||
|
type: 'link',
|
||||||
|
}}
|
||||||
|
title="查看账单"
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="付款信息" span={2}>
|
||||||
|
{config?.value?.model?.payer_name || '-'}｜
|
||||||
|
{config?.value?.model?.payer_bank || '-'}｜
|
||||||
|
{config?.value?.model?.payer_account || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="收款信息" span={2}>
|
||||||
|
{config?.value?.model?.payee_name || '-'}
|
||||||
|
{config?.value?.model?.payee_bank || '-'}
|
||||||
|
{config?.value?.model?.payee_account || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请人" span={2}>
|
||||||
|
{props?.item?.applicant?.name || '-'}:
|
||||||
|
{props?.item?.applicant?.phone || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请时间" span={2}>
|
||||||
|
{props?.item?.created_at || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
)}
|
||||||
|
{/* 合同详情 */}
|
||||||
|
{config?.value?.type === 'Contract' && (
|
||||||
|
<ProCard size="small">
|
||||||
|
<ProDescriptions size="small" column={2}>
|
||||||
|
<ProDescriptions.Item label="合同名称" span={2}>
|
||||||
|
{config?.value?.model?.name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
|
||||||
|
<ProDescriptions.Item label="合同编号" span={2}>
|
||||||
|
<Space>
|
||||||
|
{config?.value?.model?.code || '-'}
|
||||||
|
<BIllInfo
|
||||||
|
item={{
|
||||||
|
id: config?.value?.model?.refundable_id,
|
||||||
|
type: 'Contract',
|
||||||
|
}}
|
||||||
|
title="查看合同"
|
||||||
|
/>
|
||||||
|
<MyButtons.View
|
||||||
|
title="查看"
|
||||||
|
key="configInfo"
|
||||||
|
onClick={() => {
|
||||||
|
navigate(
|
||||||
|
`/contract/contracts/show/${config?.value?.model?.id}`,
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="收支类型">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={ContractTemplatesIncomeExpenseTypeEnum}
|
||||||
|
value={config?.value?.model?.income_expense_type}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同性质">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={ContractsContractNatureEnum}
|
||||||
|
value={config?.value?.model?.contract_nature}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同类型">
|
||||||
|
{config?.value?.model?.contract_type_name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="结算模式">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={ContractsSettlementModeEnum}
|
||||||
|
value={config?.value?.model?.settlement_mode}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同金额">
|
||||||
|
{config?.value?.model?.total_amount || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="保证金金额">
|
||||||
|
{config?.value?.model?.deposit_amount || '无'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="签约主体">
|
||||||
|
{config?.value?.model?.sign_subject || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="签约部门">
|
||||||
|
{config?.value?.model?.sign_department || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="关联项目">
|
||||||
|
{config?.value?.model?.project_name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同对接人">
|
||||||
|
{config?.value?.model?.contract_liaison || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同有效期" span={2}>
|
||||||
|
{config?.value?.model?.start_time?.substring(0, 10)}至
|
||||||
|
{config?.value?.model?.end_time?.substring(0, 10)}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请人" span={2}>
|
||||||
|
{props?.item?.applicant?.name || '-'}:
|
||||||
|
{props?.item?.applicant?.phone || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请时间" span={2}>
|
||||||
|
{props?.item?.created_at || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="附件" span={2}>
|
||||||
|
{config?.value?.model?.attachments.map((item: any) => {
|
||||||
|
const handleDownload = async (
|
||||||
|
e: React.MouseEvent,
|
||||||
|
) => {
|
||||||
|
e.preventDefault();
|
||||||
|
try {
|
||||||
|
const response = await fetch(item.url);
|
||||||
|
const blob = await response.blob();
|
||||||
|
const url = window.URL.createObjectURL(blob);
|
||||||
|
const a = document.createElement('a');
|
||||||
|
a.href = url;
|
||||||
|
a.download = item.name;
|
||||||
|
document.body.appendChild(a);
|
||||||
|
a.click();
|
||||||
|
window.URL.revokeObjectURL(url);
|
||||||
|
document.body.removeChild(a);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('下载失败:', error);
|
||||||
|
// 如果下载失败，则在新窗口打开
|
||||||
|
window.open(item.url, '_blank');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div key={item.url}>
|
||||||
|
<a href={item.url} onClick={handleDownload}>
|
||||||
|
{item.name}；
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
)}
|
||||||
|
<ProCard>
|
||||||
|
<ProDescriptions>
|
||||||
|
<ProDescriptions.Item label="审核记录">
|
||||||
|
<Space direction="vertical" style={{ width: '100%' }}>
|
||||||
|
<Steps
|
||||||
|
progressDot
|
||||||
|
direction="vertical"
|
||||||
|
current={config?.value?.approval_records?.length}
|
||||||
|
items={config?.value?.approval_records?.map(
|
||||||
|
(item: any) =>
|
||||||
|
item?.node_type === 'Approver'
|
||||||
|
? {
|
||||||
|
title: `${
|
||||||
|
item.company_employee?.name || '-'
|
||||||
|
}-${item?.company_employee?.phone}`,
|
||||||
|
description: `${
|
||||||
|
item.status === 'Approved'
|
||||||
|
? `通过 - ${item.opinion || '-'} - ${
|
||||||
|
item.created_at || '-'
|
||||||
|
}`
|
||||||
|
: '待审核'
|
||||||
|
}`,
|
||||||
|
}
|
||||||
|
: '',
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
</div>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
colProps: { span: 24 },
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
81
src/pages/approval/pending/index.tsx
Normal file
81
src/pages/approval/pending/index.tsx
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
import {
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyPageContainer,
|
||||||
|
MyProTableProps,
|
||||||
|
} from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ApprovalInstancesStatusEnum } from '@/gen/Enums';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
import Audit from './modals/Audit';
|
||||||
|
export default function Index({ title = '我的待办' }) {
|
||||||
|
return (
|
||||||
|
<MyPageContainer
|
||||||
|
title={title}
|
||||||
|
enableTabs={true}
|
||||||
|
tabKey="my_apply_list"
|
||||||
|
tabLabel={title}
|
||||||
|
>
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(
|
||||||
|
{
|
||||||
|
...params,
|
||||||
|
status: ApprovalInstancesStatusEnum.Pending.value,
|
||||||
|
},
|
||||||
|
sort,
|
||||||
|
Apis.Approval.ApprovalInstances.PendingList,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
headerTitle={title}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({ search: false }),
|
||||||
|
{
|
||||||
|
title: '申请事项',
|
||||||
|
dataIndex: ['approval_instance', 'title'],
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '关联项目',
|
||||||
|
dataIndex: ['approval_instance', 'asset_project', 'name'],
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '状态',
|
||||||
|
dataIndex: ['approval_instance', 'status'],
|
||||||
|
// valueEnum: ApprovalInstancesStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
dataIndex: ['approval_instance', 'type'],
|
||||||
|
title: '业务类型',
|
||||||
|
// valueEnum: ApprovalTemplatesTypeEnum,
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<Audit item={item} reload={action?.reload} title={title} />
|
||||||
|
<MyButtons.Default
|
||||||
|
title="撤销"
|
||||||
|
isConfirm
|
||||||
|
description="确认撤销该申请吗？"
|
||||||
|
disabled={item.status !== 'Pending'}
|
||||||
|
color="danger"
|
||||||
|
variant="solid"
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.Approval.ApprovalInstances.Cancel({
|
||||||
|
id: item.id,
|
||||||
|
}).then(() => action?.reload())
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</MyPageContainer>
|
||||||
|
);
|
||||||
|
}
|
||||||
326
src/pages/approval/pending/modals/Audit.tsx
Normal file
326
src/pages/approval/pending/modals/Audit.tsx
Normal file
@ -0,0 +1,326 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyFormItems,
|
||||||
|
MyModalFormProps,
|
||||||
|
renderTextHelper,
|
||||||
|
rulesHelper,
|
||||||
|
} from '@/common';
|
||||||
|
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import {
|
||||||
|
ContractsContractNatureEnum,
|
||||||
|
ContractsSettlementModeEnum,
|
||||||
|
ContractTemplatesIncomeExpenseTypeEnum,
|
||||||
|
HouseRegistersStatusEnum,
|
||||||
|
RefundsTypeEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
|
import BIllInfo from '@/pages/bills/house_bills/modals/BIllInfo';
|
||||||
|
import {
|
||||||
|
BetaSchemaForm,
|
||||||
|
ProCard,
|
||||||
|
ProDescriptions,
|
||||||
|
} from '@ant-design/pro-components';
|
||||||
|
import { useNavigate } from '@umijs/max';
|
||||||
|
import { Form, message, Space, Steps } from 'antd';
|
||||||
|
|
||||||
|
export default function Update(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const navigate = useNavigate();
|
||||||
|
|
||||||
|
// 监听status字段变化，动态设置默认审批意见
|
||||||
|
const handleStatusChange = (changedValues: any) => {
|
||||||
|
if (changedValues.status) {
|
||||||
|
if (changedValues.status === HouseRegistersStatusEnum.Approved.value) {
|
||||||
|
form.setFieldsValue({ opinion: '同意' });
|
||||||
|
} else if (
|
||||||
|
changedValues.status === HouseRegistersStatusEnum.Rejected.value
|
||||||
|
) {
|
||||||
|
form.setFieldsValue({ opinion: '不同意' });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.Archive.HouseRegisters.Update>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
title={props.title}
|
||||||
|
trigger={<MyButtons.Default title="审核" type="primary" />}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
width="600px"
|
||||||
|
key={new Date().getTime()}
|
||||||
|
form={form}
|
||||||
|
onOpenChange={() => {
|
||||||
|
if (props?.item?.id) {
|
||||||
|
Apis.Approval.ApprovalInstances.Show({
|
||||||
|
id: props.item?.approval_instances_id,
|
||||||
|
}).then((res) => {
|
||||||
|
form.setFieldsValue({
|
||||||
|
info_display: res?.data,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
initialValues={{
|
||||||
|
// 默认选择通过，审批意见为同意
|
||||||
|
status: HouseRegistersStatusEnum.Approved.value,
|
||||||
|
opinion: '同意',
|
||||||
|
}}
|
||||||
|
onValuesChange={handleStatusChange}
|
||||||
|
onFinish={async (values: any) =>
|
||||||
|
Apis.Approval.ApprovalInstances.Approve({
|
||||||
|
record_id: props.item?.id ?? 0,
|
||||||
|
...values,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
props.reload?.();
|
||||||
|
message.success(props.title + '成功');
|
||||||
|
return true;
|
||||||
|
})
|
||||||
|
.catch(() => false)
|
||||||
|
}
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
// title: '登记信息',
|
||||||
|
dataIndex: 'info_display',
|
||||||
|
valueType: 'text',
|
||||||
|
renderFormItem: (_, config) => (
|
||||||
|
<Space direction="vertical" style={{ width: '100%' }}>
|
||||||
|
<div>
|
||||||
|
{/* 退款详情 */}
|
||||||
|
{config?.value?.type === 'Refund' && (
|
||||||
|
<ProCard size="small">
|
||||||
|
<ProDescriptions size="small" column={2}>
|
||||||
|
<ProDescriptions.Item label="申请事项" span={2}>
|
||||||
|
{config?.value?.title || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="账单类型">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={RefundsTypeEnum}
|
||||||
|
value={config?.value?.model?.type}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="退款金额">
|
||||||
|
<Space>
|
||||||
|
{config?.value?.model?.refund_amount || '-'}
|
||||||
|
元
|
||||||
|
<BIllInfo
|
||||||
|
item={{
|
||||||
|
id: config?.value?.model?.refundable_id,
|
||||||
|
type: 'link',
|
||||||
|
}}
|
||||||
|
title="查看账单"
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="付款信息" span={2}>
|
||||||
|
{config?.value?.model?.payer_name || '-'}｜
|
||||||
|
{config?.value?.model?.payer_bank || '-'}｜
|
||||||
|
{config?.value?.model?.payer_account || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="收款信息" span={2}>
|
||||||
|
{config?.value?.model?.payee_name || '-'}
|
||||||
|
{config?.value?.model?.payee_bank || '-'}
|
||||||
|
{config?.value?.model?.payee_account || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
|
||||||
|
<ProDescriptions.Item label="申请时间">
|
||||||
|
{props?.item?.created_at || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
)}
|
||||||
|
{/* 合同详情 */}
|
||||||
|
{config?.value?.type === 'Contract' && (
|
||||||
|
<ProCard size="small">
|
||||||
|
<ProDescriptions size="small" column={2}>
|
||||||
|
<ProDescriptions.Item label="合同名称" span={2}>
|
||||||
|
{config?.value?.model?.name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
|
||||||
|
<ProDescriptions.Item label="合同编号" span={2}>
|
||||||
|
<Space>
|
||||||
|
{config?.value?.model?.code || '-'}
|
||||||
|
<BIllInfo
|
||||||
|
item={{
|
||||||
|
id: config?.value?.model?.refundable_id,
|
||||||
|
type: 'Contract',
|
||||||
|
}}
|
||||||
|
title="查看合同"
|
||||||
|
/>
|
||||||
|
<MyButtons.View
|
||||||
|
title="查看"
|
||||||
|
key="configInfo"
|
||||||
|
onClick={() => {
|
||||||
|
navigate(
|
||||||
|
`/contract/contracts/show/${config?.value?.model?.id}`,
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="收支类型">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={ContractTemplatesIncomeExpenseTypeEnum}
|
||||||
|
value={config?.value?.model?.income_expense_type}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同性质">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={ContractsContractNatureEnum}
|
||||||
|
value={config?.value?.model?.contract_nature}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同类型">
|
||||||
|
{config?.value?.model?.contract_type_name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="结算模式">
|
||||||
|
<renderTextHelper.Tag
|
||||||
|
Enums={ContractsSettlementModeEnum}
|
||||||
|
value={config?.value?.model?.settlement_mode}
|
||||||
|
/>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同金额">
|
||||||
|
{config?.value?.model?.total_amount || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="保证金金额">
|
||||||
|
{config?.value?.model?.deposit_amount || '无'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="签约主体">
|
||||||
|
{config?.value?.model?.sign_subject || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="签约部门">
|
||||||
|
{config?.value?.model?.sign_department || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="关联项目">
|
||||||
|
{config?.value?.model?.project_name || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同对接人">
|
||||||
|
{config?.value?.model?.contract_liaison || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="合同有效期" span={2}>
|
||||||
|
{config?.value?.model?.start_time?.substring(0, 10)}至
|
||||||
|
{config?.value?.model?.end_time?.substring(0, 10)}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="申请时间" span={2}>
|
||||||
|
{props?.item?.created_at || '-'}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
<ProDescriptions.Item label="附件" span={2}>
|
||||||
|
{config?.value?.model?.attachments.map((item: any) => {
|
||||||
|
const handleDownload = async (
|
||||||
|
e: React.MouseEvent,
|
||||||
|
) => {
|
||||||
|
e.preventDefault();
|
||||||
|
try {
|
||||||
|
const response = await fetch(item.url);
|
||||||
|
const blob = await response.blob();
|
||||||
|
const url = window.URL.createObjectURL(blob);
|
||||||
|
const a = document.createElement('a');
|
||||||
|
a.href = url;
|
||||||
|
a.download = item.name;
|
||||||
|
document.body.appendChild(a);
|
||||||
|
a.click();
|
||||||
|
window.URL.revokeObjectURL(url);
|
||||||
|
document.body.removeChild(a);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('下载失败:', error);
|
||||||
|
// 如果下载失败，则在新窗口打开
|
||||||
|
window.open(item.url, '_blank');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div key={item.url}>
|
||||||
|
<a href={item.url} onClick={handleDownload}>
|
||||||
|
{item.name}；
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
)}
|
||||||
|
<ProCard>
|
||||||
|
<ProDescriptions>
|
||||||
|
<ProDescriptions.Item label="审核记录">
|
||||||
|
<Space direction="vertical" style={{ width: '100%' }}>
|
||||||
|
<Steps
|
||||||
|
progressDot
|
||||||
|
direction="vertical"
|
||||||
|
current={config?.value?.approval_records.length}
|
||||||
|
items={config?.value?.approval_records.map(
|
||||||
|
(item: any) =>
|
||||||
|
item?.node_type === 'Approver'
|
||||||
|
? {
|
||||||
|
title: `${
|
||||||
|
item.company_employee?.name || '-'
|
||||||
|
}-${item?.company_employee?.phone}`,
|
||||||
|
description: `${
|
||||||
|
item.status === 'Approved'
|
||||||
|
? `通过 - ${item.opinion || '-'} - ${
|
||||||
|
item.created_at || '-'
|
||||||
|
}`
|
||||||
|
: '待审核'
|
||||||
|
}`,
|
||||||
|
}
|
||||||
|
: '',
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
</ProDescriptions.Item>
|
||||||
|
</ProDescriptions>
|
||||||
|
</ProCard>
|
||||||
|
</div>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
colProps: { span: 24 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
valueType: 'group',
|
||||||
|
// title: '审核操作',
|
||||||
|
columns: [
|
||||||
|
MyFormItems.EnumRadio({
|
||||||
|
key: 'status',
|
||||||
|
title: '审核操作',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
valueEnum: () => {
|
||||||
|
let obj: any = JSON.parse(
|
||||||
|
JSON.stringify(HouseRegistersStatusEnum),
|
||||||
|
);
|
||||||
|
delete obj.Pending;
|
||||||
|
return obj;
|
||||||
|
},
|
||||||
|
required: true,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
valueType: 'dependency',
|
||||||
|
name: ['status'],
|
||||||
|
columns: ({ status }) => {
|
||||||
|
return status === 'Rejected'
|
||||||
|
? [
|
||||||
|
{
|
||||||
|
title: '审批意见',
|
||||||
|
dataIndex: 'opinion',
|
||||||
|
valueType: 'textarea',
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
colProps: { span: 24 },
|
||||||
|
},
|
||||||
|
]
|
||||||
|
: [
|
||||||
|
{
|
||||||
|
title: '审批意见',
|
||||||
|
dataIndex: 'opinion',
|
||||||
|
valueType: 'textarea',
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
colProps: { span: 24 },
|
||||||
|
},
|
||||||
|
];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
76
src/pages/approval/templates/index.tsx
Normal file
76
src/pages/approval/templates/index.tsx
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
import {
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyPageContainer,
|
||||||
|
MyProTableProps,
|
||||||
|
} from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
import Create from './modals/Create';
|
||||||
|
import Update from './modals/Update';
|
||||||
|
|
||||||
|
export default function Index({ title = '审批模板' }) {
|
||||||
|
return (
|
||||||
|
<MyPageContainer
|
||||||
|
title={title}
|
||||||
|
enableTabs={true}
|
||||||
|
tabKey="contract_types"
|
||||||
|
tabLabel={title}
|
||||||
|
>
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(
|
||||||
|
params,
|
||||||
|
sort,
|
||||||
|
Apis.Approval.ApprovalTemplates.List,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
headerTitle={title}
|
||||||
|
toolBarRender={(action) => [
|
||||||
|
<Create key="Create" reload={action?.reload} title={title} />,
|
||||||
|
]}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '业务类型',
|
||||||
|
dataIndex: 'type',
|
||||||
|
// valueEnum: ApprovalTemplatesTypeEnum,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '模版名称',
|
||||||
|
dataIndex: 'name',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '模版编码',
|
||||||
|
dataIndex: 'code',
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
|
||||||
|
MyColumns.ToggleEnabled({
|
||||||
|
onToggleEnabled: Apis.Approval.ApprovalTemplates.ToggleEnabled,
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<Update item={item} reload={action?.reload} title={title} />
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.Approval.ApprovalTemplates.SoftDelete({
|
||||||
|
id: item.id,
|
||||||
|
}).then(() => action?.reload())
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</MyPageContainer>
|
||||||
|
);
|
||||||
|
}
|
||||||
138
src/pages/approval/templates/modals/Create.tsx
Normal file
138
src/pages/approval/templates/modals/Create.tsx
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyFormItems,
|
||||||
|
MyModalFormProps,
|
||||||
|
rulesHelper,
|
||||||
|
} from '@/common';
|
||||||
|
import { Selects } from '@/components/Select';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ApprovalTemplateNodesNodeTypeEnum } from '@/gen/Enums';
|
||||||
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
|
||||||
|
export default function Create(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.Approval.ApprovalTemplates.Store>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
title={`添加${props.title}`}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
width="700px"
|
||||||
|
key={new Date().getTime()}
|
||||||
|
form={form}
|
||||||
|
onOpenChange={(open: any) => {
|
||||||
|
if (open) {
|
||||||
|
form.resetFields(); // 清空表单数据
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
trigger={<MyButtons.Create title={`${props.title}`} />}
|
||||||
|
onFinish={async (values) =>
|
||||||
|
Apis.Approval.ApprovalTemplates.Store({
|
||||||
|
...values,
|
||||||
|
is_enabled: true,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
props.reload?.();
|
||||||
|
message.success(props.title + '成功');
|
||||||
|
return true;
|
||||||
|
})
|
||||||
|
.catch(() => false)
|
||||||
|
}
|
||||||
|
columns={[
|
||||||
|
MyFormItems.EnumRadio({
|
||||||
|
key: 'type',
|
||||||
|
title: '业务类型',
|
||||||
|
// valueEnum: ApprovalTemplatesTypeEnum,
|
||||||
|
required: true,
|
||||||
|
colProps: { span: 24 },
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
key: 'name',
|
||||||
|
title: '模板名称',
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
colProps: { span: 12 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'code',
|
||||||
|
title: '模板编码',
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
colProps: { span: 12 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
valueType: 'formList',
|
||||||
|
dataIndex: 'nodes',
|
||||||
|
title: '设置审批节点',
|
||||||
|
fieldProps: {
|
||||||
|
copyIconProps: false,
|
||||||
|
// deleteIconProps: false,
|
||||||
|
},
|
||||||
|
formItemProps: {
|
||||||
|
...rulesHelper.array,
|
||||||
|
wrapperCol: { span: 24 },
|
||||||
|
},
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
valueType: 'group',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
columns: [
|
||||||
|
MyFormItems.EnumSelect({
|
||||||
|
key: 'node_type',
|
||||||
|
title: `类型`,
|
||||||
|
valueEnum: ApprovalTemplateNodesNodeTypeEnum,
|
||||||
|
colProps: { span: 5 },
|
||||||
|
formItemProps: {
|
||||||
|
...rulesHelper.text,
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '节点名称',
|
||||||
|
key: 'name',
|
||||||
|
colProps: { span: 6 },
|
||||||
|
formItemProps: {
|
||||||
|
...rulesHelper.text,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
// MyFormItems.EnumSelect({
|
||||||
|
// key: 'approve_type',
|
||||||
|
// title: `审批方式`,
|
||||||
|
// valueEnum: ApprovalTemplateNodesApproveTypeEnum,
|
||||||
|
// colProps: { span: 5 },
|
||||||
|
// }),
|
||||||
|
|
||||||
|
{
|
||||||
|
valueType: 'dependency',
|
||||||
|
name: ['node_type'],
|
||||||
|
columns: ({ node_type }) => {
|
||||||
|
return [
|
||||||
|
Selects.Employees({
|
||||||
|
key: 'members',
|
||||||
|
title: `审批人员`,
|
||||||
|
colProps: { span: 13 },
|
||||||
|
fieldProps: {
|
||||||
|
mode: 'multiple',
|
||||||
|
maxCount:
|
||||||
|
node_type ===
|
||||||
|
ApprovalTemplateNodesNodeTypeEnum.Approver.value
|
||||||
|
? 1
|
||||||
|
: 9,
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '备注',
|
||||||
|
key: 'description',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
valueType: 'textarea',
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
144
src/pages/approval/templates/modals/Update.tsx
Normal file
144
src/pages/approval/templates/modals/Update.tsx
Normal file
@ -0,0 +1,144 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyFormItems,
|
||||||
|
MyModalFormProps,
|
||||||
|
rulesHelper,
|
||||||
|
} from '@/common';
|
||||||
|
import { Selects } from '@/components/Select';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ApprovalTemplateNodesNodeTypeEnum } from '@/gen/Enums';
|
||||||
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
|
||||||
|
export default function Update(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.Approval.ApprovalTemplates.Update>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
title={`编辑${props.title}`}
|
||||||
|
trigger={<MyButtons.Edit />}
|
||||||
|
key={new Date().getTime()}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
width="700px"
|
||||||
|
form={form}
|
||||||
|
onOpenChange={(open: any) => {
|
||||||
|
if (open && props.item) {
|
||||||
|
Apis.Approval.ApprovalTemplates.Show({
|
||||||
|
id: props.item?.id ?? 0,
|
||||||
|
}).then((res: any) => {
|
||||||
|
form.setFieldsValue({
|
||||||
|
...res?.data,
|
||||||
|
nodes: res?.data?.approval_template_nodes?.map((item: any) => ({
|
||||||
|
...item,
|
||||||
|
members: item?.approval_template_node_members?.map(
|
||||||
|
(member: any) => member?.company_employees_id,
|
||||||
|
),
|
||||||
|
})),
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
onFinish={async (values) =>
|
||||||
|
Apis.Approval.ApprovalTemplates.Update({
|
||||||
|
...values,
|
||||||
|
id: props.item?.id ?? 0,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
props.reload?.();
|
||||||
|
message.success(props.title + '编辑成功');
|
||||||
|
return true;
|
||||||
|
})
|
||||||
|
.catch(() => false)
|
||||||
|
}
|
||||||
|
columns={[
|
||||||
|
MyFormItems.EnumRadio({
|
||||||
|
key: 'type',
|
||||||
|
title: '业务类型',
|
||||||
|
// valueEnum: ApprovalTemplatesTypeEnum,
|
||||||
|
required: true,
|
||||||
|
colProps: { span: 24 },
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
key: 'name',
|
||||||
|
title: '名称',
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
colProps: { span: 12 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'code',
|
||||||
|
title: '模板编码',
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
colProps: { span: 12 },
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
valueType: 'formList',
|
||||||
|
dataIndex: 'nodes',
|
||||||
|
title: '审批节点',
|
||||||
|
fieldProps: {
|
||||||
|
copyIconProps: false,
|
||||||
|
// deleteIconProps: false,
|
||||||
|
},
|
||||||
|
formItemProps: {
|
||||||
|
...rulesHelper.array,
|
||||||
|
wrapperCol: { span: 24 },
|
||||||
|
},
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
valueType: 'group',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
columns: [
|
||||||
|
MyFormItems.EnumSelect({
|
||||||
|
key: 'node_type',
|
||||||
|
title: `类型`,
|
||||||
|
valueEnum: ApprovalTemplateNodesNodeTypeEnum,
|
||||||
|
colProps: { span: 5 },
|
||||||
|
formItemProps: {
|
||||||
|
...rulesHelper.text,
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '节点名称',
|
||||||
|
key: 'name',
|
||||||
|
colProps: { span: 6 },
|
||||||
|
formItemProps: {
|
||||||
|
...rulesHelper.text,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
valueType: 'dependency',
|
||||||
|
name: ['node_type'],
|
||||||
|
columns: ({ node_type }) => {
|
||||||
|
return [
|
||||||
|
Selects.Employees({
|
||||||
|
key: 'members',
|
||||||
|
title: `审批人员`,
|
||||||
|
colProps: { span: 13 },
|
||||||
|
fieldProps: {
|
||||||
|
mode: 'multiple',
|
||||||
|
maxCount:
|
||||||
|
node_type ===
|
||||||
|
ApprovalTemplateNodesNodeTypeEnum.Approver.value
|
||||||
|
? 1
|
||||||
|
: 9,
|
||||||
|
maxTagTextLength: 3,
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '备注',
|
||||||
|
key: 'description',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
valueType: 'textarea',
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -96,12 +96,11 @@ export default function Index({ title = '项目公告' }) {
|
|||||||
{
|
{
|
||||||
title: '关联项目',
|
title: '关联项目',
|
||||||
dataIndex: ['asset_project', 'name'],
|
dataIndex: ['asset_project', 'name'],
|
||||||
// search: {
|
search: {
|
||||||
// transform: (value) => {
|
transform: (value) => {
|
||||||
// return { project_name: value };
|
return { project_name: value };
|
||||||
// },
|
},
|
||||||
// },
|
},
|
||||||
search: false,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '公告标题',
|
title: '公告标题',
|
||||||
|
|||||||
@ -40,12 +40,11 @@ export default function Index({ ...rest }) {
|
|||||||
{
|
{
|
||||||
title: '关联项目',
|
title: '关联项目',
|
||||||
dataIndex: ['asset_project', 'name'],
|
dataIndex: ['asset_project', 'name'],
|
||||||
// search: {
|
search: {
|
||||||
// transform: (value) => {
|
transform: (value) => {
|
||||||
// return { project_name: value };
|
return { project_name: value };
|
||||||
// },
|
},
|
||||||
// },
|
},
|
||||||
search: false,
|
|
||||||
},
|
},
|
||||||
MyColumns.EnumTag({
|
MyColumns.EnumTag({
|
||||||
title: '类型',
|
title: '类型',
|
||||||
|
|||||||
@ -35,12 +35,11 @@ export default function Index({ ...rest }) {
|
|||||||
{
|
{
|
||||||
title: '关联项目',
|
title: '关联项目',
|
||||||
dataIndex: ['asset_project', 'name'],
|
dataIndex: ['asset_project', 'name'],
|
||||||
// search: {
|
search: {
|
||||||
// transform: (value) => {
|
transform: (value) => {
|
||||||
// return { project_name: value };
|
return { project_name: value };
|
||||||
// },
|
},
|
||||||
// },
|
},
|
||||||
search: false,
|
|
||||||
},
|
},
|
||||||
MyColumns.EnumTag({
|
MyColumns.EnumTag({
|
||||||
title: '类型',
|
title: '类型',
|
||||||
|
|||||||
@ -66,12 +66,11 @@ export default function Index({ title = '便民服务' }) {
|
|||||||
{
|
{
|
||||||
title: '关联项目',
|
title: '关联项目',
|
||||||
dataIndex: ['asset_project', 'name'],
|
dataIndex: ['asset_project', 'name'],
|
||||||
// search: {
|
search: {
|
||||||
// transform: (value) => {
|
transform: (value) => {
|
||||||
// return { project_name: value };
|
return { project_name: value };
|
||||||
// },
|
},
|
||||||
// },
|
},
|
||||||
search: false,
|
|
||||||
},
|
},
|
||||||
MyColumns.EnumTag({
|
MyColumns.EnumTag({
|
||||||
title: '类型',
|
title: '类型',
|
||||||
|
|||||||
@ -1,6 +1,9 @@
|
|||||||
import { MyColumns, MyProTableProps, useCurrentPermissions } from '@/common';
|
import { MyColumns, MyProTableProps, useCurrentPermissions } from '@/common';
|
||||||
import { Apis } from '@/gen/Apis';
|
import { Apis } from '@/gen/Apis';
|
||||||
import { HouseOrdersPaymentMethodEnum } from '@/gen/Enums';
|
import {
|
||||||
|
BillPaymentsStatusEnum,
|
||||||
|
HouseOrdersPaymentMethodEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
import { ProTable } from '@ant-design/pro-components';
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
import { Space } from 'antd';
|
import { Space } from 'antd';
|
||||||
import Review from './modals/Review';
|
import Review from './modals/Review';
|
||||||
@ -37,7 +40,7 @@ export default function Index() {
|
|||||||
title: '状态',
|
title: '状态',
|
||||||
dataIndex: 'status',
|
dataIndex: 'status',
|
||||||
search: false,
|
search: false,
|
||||||
// valueEnum: BillPaymentsStatusEnum,
|
valueEnum: BillPaymentsStatusEnum,
|
||||||
}),
|
}),
|
||||||
MyColumns.EnumTag({
|
MyColumns.EnumTag({
|
||||||
title: '支付方式',
|
title: '支付方式',
|
||||||
|
|||||||
@ -1,5 +1,11 @@
|
|||||||
import { MyColumns, MyProTableProps, useCurrentPermissions } from '@/common';
|
import { MyColumns, MyProTableProps, useCurrentPermissions } from '@/common';
|
||||||
import { Apis } from '@/gen/Apis';
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import {
|
||||||
|
BillPaymentsTypeEnum,
|
||||||
|
BillsStatusEnum,
|
||||||
|
ContractBillsCostTypeEnum,
|
||||||
|
HouseOrdersPaymentMethodEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
import { ProTable } from '@ant-design/pro-components';
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
import { Space } from 'antd';
|
import { Space } from 'antd';
|
||||||
import PayCreate from './modals/PayCreate';
|
import PayCreate from './modals/PayCreate';
|
||||||
@ -38,24 +44,24 @@ export default function Index() {
|
|||||||
MyColumns.EnumTag({
|
MyColumns.EnumTag({
|
||||||
title: '状态',
|
title: '状态',
|
||||||
dataIndex: 'status',
|
dataIndex: 'status',
|
||||||
// valueEnum: BillsStatusEnum,
|
valueEnum: BillsStatusEnum,
|
||||||
}),
|
}),
|
||||||
MyColumns.EnumTag({
|
MyColumns.EnumTag({
|
||||||
title: '支付方式',
|
title: '支付方式',
|
||||||
dataIndex: 'payment_method',
|
dataIndex: 'payment_method',
|
||||||
// valueEnum: HouseOrdersPaymentMethodEnum,
|
valueEnum: HouseOrdersPaymentMethodEnum,
|
||||||
search: false,
|
search: false,
|
||||||
}),
|
}),
|
||||||
MyColumns.EnumTag({
|
MyColumns.EnumTag({
|
||||||
title: '费用项目',
|
title: '费用项目',
|
||||||
dataIndex: 'type',
|
dataIndex: 'type',
|
||||||
// valueEnum: BillPaymentsTypeEnum,
|
valueEnum: BillPaymentsTypeEnum,
|
||||||
search: false,
|
search: false,
|
||||||
}),
|
}),
|
||||||
MyColumns.EnumTag({
|
MyColumns.EnumTag({
|
||||||
title: '费用类型',
|
title: '费用类型',
|
||||||
dataIndex: 'flow_type',
|
dataIndex: 'flow_type',
|
||||||
// valueEnum: ContractBillsCostTypeEnum,
|
valueEnum: ContractBillsCostTypeEnum,
|
||||||
search: false,
|
search: false,
|
||||||
}),
|
}),
|
||||||
{
|
{
|
||||||
|
|||||||
@ -5,7 +5,12 @@ import {
|
|||||||
MyProTableProps,
|
MyProTableProps,
|
||||||
} from '@/common';
|
} from '@/common';
|
||||||
import { Apis } from '@/gen/Apis';
|
import { Apis } from '@/gen/Apis';
|
||||||
import { HouseBillsBillStatusEnum, HouseBillsTypeEnum } from '@/gen/Enums';
|
import {
|
||||||
|
ApprovalTemplatesTypeEnum,
|
||||||
|
HouseBillsBillStatusEnum,
|
||||||
|
HouseBillsTypeEnum,
|
||||||
|
RefundsTypeEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
import { ProTable } from '@ant-design/pro-components';
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
import { useNavigate } from '@umijs/max';
|
import { useNavigate } from '@umijs/max';
|
||||||
import { Space } from 'antd';
|
import { Space } from 'antd';
|
||||||
@ -53,20 +58,14 @@ export default function Index({ title = '账单明细' }) {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
render: (_, record) => {
|
render: (_, record) => {
|
||||||
return record.asset_houses_id ? (
|
return (
|
||||||
<MyButtons.View
|
<MyButtons.View
|
||||||
title={record?.asset_house?.full_name || '-'}
|
title={record?.asset_house?.full_name || '-'}
|
||||||
type="link"
|
type="link"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
record.asset_houses_id
|
navigate(`/bills/summary/show/${record?.asset_houses_id}`);
|
||||||
? navigate(
|
|
||||||
`/bills/summary/show/${record.asset_houses_id}`,
|
|
||||||
)
|
|
||||||
: '';
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
) : (
|
|
||||||
'车位｜ ' + record.asset_car_port.full_name
|
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@ -146,9 +145,9 @@ export default function Index({ title = '账单明细' }) {
|
|||||||
item={{
|
item={{
|
||||||
...item,
|
...item,
|
||||||
// 跟据发起的页面传递的type来判断退款类型
|
// 跟据发起的页面传递的type来判断退款类型
|
||||||
// type: RefundsTypeEnum.HouseOrder.value,
|
type: RefundsTypeEnum.HouseOrder.value,
|
||||||
// 审批模板的类型
|
// 审批模板的类型
|
||||||
// approval_type: ApprovalTemplatesTypeEnum.Refund.value,
|
approval_type: ApprovalTemplatesTypeEnum.Refund.value,
|
||||||
total_paid_amount: item.total_paid_amount,
|
total_paid_amount: item.total_paid_amount,
|
||||||
}}
|
}}
|
||||||
reload={action?.reload}
|
reload={action?.reload}
|
||||||
|
|||||||
@ -7,6 +7,7 @@ import {
|
|||||||
} from '@/common';
|
} from '@/common';
|
||||||
import { Selects } from '@/components/Select';
|
import { Selects } from '@/components/Select';
|
||||||
import { Apis } from '@/gen/Apis';
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ApprovalTemplateNodesNodeTypeEnum } from '@/gen/Enums';
|
||||||
import { BetaSchemaForm } from '@ant-design/pro-components';
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
import { Form, message } from 'antd';
|
import { Form, message } from 'antd';
|
||||||
import { useRef, useState } from 'react';
|
import { useRef, useState } from 'react';
|
||||||
@ -158,7 +159,7 @@ export default function Update(props: MyBetaModalFormProps) {
|
|||||||
MyFormItems.EnumSelect({
|
MyFormItems.EnumSelect({
|
||||||
key: 'node_type',
|
key: 'node_type',
|
||||||
// title: `类型`,
|
// title: `类型`,
|
||||||
// valueEnum: ApprovalTemplateNodesNodeTypeEnum,
|
valueEnum: ApprovalTemplateNodesNodeTypeEnum,
|
||||||
colProps: { span: 5 },
|
colProps: { span: 5 },
|
||||||
formItemProps: {
|
formItemProps: {
|
||||||
...rulesHelper.text,
|
...rulesHelper.text,
|
||||||
@ -193,12 +194,12 @@ export default function Update(props: MyBetaModalFormProps) {
|
|||||||
fieldProps: {
|
fieldProps: {
|
||||||
mode: 'multiple',
|
mode: 'multiple',
|
||||||
showSearch: true,
|
showSearch: true,
|
||||||
// maxCount:
|
maxCount:
|
||||||
// node_type ===
|
node_type ===
|
||||||
// ApprovalTemplateNodesNodeTypeEnum.Approver
|
ApprovalTemplateNodesNodeTypeEnum.Approver
|
||||||
// .value
|
.value
|
||||||
// ? 1
|
? 1
|
||||||
// : 9,
|
: 9,
|
||||||
maxTagTextLength: 3,
|
maxTagTextLength: 3,
|
||||||
labelRender: (res: any) => {
|
labelRender: (res: any) => {
|
||||||
console.log(res, '222');
|
console.log(res, '222');
|
||||||
|
|||||||
@ -1,209 +0,0 @@
|
|||||||
import {
|
|
||||||
MyColumns,
|
|
||||||
MyImportModal,
|
|
||||||
MyPageContainer,
|
|
||||||
MyProTableProps,
|
|
||||||
useCurrentPermissions,
|
|
||||||
} from '@/common';
|
|
||||||
import { MyExport } from '@/components/MyExport';
|
|
||||||
import { Selects } from '@/components/Select';
|
|
||||||
import { Apis } from '@/gen/Apis';
|
|
||||||
import {
|
|
||||||
HouseBillsBillStatusEnum,
|
|
||||||
HouseOrdersPaymentMethodEnum,
|
|
||||||
} from '@/gen/Enums';
|
|
||||||
import { ProTable } from '@ant-design/pro-components';
|
|
||||||
import { Space } from 'antd';
|
|
||||||
import { useState } from 'react';
|
|
||||||
import SerialNumber from './modals/SerialNumber';
|
|
||||||
import SerialNumbers from './modals/SerialNumbers';
|
|
||||||
import Show from './modals/Show';
|
|
||||||
|
|
||||||
export default function Index({ title = '线上收款单' }) {
|
|
||||||
const [getParams, setParams] = useState({});
|
|
||||||
const [selectedRows, setSelectedRows] = useState<any[]>([]);
|
|
||||||
const getCurrentPermissions = useCurrentPermissions();
|
|
||||||
|
|
||||||
let toolBarRender = (action: any) => {
|
|
||||||
return getCurrentPermissions({
|
|
||||||
import: (
|
|
||||||
<MyImportModal
|
|
||||||
key="import"
|
|
||||||
title="导入流水"
|
|
||||||
type="default"
|
|
||||||
size="middle"
|
|
||||||
templateApi={Apis.HouseOrder.HouseOrders.DownloadSerialNumberTemplate}
|
|
||||||
importApi={Apis.HouseOrder.HouseOrders.ImportSerialNumber}
|
|
||||||
reload={action?.reload}
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
export: (
|
|
||||||
<MyExport
|
|
||||||
key="export"
|
|
||||||
item={getParams}
|
|
||||||
download={Apis.HouseOrder.HouseOrders}
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
serialNumbers: (
|
|
||||||
<SerialNumbers
|
|
||||||
items={selectedRows}
|
|
||||||
reload={action?.reload}
|
|
||||||
title="批量关联"
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
});
|
|
||||||
};
|
|
||||||
let tableRender = (item: any, action: any) => {
|
|
||||||
return getCurrentPermissions({
|
|
||||||
show: <Show item={item} reload={action?.reload} title="查看" />,
|
|
||||||
serialNumber: (
|
|
||||||
<SerialNumber item={item} reload={action?.reload} title="关联流水" />
|
|
||||||
),
|
|
||||||
});
|
|
||||||
};
|
|
||||||
return (
|
|
||||||
<MyPageContainer
|
|
||||||
title={title}
|
|
||||||
enableTabs={true}
|
|
||||||
tabKey="houseorders"
|
|
||||||
tabLabel={title}
|
|
||||||
>
|
|
||||||
<ProTable
|
|
||||||
{...MyProTableProps.props}
|
|
||||||
headerTitle="收款单明细"
|
|
||||||
rowSelection={{
|
|
||||||
onChange: (_, selectedRows) => {
|
|
||||||
setSelectedRows(selectedRows);
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
request={async (params, sort) => {
|
|
||||||
setParams(params);
|
|
||||||
return MyProTableProps.request(
|
|
||||||
{
|
|
||||||
...params,
|
|
||||||
// payment_methods: [
|
|
||||||
// HouseOrdersPaymentMethodEnum.TongLian.value,
|
|
||||||
// HouseOrdersPaymentMethodEnum.WeChat.value,
|
|
||||||
// HouseOrdersPaymentMethodEnum.Alipay.value,
|
|
||||||
// ],
|
|
||||||
},
|
|
||||||
sort,
|
|
||||||
Apis.HouseOrder.HouseOrders.List,
|
|
||||||
);
|
|
||||||
}}
|
|
||||||
toolBarRender={(action: any) => [toolBarRender(action)]}
|
|
||||||
columns={[
|
|
||||||
// MyColumns.ID({ search: false }),
|
|
||||||
Selects?.AssetProjects({
|
|
||||||
title: '选择项目',
|
|
||||||
key: 'asset_projects_id',
|
|
||||||
hidden: true,
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
title: '收款单ID',
|
|
||||||
dataIndex: 'id',
|
|
||||||
search: false,
|
|
||||||
},
|
|
||||||
MyColumns.Boolean({
|
|
||||||
dataIndex: 'is_serial_number',
|
|
||||||
title: '关联流水',
|
|
||||||
hidden: true,
|
|
||||||
}),
|
|
||||||
|
|
||||||
{
|
|
||||||
title: '项目名称',
|
|
||||||
dataIndex: ['asset_project', 'name'],
|
|
||||||
search: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '房屋',
|
|
||||||
dataIndex: ['asset_house', 'full_name'],
|
|
||||||
render: (_, record) =>
|
|
||||||
record.house_order_items?.[0]?.asset_house?.full_name || '-',
|
|
||||||
search: {
|
|
||||||
transform: (value) => {
|
|
||||||
return { full_name: value };
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
MyColumns.EnumTag({
|
|
||||||
title: '收款方式',
|
|
||||||
dataIndex: 'payment_method',
|
|
||||||
valueEnum: HouseOrdersPaymentMethodEnum,
|
|
||||||
}),
|
|
||||||
MyColumns.EnumTag({
|
|
||||||
title: '支付状态',
|
|
||||||
dataIndex: 'order_status',
|
|
||||||
valueEnum: HouseBillsBillStatusEnum,
|
|
||||||
search: false,
|
|
||||||
}),
|
|
||||||
|
|
||||||
{
|
|
||||||
title: '收款金额',
|
|
||||||
dataIndex: 'actual_paid_amount',
|
|
||||||
search: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '收款手续费',
|
|
||||||
dataIndex: 'fee',
|
|
||||||
search: false,
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
title: '收款日期',
|
|
||||||
dataIndex: 'paid_time',
|
|
||||||
valueType: 'dateRange',
|
|
||||||
hidden: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '收款日期',
|
|
||||||
dataIndex: 'paid_time',
|
|
||||||
valueType: 'date',
|
|
||||||
// render: (_, record) => {
|
|
||||||
// return record?.paid_time?.substring(0, 10);
|
|
||||||
// },
|
|
||||||
search: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '收款账户',
|
|
||||||
dataIndex: ['receipt_account', 'company_name'],
|
|
||||||
// search: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '收款银行',
|
|
||||||
dataIndex: ['receipt_account', 'company_bank'],
|
|
||||||
// search: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '收款账号',
|
|
||||||
dataIndex: ['receipt_account', 'company_account'],
|
|
||||||
// search: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '银行流水',
|
|
||||||
dataIndex: 'accept_serial_number',
|
|
||||||
// search: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '关联编号',
|
|
||||||
dataIndex: 'payment_no',
|
|
||||||
search: false,
|
|
||||||
},
|
|
||||||
// {
|
|
||||||
// title: '录入人',
|
|
||||||
// dataIndex: 'creator',
|
|
||||||
// search: false,
|
|
||||||
// },
|
|
||||||
MyColumns.CreatedAt(),
|
|
||||||
MyColumns.Option({
|
|
||||||
render: (_, item: any, index, action) => (
|
|
||||||
<Space key={index}>
|
|
||||||
<>{tableRender(item, action)}</>
|
|
||||||
</Space>
|
|
||||||
),
|
|
||||||
}),
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</MyPageContainer>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,244 +0,0 @@
|
|||||||
import {
|
|
||||||
MyBetaModalFormProps,
|
|
||||||
MyButtons,
|
|
||||||
MyColumns,
|
|
||||||
MyFormItems,
|
|
||||||
MyModalFormProps,
|
|
||||||
MyProTableProps,
|
|
||||||
renderTextHelper,
|
|
||||||
rulesHelper,
|
|
||||||
} from '@/common';
|
|
||||||
|
|
||||||
import { Apis } from '@/gen/Apis';
|
|
||||||
import {
|
|
||||||
HouseBillsTypeEnum,
|
|
||||||
HouseOrdersAuditStatusEnum,
|
|
||||||
HouseOrdersPaymentMethodEnum,
|
|
||||||
HouseRegistersStatusEnum,
|
|
||||||
} from '@/gen/Enums';
|
|
||||||
import {
|
|
||||||
BetaSchemaForm,
|
|
||||||
ProCard,
|
|
||||||
ProDescriptions,
|
|
||||||
ProTable,
|
|
||||||
} from '@ant-design/pro-components';
|
|
||||||
import { Form, message, Space } from 'antd';
|
|
||||||
export default function Audit(props: MyBetaModalFormProps) {
|
|
||||||
const [form] = Form.useForm();
|
|
||||||
|
|
||||||
return (
|
|
||||||
<BetaSchemaForm<ApiTypes.Bill.HouseBills.Update>
|
|
||||||
{...MyModalFormProps.props}
|
|
||||||
title={props.title}
|
|
||||||
trigger={<MyButtons.Default title="审核" type="primary" />}
|
|
||||||
// wrapperCol={{ span: 24 }}
|
|
||||||
layout="horizontal"
|
|
||||||
labelCol={{ span: 0 }}
|
|
||||||
wrapperCol={{ span: 24 }}
|
|
||||||
labelAlign="left"
|
|
||||||
width="800px"
|
|
||||||
key={new Date().getTime()}
|
|
||||||
form={form}
|
|
||||||
onFinish={async (values: any) =>
|
|
||||||
Apis.HouseOrder.HouseOrders.Audit({
|
|
||||||
id: props.item?.id ?? 0,
|
|
||||||
accept_name: props.item?.receipt_account?.company_name || '',
|
|
||||||
accept_bank: props.item?.receipt_account?.company_bank || '',
|
|
||||||
accept_account: props.item?.receipt_account?.company_account || '',
|
|
||||||
...values,
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
props.reload?.();
|
|
||||||
message.success(props.title + '成功');
|
|
||||||
return true;
|
|
||||||
})
|
|
||||||
.catch(() => false)
|
|
||||||
}
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
// title: '登记信息',
|
|
||||||
dataIndex: 'info_display',
|
|
||||||
valueType: 'text',
|
|
||||||
renderFormItem: () => (
|
|
||||||
<Space direction="vertical" style={{ width: '100%' }}>
|
|
||||||
<ProCard size="small">
|
|
||||||
<ProDescriptions bordered size="small" column={2}>
|
|
||||||
<ProDescriptions.Item label="房屋名称" span={2}>
|
|
||||||
<Space>
|
|
||||||
{props?.item?.house_order_items?.[0].asset_house
|
|
||||||
?.full_name || '-'}
|
|
||||||
<renderTextHelper.Tag
|
|
||||||
Enums={HouseOrdersAuditStatusEnum}
|
|
||||||
value={props?.item?.audit_status}
|
|
||||||
/>
|
|
||||||
</Space>
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
<ProDescriptions.Item label="收款账号" span={2}>
|
|
||||||
{props?.item?.receipt_account?.company_name} ；
|
|
||||||
{props?.item?.receipt_account?.company_bank} ；
|
|
||||||
{props?.item?.receipt_account?.company_account}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
{/* <ProDescriptions.Item label="关联流水" span={2}>
|
|
||||||
{props?.item?.accept_serial_number || '未提供'}
|
|
||||||
</ProDescriptions.Item> */}
|
|
||||||
<ProDescriptions.Item label="收款金额">
|
|
||||||
{props?.item?.actual_paid_amount || '-'}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
<ProDescriptions.Item label="录入人">
|
|
||||||
{props?.item?.creator || '-'}-
|
|
||||||
{props?.item?.creator_phone || '-'}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
<ProDescriptions.Item label="录入时间">
|
|
||||||
{props?.item?.created_at || '-'}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
</ProDescriptions>
|
|
||||||
</ProCard>
|
|
||||||
<ProCard title="" size="small">
|
|
||||||
<ProTable
|
|
||||||
{...MyProTableProps.props}
|
|
||||||
search={false}
|
|
||||||
toolBarRender={false}
|
|
||||||
pagination={false}
|
|
||||||
dataSource={props?.item?.house_order_items}
|
|
||||||
rowKey={(record, index) => record?.id || index}
|
|
||||||
size="small"
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: '关联账单',
|
|
||||||
render: (_, record) => {
|
|
||||||
return `${record.house_bill.year}-${String(
|
|
||||||
record.house_bill.month,
|
|
||||||
).padStart(2, '0')}`;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
MyColumns.EnumTag({
|
|
||||||
title: '类型',
|
|
||||||
dataIndex: ['house_bill', 'type'],
|
|
||||||
valueEnum: HouseBillsTypeEnum,
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
title: '未收金额',
|
|
||||||
dataIndex: 'amount',
|
|
||||||
search: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '本次收取金额',
|
|
||||||
dataIndex: 'paid_amount',
|
|
||||||
search: false,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</ProCard>
|
|
||||||
</Space>
|
|
||||||
),
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
valueType: 'group',
|
|
||||||
title: '',
|
|
||||||
columns: [
|
|
||||||
MyFormItems.EnumRadio({
|
|
||||||
key: 'payment_method',
|
|
||||||
title: '收款方式',
|
|
||||||
colProps: { span: 24 },
|
|
||||||
valueEnum: () => {
|
|
||||||
const obj: Record<string, any> = JSON.parse(
|
|
||||||
JSON.stringify(HouseOrdersPaymentMethodEnum),
|
|
||||||
);
|
|
||||||
delete obj.WeChat;
|
|
||||||
delete obj.Alipay;
|
|
||||||
delete obj.TongLian;
|
|
||||||
delete obj.Prepayment;
|
|
||||||
return obj;
|
|
||||||
},
|
|
||||||
formItemProps: {
|
|
||||||
...rulesHelper.text,
|
|
||||||
labelCol: { span: 4 },
|
|
||||||
wrapperCol: { span: 20 },
|
|
||||||
},
|
|
||||||
initialValue: props?.item?.payment_method,
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
key: 'paid_time',
|
|
||||||
title: '收款日期',
|
|
||||||
valueType: 'date',
|
|
||||||
colProps: { span: 24 },
|
|
||||||
formItemProps: {
|
|
||||||
...rulesHelper.text,
|
|
||||||
labelCol: { span: 4 },
|
|
||||||
wrapperCol: { span: 20 },
|
|
||||||
},
|
|
||||||
initialValue: props?.item?.paid_time
|
|
||||||
? new Date(props?.item?.paid_time)
|
|
||||||
: undefined,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
valueType: 'group',
|
|
||||||
// title: '审核操作',
|
|
||||||
columns: [
|
|
||||||
MyFormItems.EnumRadio({
|
|
||||||
key: 'audit_status',
|
|
||||||
title: '审核操作',
|
|
||||||
colProps: { span: 24 },
|
|
||||||
valueEnum: () => {
|
|
||||||
let obj: any = JSON.parse(
|
|
||||||
JSON.stringify(HouseRegistersStatusEnum),
|
|
||||||
);
|
|
||||||
delete obj.Pending;
|
|
||||||
return obj;
|
|
||||||
},
|
|
||||||
formItemProps: {
|
|
||||||
...rulesHelper.text,
|
|
||||||
labelCol: { span: 4 },
|
|
||||||
wrapperCol: { span: 20 },
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
|
|
||||||
{
|
|
||||||
valueType: 'dependency',
|
|
||||||
name: ['audit_status'],
|
|
||||||
columns: ({ audit_status }) => {
|
|
||||||
return audit_status ===
|
|
||||||
HouseOrdersAuditStatusEnum.Rejected.value
|
|
||||||
? [
|
|
||||||
{
|
|
||||||
title: '驳回原因',
|
|
||||||
dataIndex: 'reason',
|
|
||||||
valueType: 'textarea',
|
|
||||||
formItemProps: {
|
|
||||||
...rulesHelper.text,
|
|
||||||
labelCol: { span: 4 },
|
|
||||||
wrapperCol: { span: 20 },
|
|
||||||
},
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
]
|
|
||||||
: [
|
|
||||||
{
|
|
||||||
key: 'accept_serial_number',
|
|
||||||
title: '关联流水',
|
|
||||||
valueType: 'text',
|
|
||||||
colProps: { span: 24 },
|
|
||||||
initialValue: props?.item?.accept_serial_number,
|
|
||||||
formItemProps: {
|
|
||||||
...rulesHelper.text,
|
|
||||||
labelCol: { span: 4 },
|
|
||||||
wrapperCol: { span: 20 },
|
|
||||||
},
|
|
||||||
fieldProps: {
|
|
||||||
placeholder: '请输入银行流水',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
];
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,77 +0,0 @@
|
|||||||
import {
|
|
||||||
MyBetaModalFormProps,
|
|
||||||
MyButtons,
|
|
||||||
MyFormItems,
|
|
||||||
MyModalFormProps,
|
|
||||||
rulesHelper,
|
|
||||||
} from '@/common';
|
|
||||||
import { Apis } from '@/gen/Apis';
|
|
||||||
import { HouseOrdersPaymentMethodEnum } from '@/gen/Enums';
|
|
||||||
import { BetaSchemaForm } from '@ant-design/pro-components';
|
|
||||||
import { Form, message } from 'antd';
|
|
||||||
|
|
||||||
export default function Update(props: MyBetaModalFormProps) {
|
|
||||||
const [form] = Form.useForm();
|
|
||||||
return (
|
|
||||||
<BetaSchemaForm<ApiTypes.Bill.HouseBills.Update>
|
|
||||||
{...MyModalFormProps.props}
|
|
||||||
title={`${props.title}更新`}
|
|
||||||
trigger={<MyButtons.Edit />}
|
|
||||||
wrapperCol={{ span: 24 }}
|
|
||||||
width="800px"
|
|
||||||
key={new Date().getTime()}
|
|
||||||
form={form}
|
|
||||||
onOpenChange={(open: any) => {
|
|
||||||
if (open && props.item) {
|
|
||||||
form.setFieldsValue({
|
|
||||||
...props.item,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
onFinish={async (values) =>
|
|
||||||
Apis.Bill.HouseBills.Update({ ...values, id: props.item?.id ?? 0 })
|
|
||||||
.then(() => {
|
|
||||||
props.reload?.();
|
|
||||||
message.success(props.title + '成功');
|
|
||||||
return true;
|
|
||||||
})
|
|
||||||
.catch(() => false)
|
|
||||||
}
|
|
||||||
columns={[
|
|
||||||
MyFormItems.EnumRadio({
|
|
||||||
key: 'payment_method',
|
|
||||||
title: '收款方式',
|
|
||||||
colProps: { span: 10 },
|
|
||||||
valueEnum: () => {
|
|
||||||
const obj: Record<string, any> = JSON.parse(
|
|
||||||
JSON.stringify(HouseOrdersPaymentMethodEnum),
|
|
||||||
);
|
|
||||||
delete obj.WeChat;
|
|
||||||
delete obj.Alipay;
|
|
||||||
delete obj.TongLian;
|
|
||||||
delete obj.Prepayment;
|
|
||||||
return obj;
|
|
||||||
},
|
|
||||||
required: true,
|
|
||||||
}),
|
|
||||||
|
|
||||||
{
|
|
||||||
key: 'paid_time',
|
|
||||||
title: '收款日期',
|
|
||||||
valueType: 'date',
|
|
||||||
formItemProps: { ...rulesHelper.text },
|
|
||||||
colProps: { span: 6 },
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
colProps: { span: 24 },
|
|
||||||
renderFormItem: () => (
|
|
||||||
<span style={{ color: '#5b5b5bff' }}>
|
|
||||||
提示：确认后，需财务审核。
|
|
||||||
</span>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,157 +0,0 @@
|
|||||||
import {
|
|
||||||
MyBetaModalFormProps,
|
|
||||||
MyButtons,
|
|
||||||
MyModalFormProps,
|
|
||||||
rulesHelper,
|
|
||||||
} from '@/common';
|
|
||||||
import { Apis } from '@/gen/Apis';
|
|
||||||
import { BetaSchemaForm } from '@ant-design/pro-components';
|
|
||||||
import { Form, message } from 'antd';
|
|
||||||
|
|
||||||
interface BatchSerialNumbersProps extends MyBetaModalFormProps {
|
|
||||||
items?: any[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function BatchSerialNumbers(props: BatchSerialNumbersProps) {
|
|
||||||
const [form] = Form.useForm();
|
|
||||||
const { items = [] } = props;
|
|
||||||
// 计算总收款金额
|
|
||||||
const totalAmount = items.reduce((sum, item) => {
|
|
||||||
return sum + Number(item.actual_paid_amount || 0);
|
|
||||||
}, 0);
|
|
||||||
// 计算总收款手续费
|
|
||||||
const totalFee = items.reduce((sum, item) => {
|
|
||||||
return sum + Number(item.fee || 0);
|
|
||||||
}, 0);
|
|
||||||
// 计算到账金额（总收款金额 - 总手续费）
|
|
||||||
const actualReceivedAmount = totalAmount - totalFee;
|
|
||||||
// 获取收款账号信息（所有项目都相同）
|
|
||||||
const receiptAccount = items[0]?.receipt_account || {};
|
|
||||||
// 验证是否所有项目都有相同的收款账号
|
|
||||||
const validateSameAccount = () => {
|
|
||||||
if (items.length === 0) return true;
|
|
||||||
|
|
||||||
const firstAccount = items[0].receipt_account?.company_account;
|
|
||||||
return items.every(
|
|
||||||
(item) => item.receipt_account?.company_account === firstAccount,
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<BetaSchemaForm<ApiTypes.HouseOrder.HouseOrders.BatchUpdateSerialNumber>
|
|
||||||
{...MyModalFormProps.props}
|
|
||||||
title={`关联银行流水`}
|
|
||||||
layout="horizontal"
|
|
||||||
labelCol={{ span: 6 }}
|
|
||||||
wrapperCol={{ span: 18 }}
|
|
||||||
labelAlign="left"
|
|
||||||
width="500px"
|
|
||||||
trigger={
|
|
||||||
<MyButtons.Edit
|
|
||||||
title={props.title || `批量关联`}
|
|
||||||
size="middle"
|
|
||||||
disabled={items.length === 0}
|
|
||||||
/>
|
|
||||||
}
|
|
||||||
key={new Date().getTime()}
|
|
||||||
form={form}
|
|
||||||
onOpenChange={(open: any) => {
|
|
||||||
if (open && items.length > 0) {
|
|
||||||
form.resetFields(); // 清空表单数据
|
|
||||||
// 验证收款账号是否相同
|
|
||||||
if (!validateSameAccount()) {
|
|
||||||
message.error('请选择相同收款账号的收款单');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
onFinish={async (values: any) => {
|
|
||||||
// 再次验证收款账号是否相同
|
|
||||||
if (!validateSameAccount()) {
|
|
||||||
message.error('请选择相同收款账号的收款单');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
return Apis.HouseOrder.HouseOrders.BatchUpdateSerialNumber({
|
|
||||||
...values,
|
|
||||||
ids: items.map((item) => item.id),
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
props.reload?.();
|
|
||||||
message.success(props.title + '成功');
|
|
||||||
return true;
|
|
||||||
})
|
|
||||||
.catch(() => false);
|
|
||||||
}}
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
key: 'company_name',
|
|
||||||
title: '收款账户',
|
|
||||||
valueType: 'text',
|
|
||||||
initialValue: receiptAccount.company_name || '-',
|
|
||||||
fieldProps: {
|
|
||||||
disabled: true,
|
|
||||||
},
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 'company_bank',
|
|
||||||
title: '收款银行',
|
|
||||||
valueType: 'text',
|
|
||||||
initialValue: receiptAccount.company_bank || '-',
|
|
||||||
fieldProps: {
|
|
||||||
disabled: true,
|
|
||||||
},
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 'company_account',
|
|
||||||
title: '收款账号',
|
|
||||||
valueType: 'text',
|
|
||||||
initialValue: receiptAccount.company_account || '-',
|
|
||||||
fieldProps: {
|
|
||||||
disabled: true,
|
|
||||||
},
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 'total_amount',
|
|
||||||
title: '收款单汇总',
|
|
||||||
valueType: 'number',
|
|
||||||
initialValue: totalAmount,
|
|
||||||
fieldProps: {
|
|
||||||
disabled: true,
|
|
||||||
},
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 'totalFee',
|
|
||||||
title: '手续费汇总',
|
|
||||||
valueType: 'number',
|
|
||||||
initialValue: totalFee,
|
|
||||||
fieldProps: {
|
|
||||||
disabled: true,
|
|
||||||
},
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 'actual_received_amount',
|
|
||||||
title: '应到账金额',
|
|
||||||
valueType: 'number',
|
|
||||||
initialValue: actualReceivedAmount,
|
|
||||||
fieldProps: {
|
|
||||||
disabled: true,
|
|
||||||
},
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
key: 'serial_number',
|
|
||||||
title: '银行流水号',
|
|
||||||
formItemProps: { ...rulesHelper.text },
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,115 +0,0 @@
|
|||||||
import {
|
|
||||||
MyBetaModalFormProps,
|
|
||||||
MyColumns,
|
|
||||||
MyProTableProps,
|
|
||||||
renderTextHelper,
|
|
||||||
} from '@/common';
|
|
||||||
import { MyModal } from '@/components/MyModal';
|
|
||||||
|
|
||||||
import {
|
|
||||||
HouseBillsTypeEnum,
|
|
||||||
HouseOrdersAuditStatusEnum,
|
|
||||||
HouseOrdersPaymentMethodEnum,
|
|
||||||
} from '@/gen/Enums';
|
|
||||||
import { ProCard, ProDescriptions, ProTable } from '@ant-design/pro-components';
|
|
||||||
import { Space } from 'antd';
|
|
||||||
|
|
||||||
export default function Show(props: MyBetaModalFormProps) {
|
|
||||||
return (
|
|
||||||
<MyModal
|
|
||||||
title={props.title || '查看'}
|
|
||||||
width={800}
|
|
||||||
// onOpen={() => getShow()}
|
|
||||||
node={
|
|
||||||
<Space direction="vertical" style={{ width: '100%' }}>
|
|
||||||
<ProCard size="small">
|
|
||||||
<ProDescriptions bordered size="small" column={2}>
|
|
||||||
<ProDescriptions.Item label="房屋名称" span={2}>
|
|
||||||
<Space>
|
|
||||||
{props?.item?.house_order_items?.[0].asset_house?.full_name ||
|
|
||||||
'-'}
|
|
||||||
<renderTextHelper.Tag
|
|
||||||
Enums={HouseOrdersAuditStatusEnum}
|
|
||||||
value={props?.item?.audit_status}
|
|
||||||
/>
|
|
||||||
</Space>
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
<ProDescriptions.Item label="收款账号" span={2}>
|
|
||||||
{props?.item?.receipt_account?.company_name} ；
|
|
||||||
{props?.item?.receipt_account?.company_bank} ；
|
|
||||||
{props?.item?.receipt_account?.company_account}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
<ProDescriptions.Item label="关联流水" span={2}>
|
|
||||||
{props?.item?.accept_serial_number || '-'}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
<ProDescriptions.Item label="收款方式">
|
|
||||||
{Object.values(HouseOrdersPaymentMethodEnum).find(
|
|
||||||
(item) => item.value === props?.item?.payment_method,
|
|
||||||
)?.text || '-'}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
<ProDescriptions.Item label="收款日期">
|
|
||||||
{props?.item?.paid_time || '-'}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
|
|
||||||
<ProDescriptions.Item label="收款金额">
|
|
||||||
{props?.item?.actual_paid_amount || '-'}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
<ProDescriptions.Item label="录入人">
|
|
||||||
{props?.item?.creator || '-'}-
|
|
||||||
{props?.item?.creator_phone || '-'}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
<ProDescriptions.Item label="录入时间">
|
|
||||||
{props?.item?.created_at || '-'}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
<ProDescriptions.Item label="审核状态" span={2}>
|
|
||||||
<renderTextHelper.Tag
|
|
||||||
Enums={HouseOrdersAuditStatusEnum}
|
|
||||||
value={props?.item?.audit_status}
|
|
||||||
/>
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
<ProDescriptions.Item label="驳回原因" span={2}>
|
|
||||||
{props?.item?.reason || '-'}
|
|
||||||
</ProDescriptions.Item>
|
|
||||||
</ProDescriptions>
|
|
||||||
</ProCard>
|
|
||||||
<ProCard size="small">
|
|
||||||
<ProTable
|
|
||||||
{...MyProTableProps.props}
|
|
||||||
search={false}
|
|
||||||
toolBarRender={false}
|
|
||||||
pagination={false}
|
|
||||||
dataSource={props?.item?.house_order_items}
|
|
||||||
rowKey={(record, index) => record?.id || index}
|
|
||||||
size="small"
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: '关联账单',
|
|
||||||
render: (_, record) => {
|
|
||||||
return `${record.house_bill.year}-${String(
|
|
||||||
record.house_bill.month,
|
|
||||||
).padStart(2, '0')}`;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
MyColumns.EnumTag({
|
|
||||||
title: '类型',
|
|
||||||
dataIndex: ['house_bill', 'type'],
|
|
||||||
valueEnum: HouseBillsTypeEnum,
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
title: '未收金额',
|
|
||||||
dataIndex: 'amount',
|
|
||||||
search: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '本次收取金额',
|
|
||||||
dataIndex: 'paid_amount',
|
|
||||||
search: false,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</ProCard>
|
|
||||||
</Space>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -45,7 +45,7 @@ export default function CreatePropertyFee(props: MyBetaModalFormProps) {
|
|||||||
Apis.HouseCharge.HouseChargeStandards.Store({
|
Apis.HouseCharge.HouseChargeStandards.Store({
|
||||||
...values,
|
...values,
|
||||||
charge_type: HouseBillsTypeEnum.CarPortFee.value,
|
charge_type: HouseBillsTypeEnum.CarPortFee.value,
|
||||||
type: 'CarPort',
|
type: 'House',
|
||||||
is_apportionment:
|
is_apportionment:
|
||||||
values.charge_type === HouseBillsTypeEnum.SharedWaterFee.value ||
|
values.charge_type === HouseBillsTypeEnum.SharedWaterFee.value ||
|
||||||
values.charge_type === HouseBillsTypeEnum.SharedElectricityFee.value
|
values.charge_type === HouseBillsTypeEnum.SharedElectricityFee.value
|
||||||
|
|||||||
@ -39,15 +39,15 @@ export default function TaskShow(props: MyBetaModalFormProps) {
|
|||||||
{
|
{
|
||||||
title: '关联房屋',
|
title: '关联房屋',
|
||||||
dataIndex: 'full_name',
|
dataIndex: 'full_name',
|
||||||
// render: (_, record) => (
|
render: (_, record) => (
|
||||||
// <MyButtons.View
|
<MyButtons.View
|
||||||
// title={record.full_name}
|
title={record.full_name}
|
||||||
// type="link"
|
type="link"
|
||||||
// onClick={() => {
|
onClick={() => {
|
||||||
// navigate(`/bills/summary/show/${record.asset_houses_id}`);
|
navigate(`/bills/summary/show/${record.asset_houses_id}`);
|
||||||
// }}
|
}}
|
||||||
// />
|
/>
|
||||||
// ),
|
),
|
||||||
search: { transform: (value) => ({ full_name: value }) },
|
search: { transform: (value) => ({ full_name: value }) },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@ -7,10 +7,11 @@ import {
|
|||||||
useCurrentPermissions,
|
useCurrentPermissions,
|
||||||
} from '@/common';
|
} from '@/common';
|
||||||
import { Apis } from '@/gen/Apis';
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { CompanyEmployeesTypeEnum } from '@/gen/Enums';
|
||||||
import { ProTable } from '@ant-design/pro-components';
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
import { Dropdown, Space } from 'antd';
|
import { Dropdown, Space } from 'antd';
|
||||||
import Change from './modals/Change';
|
import Change from './modals/Change';
|
||||||
|
import CompletePhone from './modals/CompletePhone';
|
||||||
import EmployeeCreate from './modals/EmployeeCreate';
|
import EmployeeCreate from './modals/EmployeeCreate';
|
||||||
import EmployeeUpdate from './modals/EmployeeUpdate';
|
import EmployeeUpdate from './modals/EmployeeUpdate';
|
||||||
import Role from './modals/Role';
|
import Role from './modals/Role';
|
||||||
@ -40,14 +41,14 @@ export default function Index({ title = '员工管理' }) {
|
|||||||
key: '2',
|
key: '2',
|
||||||
label: (
|
label: (
|
||||||
<MyButtons.Default
|
<MyButtons.Default
|
||||||
title="重置"
|
title="重置密码"
|
||||||
type="default"
|
type="default"
|
||||||
isConfirm={true}
|
isConfirm={true}
|
||||||
description={`确定要重置用户「${item.name}」的密码为「12345678」吗？`}
|
description={`确定要重置用户「${item.name}」的密码为「Gc#123」吗？`}
|
||||||
onConfirm={() =>
|
onConfirm={() =>
|
||||||
Apis.Company.CompanyEmployees.ResetPassword({
|
Apis.Company.CompanyEmployees.ResetPassword({
|
||||||
id: item.id,
|
id: item.id,
|
||||||
password: '12345678',
|
password: 'Gc#123',
|
||||||
}).then(() => action?.reload())
|
}).then(() => action?.reload())
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
@ -91,7 +92,14 @@ export default function Index({ title = '员工管理' }) {
|
|||||||
Apis.Company.CompanyEmployees.List,
|
Apis.Company.CompanyEmployees.List,
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
toolBarRender={(action) => [toolBarRender(action)]}
|
toolBarRender={(action) => [
|
||||||
|
<CompletePhone
|
||||||
|
key="CompletePhone"
|
||||||
|
reload={action?.reload}
|
||||||
|
title="补全手机号"
|
||||||
|
/>,
|
||||||
|
toolBarRender(action),
|
||||||
|
]}
|
||||||
columns={[
|
columns={[
|
||||||
MyColumns.ID({
|
MyColumns.ID({
|
||||||
search: false,
|
search: false,
|
||||||
@ -114,32 +122,31 @@ export default function Index({ title = '员工管理' }) {
|
|||||||
dataIndex: 'phone',
|
dataIndex: 'phone',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '岗位',
|
title: '角色',
|
||||||
dataIndex: ['position', 'name'],
|
|
||||||
search: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '系统角色',
|
|
||||||
dataIndex: 'roles',
|
dataIndex: 'roles',
|
||||||
renderText: renderTextHelper.TagList,
|
renderText: renderTextHelper.TagList,
|
||||||
hideInSearch: true,
|
hideInSearch: true,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
// MyColumns.EnumTag({
|
title: '岗位',
|
||||||
// title: '来源',
|
dataIndex: ['position', 'name'],
|
||||||
// dataIndex: 'type',
|
search: false,
|
||||||
// // valueEnum: CompanyEmployeesTypeEnum,
|
},
|
||||||
// }),
|
MyColumns.EnumTag({
|
||||||
// MyColumns.SoftDelete({
|
title: '来源',
|
||||||
// title: '启/禁用',
|
dataIndex: 'type',
|
||||||
// onRestore: Apis.Company.CompanyEmployees.Restore,
|
valueEnum: CompanyEmployeesTypeEnum,
|
||||||
// onSoftDelete: Apis.Company.CompanyEmployees.SoftDelete,
|
}),
|
||||||
// search: false,
|
MyColumns.SoftDelete({
|
||||||
// setPermissions: getCurrentPermissions({
|
title: '启/禁用',
|
||||||
// enableDisable: true,
|
onRestore: Apis.Company.CompanyEmployees.Restore,
|
||||||
// }),
|
onSoftDelete: Apis.Company.CompanyEmployees.SoftDelete,
|
||||||
// }),
|
search: false,
|
||||||
// MyColumns.UpdatedAt(),
|
setPermissions: getCurrentPermissions({
|
||||||
|
enableDisable: true,
|
||||||
|
}),
|
||||||
|
}),
|
||||||
|
MyColumns.UpdatedAt(),
|
||||||
// MyColumns.CreatedAt(),
|
// MyColumns.CreatedAt(),
|
||||||
MyColumns.Option({
|
MyColumns.Option({
|
||||||
render: (_, item: any, index, action) => (
|
render: (_, item: any, index, action) => (
|
||||||
|
|||||||
99
src/pages/company/employees/modals/CompletePhone.tsx
Normal file
99
src/pages/company/employees/modals/CompletePhone.tsx
Normal file
@ -0,0 +1,99 @@
|
|||||||
|
import { MyBetaModalFormProps, MyButtons, MyModalFormProps } from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
|
||||||
|
export default function CompletePhone(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
|
// 验证多行手机号
|
||||||
|
const validatePhones = (_: any, value?: string) => {
|
||||||
|
if (!value || !value.trim()) {
|
||||||
|
return Promise.reject('请输入手机号');
|
||||||
|
}
|
||||||
|
|
||||||
|
const phones = value.trim().split(/\r?\n/).filter(Boolean);
|
||||||
|
if (phones.length === 0) {
|
||||||
|
return Promise.reject('请输入至少一个手机号');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (phones.length > 20000) {
|
||||||
|
return Promise.reject('最多支持20000条数据');
|
||||||
|
}
|
||||||
|
|
||||||
|
const phoneRegex = /^1[3-9]\d{9}$/;
|
||||||
|
const invalidPhones = phones.filter((phone) => !phoneRegex.test(phone));
|
||||||
|
|
||||||
|
if (invalidPhones.length > 0) {
|
||||||
|
return Promise.reject(
|
||||||
|
`手机号格式不正确：${invalidPhones.slice(0, 3).join(', ')}${
|
||||||
|
invalidPhones.length > 3 ? '...等' : ''
|
||||||
|
}`,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return Promise.resolve();
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
title="批量补全手机号"
|
||||||
|
trigger={
|
||||||
|
<MyButtons.Default
|
||||||
|
title="批量补全手机号"
|
||||||
|
type="primary"
|
||||||
|
size="middle"
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
width={600}
|
||||||
|
key={new Date().getTime()}
|
||||||
|
form={form}
|
||||||
|
onOpenChange={(open: boolean) => {
|
||||||
|
if (open) {
|
||||||
|
form.resetFields();
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
onFinish={async (values: any) => {
|
||||||
|
try {
|
||||||
|
// 按换行分割手机号并过滤空值
|
||||||
|
const phoneArray = values.phoneInput
|
||||||
|
.trim()
|
||||||
|
.split(/\r?\n/)
|
||||||
|
.filter(Boolean);
|
||||||
|
|
||||||
|
// 提交多行手机号
|
||||||
|
await Apis.Company.CompanyEmployees.CompletePhone({
|
||||||
|
phone: phoneArray,
|
||||||
|
});
|
||||||
|
|
||||||
|
props.reload?.();
|
||||||
|
message.success('手机号补全成功');
|
||||||
|
return true;
|
||||||
|
} catch (error) {
|
||||||
|
console.error('补全手机号失败:', error);
|
||||||
|
message.error('补全手机号失败，请重试');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
key: 'phoneInput',
|
||||||
|
title:
|
||||||
|
'请在输入框里粘贴手机号。每行一个值，不超过2000条(excel中的数据，可直接复制/粘贴)',
|
||||||
|
valueType: 'textarea',
|
||||||
|
fieldProps: {
|
||||||
|
placeholder: '请输入手机号，多个【按回车键】换行隔开',
|
||||||
|
autoSize: { minRows: 8, maxRows: 12 },
|
||||||
|
style: { resize: 'vertical' },
|
||||||
|
},
|
||||||
|
colProps: { span: 24 },
|
||||||
|
formItemProps: {
|
||||||
|
rules: [{ validator: validatePhones }],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -8,7 +8,7 @@ import {
|
|||||||
import { Selects } from '@/components/Select';
|
import { Selects } from '@/components/Select';
|
||||||
import { SysSelects } from '@/components/SysSelects';
|
import { SysSelects } from '@/components/SysSelects';
|
||||||
import { Apis } from '@/gen/Apis';
|
import { Apis } from '@/gen/Apis';
|
||||||
import { SexEnum } from '@/gen/Enums';
|
import { CompanyEmployeesTypeEnum, SexEnum } from '@/gen/Enums';
|
||||||
import { BetaSchemaForm } from '@ant-design/pro-components';
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
import { Form, message } from 'antd';
|
import { Form, message } from 'antd';
|
||||||
|
|
||||||
@ -35,8 +35,8 @@ export default function Create(props: MyBetaModalFormProps) {
|
|||||||
Apis.Company.CompanyEmployees.Store({
|
Apis.Company.CompanyEmployees.Store({
|
||||||
...values,
|
...values,
|
||||||
companies_id: values?.companies_id || props?.item?.id,
|
companies_id: values?.companies_id || props?.item?.id,
|
||||||
// type: CompanyEmployeesTypeEnum.External.value,
|
type: CompanyEmployeesTypeEnum.External.value,
|
||||||
password: '12345678',
|
password: 'Gc#123',
|
||||||
organizations_id:
|
organizations_id:
|
||||||
values?.organizations_id?.[values.organizations_id.length - 1],
|
values?.organizations_id?.[values.organizations_id.length - 1],
|
||||||
})
|
})
|
||||||
|
|||||||
@ -15,7 +15,7 @@ export default function Update(props: MyBetaModalFormProps) {
|
|||||||
<BetaSchemaForm<ApiTypes.Company.CompanyEmployees.Update>
|
<BetaSchemaForm<ApiTypes.Company.CompanyEmployees.Update>
|
||||||
{...MyModalFormProps.props}
|
{...MyModalFormProps.props}
|
||||||
title={`角色调整`}
|
title={`角色调整`}
|
||||||
trigger={<MyButtons.Default title="角色" type="primary" />}
|
trigger={<MyButtons.Default title="角色调整" type="primary" />}
|
||||||
wrapperCol={{ span: 24 }}
|
wrapperCol={{ span: 24 }}
|
||||||
width="500px"
|
width="500px"
|
||||||
key={new Date().getTime()}
|
key={new Date().getTime()}
|
||||||
|
|||||||
@ -5,6 +5,10 @@ import {
|
|||||||
MyProTableProps,
|
MyProTableProps,
|
||||||
} from '@/common';
|
} from '@/common';
|
||||||
import { Apis } from '@/gen/Apis';
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import {
|
||||||
|
GoodsReleasesAuditStatusEnum,
|
||||||
|
GoodsReleasesPassedTypeEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
import { ProTable } from '@ant-design/pro-components';
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
import { useNavigate } from '@umijs/max';
|
import { useNavigate } from '@umijs/max';
|
||||||
import { Space, Tooltip } from 'antd';
|
import { Space, Tooltip } from 'antd';
|
||||||
@ -47,7 +51,7 @@ export default function Index({ title = '物品放行' }) {
|
|||||||
MyColumns.EnumTag({
|
MyColumns.EnumTag({
|
||||||
title: '申请状态',
|
title: '申请状态',
|
||||||
dataIndex: 'status',
|
dataIndex: 'status',
|
||||||
// valueEnum: GoodsReleasesAuditStatusEnum,
|
valueEnum: GoodsReleasesAuditStatusEnum,
|
||||||
}),
|
}),
|
||||||
{
|
{
|
||||||
title: '房屋',
|
title: '房屋',
|
||||||
@ -67,7 +71,7 @@ export default function Index({ title = '物品放行' }) {
|
|||||||
MyColumns.EnumTag({
|
MyColumns.EnumTag({
|
||||||
title: '通行类型',
|
title: '通行类型',
|
||||||
dataIndex: 'passed_type',
|
dataIndex: 'passed_type',
|
||||||
// valueEnum: GoodsReleasesPassedTypeEnum,
|
valueEnum: GoodsReleasesPassedTypeEnum,
|
||||||
}),
|
}),
|
||||||
|
|
||||||
{
|
{
|
||||||
@ -159,11 +163,10 @@ export default function Index({ title = '物品放行' }) {
|
|||||||
MyColumns.Option({
|
MyColumns.Option({
|
||||||
render: (_, item: any, index, action) => (
|
render: (_, item: any, index, action) => (
|
||||||
<Space key={index}>
|
<Space key={index}>
|
||||||
{/* {item?.status ===
|
{item?.status ===
|
||||||
GoodsReleasesAuditStatusEnum.Pending.value && (
|
GoodsReleasesAuditStatusEnum.Pending.value && (
|
||||||
<Audit item={item} reload={action?.reload} title={title} />
|
<Audit item={item} reload={action?.reload} title={title} />
|
||||||
)} */}
|
)}
|
||||||
<Audit item={item} reload={action?.reload} title={title} />
|
|
||||||
<MyButtons.Default
|
<MyButtons.Default
|
||||||
key="Create"
|
key="Create"
|
||||||
size="small"
|
size="small"
|
||||||
|
|||||||
@ -1,11 +1,14 @@
|
|||||||
import {
|
import {
|
||||||
MyBetaModalFormProps,
|
MyBetaModalFormProps,
|
||||||
MyButtons,
|
MyButtons,
|
||||||
|
MyFormItems,
|
||||||
MyModalFormProps,
|
MyModalFormProps,
|
||||||
MyProTableProps,
|
MyProTableProps,
|
||||||
|
renderTextHelper,
|
||||||
rulesHelper,
|
rulesHelper,
|
||||||
} from '@/common';
|
} from '@/common';
|
||||||
import { Apis } from '@/gen/Apis';
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { GoodsReleasesPassedTypeEnum } from '@/gen/Enums';
|
||||||
import {
|
import {
|
||||||
BetaSchemaForm,
|
BetaSchemaForm,
|
||||||
ProCard,
|
ProCard,
|
||||||
@ -68,12 +71,12 @@ export default function Update(props: MyBetaModalFormProps) {
|
|||||||
<ProDescriptions.Item label="申请时间">
|
<ProDescriptions.Item label="申请时间">
|
||||||
{props?.item?.created_at || '-'}
|
{props?.item?.created_at || '-'}
|
||||||
</ProDescriptions.Item>
|
</ProDescriptions.Item>
|
||||||
{/* <ProDescriptions.Item label="当前状态">
|
<ProDescriptions.Item label="当前状态">
|
||||||
<renderTextHelper.Tag
|
<renderTextHelper.Tag
|
||||||
Enums={GoodsReleasesPassedTypeEnum}
|
Enums={GoodsReleasesPassedTypeEnum}
|
||||||
value={props?.item?.status}
|
value={props?.item?.status}
|
||||||
/>
|
/>
|
||||||
</ProDescriptions.Item> */}
|
</ProDescriptions.Item>
|
||||||
</ProDescriptions>
|
</ProDescriptions>
|
||||||
</ProCard>
|
</ProCard>
|
||||||
|
|
||||||
@ -111,19 +114,19 @@ export default function Update(props: MyBetaModalFormProps) {
|
|||||||
{
|
{
|
||||||
valueType: 'group',
|
valueType: 'group',
|
||||||
columns: [
|
columns: [
|
||||||
// MyFormItems.EnumRadio({
|
MyFormItems.EnumRadio({
|
||||||
// key: 'status',
|
key: 'status',
|
||||||
// title: '审核操作',
|
title: '审核操作',
|
||||||
// colProps: { span: 24 },
|
colProps: { span: 24 },
|
||||||
// valueEnum: () => {
|
valueEnum: () => {
|
||||||
// let obj: any = JSON.parse(
|
let obj: any = JSON.parse(
|
||||||
// JSON.stringify(GoodsReleasesPassedTypeEnum),
|
JSON.stringify(GoodsReleasesPassedTypeEnum),
|
||||||
// );
|
);
|
||||||
// delete obj.Pending;
|
delete obj.Pending;
|
||||||
// return obj;
|
return obj;
|
||||||
// },
|
},
|
||||||
// required: true,
|
required: true,
|
||||||
// }),
|
}),
|
||||||
{
|
{
|
||||||
valueType: 'dependency',
|
valueType: 'dependency',
|
||||||
name: ['status'],
|
name: ['status'],
|
||||||
|
|||||||
@ -6,6 +6,7 @@ import {
|
|||||||
} from '@/common';
|
} from '@/common';
|
||||||
import MyModalsHouseSelectList from '@/components/ModalsHouseSelectList';
|
import MyModalsHouseSelectList from '@/components/ModalsHouseSelectList';
|
||||||
import { Apis } from '@/gen/Apis';
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { GoodsReleasesPassedTypeEnum } from '@/gen/Enums';
|
||||||
import { BetaSchemaForm, ProCard } from '@ant-design/pro-components';
|
import { BetaSchemaForm, ProCard } from '@ant-design/pro-components';
|
||||||
import { useNavigate } from '@umijs/max';
|
import { useNavigate } from '@umijs/max';
|
||||||
import { Form, message, Space } from 'antd';
|
import { Form, message, Space } from 'antd';
|
||||||
@ -98,8 +99,8 @@ export default function Index({ title = '物品放行申请' }) {
|
|||||||
},
|
},
|
||||||
MyFormItems.EnumRadio({
|
MyFormItems.EnumRadio({
|
||||||
key: 'passed_type',
|
key: 'passed_type',
|
||||||
title: '通行类型',
|
title: '装修类型',
|
||||||
// valueEnum: GoodsReleasesPassedTypeEnum,
|
valueEnum: GoodsReleasesPassedTypeEnum,
|
||||||
colProps: { span: 6 },
|
colProps: { span: 6 },
|
||||||
formItemProps: { ...rulesHelper.text },
|
formItemProps: { ...rulesHelper.text },
|
||||||
}),
|
}),
|
||||||
|
|||||||
@ -5,6 +5,7 @@ import {
|
|||||||
rulesHelper,
|
rulesHelper,
|
||||||
} from '@/common';
|
} from '@/common';
|
||||||
import { Apis } from '@/gen/Apis';
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { GoodsReleasesPassedTypeEnum } from '@/gen/Enums';
|
||||||
import { BetaSchemaForm, ProCard } from '@ant-design/pro-components';
|
import { BetaSchemaForm, ProCard } from '@ant-design/pro-components';
|
||||||
import { useNavigate, useSearchParams } from '@umijs/max';
|
import { useNavigate, useSearchParams } from '@umijs/max';
|
||||||
import { Form, Space } from 'antd';
|
import { Form, Space } from 'antd';
|
||||||
@ -95,7 +96,7 @@ export default function Index({ title = '物品放行审核' }) {
|
|||||||
MyFormItems.EnumRadio({
|
MyFormItems.EnumRadio({
|
||||||
key: 'passed_type',
|
key: 'passed_type',
|
||||||
title: '装修类型',
|
title: '装修类型',
|
||||||
// valueEnum: GoodsReleasesPassedTypeEnum,
|
valueEnum: GoodsReleasesPassedTypeEnum,
|
||||||
colProps: { span: 8 },
|
colProps: { span: 8 },
|
||||||
formItemProps: { ...rulesHelper.text },
|
formItemProps: { ...rulesHelper.text },
|
||||||
}),
|
}),
|
||||||
|
|||||||
@ -0,0 +1,73 @@
|
|||||||
|
import {
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyProTableProps,
|
||||||
|
useCurrentPermissions,
|
||||||
|
} from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
import Create from '../modals/QuestionCategoriesCreate';
|
||||||
|
import Update from '../modals/QuestionCategoriesUpdate';
|
||||||
|
|
||||||
|
export default function QuestionCategoriesList({ title = '题目分类' }) {
|
||||||
|
const getCurrentPermissions = useCurrentPermissions();
|
||||||
|
let toolBarRender = (action: any) => {
|
||||||
|
return getCurrentPermissions(
|
||||||
|
{
|
||||||
|
add: <Create key="Create" reload={action?.reload} title={title} />,
|
||||||
|
},
|
||||||
|
'MyQuestionCategoriesList',
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
let tableRender = (item: any, action: any) => {
|
||||||
|
return getCurrentPermissions(
|
||||||
|
{
|
||||||
|
update: <Update item={item} reload={action?.reload} title={title} />,
|
||||||
|
delete: (
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.Survey.QuestionCategories.Delete({ id: item.id }).then(() =>
|
||||||
|
action?.reload(),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
'MyQuestionCategoriesList',
|
||||||
|
);
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
search={false}
|
||||||
|
headerTitle="分类列表"
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(
|
||||||
|
params,
|
||||||
|
sort,
|
||||||
|
Apis.Survey.QuestionCategories.List,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
toolBarRender={(action) => [toolBarRender(action)]}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
{ dataIndex: 'name', title: '名称' },
|
||||||
|
{ dataIndex: 'description', title: '描述' },
|
||||||
|
MyColumns.Boolean({ dataIndex: 'is_enabled', title: '是否启用' }),
|
||||||
|
MyColumns.Option({
|
||||||
|
width: 120,
|
||||||
|
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={`item_${index}`}>
|
||||||
|
<>{tableRender(item, action)}</>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
80
src/pages/marketing/survey/components/QuestionsList.tsx
Normal file
80
src/pages/marketing/survey/components/QuestionsList.tsx
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
import {
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyProTableProps,
|
||||||
|
useCurrentPermissions,
|
||||||
|
} from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { QuestionsTypeEnum } from '@/gen/Enums';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
import Create from '../modals/QuestionsCreate';
|
||||||
|
import Update from '../modals/QuestionsUpdate';
|
||||||
|
|
||||||
|
export default function QuestionsList({ title = '题目' }) {
|
||||||
|
const getCurrentPermissions = useCurrentPermissions();
|
||||||
|
let toolBarRender = (action: any) => {
|
||||||
|
return getCurrentPermissions(
|
||||||
|
{
|
||||||
|
add: <Create key="Create" reload={action?.reload} title={title} />,
|
||||||
|
},
|
||||||
|
'MyQuestionsList',
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
let tableRender = (item: any, action: any) => {
|
||||||
|
return (
|
||||||
|
getCurrentPermissions({
|
||||||
|
update: <Update item={item} reload={action?.reload} title={title} />,
|
||||||
|
delete: (
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.Survey.Questions.Delete({ id: item.id }).then(() =>
|
||||||
|
action?.reload(),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
'MyQuestionsList'
|
||||||
|
);
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
headerTitle={`${title}列表`}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(params, sort, Apis.Survey.Questions.List)
|
||||||
|
}
|
||||||
|
toolBarRender={(action) => [toolBarRender(action)]}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
{ dataIndex: 'title', title: '题目' },
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '类型',
|
||||||
|
dataIndex: 'type',
|
||||||
|
valueEnum: QuestionsTypeEnum,
|
||||||
|
}),
|
||||||
|
{ dataIndex: 'placeholder', title: '提示', search: false },
|
||||||
|
MyColumns.Boolean({
|
||||||
|
dataIndex: 'required',
|
||||||
|
title: '是否必答',
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.Boolean({
|
||||||
|
dataIndex: 'is_enabled',
|
||||||
|
title: '是否启用',
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.Option({
|
||||||
|
width: 120,
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={`item_${index}`}>{tableRender(item, action)}</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
113
src/pages/marketing/survey/components/SurveyReleasesList.tsx
Normal file
113
src/pages/marketing/survey/components/SurveyReleasesList.tsx
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
import {
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyProTableProps,
|
||||||
|
useCurrentPermissions,
|
||||||
|
} from '@/common';
|
||||||
|
import { isInTimeRange } from '@/common/utils/day';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { SurveyReleasesTypeEnum } from '@/gen/Enums';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
import Create from '../modals/SurveyReleasesCreate';
|
||||||
|
import Update from '../modals/SurveyReleasesUpdate';
|
||||||
|
|
||||||
|
export default function SurveyReleasesList({ title = '问卷发布列表' }) {
|
||||||
|
const getCurrentPermissions = useCurrentPermissions();
|
||||||
|
let toolBarRender = (action: any) => {
|
||||||
|
return getCurrentPermissions(
|
||||||
|
{
|
||||||
|
add: <Create key="Create" reload={action?.reload} title="发布" />,
|
||||||
|
},
|
||||||
|
'MySurveyReleasesList',
|
||||||
|
);
|
||||||
|
};
|
||||||
|
let tableRender = (item: any, action: any) => {
|
||||||
|
return getCurrentPermissions(
|
||||||
|
{
|
||||||
|
publish: (
|
||||||
|
<MyButtons.Default
|
||||||
|
isConfirm
|
||||||
|
title="立即发布"
|
||||||
|
description="确定要发布？"
|
||||||
|
disabled={item?.release_type !== 'Manual' || item.status}
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.Survey.SurveyReleases.Publish({ id: item.id }).then(() =>
|
||||||
|
action?.reload(),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
cancel: (
|
||||||
|
<MyButtons.Default
|
||||||
|
isConfirm
|
||||||
|
title="下架"
|
||||||
|
description="确定要下架问卷？"
|
||||||
|
disabled={
|
||||||
|
!item.status && !isInTimeRange(item?.start_date, item?.end_date)
|
||||||
|
}
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.Survey.SurveyReleases.Cancel({ id: item.id }).then(() =>
|
||||||
|
action?.reload(),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
update: <Update item={item} reload={action?.reload} title={title} />,
|
||||||
|
delete: (
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.Survey.SurveyReleases.Delete({ id: item.id }).then(() =>
|
||||||
|
action?.reload(),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
'MySurveyReleasesList',
|
||||||
|
);
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
headerTitle={`${title}`}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(params, sort, Apis.Survey.SurveyReleases.List)
|
||||||
|
}
|
||||||
|
toolBarRender={(action) => [toolBarRender(action)]}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '问卷ID',
|
||||||
|
hidden: true,
|
||||||
|
dataIndex: 'surveys_id',
|
||||||
|
// search: {
|
||||||
|
// transform: (value) => {
|
||||||
|
// return { surveys_id: value };
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '方式',
|
||||||
|
dataIndex: 'release_type',
|
||||||
|
valueEnum: SurveyReleasesTypeEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.Boolean({
|
||||||
|
title: '是否发布',
|
||||||
|
dataIndex: 'status',
|
||||||
|
}),
|
||||||
|
{ dataIndex: ['survey', 'name'], title: '发布的问卷', search: false },
|
||||||
|
{ dataIndex: 'start_date', title: '开始时间', search: false },
|
||||||
|
{ dataIndex: 'end_date', title: '结束时间', search: false },
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={`item_${index}`}>{tableRender(item, action)}</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -0,0 +1,39 @@
|
|||||||
|
import { MyColumns, MyProTableProps } from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import MyShow from '../modals/SurveyResponsesShow';
|
||||||
|
export default function SurveyResponsesList({ title = '问卷回收' }) {
|
||||||
|
return (
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
headerTitle={`${title}`}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(params, sort, Apis.Survey.SurveyResponses.List)
|
||||||
|
}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
{ dataIndex: ['survey', 'name'], title: '问卷', search: false },
|
||||||
|
{ dataIndex: 'survey_id', title: '问卷ID', hidden: true },
|
||||||
|
{ dataIndex: 'release_id', title: '发布ID', hidden: true },
|
||||||
|
{ dataIndex: 'customers_id', title: '客户ID', hidden: true },
|
||||||
|
{ dataIndex: 'customer_phone', title: '客户手机号', hidden: true },
|
||||||
|
{
|
||||||
|
dataIndex: 'customer',
|
||||||
|
title: '回答客户',
|
||||||
|
search: false,
|
||||||
|
render: (_, item: any) => {
|
||||||
|
return `${item?.customer?.phone}_${item?.customer?.name}`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{ dataIndex: 'total_score', title: '总得分', search: false },
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
width: 120,
|
||||||
|
render: (_, item: any) => <MyShow key="show" item={item} />,
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
91
src/pages/marketing/survey/components/SurveysList.tsx
Normal file
91
src/pages/marketing/survey/components/SurveysList.tsx
Normal file
@ -0,0 +1,91 @@
|
|||||||
|
import {
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyProTableProps,
|
||||||
|
useCurrentPermissions,
|
||||||
|
} from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { PlusOutlined } from '@ant-design/icons';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { useNavigate } from '@umijs/max';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
|
||||||
|
export default function SurveysList({ title = '问卷设置' }) {
|
||||||
|
const navigate = useNavigate();
|
||||||
|
const getCurrentPermissions = useCurrentPermissions();
|
||||||
|
let toolBarRender = () => {
|
||||||
|
return getCurrentPermissions(
|
||||||
|
{
|
||||||
|
add: (
|
||||||
|
<MyButtons.Default
|
||||||
|
key="Create"
|
||||||
|
size="middle"
|
||||||
|
type="primary"
|
||||||
|
icon={<PlusOutlined />}
|
||||||
|
onClick={() => {
|
||||||
|
navigate('/marketing/survey/pages/create_surveys');
|
||||||
|
}}
|
||||||
|
title="新增问卷"
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
'MySurveysList',
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
let tableRender = (item: any, action: any) => {
|
||||||
|
return (
|
||||||
|
getCurrentPermissions({
|
||||||
|
update: (
|
||||||
|
<MyButtons.Default
|
||||||
|
key="update"
|
||||||
|
type="primary"
|
||||||
|
onClick={() => {
|
||||||
|
navigate(`/marketing/survey/pages/update_surveys?id=${item.id}`);
|
||||||
|
}}
|
||||||
|
title="编辑"
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
delete: (
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.Survey.Surveys.Delete({ id: item.id }).then(() =>
|
||||||
|
action?.reload(),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
'MySurveysList'
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
headerTitle={`${title}`}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(params, sort, Apis.Survey.Surveys.List)
|
||||||
|
}
|
||||||
|
toolBarRender={() => [toolBarRender()]}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
{ dataIndex: 'name', title: '问卷' },
|
||||||
|
MyColumns.Boolean({
|
||||||
|
dataIndex: 'is_enabled',
|
||||||
|
title: '是否启用',
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
width: 120,
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={`item_${index}`}>{tableRender(item, action)}</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
48
src/pages/marketing/survey/index.tsx
Normal file
48
src/pages/marketing/survey/index.tsx
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
import { MyPageContainer, useCurrentPermissions } from '@/common';
|
||||||
|
import type { TabsProps } from 'antd';
|
||||||
|
import { Tabs } from 'antd';
|
||||||
|
import MyQuestionCategoriesList from './components/QuestionCategoriesList';
|
||||||
|
import MyQuestionsList from './components/QuestionsList';
|
||||||
|
import MySurveyReleasesList from './components/SurveyReleasesList';
|
||||||
|
import MySurveyResponsesList from './components/SurveyResponsesList';
|
||||||
|
import MySurveysList from './components/SurveysList';
|
||||||
|
export default function Index({ title = '问卷调查' }) {
|
||||||
|
const getCurrentPermissions = useCurrentPermissions();
|
||||||
|
const items: TabsProps['items'] = getCurrentPermissions({
|
||||||
|
MySurveyReleasesList: {
|
||||||
|
key: 'MySurveyReleasesList',
|
||||||
|
label: '问卷发布',
|
||||||
|
children: <MySurveyReleasesList />,
|
||||||
|
},
|
||||||
|
MySurveysList: {
|
||||||
|
key: 'MySurveysList',
|
||||||
|
label: '问卷设置',
|
||||||
|
children: <MySurveysList />,
|
||||||
|
},
|
||||||
|
MySurveyResponsesList: {
|
||||||
|
key: 'MySurveyResponsesList',
|
||||||
|
label: '问卷回收',
|
||||||
|
children: <MySurveyResponsesList />,
|
||||||
|
},
|
||||||
|
MyQuestionsList: {
|
||||||
|
key: 'MyQuestionsList',
|
||||||
|
label: '问卷题库',
|
||||||
|
children: <MyQuestionsList />,
|
||||||
|
},
|
||||||
|
MyQuestionCategoriesList: {
|
||||||
|
key: 'MyQuestionCategoriesList',
|
||||||
|
label: '题目分类',
|
||||||
|
children: <MyQuestionCategoriesList />,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
return (
|
||||||
|
<MyPageContainer
|
||||||
|
title={title}
|
||||||
|
enableTabs={true}
|
||||||
|
tabKey="marketing-survey"
|
||||||
|
tabLabel={title}
|
||||||
|
>
|
||||||
|
<Tabs type="card" items={items} />
|
||||||
|
</MyPageContainer>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -0,0 +1,56 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyModalFormProps,
|
||||||
|
rulesHelper,
|
||||||
|
} from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
|
||||||
|
export default function QuestionCategoriesCreate(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.Survey.QuestionCategories.Store>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
form={form}
|
||||||
|
title={`添加${props.title}`}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
key={new Date().getTime()}
|
||||||
|
width="500px"
|
||||||
|
trigger={<MyButtons.Create title={`添加${props.title}`} />}
|
||||||
|
onOpenChange={(open: any) => {
|
||||||
|
if (open) {
|
||||||
|
form.resetFields(); // 清空表单数据
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
onFinish={async (values) =>
|
||||||
|
Apis.Survey.QuestionCategories.Store({
|
||||||
|
...values,
|
||||||
|
is_enabled: values?.is_enabled ? true : false,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
props.reload?.();
|
||||||
|
message.success(`添加${props.title}成功`);
|
||||||
|
return true;
|
||||||
|
})
|
||||||
|
.catch(() => false)
|
||||||
|
}
|
||||||
|
columns={[
|
||||||
|
{ key: 'name', title: '名称', formItemProps: { ...rulesHelper.text } },
|
||||||
|
{
|
||||||
|
key: 'description',
|
||||||
|
title: '描述',
|
||||||
|
valueType: 'textarea',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'is_enabled',
|
||||||
|
title: '是否启用',
|
||||||
|
valueType: 'switch',
|
||||||
|
},
|
||||||
|
// MyFormItems.ColorPicker(),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -8,30 +8,28 @@ import { Apis } from '@/gen/Apis';
|
|||||||
import { BetaSchemaForm } from '@ant-design/pro-components';
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
import { Form, message } from 'antd';
|
import { Form, message } from 'antd';
|
||||||
|
|
||||||
export default function OrganizationHasProjects(props: MyBetaModalFormProps) {
|
export default function QuestionCategoriesUpdate(props: MyBetaModalFormProps) {
|
||||||
const [form] = Form.useForm();
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<BetaSchemaForm<ApiTypes.HouseOrder.HouseOrders.UpdateSerialNumber>
|
<BetaSchemaForm<ApiTypes.Survey.QuestionCategories.Update>
|
||||||
{...MyModalFormProps.props}
|
{...MyModalFormProps.props}
|
||||||
title={`关联银行流水`}
|
|
||||||
wrapperCol={{ span: 24 }}
|
|
||||||
width="500px"
|
|
||||||
trigger={<MyButtons.Edit title={`流水`} size="small" />}
|
|
||||||
key={new Date().getTime()}
|
|
||||||
form={form}
|
form={form}
|
||||||
|
title={`编辑${props.title}`}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
key={new Date().getTime()}
|
||||||
|
width="500px"
|
||||||
|
trigger={<MyButtons.Edit title="编辑" />}
|
||||||
onOpenChange={(open: any) => {
|
onOpenChange={(open: any) => {
|
||||||
if (open && props.item) {
|
if (open && props.item) {
|
||||||
form.setFieldsValue({
|
form.setFieldsValue(props.item);
|
||||||
...props.item,
|
|
||||||
serial_number: props?.item?.accept_serial_number || '',
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
onFinish={async (values: any) =>
|
onFinish={async (values) =>
|
||||||
Apis.HouseOrder.HouseOrders.UpdateSerialNumber({
|
Apis.Survey.QuestionCategories.Update({
|
||||||
...values,
|
...values,
|
||||||
id: props?.item?.id,
|
is_enabled: values?.is_enabled ? true : false,
|
||||||
|
id: props.item?.id ?? 0,
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
props.reload?.();
|
props.reload?.();
|
||||||
@ -41,12 +39,18 @@ export default function OrganizationHasProjects(props: MyBetaModalFormProps) {
|
|||||||
.catch(() => false)
|
.catch(() => false)
|
||||||
}
|
}
|
||||||
columns={[
|
columns={[
|
||||||
|
{ key: 'name', title: '名称', formItemProps: { ...rulesHelper.text } },
|
||||||
{
|
{
|
||||||
key: 'serial_number',
|
key: 'description',
|
||||||
title: '银行流水号',
|
title: '描述',
|
||||||
formItemProps: { ...rulesHelper.text },
|
valueType: 'textarea',
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
key: 'is_enabled',
|
||||||
|
title: '是否启用',
|
||||||
|
valueType: 'switch',
|
||||||
|
},
|
||||||
|
// MyFormItems.ColorPicker(),
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
92
src/pages/marketing/survey/modals/QuestionsCreate.tsx
Normal file
92
src/pages/marketing/survey/modals/QuestionsCreate.tsx
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyFormItems,
|
||||||
|
MyModalFormProps,
|
||||||
|
rulesHelper,
|
||||||
|
} from '@/common';
|
||||||
|
import { Selects } from '@/components/Select';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { QuestionsTypeEnum } from '@/gen/Enums';
|
||||||
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
|
||||||
|
export default function QuestionsCreate(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.Survey.Questions.Store>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
form={form}
|
||||||
|
title={`添加${props.title}`}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
key={new Date().getTime()}
|
||||||
|
width="600px"
|
||||||
|
trigger={<MyButtons.Create title={`添加${props.title}`} />}
|
||||||
|
onOpenChange={(open: any) => {
|
||||||
|
if (open) {
|
||||||
|
form.resetFields(); // 清空表单数据
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
onFinish={async (values) => {
|
||||||
|
console.log(values);
|
||||||
|
return Apis.Survey.Questions.Store({
|
||||||
|
...values,
|
||||||
|
is_enabled: values?.is_enabled ? true : false,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
props.reload?.();
|
||||||
|
message.success(props.title + '成功');
|
||||||
|
return true;
|
||||||
|
})
|
||||||
|
.catch(() => false);
|
||||||
|
}}
|
||||||
|
columns={[
|
||||||
|
MyFormItems.EnumRadio({
|
||||||
|
key: 'type',
|
||||||
|
title: '类型',
|
||||||
|
valueEnum: QuestionsTypeEnum,
|
||||||
|
colProps: { span: 12 },
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
}),
|
||||||
|
Selects?.QuestionCategories({
|
||||||
|
colProps: { span: 12 },
|
||||||
|
required: true,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
key: 'title',
|
||||||
|
title: '题目',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'placeholder',
|
||||||
|
title: '提示',
|
||||||
|
colProps: { span: 12 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'max_length',
|
||||||
|
title: '回答最大字数',
|
||||||
|
valueType: 'digit',
|
||||||
|
fieldProps: {
|
||||||
|
style: { width: '100%' },
|
||||||
|
},
|
||||||
|
colProps: { span: 12, suffix: '个字' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'required',
|
||||||
|
title: '是否必答',
|
||||||
|
valueType: 'switch',
|
||||||
|
colProps: { span: 12 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'is_enabled',
|
||||||
|
title: '是否启用',
|
||||||
|
valueType: 'switch',
|
||||||
|
colProps: { span: 12 },
|
||||||
|
},
|
||||||
|
// MyFormItems.ColorPicker(),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
92
src/pages/marketing/survey/modals/QuestionsUpdate.tsx
Normal file
92
src/pages/marketing/survey/modals/QuestionsUpdate.tsx
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyFormItems,
|
||||||
|
MyModalFormProps,
|
||||||
|
rulesHelper,
|
||||||
|
} from '@/common';
|
||||||
|
import { Selects } from '@/components/Select';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { QuestionsTypeEnum } from '@/gen/Enums';
|
||||||
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
|
||||||
|
export default function QuestionsUpdate(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.Survey.Questions.Update>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
form={form}
|
||||||
|
title={`编辑${props.title}`}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
key={new Date().getTime()}
|
||||||
|
width="500px"
|
||||||
|
trigger={<MyButtons.Edit title="编辑" />}
|
||||||
|
onOpenChange={(open: any) => {
|
||||||
|
if (open && props.item) {
|
||||||
|
form.setFieldsValue(props.item);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
onFinish={async (values) =>
|
||||||
|
Apis.Survey.Questions.Update({
|
||||||
|
...values,
|
||||||
|
is_enabled: values?.is_enabled ? true : false,
|
||||||
|
id: props.item?.id ?? 0,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
props.reload?.();
|
||||||
|
message.success(props.title + '成功');
|
||||||
|
return true;
|
||||||
|
})
|
||||||
|
.catch(() => false)
|
||||||
|
}
|
||||||
|
columns={[
|
||||||
|
MyFormItems.EnumRadio({
|
||||||
|
key: 'type',
|
||||||
|
title: '类型',
|
||||||
|
valueEnum: QuestionsTypeEnum,
|
||||||
|
colProps: { span: 12 },
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
}),
|
||||||
|
Selects?.QuestionCategories({
|
||||||
|
colProps: { span: 12 },
|
||||||
|
required: true,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
key: 'title',
|
||||||
|
title: '题目',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'placeholder',
|
||||||
|
title: '提示',
|
||||||
|
colProps: { span: 12 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'max_length',
|
||||||
|
title: '回答最大字数',
|
||||||
|
valueType: 'digit',
|
||||||
|
fieldProps: {
|
||||||
|
style: { width: '100%' },
|
||||||
|
},
|
||||||
|
colProps: { span: 12, suffix: '个字' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'required',
|
||||||
|
title: '是否必答',
|
||||||
|
valueType: 'switch',
|
||||||
|
colProps: { span: 12 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'is_enabled',
|
||||||
|
title: '是否启用',
|
||||||
|
valueType: 'switch',
|
||||||
|
colProps: { span: 12 },
|
||||||
|
},
|
||||||
|
// MyFormItems.ColorPicker(),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
78
src/pages/marketing/survey/modals/SurveyReleasesCreate.tsx
Normal file
78
src/pages/marketing/survey/modals/SurveyReleasesCreate.tsx
Normal file
@ -0,0 +1,78 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyFormItems,
|
||||||
|
MyModalFormProps,
|
||||||
|
rulesHelper,
|
||||||
|
} from '@/common';
|
||||||
|
import { Selects } from '@/components/Select';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { SurveyReleasesTypeEnum } from '@/gen/Enums';
|
||||||
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
export default function SurveyReleasesCreate(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.Survey.SurveyReleases.Store>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
form={form}
|
||||||
|
title={`添加${props.title}`}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
key={new Date().getTime()}
|
||||||
|
width="600px"
|
||||||
|
trigger={<MyButtons.Create title={`添加${props.title}`} />}
|
||||||
|
onOpenChange={(open: any) => {
|
||||||
|
if (open) {
|
||||||
|
form.resetFields(); // 清空表单数据
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
onFinish={async (values) => {
|
||||||
|
console.log(values);
|
||||||
|
return Apis.Survey.SurveyReleases.Store({
|
||||||
|
...values,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
props.reload?.();
|
||||||
|
message.success(props.title + '成功');
|
||||||
|
return true;
|
||||||
|
})
|
||||||
|
.catch(() => false);
|
||||||
|
}}
|
||||||
|
columns={[
|
||||||
|
Selects?.Surveys({
|
||||||
|
colProps: { span: 24 },
|
||||||
|
required: true,
|
||||||
|
}),
|
||||||
|
MyFormItems.EnumRadio({
|
||||||
|
key: 'release_type',
|
||||||
|
title: '发布方式',
|
||||||
|
valueEnum: SurveyReleasesTypeEnum,
|
||||||
|
colProps: { span: 24 },
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
key: 'start_date',
|
||||||
|
title: '有效日期开始',
|
||||||
|
valueType: 'dateTime',
|
||||||
|
colProps: { span: 12 },
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'end_date',
|
||||||
|
title: '有效日期结束',
|
||||||
|
colProps: { span: 12 },
|
||||||
|
valueType: 'dateTime',
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
},
|
||||||
|
MyFormItems.UploadImages({
|
||||||
|
key: 'cover_image',
|
||||||
|
title: '封面图',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
max: 1,
|
||||||
|
}),
|
||||||
|
// MyFormItems.ColorPicker(),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
79
src/pages/marketing/survey/modals/SurveyReleasesUpdate.tsx
Normal file
79
src/pages/marketing/survey/modals/SurveyReleasesUpdate.tsx
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyFormItems,
|
||||||
|
MyModalFormProps,
|
||||||
|
rulesHelper,
|
||||||
|
} from '@/common';
|
||||||
|
import { Selects } from '@/components/Select';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { SurveyReleasesTypeEnum } from '@/gen/Enums';
|
||||||
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
export default function SurveyReleasesCreate(props: MyBetaModalFormProps) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.Survey.SurveyReleases.Update>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
form={form}
|
||||||
|
title={`添加${props.title}`}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
key={new Date().getTime()}
|
||||||
|
width="600px"
|
||||||
|
trigger={<MyButtons.Edit title="编辑" disabled={props?.item?.status} />}
|
||||||
|
onOpenChange={(open: any) => {
|
||||||
|
if (open && props.item) {
|
||||||
|
form.setFieldsValue(props.item);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
onFinish={async (values) => {
|
||||||
|
console.log(values);
|
||||||
|
return Apis.Survey.SurveyReleases.Update({
|
||||||
|
...values,
|
||||||
|
id: props.item?.id ?? 0,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
props.reload?.();
|
||||||
|
message.success('编辑成功');
|
||||||
|
return true;
|
||||||
|
})
|
||||||
|
.catch(() => false);
|
||||||
|
}}
|
||||||
|
columns={[
|
||||||
|
Selects?.Surveys({
|
||||||
|
colProps: { span: 24 },
|
||||||
|
required: true,
|
||||||
|
}),
|
||||||
|
MyFormItems.EnumRadio({
|
||||||
|
key: 'release_type',
|
||||||
|
title: '发布方式',
|
||||||
|
valueEnum: SurveyReleasesTypeEnum,
|
||||||
|
colProps: { span: 24 },
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
key: 'start_date',
|
||||||
|
title: '有效日期开始',
|
||||||
|
valueType: 'dateTime',
|
||||||
|
colProps: { span: 12 },
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'end_date',
|
||||||
|
title: '有效日期结束',
|
||||||
|
colProps: { span: 12 },
|
||||||
|
valueType: 'dateTime',
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
},
|
||||||
|
MyFormItems.UploadImages({
|
||||||
|
key: 'cover_image',
|
||||||
|
title: '封面图',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
max: 1,
|
||||||
|
}),
|
||||||
|
// MyFormItems.ColorPicker(),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
67
src/pages/marketing/survey/modals/SurveyResponsesShow.tsx
Normal file
67
src/pages/marketing/survey/modals/SurveyResponsesShow.tsx
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
import { MyBetaModalFormProps } from '@/common';
|
||||||
|
import { MyModal } from '@/components/MyModal';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { List } from 'antd';
|
||||||
|
import { useRef, useState } from 'react';
|
||||||
|
interface DataType {
|
||||||
|
key: React.Key;
|
||||||
|
id: React.Key;
|
||||||
|
is_enabled: boolean;
|
||||||
|
}
|
||||||
|
const scoreInfo = {
|
||||||
|
'1': '非常不满意',
|
||||||
|
'2': '比较不满意',
|
||||||
|
'3': '满意',
|
||||||
|
'4': '比较满意',
|
||||||
|
'5': '非常满意',
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function SurveyResponsesShow(
|
||||||
|
props: MyBetaModalFormProps & {
|
||||||
|
onChange?: (selectedRows: DataType[]) => void;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
const modalRef = useRef<any>();
|
||||||
|
const [data, setShow] = useState<any>({});
|
||||||
|
const loadShow = () => {
|
||||||
|
Apis.Survey.SurveyResponses.Show({ id: props?.item?.id }).then((res) => {
|
||||||
|
setShow(res?.data);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<MyModal
|
||||||
|
title="回答详情"
|
||||||
|
width="800px"
|
||||||
|
myRef={modalRef}
|
||||||
|
onOpen={() => {
|
||||||
|
loadShow();
|
||||||
|
console.log(props?.item?.list);
|
||||||
|
}}
|
||||||
|
node={
|
||||||
|
<>
|
||||||
|
<List
|
||||||
|
itemLayout="horizontal"
|
||||||
|
dataSource={data?.questions_with_answers}
|
||||||
|
renderItem={(item: any, index: number) => (
|
||||||
|
<List.Item>
|
||||||
|
<List.Item.Meta
|
||||||
|
title={`${index + 1}.题目：${item?.title}`}
|
||||||
|
description={
|
||||||
|
item?.type === 'Score'
|
||||||
|
? `客户选择：${
|
||||||
|
scoreInfo[
|
||||||
|
item?.answer?.score as keyof typeof scoreInfo
|
||||||
|
]
|
||||||
|
}（${item?.answer?.score}分）`
|
||||||
|
: `客户回答：${item?.answer?.answer_content}`
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</List.Item>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
}
|
||||||
|
></MyModal>
|
||||||
|
);
|
||||||
|
}
|
||||||
99
src/pages/marketing/survey/modals/SurveysSelectList.tsx
Normal file
99
src/pages/marketing/survey/modals/SurveysSelectList.tsx
Normal file
@ -0,0 +1,99 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyProTableProps,
|
||||||
|
} from '@/common';
|
||||||
|
import { MyModal } from '@/components/MyModal';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { QuestionsTypeEnum } from '@/gen/Enums';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { type TableProps } from 'antd';
|
||||||
|
import { useRef, useState } from 'react';
|
||||||
|
interface DataType {
|
||||||
|
key: React.Key;
|
||||||
|
id: React.Key;
|
||||||
|
is_enabled: boolean;
|
||||||
|
}
|
||||||
|
export default function SurveysSelectList(
|
||||||
|
props: MyBetaModalFormProps & {
|
||||||
|
onChange?: (selectedRows: DataType[]) => void;
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
const modalRef = useRef<any>();
|
||||||
|
const [getSelectedRow, setSelectedRow] = useState<any>([]);
|
||||||
|
const rowSelection: TableProps<any>['rowSelection'] = {
|
||||||
|
onChange: (selectedRowKeys: React.Key[], selectedRows: DataType[]) => {
|
||||||
|
setSelectedRow(selectedRows);
|
||||||
|
},
|
||||||
|
getCheckboxProps: (record: DataType) => ({
|
||||||
|
disabled: !record.is_enabled, // Column configuration not to be checked
|
||||||
|
checked: props?.item?.list?.some((item: any) => {
|
||||||
|
console.log(item, record);
|
||||||
|
return item?.id === record?.id;
|
||||||
|
}),
|
||||||
|
}),
|
||||||
|
defaultSelectedRowKeys:
|
||||||
|
props?.item?.list?.map((item: any) => item?.id) || [],
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<MyModal
|
||||||
|
title={'选择题目'}
|
||||||
|
width="1000px"
|
||||||
|
myRef={modalRef}
|
||||||
|
size="middle"
|
||||||
|
onOpen={() => {
|
||||||
|
setSelectedRow(props?.item?.list);
|
||||||
|
console.log(props?.item?.list);
|
||||||
|
}}
|
||||||
|
node={
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(params, sort, Apis.Survey.Questions.List)
|
||||||
|
}
|
||||||
|
rowSelection={{ type: 'checkbox', ...rowSelection }}
|
||||||
|
options={false}
|
||||||
|
tableAlertOptionRender={() => {
|
||||||
|
return (
|
||||||
|
<MyButtons.Default
|
||||||
|
key="okSelect"
|
||||||
|
size="middle"
|
||||||
|
type="primary"
|
||||||
|
onClick={() => {
|
||||||
|
getSelectedRow?.forEach((item: any) => {
|
||||||
|
item.question_id = item?.id;
|
||||||
|
});
|
||||||
|
props?.onChange?.(getSelectedRow);
|
||||||
|
modalRef.current?.close();
|
||||||
|
}}
|
||||||
|
title="确定选项"
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
{ dataIndex: 'title', title: '题目' },
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '类型',
|
||||||
|
dataIndex: 'type',
|
||||||
|
valueEnum: QuestionsTypeEnum,
|
||||||
|
}),
|
||||||
|
{ dataIndex: 'placeholder', title: '提示', search: false },
|
||||||
|
MyColumns.Boolean({
|
||||||
|
dataIndex: 'required',
|
||||||
|
title: '是否必答',
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.Boolean({
|
||||||
|
dataIndex: 'is_enabled',
|
||||||
|
title: '是否启用',
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
></MyModal>
|
||||||
|
);
|
||||||
|
}
|
||||||
169
src/pages/marketing/survey/pages/create_surveys.tsx
Normal file
169
src/pages/marketing/survey/pages/create_surveys.tsx
Normal file
@ -0,0 +1,169 @@
|
|||||||
|
import {
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyModalFormProps,
|
||||||
|
MyPageContainer,
|
||||||
|
rulesHelper,
|
||||||
|
} from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { QuestionsTypeEnum } from '@/gen/Enums';
|
||||||
|
import type { ProColumns } from '@ant-design/pro-components';
|
||||||
|
import {
|
||||||
|
BetaSchemaForm,
|
||||||
|
DragSortTable,
|
||||||
|
ProCard,
|
||||||
|
} from '@ant-design/pro-components';
|
||||||
|
import { useNavigate } from '@umijs/max';
|
||||||
|
import { Form, message, Space } from 'antd';
|
||||||
|
import { useState } from 'react';
|
||||||
|
import MySurveysSelectList from '../modals/SurveysSelectList';
|
||||||
|
export default function Index({ title = '新增问卷' }) {
|
||||||
|
const [dataSource, setDataSource] = useState<ApiTypes.Survey.Surveys.Store[]>(
|
||||||
|
[],
|
||||||
|
);
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const navigate = useNavigate();
|
||||||
|
|
||||||
|
const columns: ProColumns[] = [
|
||||||
|
{
|
||||||
|
title: '排序',
|
||||||
|
dataIndex: 'sort',
|
||||||
|
width: 60,
|
||||||
|
className: 'drag-visible',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '题目',
|
||||||
|
dataIndex: 'title',
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '类型',
|
||||||
|
dataIndex: 'type',
|
||||||
|
valueEnum: QuestionsTypeEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.Boolean({
|
||||||
|
dataIndex: 'required',
|
||||||
|
title: '是否必答',
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() => {
|
||||||
|
setDataSource(
|
||||||
|
dataSource.filter((res: any) => res?.id !== item?.id),
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
];
|
||||||
|
|
||||||
|
const handleDragSortEnd = (
|
||||||
|
beforeIndex: number,
|
||||||
|
afterIndex: number,
|
||||||
|
newDataSource: any,
|
||||||
|
) => {
|
||||||
|
console.log(newDataSource, 'newDataSource');
|
||||||
|
setDataSource(newDataSource);
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<MyPageContainer
|
||||||
|
title={
|
||||||
|
<Space
|
||||||
|
style={{ cursor: 'pointer' }}
|
||||||
|
onClick={() => {
|
||||||
|
navigate(-1);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* <LeftCircleOutlined size={34} /> */}
|
||||||
|
{title}
|
||||||
|
</Space>
|
||||||
|
}
|
||||||
|
enableTabs={false}
|
||||||
|
tabKey="charge-standards-create"
|
||||||
|
tabLabel={title}
|
||||||
|
>
|
||||||
|
<ProCard>
|
||||||
|
<div style={{ width: 900, minHeight: '83vh', margin: '0 auto' }}>
|
||||||
|
<BetaSchemaForm<ApiTypes.Survey.Surveys.Store>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
title={title}
|
||||||
|
// 基础表单
|
||||||
|
layoutType="Form"
|
||||||
|
labelCol={{ span: 4 }}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
labelAlign="left"
|
||||||
|
width="900px"
|
||||||
|
form={form}
|
||||||
|
onFinish={async (values: any) =>
|
||||||
|
Apis.Survey.Surveys.Store({
|
||||||
|
...values,
|
||||||
|
questions: dataSource,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
navigate(-1);
|
||||||
|
message.success('新增成功');
|
||||||
|
return true;
|
||||||
|
})
|
||||||
|
.catch(() => false)
|
||||||
|
}
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
key: 'name',
|
||||||
|
title: '问卷名称',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'is_enabled',
|
||||||
|
title: '是否启用',
|
||||||
|
valueType: 'switch',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'description',
|
||||||
|
title: '问卷描述',
|
||||||
|
valueType: 'textarea',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
colProps: { span: 24 },
|
||||||
|
renderFormItem: () => {
|
||||||
|
return (
|
||||||
|
<ProCard bordered>
|
||||||
|
<DragSortTable
|
||||||
|
headerTitle="题目列表(拖拽排序)"
|
||||||
|
toolBarRender={() => [
|
||||||
|
<MySurveysSelectList
|
||||||
|
key="select"
|
||||||
|
item={{ list: dataSource }}
|
||||||
|
onChange={(e: any) => {
|
||||||
|
setDataSource(e);
|
||||||
|
}}
|
||||||
|
/>,
|
||||||
|
]}
|
||||||
|
bordered
|
||||||
|
options={false}
|
||||||
|
columns={columns}
|
||||||
|
rowKey="id"
|
||||||
|
search={false}
|
||||||
|
pagination={false}
|
||||||
|
dataSource={dataSource || []}
|
||||||
|
dragSortKey="sort"
|
||||||
|
onDragSortEnd={handleDragSortEnd}
|
||||||
|
/>
|
||||||
|
</ProCard>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ProCard>
|
||||||
|
</MyPageContainer>
|
||||||
|
);
|
||||||
|
}
|
||||||
188
src/pages/marketing/survey/pages/update_surveys.tsx
Normal file
188
src/pages/marketing/survey/pages/update_surveys.tsx
Normal file
@ -0,0 +1,188 @@
|
|||||||
|
import {
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyModalFormProps,
|
||||||
|
MyPageContainer,
|
||||||
|
rulesHelper,
|
||||||
|
} from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { QuestionsTypeEnum } from '@/gen/Enums';
|
||||||
|
import type { ProColumns } from '@ant-design/pro-components';
|
||||||
|
import {
|
||||||
|
BetaSchemaForm,
|
||||||
|
DragSortTable,
|
||||||
|
ProCard,
|
||||||
|
} from '@ant-design/pro-components';
|
||||||
|
import { useNavigate, useSearchParams } from '@umijs/max';
|
||||||
|
import { Form, message, Space } from 'antd';
|
||||||
|
import { useEffect, useState } from 'react';
|
||||||
|
import MySurveysSelectList from '../modals/SurveysSelectList';
|
||||||
|
export default function Index({ title = '新增问卷' }) {
|
||||||
|
const [data, setShow] = useState<any>({});
|
||||||
|
const [dataSource, setDataSource] = useState<ApiTypes.Survey.Surveys.Store[]>(
|
||||||
|
[],
|
||||||
|
);
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const navigate = useNavigate();
|
||||||
|
|
||||||
|
const columns: ProColumns[] = [
|
||||||
|
{
|
||||||
|
title: '排序',
|
||||||
|
dataIndex: 'sort',
|
||||||
|
width: 60,
|
||||||
|
className: 'drag-visible',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '题目',
|
||||||
|
dataIndex: 'title',
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '类型',
|
||||||
|
dataIndex: 'type',
|
||||||
|
valueEnum: QuestionsTypeEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.Boolean({
|
||||||
|
dataIndex: 'required',
|
||||||
|
title: '是否必答',
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() => {
|
||||||
|
setDataSource(
|
||||||
|
dataSource.filter((res: any) => res?.id !== item?.id),
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
];
|
||||||
|
|
||||||
|
const handleDragSortEnd = (
|
||||||
|
beforeIndex: number,
|
||||||
|
afterIndex: number,
|
||||||
|
newDataSource: any,
|
||||||
|
) => {
|
||||||
|
console.log(newDataSource, 'newDataSource');
|
||||||
|
setDataSource(newDataSource);
|
||||||
|
};
|
||||||
|
|
||||||
|
const [searchParams] = useSearchParams();
|
||||||
|
|
||||||
|
const loadShow = () => {
|
||||||
|
let paramsId: any = { id: searchParams.get('id') ?? 0 };
|
||||||
|
Apis.Survey.Surveys.Show(paramsId).then((res) => {
|
||||||
|
res?.data?.questions_with_order?.forEach((k: any) => {
|
||||||
|
k.question_id = k?.id;
|
||||||
|
});
|
||||||
|
setDataSource(res?.data?.questions_with_order || []);
|
||||||
|
setShow(res?.data);
|
||||||
|
form.setFieldsValue(res?.data); // 编辑赋值
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
loadShow();
|
||||||
|
}, [searchParams.get('id')]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<MyPageContainer
|
||||||
|
title={
|
||||||
|
<Space
|
||||||
|
style={{ cursor: 'pointer' }}
|
||||||
|
onClick={() => {
|
||||||
|
navigate(-1);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* <LeftCircleOutlined size={34} /> */}
|
||||||
|
{title}
|
||||||
|
</Space>
|
||||||
|
}
|
||||||
|
enableTabs={false}
|
||||||
|
tabKey="charge-standards-create"
|
||||||
|
tabLabel={title}
|
||||||
|
>
|
||||||
|
<ProCard>
|
||||||
|
<div style={{ width: 900, minHeight: '83vh', margin: '0 auto' }}>
|
||||||
|
<BetaSchemaForm<ApiTypes.Survey.Surveys.Store>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
title={title}
|
||||||
|
// 基础表单
|
||||||
|
layoutType="Form"
|
||||||
|
labelCol={{ span: 4 }}
|
||||||
|
wrapperCol={{ span: 24 }}
|
||||||
|
labelAlign="left"
|
||||||
|
width="900px"
|
||||||
|
form={form}
|
||||||
|
onFinish={async (values: any) =>
|
||||||
|
Apis.Survey.Surveys.Update({
|
||||||
|
...values,
|
||||||
|
questions: dataSource,
|
||||||
|
id: data?.id,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
navigate(-1);
|
||||||
|
message.success('编辑成功');
|
||||||
|
return true;
|
||||||
|
})
|
||||||
|
.catch(() => false)
|
||||||
|
}
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
key: 'name',
|
||||||
|
title: '问卷名称',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'is_enabled',
|
||||||
|
title: '是否启用',
|
||||||
|
valueType: 'switch',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'description',
|
||||||
|
title: '问卷描述',
|
||||||
|
valueType: 'textarea',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
colProps: { span: 24 },
|
||||||
|
renderFormItem: () => {
|
||||||
|
return (
|
||||||
|
<ProCard bordered>
|
||||||
|
<DragSortTable
|
||||||
|
headerTitle="题目列表(拖拽排序)"
|
||||||
|
toolBarRender={() => [
|
||||||
|
<MySurveysSelectList
|
||||||
|
key="select"
|
||||||
|
item={{ list: dataSource }}
|
||||||
|
onChange={(e: any) => {
|
||||||
|
setDataSource(e);
|
||||||
|
}}
|
||||||
|
/>,
|
||||||
|
]}
|
||||||
|
bordered
|
||||||
|
options={false}
|
||||||
|
columns={columns}
|
||||||
|
rowKey="id"
|
||||||
|
search={false}
|
||||||
|
pagination={false}
|
||||||
|
dataSource={dataSource || []}
|
||||||
|
dragSortKey="sort"
|
||||||
|
onDragSortEnd={handleDragSortEnd}
|
||||||
|
/>
|
||||||
|
</ProCard>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ProCard>
|
||||||
|
</MyPageContainer>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -1,26 +1,28 @@
|
|||||||
import { MyPageContainer } from '@/common';
|
import { MyPageContainer, useCurrentPermissions } from '@/common';
|
||||||
import { useSearchParams } from '@umijs/max';
|
import { useSearchParams } from '@umijs/max';
|
||||||
|
import type { TabsProps } from 'antd';
|
||||||
import { Tabs } from 'antd';
|
import { Tabs } from 'antd';
|
||||||
import { useEffect, useState } from 'react';
|
import { useEffect, useState } from 'react';
|
||||||
import CommonMeter from './common_meter';
|
import CommonMeter from './common_meter';
|
||||||
import HouseMeter from './house_meter';
|
import HouseMeter from './house_meter';
|
||||||
|
|
||||||
export default function Index({ title = '仪表管理' }) {
|
export default function Index({ title = '资源管理' }) {
|
||||||
const [searchParams] = useSearchParams();
|
const [searchParams] = useSearchParams();
|
||||||
const [activeKey, setActiveKey] = useState('MyResources');
|
const getCurrentPermissions = useCurrentPermissions();
|
||||||
|
|
||||||
const items = [
|
const [activeKey, setActiveKey] = useState('MyResources');
|
||||||
{
|
const items: TabsProps['items'] = getCurrentPermissions({
|
||||||
|
HouseMeter: {
|
||||||
key: 'HouseMeter',
|
key: 'HouseMeter',
|
||||||
label: '房屋表',
|
label: '房屋表',
|
||||||
children: <HouseMeter />,
|
children: <HouseMeter />,
|
||||||
},
|
},
|
||||||
{
|
CommonMeter: {
|
||||||
key: 'CommonMeter',
|
key: 'CommonMeter',
|
||||||
label: '公摊表',
|
label: '公摊表',
|
||||||
children: <CommonMeter />,
|
children: <CommonMeter />,
|
||||||
},
|
},
|
||||||
];
|
});
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (searchParams?.get('key')) {
|
if (searchParams?.get('key')) {
|
||||||
setActiveKey(searchParams?.get('key') || '1');
|
setActiveKey(searchParams?.get('key') || '1');
|
||||||
|
|||||||
@ -5,6 +5,7 @@ import {
|
|||||||
MyProTableProps,
|
MyProTableProps,
|
||||||
} from '@/common';
|
} from '@/common';
|
||||||
import { Apis } from '@/gen/Apis';
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { VisitorAppliesStatusEnum } from '@/gen/Enums';
|
||||||
import { ProTable } from '@ant-design/pro-components';
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
import { message, Space } from 'antd';
|
import { message, Space } from 'antd';
|
||||||
import Review from './modals/Review';
|
import Review from './modals/Review';
|
||||||
@ -34,7 +35,7 @@ export default function Index({ title = '访客预约' }) {
|
|||||||
MyColumns.EnumTag({
|
MyColumns.EnumTag({
|
||||||
title: '申请状态',
|
title: '申请状态',
|
||||||
dataIndex: 'status',
|
dataIndex: 'status',
|
||||||
// valueEnum: VisitorAppliesStatusEnum,
|
valueEnum: VisitorAppliesStatusEnum,
|
||||||
}),
|
}),
|
||||||
{
|
{
|
||||||
title: '房屋',
|
title: '房屋',
|
||||||
|
|||||||
@ -170,7 +170,7 @@ export default function Index({ title = '客户投诉' }) {
|
|||||||
|
|
||||||
<MyButtons.Delete
|
<MyButtons.Delete
|
||||||
onConfirm={() =>
|
onConfirm={() =>
|
||||||
Apis.WorkOrder.HouseWorkOrders.Delete({
|
Apis.WorkOrder.HouseWorkOrders.SoftDelete({
|
||||||
id: item.id,
|
id: item.id,
|
||||||
}).then(() => action?.reload())
|
}).then(() => action?.reload())
|
||||||
}
|
}
|
||||||
|
|||||||
183
src/pages/work_order/list/components/EquipmentMaintenance.tsx
Normal file
183
src/pages/work_order/list/components/EquipmentMaintenance.tsx
Normal file
@ -0,0 +1,183 @@
|
|||||||
|
import { MyButtons, MyColumns, MyProTableProps } from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import {
|
||||||
|
HouseWorkOrdersAssignStatusEnum,
|
||||||
|
HouseWorkOrdersLevelEnum,
|
||||||
|
HouseWorkOrdersLocationEnum,
|
||||||
|
HouseWorkOrdersStatusEnum,
|
||||||
|
HouseWorkOrdersTypeEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Image, Space } from 'antd';
|
||||||
|
import WorkOrderAssign from '../modals/WorkOrderAssign';
|
||||||
|
import WorkOrderShow from '../modals/WorkOrderShow';
|
||||||
|
import WorkOrderUpdate from '../modals/WorkOrderUpdate';
|
||||||
|
|
||||||
|
export default function Index({ title = '设备维保' }) {
|
||||||
|
return (
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
headerTitle="设备维保"
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(
|
||||||
|
{
|
||||||
|
...params,
|
||||||
|
type: [HouseWorkOrdersTypeEnum.EquipmentMaintenance.value],
|
||||||
|
},
|
||||||
|
sort,
|
||||||
|
Apis.WorkOrder.HouseWorkOrders.List,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
// toolBarRender={(action) => [
|
||||||
|
// <WorkOrderCreate key="Create" reload={action?.reload} title={title} />,
|
||||||
|
// ]}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '工单状态',
|
||||||
|
dataIndex: 'status',
|
||||||
|
valueEnum: HouseWorkOrdersStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '工单类型',
|
||||||
|
dataIndex: 'type',
|
||||||
|
valueEnum: HouseWorkOrdersTypeEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '报修位置',
|
||||||
|
dataIndex: 'location',
|
||||||
|
valueEnum: HouseWorkOrdersLocationEnum,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '房屋信息',
|
||||||
|
dataIndex: ['asset_house', 'full_name'],
|
||||||
|
search: false,
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '工单描述',
|
||||||
|
dataIndex: 'content',
|
||||||
|
search: false,
|
||||||
|
width: 120, // 关键：固定列宽（若父容器过窄，可设 minWidth: 200 优先保证列宽）
|
||||||
|
render: (text) => (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '100%', // 继承列宽
|
||||||
|
// height: '60px', // 设置固定高度，约显示3行文本
|
||||||
|
overflow: 'hidden', // 超出隐藏
|
||||||
|
textOverflow: 'ellipsis', // 省略号
|
||||||
|
display: '-webkit-box',
|
||||||
|
WebkitBoxOrient: 'vertical',
|
||||||
|
WebkitLineClamp: 1, // 显示3行
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{text}
|
||||||
|
</div>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '附件',
|
||||||
|
dataIndex: 'attachments',
|
||||||
|
search: false,
|
||||||
|
render: (_, record) => {
|
||||||
|
if (
|
||||||
|
!Array.isArray(record.attachments) ||
|
||||||
|
record.attachments.length === 0
|
||||||
|
) {
|
||||||
|
return '无附件';
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
|
||||||
|
{record.attachments.map((item: any, index: number) => {
|
||||||
|
if (item.type && item.type.includes('image')) {
|
||||||
|
return (
|
||||||
|
<Image
|
||||||
|
key={index}
|
||||||
|
width={40}
|
||||||
|
height={30}
|
||||||
|
src={item.url}
|
||||||
|
style={{
|
||||||
|
marginRight: 8,
|
||||||
|
marginBottom: 8,
|
||||||
|
objectFit: 'cover',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
} else if (item.type && item.type.includes('video')) {
|
||||||
|
return (
|
||||||
|
<video
|
||||||
|
key={index}
|
||||||
|
width={40}
|
||||||
|
height={30}
|
||||||
|
controls
|
||||||
|
style={{
|
||||||
|
marginRight: 8,
|
||||||
|
marginBottom: 8,
|
||||||
|
objectFit: 'cover',
|
||||||
|
}}
|
||||||
|
src={item.url}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '分配状态',
|
||||||
|
dataIndex: 'assign_status',
|
||||||
|
valueEnum: HouseWorkOrdersAssignStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '优先级',
|
||||||
|
dataIndex: 'level',
|
||||||
|
valueEnum: HouseWorkOrdersLevelEnum,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '处理人',
|
||||||
|
dataIndex: ['assign_employee', 'name'],
|
||||||
|
search: false,
|
||||||
|
render: (_, record) => {
|
||||||
|
return `${record?.assign_employee?.name || ''}-${
|
||||||
|
record?.assign_employee?.phone || ''
|
||||||
|
}`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<WorkOrderShow item={item} title="详情" reload={action?.reload} />
|
||||||
|
{item.status !== 'Completed' && (
|
||||||
|
<WorkOrderUpdate
|
||||||
|
item={item}
|
||||||
|
reload={action?.reload}
|
||||||
|
title={title}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{item.assign_status === 'Unassigned' && (
|
||||||
|
<WorkOrderAssign
|
||||||
|
item={item}
|
||||||
|
reload={action?.reload}
|
||||||
|
title="指派"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.WorkOrder.HouseWorkOrders.SoftDelete({
|
||||||
|
id: item.id,
|
||||||
|
}).then(() => action?.reload())
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -170,7 +170,7 @@ export default function Index({ title = '报事工单' }) {
|
|||||||
|
|
||||||
<MyButtons.Delete
|
<MyButtons.Delete
|
||||||
onConfirm={() =>
|
onConfirm={() =>
|
||||||
Apis.WorkOrder.HouseWorkOrders.Delete({
|
Apis.WorkOrder.HouseWorkOrders.SoftDelete({
|
||||||
id: item.id,
|
id: item.id,
|
||||||
}).then(() => action?.reload())
|
}).then(() => action?.reload())
|
||||||
}
|
}
|
||||||
|
|||||||
186
src/pages/work_order/list/components/Renovation.tsx
Normal file
186
src/pages/work_order/list/components/Renovation.tsx
Normal file
@ -0,0 +1,186 @@
|
|||||||
|
import { MyButtons, MyColumns, MyProTableProps } from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import {
|
||||||
|
HouseWorkOrdersAssignStatusEnum,
|
||||||
|
HouseWorkOrdersLevelEnum,
|
||||||
|
HouseWorkOrdersLocationEnum,
|
||||||
|
HouseWorkOrdersStatusEnum,
|
||||||
|
HouseWorkOrdersTypeEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Image, Space } from 'antd';
|
||||||
|
import WorkOrderAssign from '../modals/WorkOrderAssign';
|
||||||
|
import WorkOrderShow from '../modals/WorkOrderShow';
|
||||||
|
import WorkOrderUpdate from '../modals/WorkOrderUpdate';
|
||||||
|
|
||||||
|
export default function Index({ title = '装修工单' }) {
|
||||||
|
return (
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
headerTitle="装修工单"
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(
|
||||||
|
{
|
||||||
|
...params,
|
||||||
|
type: [
|
||||||
|
HouseWorkOrdersTypeEnum.RenovationInspection.value,
|
||||||
|
HouseWorkOrdersTypeEnum.RenovationAcceptance.value,
|
||||||
|
],
|
||||||
|
},
|
||||||
|
sort,
|
||||||
|
Apis.WorkOrder.HouseWorkOrders.List,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
// toolBarRender={(action) => [
|
||||||
|
// <WorkOrderCreate key="Create" reload={action?.reload} title={title} />,
|
||||||
|
// ]}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '工单状态',
|
||||||
|
dataIndex: 'status',
|
||||||
|
valueEnum: HouseWorkOrdersStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '工单类型',
|
||||||
|
dataIndex: 'type',
|
||||||
|
valueEnum: HouseWorkOrdersTypeEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '报修位置',
|
||||||
|
dataIndex: 'location',
|
||||||
|
valueEnum: HouseWorkOrdersLocationEnum,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '房屋信息',
|
||||||
|
dataIndex: ['asset_house', 'full_name'],
|
||||||
|
search: false,
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '工单描述',
|
||||||
|
dataIndex: 'content',
|
||||||
|
search: false,
|
||||||
|
width: 120, // 关键：固定列宽（若父容器过窄，可设 minWidth: 200 优先保证列宽）
|
||||||
|
render: (text) => (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '100%', // 继承列宽
|
||||||
|
// height: '60px', // 设置固定高度，约显示3行文本
|
||||||
|
overflow: 'hidden', // 超出隐藏
|
||||||
|
textOverflow: 'ellipsis', // 省略号
|
||||||
|
display: '-webkit-box',
|
||||||
|
WebkitBoxOrient: 'vertical',
|
||||||
|
WebkitLineClamp: 1, // 显示3行
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{text}
|
||||||
|
</div>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '附件',
|
||||||
|
dataIndex: 'attachments',
|
||||||
|
search: false,
|
||||||
|
render: (_, record) => {
|
||||||
|
if (
|
||||||
|
!Array.isArray(record.attachments) ||
|
||||||
|
record.attachments.length === 0
|
||||||
|
) {
|
||||||
|
return '无附件';
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
|
||||||
|
{record.attachments.map((item: any, index: number) => {
|
||||||
|
if (item.type && item.type.includes('image')) {
|
||||||
|
return (
|
||||||
|
<Image
|
||||||
|
key={index}
|
||||||
|
width={40}
|
||||||
|
height={30}
|
||||||
|
src={item.url}
|
||||||
|
style={{
|
||||||
|
marginRight: 8,
|
||||||
|
marginBottom: 8,
|
||||||
|
objectFit: 'cover',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
} else if (item.type && item.type.includes('video')) {
|
||||||
|
return (
|
||||||
|
<video
|
||||||
|
key={index}
|
||||||
|
width={40}
|
||||||
|
height={30}
|
||||||
|
controls
|
||||||
|
style={{
|
||||||
|
marginRight: 8,
|
||||||
|
marginBottom: 8,
|
||||||
|
objectFit: 'cover',
|
||||||
|
}}
|
||||||
|
src={item.url}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '分配状态',
|
||||||
|
dataIndex: 'assign_status',
|
||||||
|
valueEnum: HouseWorkOrdersAssignStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '优先级',
|
||||||
|
dataIndex: 'level',
|
||||||
|
valueEnum: HouseWorkOrdersLevelEnum,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '处理人',
|
||||||
|
dataIndex: ['assign_employee', 'name'],
|
||||||
|
search: false,
|
||||||
|
render: (_, record) => {
|
||||||
|
return `${record?.assign_employee?.name || ''}-${
|
||||||
|
record?.assign_employee?.phone || ''
|
||||||
|
}`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<WorkOrderShow item={item} title="详情" reload={action?.reload} />
|
||||||
|
{item.status !== 'Completed' && (
|
||||||
|
<WorkOrderUpdate
|
||||||
|
item={item}
|
||||||
|
reload={action?.reload}
|
||||||
|
title={title}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{item.assign_status === 'Unassigned' && (
|
||||||
|
<WorkOrderAssign
|
||||||
|
item={item}
|
||||||
|
reload={action?.reload}
|
||||||
|
title="指派"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.WorkOrder.HouseWorkOrders.SoftDelete({
|
||||||
|
id: item.id,
|
||||||
|
}).then(() => action?.reload())
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -172,7 +172,7 @@ export default function Index({ title = '工单管理' }) {
|
|||||||
)}
|
)}
|
||||||
<MyButtons.Delete
|
<MyButtons.Delete
|
||||||
onConfirm={() =>
|
onConfirm={() =>
|
||||||
Apis.WorkOrder.HouseWorkOrders.Delete({
|
Apis.WorkOrder.HouseWorkOrders.SoftDelete({
|
||||||
id: item.id,
|
id: item.id,
|
||||||
}).then(() => action?.reload())
|
}).then(() => action?.reload())
|
||||||
}
|
}
|
||||||
|
|||||||
183
src/pages/work_order/list/components/SecurityInspection.tsx
Normal file
183
src/pages/work_order/list/components/SecurityInspection.tsx
Normal file
@ -0,0 +1,183 @@
|
|||||||
|
import { MyButtons, MyColumns, MyProTableProps } from '@/common';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import {
|
||||||
|
HouseWorkOrdersAssignStatusEnum,
|
||||||
|
HouseWorkOrdersLevelEnum,
|
||||||
|
HouseWorkOrdersLocationEnum,
|
||||||
|
HouseWorkOrdersStatusEnum,
|
||||||
|
HouseWorkOrdersTypeEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Image, Space } from 'antd';
|
||||||
|
import WorkOrderAssign from '../modals/WorkOrderAssign';
|
||||||
|
import WorkOrderShow from '../modals/WorkOrderShow';
|
||||||
|
import WorkOrderUpdate from '../modals/WorkOrderUpdate';
|
||||||
|
|
||||||
|
export default function Index({ title = '安防巡检' }) {
|
||||||
|
return (
|
||||||
|
<ProTable
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
headerTitle="安防巡检"
|
||||||
|
request={async (params, sort) =>
|
||||||
|
MyProTableProps.request(
|
||||||
|
{
|
||||||
|
...params,
|
||||||
|
type: [HouseWorkOrdersTypeEnum.SecurityInspection.value],
|
||||||
|
},
|
||||||
|
sort,
|
||||||
|
Apis.WorkOrder.HouseWorkOrders.List,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
// toolBarRender={(action) => [
|
||||||
|
// <WorkOrderCreate key="Create" reload={action?.reload} title={title} />,
|
||||||
|
// ]}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '工单状态',
|
||||||
|
dataIndex: 'status',
|
||||||
|
valueEnum: HouseWorkOrdersStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '工单类型',
|
||||||
|
dataIndex: 'type',
|
||||||
|
valueEnum: HouseWorkOrdersTypeEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '报修位置',
|
||||||
|
dataIndex: 'location',
|
||||||
|
valueEnum: HouseWorkOrdersLocationEnum,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '房屋信息',
|
||||||
|
dataIndex: ['asset_house', 'full_name'],
|
||||||
|
search: false,
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '工单描述',
|
||||||
|
dataIndex: 'content',
|
||||||
|
search: false,
|
||||||
|
width: 120, // 关键：固定列宽（若父容器过窄，可设 minWidth: 200 优先保证列宽）
|
||||||
|
render: (text) => (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '100%', // 继承列宽
|
||||||
|
// height: '60px', // 设置固定高度，约显示3行文本
|
||||||
|
overflow: 'hidden', // 超出隐藏
|
||||||
|
textOverflow: 'ellipsis', // 省略号
|
||||||
|
display: '-webkit-box',
|
||||||
|
WebkitBoxOrient: 'vertical',
|
||||||
|
WebkitLineClamp: 1, // 显示3行
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{text}
|
||||||
|
</div>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '附件',
|
||||||
|
dataIndex: 'attachments',
|
||||||
|
search: false,
|
||||||
|
render: (_, record) => {
|
||||||
|
if (
|
||||||
|
!Array.isArray(record.attachments) ||
|
||||||
|
record.attachments.length === 0
|
||||||
|
) {
|
||||||
|
return '无附件';
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
|
||||||
|
{record.attachments.map((item: any, index: number) => {
|
||||||
|
if (item.type && item.type.includes('image')) {
|
||||||
|
return (
|
||||||
|
<Image
|
||||||
|
key={index}
|
||||||
|
width={40}
|
||||||
|
height={30}
|
||||||
|
src={item.url}
|
||||||
|
style={{
|
||||||
|
marginRight: 8,
|
||||||
|
marginBottom: 8,
|
||||||
|
objectFit: 'cover',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
} else if (item.type && item.type.includes('video')) {
|
||||||
|
return (
|
||||||
|
<video
|
||||||
|
key={index}
|
||||||
|
width={40}
|
||||||
|
height={30}
|
||||||
|
controls
|
||||||
|
style={{
|
||||||
|
marginRight: 8,
|
||||||
|
marginBottom: 8,
|
||||||
|
objectFit: 'cover',
|
||||||
|
}}
|
||||||
|
src={item.url}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '分配状态',
|
||||||
|
dataIndex: 'assign_status',
|
||||||
|
valueEnum: HouseWorkOrdersAssignStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '优先级',
|
||||||
|
dataIndex: 'level',
|
||||||
|
valueEnum: HouseWorkOrdersLevelEnum,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '处理人',
|
||||||
|
dataIndex: ['assign_employee', 'name'],
|
||||||
|
search: false,
|
||||||
|
render: (_, record) => {
|
||||||
|
return `${record?.assign_employee?.name || ''}-${
|
||||||
|
record?.assign_employee?.phone || ''
|
||||||
|
}`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<WorkOrderShow item={item} title="详情" reload={action?.reload} />
|
||||||
|
{item.status !== 'Completed' && (
|
||||||
|
<WorkOrderUpdate
|
||||||
|
item={item}
|
||||||
|
reload={action?.reload}
|
||||||
|
title={title}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{item.assign_status === 'Unassigned' && (
|
||||||
|
<WorkOrderAssign
|
||||||
|
item={item}
|
||||||
|
reload={action?.reload}
|
||||||
|
title="指派"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.WorkOrder.HouseWorkOrders.SoftDelete({
|
||||||
|
id: item.id,
|
||||||
|
}).then(() => action?.reload())
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -201,6 +201,8 @@ export default function Index({ title = '工单管理' }) {
|
|||||||
)}
|
)}
|
||||||
{item.assign_status === 'Unassigned' &&
|
{item.assign_status === 'Unassigned' &&
|
||||||
(item.type === 'Complaint' ||
|
(item.type === 'Complaint' ||
|
||||||
|
item.type === 'RenovationInspection' ||
|
||||||
|
item.type === 'RenovationAcceptance' ||
|
||||||
item.type === 'SecurityInspection') && (
|
item.type === 'SecurityInspection') && (
|
||||||
<AssignQuick
|
<AssignQuick
|
||||||
item={item}
|
item={item}
|
||||||
@ -218,7 +220,7 @@ export default function Index({ title = '工单管理' }) {
|
|||||||
)}
|
)}
|
||||||
<MyButtons.Delete
|
<MyButtons.Delete
|
||||||
onConfirm={() =>
|
onConfirm={() =>
|
||||||
Apis.WorkOrder.HouseWorkOrders.Delete({
|
Apis.WorkOrder.HouseWorkOrders.SoftDelete({
|
||||||
id: item.id,
|
id: item.id,
|
||||||
}).then(() => action?.reload())
|
}).then(() => action?.reload())
|
||||||
}
|
}
|
||||||
|
|||||||
@ -37,8 +37,9 @@ export default function Index({ title = '报修报事' }) {
|
|||||||
let obj: any = JSON.parse(
|
let obj: any = JSON.parse(
|
||||||
JSON.stringify(HouseWorkOrdersTypeEnum),
|
JSON.stringify(HouseWorkOrdersTypeEnum),
|
||||||
);
|
);
|
||||||
|
delete obj.RenovationAcceptance;
|
||||||
delete obj.EquipmentMaintenance;
|
delete obj.EquipmentMaintenance;
|
||||||
|
delete obj.RenovationInspection;
|
||||||
delete obj.Emergency;
|
delete obj.Emergency;
|
||||||
delete obj.EmergEquipmentMaintenancency;
|
delete obj.EmergEquipmentMaintenancency;
|
||||||
delete obj.SecurityInspection;
|
delete obj.SecurityInspection;
|
||||||
@ -58,7 +59,23 @@ export default function Index({ title = '报修报事' }) {
|
|||||||
<>
|
<>
|
||||||
{item.status === 'Pending' && (
|
{item.status === 'Pending' && (
|
||||||
<WorkOrderUpdate
|
<WorkOrderUpdate
|
||||||
item={item}
|
item={{
|
||||||
|
...item,
|
||||||
|
typeEnum: () => {
|
||||||
|
let obj: any = JSON.parse(
|
||||||
|
JSON.stringify(HouseWorkOrdersTypeEnum),
|
||||||
|
);
|
||||||
|
delete obj.RenovationAcceptance;
|
||||||
|
delete obj.EquipmentMaintenance;
|
||||||
|
delete obj.RenovationInspection;
|
||||||
|
delete obj.Emergency;
|
||||||
|
delete obj.EmergEquipmentMaintenancency;
|
||||||
|
delete obj.SecurityInspection;
|
||||||
|
delete obj.Complaint;
|
||||||
|
delete obj.QualityCheck;
|
||||||
|
return obj;
|
||||||
|
},
|
||||||
|
}}
|
||||||
reload={action?.reload}
|
reload={action?.reload}
|
||||||
title={title}
|
title={title}
|
||||||
/>
|
/>
|
||||||
@ -88,7 +105,7 @@ export default function Index({ title = '报修报事' }) {
|
|||||||
delete: (
|
delete: (
|
||||||
<MyButtons.Delete
|
<MyButtons.Delete
|
||||||
onConfirm={() =>
|
onConfirm={() =>
|
||||||
Apis.WorkOrder.HouseWorkOrders.Delete({
|
Apis.WorkOrder.HouseWorkOrders.SoftDelete({
|
||||||
id: item.id,
|
id: item.id,
|
||||||
}).then(() => action?.reload())
|
}).then(() => action?.reload())
|
||||||
}
|
}
|
||||||
|
|||||||
221
src/pages/work_order/patrol_work/index.tsx
Normal file
221
src/pages/work_order/patrol_work/index.tsx
Normal file
@ -0,0 +1,221 @@
|
|||||||
|
import {
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyProTableProps,
|
||||||
|
useCurrentPermissions,
|
||||||
|
} from '@/common';
|
||||||
|
import { Selects } from '@/components/Select';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import {
|
||||||
|
HouseWorkOrdersAssignStatusEnum,
|
||||||
|
HouseWorkOrdersLevelEnum,
|
||||||
|
HouseWorkOrdersLocationEnum,
|
||||||
|
HouseWorkOrdersTypeEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
import WorkOrderAssign from '../list/modals/WorkOrderAssign';
|
||||||
|
import WorkOrderCreate from '../list/modals/WorkOrderCreate';
|
||||||
|
import WorkOrderShow from '../list/modals/WorkOrderShow';
|
||||||
|
import WorkOrderUpdate from '../list/modals/WorkOrderUpdate';
|
||||||
|
|
||||||
|
export const RenovationWorkOrdersStatusEnum = {
|
||||||
|
Pending: { text: '待处理', color: '#FFA500', value: 'Pending' },
|
||||||
|
Processing: { text: '处理中', color: '#1E90FF', value: 'Processing' },
|
||||||
|
Completed: { text: '已完成', color: '#28A745', value: 'Completed' },
|
||||||
|
Closed: { text: '已关闭', color: '#6C757D', value: 'Closed' },
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function Index({ title = '装修工单' }) {
|
||||||
|
const getCurrentPermissions = useCurrentPermissions();
|
||||||
|
let toolBarRender = (action: any) => {
|
||||||
|
return getCurrentPermissions({
|
||||||
|
add: (
|
||||||
|
<WorkOrderCreate
|
||||||
|
key="Create"
|
||||||
|
reload={action?.reload}
|
||||||
|
title={title}
|
||||||
|
item={{
|
||||||
|
typeEnum: WorkTypeEnum,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
let tableRender = (item: any, action: any) => {
|
||||||
|
return getCurrentPermissions(
|
||||||
|
{
|
||||||
|
show: (
|
||||||
|
<WorkOrderShow item={item} title="详情" reload={action?.reload} />
|
||||||
|
),
|
||||||
|
assign: (
|
||||||
|
<>
|
||||||
|
{item.assign_status === 'Unassigned' &&
|
||||||
|
item.type !== 'SecurityInspection' && (
|
||||||
|
<WorkOrderAssign
|
||||||
|
item={item}
|
||||||
|
reload={action?.reload}
|
||||||
|
title="指派"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
),
|
||||||
|
update: (
|
||||||
|
<>
|
||||||
|
{item.status === 'Pending' && (
|
||||||
|
<WorkOrderUpdate
|
||||||
|
item={{
|
||||||
|
...item,
|
||||||
|
typeEnum: WorkTypeEnum,
|
||||||
|
}}
|
||||||
|
reload={action?.reload}
|
||||||
|
title={title}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
),
|
||||||
|
delete: (
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.WorkOrder.HouseWorkOrders.SoftDelete({
|
||||||
|
id: item.id,
|
||||||
|
}).then(() => action?.reload())
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
'MyDecorationWorkorder',
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const WorkTypeEnum: any = () => {
|
||||||
|
let obj: any = JSON.parse(JSON.stringify(HouseWorkOrdersTypeEnum));
|
||||||
|
delete obj.Repair;
|
||||||
|
delete obj.Incident;
|
||||||
|
delete obj.Complaint;
|
||||||
|
delete obj.RenovationInspection;
|
||||||
|
delete obj.RenovationAcceptance;
|
||||||
|
delete obj.Emergency;
|
||||||
|
delete obj.EquipmentMaintenance;
|
||||||
|
delete obj.QualityCheck;
|
||||||
|
return obj;
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ProTable<Record<any, any>>
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
headerTitle={title}
|
||||||
|
request={async (params, sort) => {
|
||||||
|
return MyProTableProps.request(
|
||||||
|
{
|
||||||
|
...params,
|
||||||
|
type: [HouseWorkOrdersTypeEnum.SecurityInspection.value],
|
||||||
|
},
|
||||||
|
sort,
|
||||||
|
Apis.WorkOrder.HouseWorkOrders.List,
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
toolBarRender={(action) => [toolBarRender(action)]}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({ search: false }),
|
||||||
|
Selects?.AssetProjects({
|
||||||
|
title: '选择项目',
|
||||||
|
key: 'asset_projects_id',
|
||||||
|
hidden: true,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '处理状态',
|
||||||
|
dataIndex: 'status',
|
||||||
|
valueEnum: RenovationWorkOrdersStatusEnum,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '项目名称',
|
||||||
|
dataIndex: 'project_name',
|
||||||
|
hidden: true,
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '分配状态',
|
||||||
|
dataIndex: 'assign_status',
|
||||||
|
valueEnum: HouseWorkOrdersAssignStatusEnum,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '工单类型',
|
||||||
|
dataIndex: 'type',
|
||||||
|
valueEnum: HouseWorkOrdersTypeEnum,
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '报修位置',
|
||||||
|
dataIndex: 'location',
|
||||||
|
valueEnum: HouseWorkOrdersLocationEnum,
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '位置信息',
|
||||||
|
dataIndex: ['asset_house', 'full_name'],
|
||||||
|
render: (_, record) => {
|
||||||
|
return (
|
||||||
|
<Space>
|
||||||
|
{record?.asset_house?.full_name
|
||||||
|
? record?.asset_house?.full_name
|
||||||
|
: record?.asset_project?.name}
|
||||||
|
</Space>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
search: {
|
||||||
|
transform: (value) => {
|
||||||
|
return { house_name: value };
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '工单描述',
|
||||||
|
dataIndex: 'content',
|
||||||
|
search: false,
|
||||||
|
width: 120, // 关键：固定列宽（若父容器过窄，可设 minWidth: 200 优先保证列宽）
|
||||||
|
render: (text) => (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '100%', // 继承列宽
|
||||||
|
// height: '60px', // 设置固定高度，约显示3行文本
|
||||||
|
overflow: 'hidden', // 超出隐藏
|
||||||
|
textOverflow: 'ellipsis', // 省略号
|
||||||
|
display: '-webkit-box',
|
||||||
|
WebkitBoxOrient: 'vertical',
|
||||||
|
WebkitLineClamp: 1, // 显示3行
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{text}
|
||||||
|
</div>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '优先级',
|
||||||
|
dataIndex: 'level',
|
||||||
|
valueEnum: HouseWorkOrdersLevelEnum,
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
|
||||||
|
{
|
||||||
|
title: '处理人',
|
||||||
|
dataIndex: ['assign_employee', 'name'],
|
||||||
|
search: false,
|
||||||
|
render: (_, record) => {
|
||||||
|
return `${record?.assign_employee?.name || ''}-${
|
||||||
|
record?.assign_employee?.phone || ''
|
||||||
|
}`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<>{tableRender(item, action)}</>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
223
src/pages/work_order/renovation/index.tsx
Normal file
223
src/pages/work_order/renovation/index.tsx
Normal file
@ -0,0 +1,223 @@
|
|||||||
|
import {
|
||||||
|
MyButtons,
|
||||||
|
MyColumns,
|
||||||
|
MyProTableProps,
|
||||||
|
useCurrentPermissions,
|
||||||
|
} from '@/common';
|
||||||
|
import { Selects } from '@/components/Select';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import {
|
||||||
|
HouseWorkOrdersAssignStatusEnum,
|
||||||
|
HouseWorkOrdersLevelEnum,
|
||||||
|
HouseWorkOrdersTypeEnum,
|
||||||
|
} from '@/gen/Enums';
|
||||||
|
import { ProTable } from '@ant-design/pro-components';
|
||||||
|
import { Space } from 'antd';
|
||||||
|
import WorkOrderCreate from '../list/modals/WorkOrderCreate';
|
||||||
|
import WorkOrderShow from '../list/modals/WorkOrderShow';
|
||||||
|
import WorkOrderUpdate from '../list/modals/WorkOrderUpdate';
|
||||||
|
import RenovationAssign from './modals/RenovationAssign';
|
||||||
|
|
||||||
|
export const RenovationWorkOrdersStatusEnum = {
|
||||||
|
Pending: { text: '待处理', color: '#FFA500', value: 'Pending' },
|
||||||
|
Processing: { text: '处理中', color: '#1E90FF', value: 'Processing' },
|
||||||
|
Completed: { text: '已完成', color: '#28A745', value: 'Completed' },
|
||||||
|
Closed: { text: '已关闭', color: '#6C757D', value: 'Closed' },
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function Index({ title = '装修工单' }) {
|
||||||
|
const getCurrentPermissions = useCurrentPermissions();
|
||||||
|
let toolBarRender = (action: any) => {
|
||||||
|
return getCurrentPermissions({
|
||||||
|
add: (
|
||||||
|
<WorkOrderCreate
|
||||||
|
key="Create"
|
||||||
|
reload={action?.reload}
|
||||||
|
title={title}
|
||||||
|
item={{
|
||||||
|
typeEnum: WorkTypeEnum,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
let tableRender = (item: any, action: any) => {
|
||||||
|
return getCurrentPermissions(
|
||||||
|
{
|
||||||
|
show: (
|
||||||
|
<WorkOrderShow item={item} title="详情" reload={action?.reload} />
|
||||||
|
),
|
||||||
|
|
||||||
|
update: (
|
||||||
|
<>
|
||||||
|
{item.status === 'Pending' && (
|
||||||
|
<WorkOrderUpdate
|
||||||
|
item={{
|
||||||
|
...item,
|
||||||
|
typeEnum: WorkTypeEnum,
|
||||||
|
}}
|
||||||
|
reload={action?.reload}
|
||||||
|
title={title}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
),
|
||||||
|
assign: (
|
||||||
|
<>
|
||||||
|
{item.assign_status === 'Unassigned' &&
|
||||||
|
item.type !== 'SecurityInspection' && (
|
||||||
|
<RenovationAssign
|
||||||
|
item={item}
|
||||||
|
reload={action?.reload}
|
||||||
|
title="指派"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
),
|
||||||
|
delete: (
|
||||||
|
<MyButtons.Delete
|
||||||
|
onConfirm={() =>
|
||||||
|
Apis.WorkOrder.HouseWorkOrders.SoftDelete({
|
||||||
|
id: item.id,
|
||||||
|
}).then(() => action?.reload())
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
'MyDecorationWorkorder',
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const WorkTypeEnum = () => {
|
||||||
|
let obj: any = JSON.parse(JSON.stringify(HouseWorkOrdersTypeEnum));
|
||||||
|
delete obj.Repair;
|
||||||
|
delete obj.Incident;
|
||||||
|
delete obj.Complaint;
|
||||||
|
delete obj.SecurityInspection;
|
||||||
|
delete obj.Emergency;
|
||||||
|
delete obj.EquipmentMaintenance;
|
||||||
|
delete obj.QualityCheck;
|
||||||
|
return obj;
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ProTable<Record<any, any>>
|
||||||
|
{...MyProTableProps.props}
|
||||||
|
headerTitle={title}
|
||||||
|
request={async (params, sort) => {
|
||||||
|
return MyProTableProps.request(
|
||||||
|
{
|
||||||
|
...params,
|
||||||
|
type: [
|
||||||
|
HouseWorkOrdersTypeEnum.RenovationInspection.value,
|
||||||
|
HouseWorkOrdersTypeEnum.RenovationAcceptance.value,
|
||||||
|
],
|
||||||
|
},
|
||||||
|
sort,
|
||||||
|
Apis.WorkOrder.HouseWorkOrders.List,
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
toolBarRender={(action) => [toolBarRender(action)]}
|
||||||
|
columns={[
|
||||||
|
MyColumns.ID({ search: false }),
|
||||||
|
Selects?.AssetProjects({
|
||||||
|
title: '选择项目',
|
||||||
|
key: 'asset_projects_id',
|
||||||
|
hidden: true,
|
||||||
|
}),
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '处理状态',
|
||||||
|
dataIndex: 'status',
|
||||||
|
valueEnum: RenovationWorkOrdersStatusEnum,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
title: '项目名称',
|
||||||
|
dataIndex: 'project_name',
|
||||||
|
hidden: true,
|
||||||
|
},
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '分配状态',
|
||||||
|
dataIndex: 'assign_status',
|
||||||
|
valueEnum: HouseWorkOrdersAssignStatusEnum,
|
||||||
|
}),
|
||||||
|
// MyColumns.EnumTag({
|
||||||
|
// title: '工单类型',
|
||||||
|
// dataIndex: 'type',
|
||||||
|
// valueEnum: HouseWorkOrdersTypeEnum,
|
||||||
|
// search: false,
|
||||||
|
// }),
|
||||||
|
// MyColumns.EnumTag({
|
||||||
|
// title: '报修位置',
|
||||||
|
// dataIndex: 'location',
|
||||||
|
// valueEnum: HouseWorkOrdersLocationEnum,
|
||||||
|
// search: false,
|
||||||
|
// }),
|
||||||
|
{
|
||||||
|
title: '位置信息',
|
||||||
|
dataIndex: ['asset_house', 'full_name'],
|
||||||
|
render: (_, record) => {
|
||||||
|
return (
|
||||||
|
<Space>
|
||||||
|
{record?.asset_house?.full_name
|
||||||
|
? record?.asset_house?.full_name
|
||||||
|
: record?.asset_project?.name}
|
||||||
|
</Space>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
search: {
|
||||||
|
transform: (value) => {
|
||||||
|
return { house_name: value };
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// title: '工单描述',
|
||||||
|
// dataIndex: 'content',
|
||||||
|
// search: false,
|
||||||
|
// width: 200, // 关键：固定列宽（若父容器过窄，可设 minWidth: 200 优先保证列宽）
|
||||||
|
// render: (text) => (
|
||||||
|
// <div
|
||||||
|
// style={{
|
||||||
|
// width: '100%', // 继承列宽
|
||||||
|
// // height: '60px', // 设置固定高度，约显示3行文本
|
||||||
|
// overflow: 'hidden', // 超出隐藏
|
||||||
|
// textOverflow: 'ellipsis', // 省略号
|
||||||
|
// display: '-webkit-box',
|
||||||
|
// WebkitBoxOrient: 'vertical',
|
||||||
|
// WebkitLineClamp: 3, // 显示3行
|
||||||
|
// }}
|
||||||
|
// >
|
||||||
|
// {text}
|
||||||
|
// </div>
|
||||||
|
// ),
|
||||||
|
// },
|
||||||
|
MyColumns.EnumTag({
|
||||||
|
title: '优先级',
|
||||||
|
dataIndex: 'level',
|
||||||
|
valueEnum: HouseWorkOrdersLevelEnum,
|
||||||
|
search: false,
|
||||||
|
}),
|
||||||
|
|
||||||
|
{
|
||||||
|
title: '处理人',
|
||||||
|
dataIndex: ['assign_employee', 'name'],
|
||||||
|
search: false,
|
||||||
|
render: (_, record) => {
|
||||||
|
return `${record?.assign_employee?.name || ''}-${
|
||||||
|
record?.assign_employee?.phone || ''
|
||||||
|
}`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
MyColumns.CreatedAt(),
|
||||||
|
MyColumns.Option({
|
||||||
|
render: (_, item: any, index, action) => (
|
||||||
|
<Space key={index}>
|
||||||
|
<>{tableRender(item, action)}</>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
}),
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
129
src/pages/work_order/renovation/modals/RenovationAssign.tsx
Normal file
129
src/pages/work_order/renovation/modals/RenovationAssign.tsx
Normal file
@ -0,0 +1,129 @@
|
|||||||
|
import {
|
||||||
|
MyBetaModalFormProps,
|
||||||
|
MyButtons,
|
||||||
|
MyFormItems,
|
||||||
|
MyModalFormProps,
|
||||||
|
rulesHelper,
|
||||||
|
} from '@/common';
|
||||||
|
import { Selects } from '@/components/Select';
|
||||||
|
import { Apis } from '@/gen/Apis';
|
||||||
|
import { HouseWorkOrdersTypeEnum } from '@/gen/Enums';
|
||||||
|
import { BetaSchemaForm } from '@ant-design/pro-components';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
|
||||||
|
export default function WorkOrderAssign(
|
||||||
|
props: MyBetaModalFormProps & { item: any },
|
||||||
|
) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
return (
|
||||||
|
<BetaSchemaForm<ApiTypes.WorkOrder.HouseWorkOrders.Assign>
|
||||||
|
{...MyModalFormProps.props}
|
||||||
|
title={`指派工单`}
|
||||||
|
wrapperCol={{ span: 19 }}
|
||||||
|
width="600px"
|
||||||
|
layout="horizontal"
|
||||||
|
labelCol={{ span: 5 }}
|
||||||
|
labelAlign="left"
|
||||||
|
trigger={
|
||||||
|
<MyButtons.Default title={props.title || '指派'} type="primary" />
|
||||||
|
}
|
||||||
|
key={new Date().getTime()}
|
||||||
|
form={form}
|
||||||
|
request={async () => {
|
||||||
|
const res = await Apis.WorkOrder.HouseWorkOrders.Show({
|
||||||
|
id: props.item.id,
|
||||||
|
});
|
||||||
|
return {
|
||||||
|
title: res.data.title,
|
||||||
|
assign_employee_id: res.data.assign_employee_id,
|
||||||
|
content: res.data.content,
|
||||||
|
attachments: res.data.attachments,
|
||||||
|
complaint_type: res.data.complaint_type,
|
||||||
|
locationInfo: res.data.asset_house.full_name,
|
||||||
|
};
|
||||||
|
}}
|
||||||
|
onFinish={async (values: any) => {
|
||||||
|
Apis.WorkOrder.HouseWorkOrders.Assign({
|
||||||
|
...values,
|
||||||
|
id: props.item.id,
|
||||||
|
predict_complete_at: values.predict_complete_at,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
props.reload?.();
|
||||||
|
message.success('指派工单成功');
|
||||||
|
return true;
|
||||||
|
})
|
||||||
|
.catch(() => false);
|
||||||
|
}}
|
||||||
|
columns={[
|
||||||
|
MyFormItems.EnumRadio({
|
||||||
|
key: 'type',
|
||||||
|
title: '工单类型',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
valueEnum: HouseWorkOrdersTypeEnum,
|
||||||
|
readonly: true,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
key: 'locationInfo',
|
||||||
|
title: '房屋信息',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
readonly: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'content',
|
||||||
|
title: '工单描述',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
readonly: true,
|
||||||
|
fieldProps: {
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{ valueType: 'divider' },
|
||||||
|
|
||||||
|
// MyFormItems.EnumRadio({
|
||||||
|
// key: 'level',
|
||||||
|
// title: '优先级',
|
||||||
|
// colProps: { span: 24 },
|
||||||
|
// valueEnum: HouseWorkOrdersLevelEnum,
|
||||||
|
// required: true,
|
||||||
|
// }),
|
||||||
|
// {
|
||||||
|
// key: 'predict_complete_at',
|
||||||
|
// title: '完成时间要求',
|
||||||
|
// valueType: 'date',
|
||||||
|
// colProps: { span: 24 },
|
||||||
|
// formItemProps: { ...rulesHelper.text },
|
||||||
|
// fieldProps: {
|
||||||
|
// disabledDate: (current: any) => {
|
||||||
|
// // 只能选今天及以后的日期
|
||||||
|
// const today = new Date();
|
||||||
|
// today.setHours(0, 0, 0, 0); // 设置为今天的00:00:00
|
||||||
|
// return current && current < today;
|
||||||
|
// },
|
||||||
|
// addonAfter: '前',
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
Selects?.Employees({
|
||||||
|
title: '选择处理人',
|
||||||
|
key: 'assign_employees_id',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
formItemProps: { ...rulesHelper.text },
|
||||||
|
params: {
|
||||||
|
companies_id: props.item.companies_id,
|
||||||
|
},
|
||||||
|
required: true,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
key: 'assign_remark',
|
||||||
|
title: '备注',
|
||||||
|
valueType: 'textarea',
|
||||||
|
colProps: { span: 24 },
|
||||||
|
fieldProps: {
|
||||||
|
rows: 3,
|
||||||
|
// placeholder: '请输入指派备注（可选）',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user