+ {/* 退款详情 */}
+ {config?.value?.type === 'Refund' && (
+
+
+
+ {config?.value?.title || '-'}
+
+
+
+
+
+ {config?.value?.model?.refund_amount || '-'}
+ 元
+
+
+
+ {config?.value?.model?.payer_name || '-'}｜
+ {config?.value?.model?.payer_bank || '-'}｜
+ {config?.value?.model?.payer_account || '-'}
+
+
+ {config?.value?.model?.payee_name || '-'}
+ {config?.value?.model?.payee_bank || '-'}
+ {config?.value?.model?.payee_account || '-'}
+
+
+ {props?.item?.applicant?.name || '-'}:
+ {props?.item?.applicant?.phone || '-'}
+
+
+ {props?.item?.created_at || '-'}
+
+
+
+ )}
+ {/* 合同详情 */}
+ {config?.value?.type === 'Contract' && (
+
+
+
+ {config?.value?.model?.name || '-'}
+
+
+
+
+ {config?.value?.model?.code || '-'}
+ {
+ navigate(
+ `/contract/contracts/show/${config?.value?.model?.id}`,
+ );
+ }}
+ />
+
+
+
+
+
+
+
+ {config?.value?.model?.contract_type_name || '-'}
+
+
+
+
+ {config?.value?.model?.total_amount || '-'}
+
+
+ {config?.value?.model?.deposit_amount || '无'}
+
+
+ {config?.value?.model?.sign_subject || '-'}
+
+
+ {config?.value?.model?.sign_department || '-'}
+
+
+ {config?.value?.model?.project_name || '-'}
+
+
+ {config?.value?.model?.contract_liaison || '-'}
+
+
+ {config?.value?.model?.start_time?.substring(0, 10)}至
+ {config?.value?.model?.end_time?.substring(0, 10)}
+
+
+ {props?.item?.applicant?.name || '-'}:
+ {props?.item?.applicant?.phone || '-'}
+
+
+ {props?.item?.created_at || '-'}
+
+
+ {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 (
+
+
+
+ )}
+
+
+
+
+
+ item?.node_type === 'Approver'
+ ? {
+ title: `${
+ item.company_employee?.name || '-'
+ }-${item?.company_employee?.phone}`,
+ description: `${
+ item.status === 'Approved'
+ ? `通过 - ${item.opinion || '-'} - ${
+ item.created_at || '-'
+ }`
+ : '待审核'
+ }`,
+ }
+ : '',
+ )}
+ />
+
+
+
+
+
+
+
+ {item.name}；
+
+
+ );
+ })}
+
+ {/* 退款详情 */}
+ {config?.value?.type === 'Refund' && (
+
+
+
+ {config?.value?.title || '-'}
+
+
+
+
+
+ {config?.value?.model?.refund_amount || '-'}
+ 元
+
+
+
+ {config?.value?.model?.payer_name || '-'}｜
+ {config?.value?.model?.payer_bank || '-'}｜
+ {config?.value?.model?.payer_account || '-'}
+
+
+ {config?.value?.model?.payee_name || '-'}
+ {config?.value?.model?.payee_bank || '-'}
+ {config?.value?.model?.payee_account || '-'}
+
+
+ {props?.item?.applicant?.name || '-'}:
+ {props?.item?.applicant?.phone || '-'}
+
+
+ {props?.item?.created_at || '-'}
+
+
+
+ )}
+ {/* 合同详情 */}
+ {config?.value?.type === 'Contract' && (
+
+
+
+ {config?.value?.model?.name || '-'}
+
+
+
+
+ {config?.value?.model?.code || '-'}
+ {
+ navigate(
+ `/contract/contracts/show/${config?.value?.model?.id}`,
+ );
+ }}
+ />
+
+
+
+
+
+
+
+ {config?.value?.model?.contract_type_name || '-'}
+
+
+
+
+ {config?.value?.model?.total_amount || '-'}
+
+
+ {config?.value?.model?.deposit_amount || '无'}
+
+
+ {config?.value?.model?.sign_subject || '-'}
+
+
+ {config?.value?.model?.sign_department || '-'}
+
+
+ {config?.value?.model?.project_name || '-'}
+
+
+ {config?.value?.model?.contract_liaison || '-'}
+
+
+ {config?.value?.model?.start_time?.substring(0, 10)}至
+ {config?.value?.model?.end_time?.substring(0, 10)}
+
+
+ {props?.item?.applicant?.name || '-'}:
+ {props?.item?.applicant?.phone || '-'}
+
+
+ {props?.item?.created_at || '-'}
+
+
+ {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 (
+
+
+
+ )}
+
+
+
+
+
+ item?.node_type === 'Approver'
+ ? {
+ title: `${
+ item.company_employee?.name || '-'
+ }-${item?.company_employee?.phone}`,
+ description: `${
+ item.status === 'Approved'
+ ? `通过 - ${item.opinion || '-'} - ${
+ item.created_at || '-'
+ }`
+ : '待审核'
+ }`,
+ }
+ : '',
+ )}
+ />
+
+
+
+
+
+
+
+ {item.name}；
+
+
+ );
+ })}
+
-
- {item.name}；
-
-
- );
- },
- )}
-
+ {/* 退款详情 */}
+ {config?.value?.type === 'Refund' && (
+
+
+
+ {config?.value?.title || '-'}
+
+
+
+
+
+ {config?.value?.model?.refund_amount || '-'}
+ 元
+
+
+
+ {config?.value?.model?.payer_name || '-'}｜
+ {config?.value?.model?.payer_bank || '-'}｜
+ {config?.value?.model?.payer_account || '-'}
+
+
+ {config?.value?.model?.payee_name || '-'}
+ {config?.value?.model?.payee_bank || '-'}
+ {config?.value?.model?.payee_account || '-'}
+
+
+ {props?.item?.applicant?.name || '-'}:
+ {props?.item?.applicant?.phone || '-'}
+
+
+ {props?.item?.created_at || '-'}
+
+
+
+ )}
+ {/* 合同详情 */}
+ {config?.value?.type === 'Contract' && (
+
+
+
+ {config?.value?.model?.name || '-'}
+
+
+
+
+ {config?.value?.model?.code || '-'}
+ {
+ navigate(
+ `/contract/contracts/show/${config?.value?.model?.id}`,
+ );
+ }}
+ />
+
+
+
+
+
+
+
+ {config?.value?.model?.contract_type_name || '-'}
+
+
+
+
+ {config?.value?.model?.total_amount || '-'}
+
+
+ {config?.value?.model?.deposit_amount || '无'}
+
+
+ {config?.value?.model?.sign_subject || '-'}
+
+
+ {config?.value?.model?.sign_department || '-'}
+
+
+ {config?.value?.model?.project_name || '-'}
+
+
+ {config?.value?.model?.contract_liaison || '-'}
+
+
+ {config?.value?.model?.start_time?.substring(0, 10)}至
+ {config?.value?.model?.end_time?.substring(0, 10)}
+
+
+ {props?.item?.applicant?.name || '-'}:
+ {props?.item?.applicant?.phone || '-'}
+
+
+ {props?.item?.created_at || '-'}
+
+
+ {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 (
+
+
+
+ )}
+
+
+
+
+
+ item?.node_type === 'Approver'
+ ? {
+ title: `${
+ item.company_employee?.name || '-'
+ }-${item?.company_employee?.phone}`,
+ description: `${
+ item.status === 'Approved'
+ ? `通过 - ${item.opinion || '-'} - ${
+ item.created_at || '-'
+ }`
+ : '待审核'
+ }`,
+ }
+ : '',
+ )}
+ />
+
+
+
+
+
+
+
+ {item.name}；
+
+
+ );
+ })}
+
-
- );
-}
diff --git a/src/pages/asset/asset_bi/charts/ZigzagLine.tsx b/src/pages/asset/asset_bi/charts/ZigzagLine.tsx
deleted file mode 100644
index f978c5d..0000000
--- a/src/pages/asset/asset_bi/charts/ZigzagLine.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { MyBetaModalFormProps } from '@/common';
-import { Column } from '@ant-design/plots';
-import { useEffect, useState } from 'react';
-export default function Index(props: MyBetaModalFormProps) {
- const [configData, setConfigData] = useState({});
- const config = {
- data: [],
- xField: 'usage',
- yField: '数量',
- // colorField: 'name',
- group: true,
- style: {
- // 矩形四个方向的内边距
- inset: 5,
- // 矩形单个方向的内边距
- // insetLeft:5,
- // insetRight:20,
- // insetBottom: 20,
- // insetTop:10
- },
- };
- useEffect(() => {
- setConfigData({ ...config, data: props?.item || [] });
- }, [props?.item]);
- return (
-
-
- );
-}
diff --git a/src/pages/asset/asset_bi/images/employee_number.svg b/src/pages/asset/asset_bi/images/employee_number.svg
deleted file mode 100644
index 09bffe4..0000000
--- a/src/pages/asset/asset_bi/images/employee_number.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/pages/asset/asset_bi/images/event_number.svg b/src/pages/asset/asset_bi/images/event_number.svg
deleted file mode 100644
index 7644067..0000000
--- a/src/pages/asset/asset_bi/images/event_number.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/pages/asset/asset_bi/images/house_number.svg b/src/pages/asset/asset_bi/images/house_number.svg
deleted file mode 100644
index 6947b86..0000000
--- a/src/pages/asset/asset_bi/images/house_number.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/pages/asset/asset_bi/images/instrument_number.svg b/src/pages/asset/asset_bi/images/instrument_number.svg
deleted file mode 100644
index e174d05..0000000
--- a/src/pages/asset/asset_bi/images/instrument_number.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/pages/asset/asset_bi/images/parking_number.svg b/src/pages/asset/asset_bi/images/parking_number.svg
deleted file mode 100644
index 5bd2df7..0000000
--- a/src/pages/asset/asset_bi/images/parking_number.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/pages/asset/asset_bi/images/parking_space_number.svg b/src/pages/asset/asset_bi/images/parking_space_number.svg
deleted file mode 100644
index 8b9ad26..0000000
--- a/src/pages/asset/asset_bi/images/parking_space_number.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/pages/asset/asset_bi/images/project_number.svg b/src/pages/asset/asset_bi/images/project_number.svg
deleted file mode 100644
index 67a730e..0000000
--- a/src/pages/asset/asset_bi/images/project_number.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/pages/asset/asset_bi/images/user_number.svg b/src/pages/asset/asset_bi/images/user_number.svg
deleted file mode 100644
index 0f9f8a4..0000000
--- a/src/pages/asset/asset_bi/images/user_number.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/pages/asset/asset_bi/index.tsx b/src/pages/asset/asset_bi/index.tsx
deleted file mode 100644
index bf291ea..0000000
--- a/src/pages/asset/asset_bi/index.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import { MyPageContainer } from '@/common';
-import { Apis } from '@/gen/Apis';
-import { ProCard } from '@ant-design/pro-components';
-import { Space } from 'antd';
-import { useEffect, useState } from 'react';
-import MyPieChart from './charts/PieChart';
-import MyZigzagLine from './charts/ZigzagLine';
-import EmployeeNumber from './images/employee_number.svg';
-import eventIcon from './images/event_number.svg';
-import houseIcon from './images/house_number.svg';
-import instrumentIcon from './images/instrument_number.svg';
-import parkingIcon from './images/parking_number.svg';
-import parkingSpaceIcon from './images/parking_space_number.svg';
-import projectIcon from './images/project_number.svg';
-import userIcon from './images/user_number.svg';
-import './styleBi.scss';
-
-export default function Index({ title = '项目Bi' }) {
- const [getSummaryCount, setSummaryCount] = useState
-
-
- 
-
-
-
- 项目总数
-
- {getSummaryCount?.project_count || 0}
-
-
- 
-
-
-
- 房屋总数
-
- {getSummaryCount?.house_count || 0}
-
-
- 
-
-
-
- 员工总数
-
- {getSummaryCount?.employee_count || 0}
-
-
- 
-
-
-
- 客户总数
-
- {getSummaryCount?.customer_count || 0}
-
-
-
-
- 
-
-
-
- 车场数
-
- {getSummaryCount?.car_port_count || 0}
-
-
- 
-
-
-
- 总车位数
-
- {getSummaryCount?.parking_place_count || 0}
-
-
- 
-
-
-
- 仪表数
-
- {getSummaryCount?.meter_count || 0}
-
-
- 
-
-
-
- 进行中的活动
-
- {getSummaryCount?.activity_count || 0}
-
-
-
-
-
-
-
-
-
- {...MyModalFormProps.props}
- title={title}
- layoutType="Form"
- wrapperCol={{ span: 24 }}
- width="900px"
- key={new Date().getTime()}
- form={form}
- submitter={false}
- columns={[
- Selects.WarehousesSelect({
- title: '选择仓库',
- key: 'asset_item_warehouses_id',
- formItemProps: { ...rulesHelper.number },
- colProps: { span: 12 },
- }),
- MyFormItems.EnumRadio({
- key: 'entry_type',
- title: '入库方式',
- formItemProps: { ...rulesHelper.text },
- valueEnum: () => {
- let obj = JSON.parse(JSON.stringify(AssetItemsEntryTypeEnum));
- delete obj?.Transfer;
- delete obj?.Inventory;
- return obj;
- },
- required: true,
- colProps: { span: 12 },
- }),
- {
- title: '入库日期',
- key: 'entry_date',
- valueType: 'date',
- fieldProps: {
- style: {
- width: '100%',
- },
- },
- colProps: { span: 12 },
- },
- {
- title: '采购日期',
- key: 'purchase_date',
- valueType: 'date',
- fieldProps: {
- style: {
- width: '100%',
- },
- },
- colProps: { span: 12 },
- },
- {
- title: '保修结束日期',
- key: 'warranty_end_date',
- valueType: 'date',
- fieldProps: {
- style: {
- width: '100%',
- },
- },
- colProps: { span: 12 },
- },
- {
- key: 'ownership',
- title: '资产归属',
- colProps: { span: 12 },
- },
- Selects?.AssetProjects({
- title: '选择项目',
- key: 'asset_projects_id',
- colProps: { span: 12 },
- }),
- {
- valueType: 'formList',
- key: 'items',
- colProps: { span: 24 },
- title: '设置资产',
- fieldProps: {
- copyIconProps: false,
- // deleteIconProps: false,
- itemRender: (
- { listDom, action }: any,
- { index }: { index: number },
- ) => {
- return (
-
- {listDom}
-
- );
- },
- },
- formItemProps: {
- ...rulesHelper.array,
- },
- columns: [
- {
- valueType: 'group',
- colProps: { span: 24 },
- columns: [
- {
- key: 'name',
- title: '名称',
- formItemProps: { ...rulesHelper.text },
- colProps: { span: 8 },
- },
- Selects.AssetCategories({
- title: '资产分类',
- key: 'asset_item_category_level_id',
- formItemProps: { ...rulesHelper.array },
- colProps: { span: 8 },
- }),
- {
- title: '数量',
- key: 'quantity',
- formItemProps: { ...rulesHelper.number },
- valueType: 'digit',
- colProps: { span: 8 },
- fieldProps: {
- suffix: '件',
- min: 1,
- style: {
- width: '100%',
- },
- },
- },
- {
- key: 'brand',
- title: '品牌',
- colProps: { span: 8 },
- },
- {
- key: 'unit_price',
- title: '单价',
- valueType: 'digit',
- fieldProps: {
- style: {
- width: '100%',
- },
- },
- colProps: { span: 8 },
- },
- {
- key: 'specification',
- title: '规格型号',
- colProps: { span: 8 },
- fieldProps: {
- placeholder: '比如：14寸/银色',
- },
- },
- {
- key: 'warranty_period',
- title: '保修期限（天）',
- valueType: 'digit',
- fieldProps: {
- suffix: '天',
- style: {
- width: '100%',
- },
- },
- colProps: { span: 8 },
- },
- Selects?.Employees({
- title: '责任管理人',
- key: 'company_employees_id',
- colProps: { span: 8 },
- fieldProps: {
- showSearch: true,
- },
- }),
-
- {
- title: '备注',
- key: 'remark',
- valueType: 'textarea',
- },
- MyFormItems.UploadImages({
- key: 'attachments',
- title: '相关图片',
- tooltip: '最多上传10张图片',
- // uploadType: 'file',
- max: 10,
- colProps: { span: 24 },
- formItemProps: { required: false },
- }),
- ],
- },
- ],
- },
- ]}
- />
-
-
-
- {...MyModalFormProps.props}
- title={title}
- layoutType="Form"
- wrapperCol={{ span: 24 }}
- width="900px"
- key={new Date().getTime()}
- form={form}
- submitter={false}
- columns={[
- {
- title: '处置原因',
- key: 'reason',
- valueType: 'textarea',
- formItemProps: { ...rulesHelper.text },
- colProps: { span: 24 },
- },
- MyFormItems.UploadImages({
- key: 'attachments',
- title: '相关图片',
- tooltip: '最多上传10张图片',
- // uploadType: 'file',
- max: 10,
- colProps: { span: 24 },
- formItemProps: { required: false },
- }),
- {
- valueType: 'dependency',
- name: ['from_warehouse_id'],
- columns: ({ from_warehouse_id }) => {
- return [
- {
- title: '选择资产',
- key: 'asset_items',
- formItemProps: { ...rulesHelper.array },
- renderFormItem: () => {
- return (
-
- {
- form.setFieldValue('asset_items', e);
- setDataSource(e);
- }}
- />
- }
- columns={[
- MyColumns.ID({
- search: false,
- }),
- {
- title: '名称',
- dataIndex: 'name',
- },
- MyColumns.Option({
- render: (_, item: any) => (
- {
- setDataSource(
- dataSource.filter(
- (res: any) => res?.id !== item?.id,
- ),
- );
- }}
- />
- ),
- }),
- ]}
- />
-
- );
- },
- },
- ];
- },
- },
- ]}
- />
-
-
-
- {...MyModalFormProps.props}
- title={title}
- layoutType="Form"
- wrapperCol={{ span: 24 }}
- width="900px"
- key={new Date().getTime()}
- form={form}
- submitter={false}
- columns={[
- {
- title: '盘点名称',
- key: 'name',
- formItemProps: { ...rulesHelper.text },
- colProps: { span: 12 },
- },
- Selects.WarehousesSelect({
- title: '盘点仓库',
- key: 'asset_item_warehouses_id',
- formItemProps: { ...rulesHelper.number },
- colProps: { span: 12 },
- }),
- Selects?.Employees({
- title: '盘点人',
- key: 'assigned_employee_id',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.number },
- fieldProps: {
- showSearch: true,
- },
- }),
- Selects?.AssetProjects({
- title: '选择项目',
- key: 'asset_projects_id',
- colProps: { span: 12 },
- }),
- Selects.AssetCategoriesSelect({
- title: '盘点分类',
- key: 'category_ids',
- formItemProps: { ...rulesHelper.array },
- fieldProps: {
- mode: 'multiple',
- },
- colProps: { span: 24 },
- }),
- {
- title: '盘点开始时间',
- key: 'required_start_date',
- valueType: 'date',
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- style: { width: '100%' },
- },
- colProps: { span: 12 },
- },
- {
- title: '盘点结束时间',
- key: 'required_end_date',
- valueType: 'date',
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- style: { width: '100%' },
- },
- colProps: { span: 12 },
- },
- {
- title: '备注',
- key: 'remark',
- valueType: 'textarea',
- colProps: { span: 24 },
- },
- ]}
- />
-
-
-
- {...MyModalFormProps.props}
- title={title}
- layoutType="Form"
- wrapperCol={{ span: 24 }}
- width="900px"
- key={new Date().getTime()}
- form={form}
- submitter={false}
- columns={[
- MyFormItems.EnumRadio({
- key: 'marking_type',
- title: '标记类型',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- valueEnum: AssetItemMarkingTypeEnum,
- }),
- Selects?.Employees({
- title: '关联负责人',
- key: 'responsible_id',
- colProps: { span: 12 },
- fieldProps: {
- showSearch: true,
- },
- }),
- {
- title: '上报说明',
- key: 'description',
- valueType: 'textarea',
- formItemProps: { ...rulesHelper.text },
- colProps: { span: 24 },
- },
- MyFormItems.UploadImages({
- key: 'attachments',
- title: '相关图片',
- tooltip: '最多上传10张图片',
- // uploadType: 'file',
- max: 10,
- colProps: { span: 24 },
- formItemProps: { required: false },
- }),
- {
- valueType: 'dependency',
- name: ['from_warehouse_id'],
- columns: ({ from_warehouse_id }) => {
- return [
- {
- title: '选择资产',
- key: 'asset_items',
- formItemProps: { ...rulesHelper.array },
- renderFormItem: () => {
- return (
-
- {
- form.setFieldValue('asset_items', e);
- setDataSource(e);
- }}
- />
- }
- columns={[
- MyColumns.ID({
- search: false,
- }),
- {
- title: '名称',
- dataIndex: 'name',
- },
- MyColumns.Option({
- render: (_, item: any) => (
- {
- setDataSource(
- dataSource.filter(
- (res: any) => res?.id !== item?.id,
- ),
- );
- }}
- />
- ),
- }),
- ]}
- />
-
- );
- },
- },
- ];
- },
- },
- ]}
- />
-
-
-
- {...MyModalFormProps.props}
- title={title}
- layoutType="Form"
- wrapperCol={{ span: 24 }}
- width="900px"
- key={new Date().getTime()}
- form={form}
- submitter={false}
- columns={[
- Selects?.Organizations({
- title: '领用组织',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- key: 'organizations_id',
- }),
- {
- valueType: 'dependency',
- name: ['organizations_id'],
- columns: ({ organizations_id }) => {
- return [
- Selects?.Employees({
- title: '领取人',
- key: 'applicant_id',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- params: {
- organizations_id,
- },
- fieldProps: {
- showSearch: true,
- },
- }),
- ];
- },
- },
-
- {
- title: '领取日期',
- key: 'receive_date',
- valueType: 'date',
- formItemProps: { ...rulesHelper.text },
- colProps: { span: 12 },
- fieldProps: {
- style: { width: '100%' },
- },
- },
- Selects?.AssetProjects({
- title: '选择项目',
- key: 'asset_projects_id',
- colProps: { span: 12 },
- }),
- {
- title: '领用原因',
- key: 'reason',
- valueType: 'textarea',
- formItemProps: { ...rulesHelper.text },
- colProps: { span: 24 },
- },
-
- {
- valueType: 'formList',
- key: 'asset_items',
- colProps: { span: 24 },
- title: (
-
- 选择资产：
- {
- console.log(e);
- form.setFieldValue('asset_items', e);
- }}
- />
-
- ),
- fieldProps: {
- copyIconProps: false,
- // deleteIconProps: false,
- creatorButtonProps: false,
- },
- formItemProps: {
- ...rulesHelper.array,
- },
- columns: [
- {
- valueType: 'group',
- colProps: { span: 24 },
- columns: [
- {
- title: '资产名称',
- key: 'name',
- colProps: { span: 12 },
- fieldProps: {
- disabled: true,
- },
- },
- {
- title: '数量',
- colProps: { span: 12 },
- key: 'quantity',
- valueType: 'digit',
- formItemProps: { ...rulesHelper.number },
- fieldProps: {
- style: { width: '100%' },
- suffix: '件',
- max: 1,
- },
- },
- ],
- },
- ],
- },
- ]}
- />
-
-
-
- {...MyModalFormProps.props}
- title={title}
- layoutType="Form"
- wrapperCol={{ span: 24 }}
- width="900px"
- key={new Date().getTime()}
- form={form}
- submitter={false}
- columns={[
- Selects?.Organizations({
- title: '归还组织',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- key: 'organizations_id',
- }),
- {
- valueType: 'dependency',
- name: ['organizations_id'],
- columns: ({ organizations_id }) => {
- return [
- Selects?.Employees({
- title: '归还人',
- key: 'applicant_id',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- params: {
- organizations_id,
- },
- fieldProps: {
- showSearch: true,
- },
- }),
- ];
- },
- },
-
- {
- title: '归还日期',
- key: 'return_date',
- valueType: 'date',
- formItemProps: { ...rulesHelper.text },
- colProps: { span: 12 },
- fieldProps: {
- style: { width: '100%' },
- },
- },
- Selects?.AssetProjects({
- title: '选择项目',
- key: 'asset_projects_id',
- colProps: { span: 12 },
- }),
- Selects?.Employees({
- title: '确认人',
- key: 'confirm_employee_id',
- colProps: { span: 24 },
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- showSearch: true,
- },
- }),
- {
- title: '归还说明',
- key: 'reason',
- valueType: 'textarea',
- colProps: { span: 24 },
- },
- {
- valueType: 'formList',
- key: 'asset_items',
- colProps: { span: 24 },
- title: (
-
- 选择资产：
- {
- console.log(e);
- form.setFieldValue('asset_items', e);
- }}
- />
-
- ),
- fieldProps: {
- copyIconProps: false,
- // deleteIconProps: false,
- creatorButtonProps: false,
- },
- formItemProps: {
- ...rulesHelper.array,
- },
- columns: [
- {
- valueType: 'group',
- colProps: { span: 24 },
- columns: [
- {
- title: '资产名称',
- key: 'name',
- colProps: { span: 12 },
- fieldProps: {
- disabled: true,
- },
- },
- {
- title: '数量',
- colProps: { span: 12 },
- key: 'quantity',
- valueType: 'digit',
- formItemProps: { ...rulesHelper.number },
- fieldProps: {
- style: { width: '100%' },
- suffix: '件',
- max: 1,
- },
- },
- ],
- },
- ],
- },
- ]}
- />
-
-
-
- {...MyModalFormProps.props}
- title={title}
- layoutType="Form"
- wrapperCol={{ span: 24 }}
- width="900px"
- key={new Date().getTime()}
- form={form}
- submitter={false}
- columns={[
- Selects.WarehousesSelect({
- title: '原仓库',
- key: 'from_warehouse_id',
- formItemProps: { ...rulesHelper.number },
- colProps: { span: 12 },
- }),
- Selects.WarehousesSelect({
- title: '调入仓库',
- key: 'to_warehouse_id',
- formItemProps: { ...rulesHelper.number },
- colProps: { span: 12 },
- }),
- Selects?.Employees({
- title: '接收人',
- key: 'receiver_id',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- showSearch: true,
- },
- }),
- {
- title: '调拨日期',
- key: 'transfer_date',
- valueType: 'date',
- formItemProps: { ...rulesHelper.text },
- colProps: { span: 12 },
- fieldProps: {
- style: { width: '100%' },
- },
- },
- {
- title: '调拨原因',
- key: 'reason',
- valueType: 'textarea',
- formItemProps: { ...rulesHelper.text },
- colProps: { span: 24 },
- },
- {
- valueType: 'dependency',
- name: ['from_warehouse_id'],
- columns: ({ from_warehouse_id }) => {
- return [
- {
- title: '选择资产',
- key: 'asset_items',
- formItemProps: { ...rulesHelper.array },
- renderFormItem: () => {
- return (
-
- {
- form.setFieldValue('asset_items', e);
- setDataSource(e);
- }}
- />
- }
- columns={[
- MyColumns.ID({
- search: false,
- }),
- {
- title: '名称',
- dataIndex: 'name',
- },
- MyColumns.Option({
- render: (_, item: any) => (
- {
- setDataSource(
- dataSource.filter(
- (res: any) => res?.id !== item?.id,
- ),
- );
- }}
- />
- ),
- }),
- ]}
- />
-
- );
- },
- },
- ];
- },
- },
- ]}
- />
-
-
- {res?.name}
-
- );
- })}
-
- {item?.shift_periods?.map((res: any, index: number) => {
- return (
-
- );
- },
- },
- {
- title: '员工',
- dataIndex: ['company_employee', 'name'],
- search: false,
- },
- MyColumns.EnumTag({
- title: '状态',
- dataIndex: 'status',
- valueEnum: AttendanceSchedulesStatusEnum,
- }),
- {
- title: '排班人',
- dataIndex: ['created_employee', 'name'],
- search: false,
- },
- MyColumns.CreatedAt(),
- MyColumns.Option({
- render: (_, item: any, index, action) => (
-
-
- {`时段${res?.period_order}`}:
- {`${res?.work_start_time?.substring(
- 0,
- 5,
- )}-${res?.work_end_time?.substring(0, 5)}`}
-
-
- );
- })}
-
-
- {...MyModalFormProps.props}
- title={title}
- // 基础表单
- layoutType="Form"
- labelCol={{ span: 24 }}
- wrapperCol={{ span: 24 }}
- labelAlign="left"
- width="900px"
- form={form}
- submitter={{
- render: (props) => {
- return [
- {
- props.submit();
- }}
- title="提交保存"
- />,
- ];
- },
- }}
- onFinish={async () => {
- const dates = extractDates(dataSource);
- const missingData: string[] = [];
-
- // // 先检查所有数据是否完整
- for (const person of dataSource) {
- for (const date of dates) {
- const shiftId = person[date];
- if (shiftId === undefined || shiftId === null) {
- missingData.push(`员工 ${person?.name} 在 ${date}`);
- }
- }
- }
-
- // 如果有缺失数据，提示并停止执行（只提示一次）
- if (missingData.length > 0) {
- message.error(
- `存在 ${missingData.length} 条未填写的排班数据，请完善后再提交`,
- );
- return false;
- }
- // 数据完整，进行转换和提交
- const transformedData: any = dataSource.flatMap((person: any) => {
- console.log(person, 'person');
- return dates.map((date) => ({
- company_employees_id: person.id,
- attendance_shifts_id: person[date] || 0,
- schedule_date: date,
- }));
- });
- const filteredData = transformedData.filter(
- (item: any) =>
- item.attendance_shifts_id !== null &&
- item.attendance_shifts_id !== 0,
- );
- Apis.Attendance.AttendanceSchedules.BatchStore({
- schedules: filteredData || [],
- })
- .then(() => {
- navigate(-1);
- message.success('提交成功');
- })
- .catch(() => false);
- console.log(transformedData);
- }}
- columns={[
- Selects?.OrganizationsTree({
- title: '第一步：选择组织',
- key: 'organizations_id',
- colProps: { span: 24 },
- formItemProps: { ...rulesHelper.text },
- }),
- {
- title: '第二步：选择开始日期',
- tooltip: '排班开始日期，最大排班日期为当前日期',
- key: 'schedule_date',
- valueType: 'date',
- fieldProps: {
- format: 'YYYY-MM-DD',
- style: { width: '100%' },
- },
- colProps: { span: 24 },
- formItemProps: { ...rulesHelper.text },
- },
- {
- valueType: 'dependency',
- name: ['organizations_id', 'schedule_date'],
- colProps: { span: 24 },
- columns: ({ schedule_date, organizations_id }) => {
- return [
- {
- renderFormItem: () => {
- console.log(schedule_date, organizations_id);
- return (
- {
- // getEmployeesExternal(organizations_id || []); //获取外部员工
- Apis.Attendance.AttendanceSchedules.ShiftList({
- schedule_date: schedule_date,
- organizations_id:
- organizations_id?.[
- organizations_id?.length - 1
- ],
- }).then((res) => {
- setDataSource(res?.data);
- console.log(res);
- });
- }}
- />
- );
- },
- },
- {
- renderFormItem: () => {
- return (
-
-
- headerTitle="第四步：设置员工班次"
- bordered
- recordCreatorProps={false}
- columns={generateFutureDates(schedule_date || '')}
- rowKey="id"
- value={dataSource}
- editable={{
- type: 'multiple',
- editableKeys: dataSource?.map(
- (item: any) => item?.id,
- ),
- onValuesChange: (record, recordList: any) => {
- setDataSource(recordList);
- },
- onSave: async (rowKey, data, row) => {
- console.log(rowKey, data, row);
- },
- }}
- />
-
- );
- },
- },
- ];
- },
- },
- ]}
- />
-
-
- {item?.attendance_shift_periods?.map(
- (res: any, index: number) => {
- return (
-
- );
- },
- },
- {
- title: '可打卡时间范围',
- render(_, record) {
- return `${record?.allow_checkin_start} - ${record?.allow_checkin_end}`;
- },
- search: false,
- },
- MyColumns.Boolean({
- dataIndex: 'is_enabled',
- title: '启用',
- }),
-
- MyColumns.CreatedAt(),
- MyColumns.Option({
- render: (_, item: any, index, action) => (
-
-
- {`时段${res?.period_order}`}:
- {`${res?.work_start_time?.substring(
- 0,
- 5,
- )} - ${res?.work_end_time?.substring(0, 5)}`}
-
-
- );
- },
- )}
-
-
- {...MyModalFormProps.props}
- title={title}
- // 基础表单
- layoutType="Form"
- labelCol={{ span: 24 }}
- wrapperCol={{ span: 24 }}
- labelAlign="left"
- width="900px"
- form={form}
- onFinish={async (values: any) => {
- // 处理时间格式转换，将HH:mm转换为HH:mm:ss格式，秒数固定为00
- const formattedValues = { ...values };
-
- // 处理work_start_time和work_end_time数组
- if (formattedValues.periods) {
- formattedValues.periods = formattedValues.periods.map(
- (period: any) => {
- return {
- ...period,
- work_start_time: period.work_start_time
- ? `${period.work_start_time}:00`
- : '',
- work_end_time: period.work_end_time
- ? `${period.work_end_time}:00`
- : '',
- };
- },
- );
- }
-
- // 处理可打卡开始和结束时间
- if (formattedValues.allow_checkin_start) {
- formattedValues.allow_checkin_start = `${formattedValues.allow_checkin_start}:00`;
- }
- if (formattedValues.allow_checkin_end) {
- formattedValues.allow_checkin_end = `${formattedValues.allow_checkin_end}:00`;
- }
-
- Apis.Attendance.AttendanceShifts.Store({
- ...formattedValues,
- // is_enabled: values.is_enabled ? true : false,
- is_enabled: true,
- })
- .then(() => {
- //提交
- navigate(-1);
- message.success('提交成功');
- })
- .catch(() => false);
- }}
- columns={[
- {
- title: '班次名称',
- key: 'name',
- formItemProps: { ...rulesHelper.text },
- },
- {
- valueType: 'formList',
- dataIndex: 'periods',
- title: '设置需打卡时段',
- formItemProps: { ...rulesHelper.array },
- fieldProps: {
- copyIconProps: false,
- // deleteIconProps: false,
- },
- columns: [
- {
- valueType: 'group',
- colProps: { span: 24 },
- columns: [
- {
- key: 'period_order',
- valueType: 'digit',
- colProps: { span: 6 },
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- style: { width: '100%' },
- placeholder: '请输入班次序号',
- },
- },
- {
- key: 'work_start_time',
- valueType: 'time',
- fieldProps: {
- style: { width: '100%' },
- placeholder: '请输入班次开始时间',
- format: 'HH:mm',
- },
- colProps: { span: 8 },
- formItemProps: { ...rulesHelper.text },
- },
- {
- key: 'work_end_time',
- valueType: 'time',
- fieldProps: {
- style: { width: '100%' },
- placeholder: '请输入班次开始时间',
- format: 'HH:mm',
- },
- colProps: { span: 8 },
- formItemProps: { ...rulesHelper.text },
- },
- // {
- // title: '休息开始时间',
- // key: 'rest_start_time',
- // fieldProps: {
- // style: { width: '100%' },
- // },
- // valueType: 'time',
- // colProps: { span: 5 },
- // },
- // {
- // title: '休息结束时间',
- // key: 'rest_end_time',
- // fieldProps: {
- // style: { width: '100%' },
- // },
- // valueType: 'time',
- // colProps: { span: 5 },
- // },
- ],
- },
- ],
- },
- {
- title: '可打卡开始时间',
- key: 'allow_checkin_start',
- valueType: 'time',
- fieldProps: {
- style: { width: '100%' },
- format: 'HH:mm',
- },
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- },
- {
- title: '可打卡结束时间',
- key: 'allow_checkin_end',
- fieldProps: {
- style: { width: '100%' },
- format: 'HH:mm',
- },
- valueType: 'time',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- },
- // {
- // title: '启用',
- // key: 'is_enabled',
- // valueType: 'switch',
- // colProps: { span: 24 },
- // },
- {
- colProps: { span: 24 },
- title: '选择关联项目',
- tooltip: '选择后对应项目的人员可排班',
- key: 'asset_projects_id',
- formItemProps: { ...rulesHelper.text },
- renderFormItem: () => {
- return (
-
- {
- let row = e?.[0];
- form.setFieldsValue({
- asset_projects_id:
- row?.asset_projects_id || row?.id,
- });
- setDataSource(e);
- }}
- />
- }
- columns={[
- MyColumns.ID({
- search: false,
- }),
- {
- title: '名称',
- dataIndex: 'name',
- },
- MyColumns.Option({
- render: (_, item: any, index) => (
-
- {
- setDataSource(
- dataSource.filter(
- (res: any) => res?.id !== item?.id,
- ),
- );
- }}
- />
-
- ),
- }),
- ]}
- />
-
- );
- },
- },
-
- {
- title: '其他备注',
- key: 'remark',
- valueType: 'textarea',
- colProps: { span: 24 },
- },
- ]}
- />
-
-
-
- {...MyModalFormProps.props}
- title={title}
- // 基础表单
- layoutType="Form"
- labelCol={{ span: 24 }}
- wrapperCol={{ span: 24 }}
- labelAlign="left"
- width="900px"
- form={form}
- onFinish={async (values: any) => {
- // 处理时间格式转换，将HH:mm转换为HH:mm:ss格式，秒数固定为00
- const formattedValues = { ...values };
-
- // 处理work_start_time和work_end_time数组
- if (formattedValues.periods) {
- formattedValues.periods = formattedValues.periods.map(
- (period: any) => {
- return {
- ...period,
- work_start_time: period.work_start_time
- ? `${period.work_start_time}:00`
- : '',
- work_end_time: period.work_end_time
- ? `${period.work_end_time}:00`
- : '',
- };
- },
- );
- }
-
- // 处理可打卡开始和结束时间
- if (formattedValues.allow_checkin_start) {
- formattedValues.allow_checkin_start = `${formattedValues.allow_checkin_start}:00`;
- }
- if (formattedValues.allow_checkin_end) {
- formattedValues.allow_checkin_end = `${formattedValues.allow_checkin_end}:00`;
- }
-
- Apis.Attendance.AttendanceShifts.Update({
- ...formattedValues,
- is_enabled: values.is_enabled ? true : false,
- id: data?.id,
- })
- .then(() => {
- //提交
- navigate(-1);
- message.success('编辑成功');
- })
- .catch(() => false);
- }}
- columns={[
- {
- title: '班次名称',
- key: 'name',
- formItemProps: { ...rulesHelper.text },
- },
- {
- valueType: 'formList',
- dataIndex: 'periods',
- title: '设置需打卡时段',
- formItemProps: { ...rulesHelper.array },
- fieldProps: {
- copyIconProps: false,
- // deleteIconProps: false,
- },
- columns: [
- {
- valueType: 'group',
- colProps: { span: 24 },
- columns: [
- {
- key: 'period_order',
- valueType: 'digit',
- colProps: { span: 6 },
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- style: { width: '100%' },
- placeholder: '请输入班次序号',
- },
- },
- {
- key: 'work_start_time',
- valueType: 'time',
- fieldProps: {
- style: { width: '100%' },
- placeholder: '请输入班次开始时间',
- format: 'HH:mm',
- },
- colProps: { span: 8 },
- formItemProps: { ...rulesHelper.text },
- },
- {
- key: 'work_end_time',
- fieldProps: {
- style: { width: '100%' },
- placeholder: '请输入班次开始时间',
- format: 'HH:mm',
- },
- valueType: 'time',
- colProps: { span: 8 },
- formItemProps: { ...rulesHelper.text },
- },
- ],
- },
- ],
- },
- {
- title: '可打卡开始时间',
- key: 'allow_checkin_start',
- valueType: 'time',
- fieldProps: {
- style: { width: '100%' },
- format: 'HH:mm',
- },
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- },
- {
- title: '可打卡结束时间',
- key: 'allow_checkin_end',
- fieldProps: {
- style: { width: '100%' },
- format: 'HH:mm',
- },
- valueType: 'time',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- },
-
- {
- colProps: { span: 24 },
- title: '关联项目',
- key: 'asset_projects_id',
- formItemProps: { ...rulesHelper.text },
- renderFormItem: () => {
- return (
-
- {
- let row = e?.[0];
- form.setFieldsValue({
- asset_projects_id:
- row?.asset_projects_id || row?.id,
- });
- setDataSource(e);
- console.log(e, 'e');
- }}
- />
- }
- columns={[
- MyColumns.ID({
- search: false,
- }),
- {
- title: '名称',
- dataIndex: 'name',
- render: (_, item: any) => {
- return item?.name || item?.asset_project?.name;
- },
- },
- MyColumns.Option({
- render: (_, item: any, index) => (
-
- {
- setDataSource(
- dataSource.filter(
- (res: any) => res?.id !== item?.id,
- ),
- );
- }}
- />
-
- ),
- }),
- ]}
- />
-
- );
- },
- },
- {
- title: '启用',
- key: 'is_enabled',
- valueType: 'switch',
- colProps: { span: 24 },
- },
- {
- title: '其他备注',
- key: 'remark',
- valueType: 'textarea',
- colProps: { span: 24 },
- },
- ]}
- />
-
-
-
- {...MyModalFormProps.props}
- title={title}
- // 基础表单
- layoutType="Form"
- labelCol={{ span: 24 }}
- wrapperCol={{ span: 24 }}
- labelAlign="left"
- width="900px"
- form={form}
- submitter={{
- render: () => {
- return [
-
-
-
- );
- },
- },
- {
- colProps: { span: 24 },
- renderFormItem: () => {
- return (
-
-
-
-
- );
- },
- },
- {
- colProps: { span: 24 },
- renderFormItem: () => {
- return (
-
-
-
-
- );
- },
- },
- ]}
- />
-
-
- 收支类型：
- {
- ContractTemplatesIncomeExpenseTypeEnum[
- data?.contract
- ?.income_expense_type as keyof typeof ContractTemplatesIncomeExpenseTypeEnum
- ]?.text
- }
-
-
- 结算模式：
- {
- ContractsSettlementModeEnum[
- data?.contract
- ?.settlement_mode as keyof typeof ContractsSettlementModeEnum
- ]?.text
- }
-
- 合同总金额： ¥{data?.contract?.total_amount}
-
- 已生成账单： ¥{data?.contract?.total_bill_amount}
-
- {data?.contract?.settlement_mode ===
- 'LumpSumContract' && (
-
- 可拆分金额： ¥{totalBillSeparableAmount()}
-
- )}
-
- 月份：{data?.contract_bill?.year}年
- {data?.contract_bill?.month}月
-
- 账单金额：¥{data?.contract_bill?.amount}
- 期数：{data?.contract_bill?.period_num}期
-
- 费用类型：
- {
- ContractBillsCostTypeEnum[
- data?.contract_bill
- ?.cost_type as keyof typeof ContractBillsCostTypeEnum
- ]?.text
- }
-
- 其他备注：{data?.contract_bill?.remark}
-
- 支付方式：
- {
- HouseOrdersPaymentMethodEnum[
- data?.payment_method as keyof typeof HouseOrdersPaymentMethodEnum
- ]?.text
- }
-
-
- 支付金额：¥{data?.amount}
-
- 支付单号：{data?.payment_no}
- 收款流水号：{data?.accept_serial_number}
- 支付时间：{data?.paid_time}
- 收款账号名称：{data?.accept_account_name}
- 收款账号：{data?.accept_account_number}
- 其他备注：{data?.remark}
- 支付凭证：
-
-
- {data?.pay_certificate?.map(
- (item: any, index: number) => (
-
-
-
-
- {...MyModalFormProps.props}
- wrapperCol={{ span: 24 }}
- width="1000px"
- layoutType="Form"
- form={form}
- onFinish={async (values: any) => {
- let year_month = '';
- let year_month_is = false;
- let total_bill_amount = totalBillSeparableAmount();
- let taotal_amount = 0;
- if (
- total_bill_amount <= 0 &&
- data?.settlement_mode === 'LumpSumContract'
- ) {
- message.warning('没有多余金额可生成账单！');
- return false;
- }
- values?.bills?.forEach((res: any) => {
- if (values?.payee === values?.payer) {
- year_month_is = true;
- message.warning('收款方和付款方不能相同');
- return false;
- }
- res.payee = values?.payee;
- res.payer = values?.payer;
- if (year_month_is) return;
- if (res?.year_month === year_month) {
- year_month_is = true;
- message.warning('不能选择相同年月');
- return false;
- }
- year_month = res?.year_month;
- let k = res?.year_month?.split('-');
- res.year = k[0];
- res.month = parseInt(k[1]);
- if (data?.settlement_mode === 'LumpSumContract') {
- taotal_amount += parseFloat(res?.amount);
- console.log(
- taotal_amount,
- total_bill_amount,
- 'taotal_amount',
- );
- if (taotal_amount !== total_bill_amount) {
- year_month_is = true;
- message.warning(`请把¥${total_bill_amount}，拆分完！`);
- return false;
- }
- }
- });
- if (year_month_is) {
- return;
- }
- console.log(data, 'values');
- if (data?.settlement_mode === 'OpenContract') {
- //开口合同
- return Apis.Contract.ContractBills.BatchStore({
- ...values,
- contracts_id: data?.id,
- })
- .then(() => {
- navigate('/contract/contract_bills');
- message.success('提交成功');
- return true;
- })
- .catch(() => false);
- }
- if (
- total_bill_amount > 0 &&
- data?.settlement_mode === 'LumpSumContract'
- ) {
- if (taotal_amount <= total_bill_amount) {
- return Apis.Contract.ContractBills.BatchStore({
- ...values,
- contracts_id: data?.id,
- })
- .then(() => {
- navigate('/contract/contract_bills');
- message.success('提交成功');
- return true;
- })
- .catch(() => false);
- } else {
- message.warning('可拆分金额不够！');
- }
- console.log(taotal_amount, total_bill_amount, 'taotal_amount');
- }
- }}
- submitter={{
- render: (props) => {
- return [
- {
- props.submit();
- }}
- title="提交"
- />,
- ];
- },
- }}
- columns={[
- {
- name: ['contracts_id'],
- valueType: 'dependency',
- columns: ({ contracts_id }: any) => {
- if (!id) {
- return [
- {
- colProps: { span: 24 },
- title: '选择合同',
- key: 'contracts_id',
- formItemProps: { ...rulesHelper.number },
- renderFormItem: () => {
- return (
- {
- let res = e[0];
- getContractsShow(res?.id);
- form.setFieldsValue({
- contracts_id: res?.id,
- });
- console.log(e, contracts_id, 'e');
- }}
- />
- );
- },
- },
- ];
- } else {
- return [];
- }
- },
- },
- {
- name: ['contracts_id'],
- valueType: 'dependency',
- columns: ({ contracts_id }: any) => {
- return [
- {
- colProps: { span: 24 },
- renderFormItem: () => {
- return (
-
- {contracts_id ? (
-
-
-
-
-
-
-
- ¥{data?.total_amount}
-
-
- ¥{data?.total_bill_amount}
-
-
- {data?.settlement_mode ===
- 'LumpSumContract' && (
-
- ¥{totalBillSeparableAmount()}
-
- )}
-
-
-
- ) : (
-
- );
- },
- },
- {
- valueType: 'divider',
- title: '账单设置',
- fieldProps: {
- orientation: 'left',
- children: '账单设置',
- },
- },
-
- {
- title: '收款方',
- valueType: 'select',
- dataIndex: 'payee',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- options: data?.contract_peoples?.map((item: any) => ({
- label: item?.counterparty,
- value: item?.counterparty,
- })),
- },
- },
- {
- title: '付款方',
- valueType: 'select',
- dataIndex: 'payer',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- options: data?.contract_peoples?.map((item: any) => ({
- label: item?.counterparty,
- value: item?.counterparty,
- })),
- },
- },
- {
- valueType: 'formList',
- dataIndex: 'bills',
- // title: '账单设置',
- formItemProps: { ...rulesHelper.array },
- fieldProps: {
- copyIconProps: false,
- // deleteIconProps: false,
- creatorRecord: {
- cost_type: data?.income_expense_type,
- },
- },
- columns: [
- {
- valueType: 'group',
- colProps: { span: 24 },
- columns: [
- {
- title: '费用类型',
- dataIndex: 'cost_type',
- colProps: { span: 3 },
- align: 'center',
- renderFormItem: () => {
- let res =
- ContractBillsCostTypeEnum[
- data?.income_expense_type as keyof typeof ContractBillsCostTypeEnum
- ];
- return data?.income_expense_type ? (
- {res?.text}
- ) : (
- '-'
- );
- },
- },
- {
- title: '账单月份',
- valueType: 'dateMonth',
- dataIndex: 'year_month',
- colProps: { span: 4 },
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- style: {
- width: '100%',
- },
- },
- },
- {
- title: '期数',
- valueType: 'digit',
- dataIndex: 'period_num',
- colProps: { span: 4 },
- formItemProps: { ...rulesHelper.number },
- fieldProps: {
- style: {
- width: '100%',
- },
- },
- },
- {
- title: '账单金额',
- valueType: 'digit',
- dataIndex: 'amount',
- colProps: { span: 5 },
- formItemProps: { ...rulesHelper.number },
- fieldProps: {
- style: {
- width: '100%',
- },
- addonAfter: '元',
- },
- },
-
- {
- title: '备注',
- dataIndex: 'remark',
- colProps: { span: 8 },
- },
- ],
- },
- ],
- },
- ];
- },
- },
- ]}
- />
-
-
-
- {...MyModalFormProps.props}
- title="编辑"
- wrapperCol={{ span: 24 }}
- width="1000px"
- layoutType="Form"
- form={form}
- onFinish={async (values: any) => {
- let total_bill_amount = totalBillSeparableAmount();
- let k = values?.year_month?.split('-');
- values.year = k[0];
- values.month = parseInt(k[1]);
- if (data?.settlement_mode === 'OpenContract') {
- //开口合同
- return Apis.Contract.ContractBills.Update({
- ...values,
- id: Number(id),
- })
- .then(() => {
- navigate(-1);
- message.success('提交成功');
- return true;
- })
- .catch(() => false);
- } else {
- if (total_bill_amount > 0) {
- if (
- values?.amount <=
- total_bill_amount + parseFloat(dataBill?.amount)
- ) {
- return Apis.Contract.ContractBills.Update({
- ...values,
- id: Number(id),
- })
- .then(() => {
- navigate(-1);
- message.success('提交成功');
- return true;
- })
- .catch(() => false);
- } else {
- message.warning('可拆分金额不够！');
- }
- } else {
- message.warning('没有多余金额可生成账单！');
- }
- }
- }}
- columns={[
- {
- name: ['contracts_id'],
- valueType: 'dependency',
- columns: ({ contracts_id }: any) => {
- return contracts_id
- ? [
- {
- colProps: { span: 24 },
- renderFormItem: () => {
- return (
-
-
-
-
- );
- },
- },
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- title: '基本信息',
- },
- },
- {
- title: '收款方',
- valueType: 'select',
- dataIndex: 'payee',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- disabled: true,
- },
- },
- {
- title: '付款方',
- valueType: 'select',
- dataIndex: 'payer',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- disabled: true,
- },
- },
- {
- title: '费用类型',
- dataIndex: 'cost_type',
- colProps: { span: 4 },
- align: 'center',
- renderFormItem: () => {
- let res =
- ContractBillsCostTypeEnum[
- data?.income_expense_type as keyof typeof ContractBillsCostTypeEnum
- ];
- return {res?.text} ;
- },
- },
- {
- title: '账单月份',
- valueType: 'dateMonth',
- dataIndex: 'year_month',
- colProps: { span: 6 },
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- style: {
- width: '100%',
- },
- },
- },
- {
- title: '期数',
- valueType: 'digit',
- dataIndex: 'period_num',
- colProps: { span: 6 },
- formItemProps: { ...rulesHelper.number },
- fieldProps: {
- style: {
- width: '100%',
- },
- },
- },
- {
- title: '账单金额',
- valueType: 'digit',
- dataIndex: 'amount',
- colProps: { span: 8 },
- formItemProps: { ...rulesHelper.number },
- fieldProps: {
- style: {
- width: '100%',
- },
- },
- },
-
- {
- title: '备注',
- dataIndex: 'remark',
- valueType: 'textarea',
- colProps: { span: 24 },
- },
- ]
- : [];
- },
- },
- ]}
- />
-
-
- 收支类型：
- {
- ContractTemplatesIncomeExpenseTypeEnum[
- data?.income_expense_type as keyof typeof ContractTemplatesIncomeExpenseTypeEnum
- ]?.text
- }
-
-
- 结算模式：
- {
- ContractsSettlementModeEnum[
- data?.settlement_mode as keyof typeof ContractsSettlementModeEnum
- ]?.text
- }
-
- 总金额： ¥{data?.total_amount}
-
- 已生成账单： ¥{data?.total_bill_amount}
-
- {data?.settlement_mode ===
- 'LumpSumContract' && (
-
- 可拆分金额： ¥{totalBillSeparableAmount()}
-
- )}
-
- {item?.attachment?.length > 0
- ? item.attachment.map((file: any, index: number) => {
- const fileName = file?.name || `文件${index + 1}`;
- const truncatedName = truncateFileName(fileName);
- return (
-
- );
- })
- : '-'}
-
- );
- },
- width: 200,
- },
- MyColumns.CreatedAt(),
- MyColumns.Option({
- render: (_, item: any, index, action) => (
-
-
- {...MyModalFormProps.props}
- title={title}
- // 基础表单
- layoutType="form"
- width="800px"
- layout="horizontal"
- labelCol={{ span: 4 }}
- wrapperCol={{ span: 20 }}
- labelAlign="left"
- form={form}
- submitter={{
- render: () => {
- return [
- // {
- // onSave(form.getFieldsValue(), 0);
- // }}
- // title="暂存"
- // />,
- ];
- },
- }}
- onFinish={async (values: any) => {
- onSave(values);
- }}
- columns={[
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: '基本信息',
- },
- },
- MyFormItems.EnumRadio({
- key: 'income_expense_type',
- title: '收支类型',
- valueEnum: ContractTemplatesIncomeExpenseTypeEnum,
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- fieldProps: {
- buttonStyle: 'solid',
- onChange: () => {
- // 切换计量单位时清空计费模式
- form.setFieldValue('settlement_mode', undefined);
- form.setFieldValue('total_amount', undefined);
- },
- },
- }),
- {
- key: 'name',
- title: '合同名称',
- colProps: { span: 24 },
- formItemProps: { ...rulesHelper.text },
- },
- {
- key: 'contract_time',
- title: '合同有效期',
- valueType: 'dateRange',
- colProps: { span: 24 },
- fieldProps: {
- style: { width: '50%' },
- format: 'YYYY-MM-DD',
- },
- formItemProps: { ...rulesHelper.text },
- },
- MyFormItems.EnumRadio({
- key: 'contract_nature',
- title: '合同性质',
- valueEnum: ContractsContractNatureEnum,
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- }),
- SelectContract.ContractTypes({
- title: '合同类型',
- key: 'contract_types_id',
- required: true,
- colProps: { span: 12 },
- fieldProps: {
- placeholder: '请选择合同类型',
- },
- formItemProps: {
- ...rulesHelper.text,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- }),
- {
- valueType: 'dependency',
- name: ['income_expense_type'],
- columns: ({ income_expense_type }) => {
- return income_expense_type === 'None'
- ? []
- : [
- MyFormItems.EnumRadio({
- key: 'settlement_mode',
- title: '结算模式',
- valueEnum: ContractsSettlementModeEnum,
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- }),
- {
- title: '合同总金额',
- key: 'total_amount',
- valueType: 'digit',
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.number,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- fieldProps: {
- style: { width: '100%' },
- addonAfter: '元',
- },
- },
- ];
- },
- },
-
- MyFormItems.EnumRadio({
- key: 'is_deposit',
- title: '是否有保证金',
- valueEnum: IsDepositEnum,
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- }),
- {
- valueType: 'dependency',
- name: ['is_deposit'],
- columns: ({ is_deposit }) => {
- return is_deposit === 'yes'
- ? [
- {
- title: '请输入保证金',
- key: 'deposit_amount',
- valueType: 'digit',
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.number,
- labelCol: { span: 12 },
- wrapperCol: { span: 12 },
- },
- fieldProps: {
- style: { width: '100%' },
- suffix: '元',
- },
- },
- ]
- : [];
- },
- },
- SelectContract.SupplierName({
- key: 'sign_subject',
- title: '选择签约主体',
- params: {
- counterparty: 'InternalCompany',
- },
- colProps: { span: 24 },
- required: true,
- }),
- SelectContract.AssetProjects({
- key: 'asset_projects_id',
- title: '选择关联项目',
- colProps: { span: 24 },
- required: true,
- fieldProps: {
- showSearch: true,
- // mode: 'multiple',
- },
- }),
- SelectContract.OrganizationsName({
- key: 'organization',
- required: true,
- title: '选择签约部门',
- colProps: { span: 24 },
- }),
- SelectContract.EmployeeName({
- key: 'contract_liaison',
- title: '合同对接人',
- colProps: { span: 24 },
- required: true,
- }),
- {
- title: '合同份数',
- key: 'number_contract_copies',
- valueType: 'digit',
- colProps: { span: 24 },
- formItemProps: { ...rulesHelper.number },
- fieldProps: {
- style: { width: '100%' },
- },
- },
- {
- valueType: 'dependency',
- name: ['contract_time'],
- columns: ({ contract_time }) => {
- return contract_time?.length
- ? [
- {
- colProps: { span: 24 },
- title: '关联资源',
- key: 'resources_id',
- renderFormItem: () => {
- return (
-
-
- {
- setSelectedRow(e);
- form.setFieldsValue({
- resources_id: e?.id,
- });
- }}
- />
- {selectedRow?.name ? (
-
-
- );
- },
- },
- ]
- : [];
- },
- },
-
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: (
- <>
- *
- 交易方信息
-
- ),
- },
- },
- {
- valueType: 'formList',
- dataIndex: 'peoples',
- title: '',
- fieldProps: {
- copyIconProps: false,
- // deleteIconProps: false,
- },
- formItemProps: {
- ...rulesHelper.array,
- wrapperCol: { span: 24 },
- },
- initialValue: [
- {
- sign_party: null,
- counterparty_type: null,
- counterparty: null,
- },
- {
- sign_party: null,
- counterparty_type: null,
- counterparty: null,
- },
- ],
- columns: [
- {
- valueType: 'group',
- colProps: { span: 24 },
- columns: [
- MyFormItems.EnumSelect({
- key: 'sign_party',
- // title: `交易方`,
- valueEnum: ContractPeoplesSignPartyEnum,
- colProps: { span: 6 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- fieldProps: {
- placeholder: '请选择签约方',
- },
- }),
- MyFormItems.EnumSelect({
- key: 'counterparty_type',
- title: '',
- valueEnum: CompanySuppliersCounterpartyEnum,
- colProps: { span: 6 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- }),
- {
- valueType: 'dependency',
- name: ['counterparty_type'],
- columns: ({ counterparty_type }) => {
- return counterparty_type === 'Supplier'
- ? [
- SelectContract.SupplierName({
- key: 'counterparty',
- title: '',
- params: {
- counterparty: 'Supplier',
- },
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- required: true,
- fieldProps: {
- placeholder: '请选择签约主体',
- },
- }),
- ]
- : counterparty_type === 'InternalCompany'
- ? [
- SelectContract.SupplierName({
- key: 'counterparty',
- title: '',
- params: {
- counterparty: 'InternalCompany',
- },
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- required: true,
- fieldProps: {
- placeholder: '请选择签约主体',
- },
- }),
- ]
- : [
- SelectContract.SupplierName({
- key: 'counterparty',
- title: '',
- params: {
- counterparty: 'InternalCompany',
- },
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- required: true,
- fieldProps: {
- placeholder: '请选择签约主体',
- disabled: true,
- },
- }),
- ];
- },
- },
- ],
- },
- ],
- },
-
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: '合同附件',
- },
- },
- MyFormItems.UploadImages({
- key: 'attachments',
- title: '上传附件',
- tooltip: '支持上传任意格式的文件',
- uploadType: 'file',
- colProps: { span: 24 },
- // accept: '.docx,.doc,.pdf',
- max: 100,
- required: true,
- }),
-
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: '印章申请',
- },
- },
- SelectContract.ContractSeals({
- key: 'seal_info',
- required: true,
- title: '选择印章',
- colProps: { span: 24 },
- fieldProps: {
- showSearch: true,
- mode: 'multiple',
- },
- }),
- ]}
- />
-
- {/* 提审弹窗 */}
-
- 已选择
- {
- ResourceTypesCategoryEnum[
- selectedRow?.category as keyof typeof ResourceTypesCategoryEnum
- ]?.text
- }
- 资源：{selectedRow?.name}
-
- ) : (
- ''
- )}
-
-
- {...MyModalFormProps.props}
- title={title}
- // 基础表单
- layoutType="Form"
- width="800px"
- layout="horizontal"
- labelCol={{ span: 4 }}
- wrapperCol={{ span: 20 }}
- labelAlign="left"
- form={form}
- submitter={{
- render: () => {
- return [];
- },
- }}
- onFinish={async (values: any) => {
- let formData = {
- ...values,
- };
- console.log(formData, 'formData');
- onSave(values, 1);
- }}
- columns={[
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: '基本信息',
- },
- },
- MyFormItems.EnumRadio({
- key: 'income_expense_type',
- title: '收支类型',
- valueEnum: ContractTemplatesIncomeExpenseTypeEnum,
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- fieldProps: {
- buttonStyle: 'solid',
- onChange: () => {
- // 切换计量单位时清空计费模式
- form.setFieldValue('settlement_mode', undefined);
- form.setFieldValue('total_amount', undefined);
- },
- },
- }),
- {
- key: 'name',
- title: '合同名称',
- colProps: { span: 24 },
- formItemProps: { ...rulesHelper.text },
- },
- // {
- // key: 'code',
- // title: '合同编号',
- // colProps: { span: 24 },
- // formItemProps: { ...rulesHelper.text },
- // },
- {
- key: 'contract_time',
- title: '合同有效期',
- valueType: 'dateRange',
- colProps: { span: 24 },
- fieldProps: {
- style: { width: '50%' },
- format: 'YYYY-MM-DD',
- },
- formItemProps: { ...rulesHelper.text },
- transform: (value: any) => {
- return {
- start_time: value?.[0],
- end_time: value?.[1],
- };
- },
- },
- MyFormItems.EnumRadio({
- key: 'contract_nature',
- title: '合同性质',
- valueEnum: ContractsContractNatureEnum,
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- }),
- SelectContract.ContractTypes({
- title: '合同类型',
- key: 'contract_types_id',
- required: true,
- colProps: { span: 12 },
- fieldProps: {
- placeholder: '请选择合同类型',
- },
- formItemProps: {
- ...rulesHelper.text,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- }),
- {
- valueType: 'dependency',
- name: ['income_expense_type'],
- columns: ({ income_expense_type }) => {
- return income_expense_type === 'None'
- ? []
- : [
- MyFormItems.EnumRadio({
- key: 'settlement_mode',
- title: '结算模式',
- valueEnum: ContractsSettlementModeEnum,
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- }),
- {
- title: '合同总金额',
- key: 'total_amount',
- valueType: 'digit',
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.number,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- fieldProps: {
- style: { width: '100%' },
- addonAfter: '元',
- },
- },
- ];
- },
- },
-
- MyFormItems.EnumRadio({
- key: 'is_deposit',
- title: '是否有保证金',
- valueEnum: IsDepositEnum,
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- labelCol: { span: 8 },
- wrapperCol: { span: 16 },
- },
- }),
- {
- valueType: 'dependency',
- name: ['is_deposit'],
- columns: ({ is_deposit }) => {
- return is_deposit === 'yes'
- ? [
- {
- title: '请输入保证金',
- key: 'deposit_amount',
- valueType: 'digit',
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.number,
- labelCol: { span: 12 },
- wrapperCol: { span: 12 },
- },
- fieldProps: {
- style: { width: '100%' },
- suffix: '元',
- },
- },
- ]
- : [];
- },
- },
- SelectContract.SupplierName({
- key: 'sign_subject',
- title: '选择签约主体',
- params: {
- counterparty: 'InternalCompany',
- },
- colProps: { span: 24 },
- required: true,
- }),
- SelectContract.AssetProjects({
- key: 'asset_projects_id',
- title: '选择关联项目',
- colProps: { span: 24 },
- required: true,
- fieldProps: {
- showSearch: true,
- // mode: 'multiple',
- },
- }),
- SelectContract.OrganizationsName({
- key: 'organization',
- required: true,
- title: '选择签约部门',
- colProps: { span: 24 },
- }),
- SelectContract.EmployeeName({
- key: 'contract_liaison',
- title: '合同对接人',
- colProps: { span: 24 },
- required: true,
- }),
- {
- title: '合同份数',
- key: 'number_contract_copies',
- valueType: 'digit',
- colProps: { span: 24 },
- formItemProps: { ...rulesHelper.number },
- fieldProps: {
- style: { width: '100%' },
- },
- },
- {
- valueType: 'dependency',
- name: ['contract_time'],
- columns: ({ contract_time }) => {
- console.log(contract_time, 'contract_time');
- return contract_time?.length || data?.start_time
- ? [
- {
- colProps: { span: 24 },
- title: '关联资源',
- key: 'resources_id',
- renderFormItem: () => {
- return (
-
-
- {
- setSelectedRow(e);
- form.setFieldsValue({
- resources_id: e?.id,
- });
- }}
- />
- {selectedRow?.name ? (
-
-
- );
- },
- },
- ]
- : [];
- },
- },
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: (
- <>
- *
- 交易方信息
-
- ),
- },
- },
- {
- valueType: 'formList',
- dataIndex: 'peoples',
- title: '',
- fieldProps: {
- copyIconProps: false,
- // deleteIconProps: false,
- },
- formItemProps: {
- ...rulesHelper.array,
- wrapperCol: { span: 24 },
- },
- initialValue: [
- {
- sign_party: null,
- counterparty_type: null,
- counterparty: null,
- },
- {
- sign_party: null,
- counterparty_type: null,
- counterparty: null,
- },
- ],
- columns: [
- {
- valueType: 'group',
- colProps: { span: 24 },
- columns: [
- MyFormItems.EnumSelect({
- key: 'sign_party',
- // title: `交易方`,
- valueEnum: ContractPeoplesSignPartyEnum,
- colProps: { span: 6 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- fieldProps: {
- placeholder: '请选择签约方',
- },
- }),
- MyFormItems.EnumSelect({
- key: 'counterparty_type',
- title: '',
- valueEnum: CompanySuppliersCounterpartyEnum,
- colProps: { span: 6 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- }),
- {
- valueType: 'dependency',
- name: ['counterparty_type'],
- columns: ({ counterparty_type }) => {
- return counterparty_type === 'Supplier'
- ? [
- SelectContract.SupplierName({
- key: 'counterparty',
- title: '',
- params: {
- counterparty: 'Supplier',
- },
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- required: true,
- fieldProps: {
- placeholder: '请选择签约主体',
- },
- }),
- ]
- : counterparty_type === 'InternalCompany'
- ? [
- SelectContract.SupplierName({
- key: 'counterparty',
- title: '',
- params: {
- counterparty: 'InternalCompany',
- },
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- required: true,
- fieldProps: {
- placeholder: '请选择签约主体',
- },
- }),
- ]
- : [
- SelectContract.SupplierName({
- key: 'counterparty',
- title: '',
- params: {
- counterparty: 'InternalCompany',
- },
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- required: true,
-
- fieldProps: {
- placeholder: '请选择签约主体',
- disabled: true,
- },
- }),
- ];
- },
- },
- ],
- },
- ],
- },
-
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: '合同附件',
- },
- },
- MyFormItems.UploadImages({
- key: 'attachments',
- title: '上传附件',
- tooltip: '支持上传任意格式的文件',
- uploadType: 'file',
- colProps: { span: 24 },
- // accept: '.docx,.doc,.pdf',
- max: 100,
- required: true,
- }),
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: '印章申请',
- },
- },
- SelectContract.ContractSeals({
- key: 'seal_info',
- required: true,
- title: '选择印章',
- colProps: { span: 24 },
- fieldProps: {
- showSearch: true,
- mode: 'multiple',
- },
- }),
- ]}
- />
-
-
- 已选择
- {
- ResourceTypesCategoryEnum[
- selectedRow?.category as keyof typeof ResourceTypesCategoryEnum
- ]?.text
- }
- 资源：{selectedRow?.name}
-
- ) : (
- ''
- )}
-
-
- {...MyModalFormProps.props}
- title={title}
- // 基础表单
- layoutType="Form"
- labelCol={{ span: 24 }}
- wrapperCol={{ span: 24 }}
- labelAlign="left"
- width="900px"
- form={form}
- submitter={{
- render: () => {
- return false;
- },
- }}
- columns={[
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: '基本信息',
- },
- },
- {
- key: 'name',
- title: '合同名称',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- },
- {
- key: 'code',
- title: '合同编号',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- },
- {
- title: '合同开始时间',
- key: 'start_time',
- valueType: 'date',
- colProps: { span: 12 },
- fieldProps: {
- style: { width: '100%' },
- },
- formItemProps: { ...rulesHelper.text },
- },
- {
- title: '合同结束时间',
- key: 'end_time',
- valueType: 'date',
- colProps: { span: 12 },
- fieldProps: {
- style: { width: '100%' },
- },
- formItemProps: { ...rulesHelper.text },
- },
- Selects.ContractTypes({
- title: '合同类型',
- key: 'contract_types_id',
- required: true,
- colProps: { span: 12 },
- }),
- {
- title: '合同总金额',
- key: 'total_amount',
- valueType: 'digit',
- colProps: { span: 12 },
- fieldProps: {
- style: { width: '100%' },
- suffix: '元',
- },
- },
- MyFormItems.EnumRadio({
- key: 'income_expense_type',
- title: '收支类型',
- valueEnum: ContractTemplatesIncomeExpenseTypeEnum,
- colProps: { span: 24 },
- formItemProps: { ...rulesHelper.text },
- }),
- MyFormItems.EnumRadio({
- key: 'contract_nature',
- title: '合同性质',
- valueEnum: ContractsContractNatureEnum,
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- }),
- MyFormItems.EnumRadio({
- key: 'settlement_mode',
- title: '结算模式',
- valueEnum: ContractsSettlementModeEnum,
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- }),
-
- MyFormItems.EnumRadio({
- key: 'is_deposit',
- title: '是否有保证金',
- valueEnum: IsDepositEnum,
- colProps: { span: 4 },
- formItemProps: { ...rulesHelper.text },
- }),
-
- {
- valueType: 'dependency',
- name: ['is_deposit'],
- columns: ({ is_deposit }) => {
- return is_deposit === 'yes'
- ? [
- {
- title: '保证金',
- key: 'deposit_amount',
- valueType: 'digit',
- colProps: { span: 10 },
- formItemProps: { ...rulesHelper.number },
- fieldProps: {
- style: { width: '100%' },
- suffix: '元',
- },
- },
- ]
- : [];
- },
- },
-
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: '附属信息',
- },
- },
- {
- colProps: { span: 24 },
- title: '选择签约主体',
- key: 'sign_subject',
- formItemProps: { ...rulesHelper.text },
- renderFormItem: () => {
- return (
-
-
- 签约主体：
- {data?.sign_subject}
-
-
- );
- },
- },
- {
- colProps: { span: 24 },
- title: '关联项目',
- key: 'projects',
- formItemProps: { ...rulesHelper.array },
- renderFormItem: () => {
- return (
-
-
- );
- },
- },
- {
- colProps: { span: 24 },
- title: '关联资源',
- key: 'resources_id',
- renderFormItem: () => {
- return (
-
-
- {selectedRow?.name ? (
-
-
- );
- },
- },
- {
- title: '签约部门',
- key: 'sign_department',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- },
- {
- title: '合同份数',
- key: 'number_contract_copies',
- valueType: 'digit',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.number },
- fieldProps: {
- style: { width: '100%' },
- },
- },
- {
- title: '合同对接人',
- key: 'contract_liaison',
- colProps: { span: 12 },
- formItemProps: { ...rulesHelper.text },
- fieldProps: {
- style: { width: '100%' },
- placeholder: '请输入姓名',
- },
- },
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: '交易双方信息',
- },
- },
- {
- valueType: 'formList',
- dataIndex: 'peoples',
- title: '',
- fieldProps: {
- copyIconProps: false,
- // deleteIconProps: false,
- },
- formItemProps: {
- ...rulesHelper.array,
- wrapperCol: { span: 24 },
- },
- initialValue: [
- {
- sign_party: null,
- counterparty_type: null,
- counterparty: null,
- },
- {
- sign_party: null,
- counterparty_type: null,
- counterparty: null,
- },
- ],
- columns: [
- {
- valueType: 'group',
- colProps: { span: 24 },
- columns: [
- MyFormItems.EnumSelect({
- key: 'sign_party',
- // title: `交易方`,
- valueEnum: ContractPeoplesSignPartyEnum,
- colProps: { span: 6 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- fieldProps: {
- placeholder: '请选择签约方',
- },
- }),
- MyFormItems.EnumSelect({
- key: 'counterparty_type',
- title: '',
- valueEnum: CompanySuppliersCounterpartyEnum,
- colProps: { span: 6 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- }),
- {
- valueType: 'dependency',
- name: ['counterparty_type'],
- columns: ({ counterparty_type }) => {
- return counterparty_type === 'Supplier'
- ? [
- SelectContract.SupplierName({
- key: 'counterparty',
- title: '',
- params: {
- counterparty: 'Supplier',
- },
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- required: true,
- fieldProps: {
- placeholder: '请选择签约主体',
- },
- }),
- ]
- : counterparty_type === 'InternalCompany'
- ? [
- SelectContract.SupplierName({
- key: 'counterparty',
- title: '',
- params: {
- counterparty: 'InternalCompany',
- },
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- required: true,
- fieldProps: {
- placeholder: '请选择签约主体',
- },
- }),
- ]
- : [
- SelectContract.SupplierName({
- key: 'counterparty',
- title: '',
- params: {
- counterparty: 'InternalCompany',
- },
- colProps: { span: 12 },
- formItemProps: {
- ...rulesHelper.text,
- wrapperCol: { span: 24 },
- },
- required: true,
-
- fieldProps: {
- placeholder: '请选择签约主体',
- disabled: true,
- },
- }),
- ];
- },
- },
- ],
- },
- ],
- },
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: '附件',
- },
- },
- {
- title: '附件信息',
- renderFormItem: () => {
- return data?.attachments?.map((res: any) => {
- return (
-
- {res?.name}
-
- );
- });
- },
- },
- // MyFormItems.UploadImages({
- // key: 'attachments',
- // title: '附件(仅支持docx,doc,pdf格式)',
- // uploadType: 'file',
- // colProps: { span: 24 },
- // accept: '.docx,.doc,.pdf',
- // max: 100,
- // }),
- {
- valueType: 'divider',
- fieldProps: {
- orientation: 'left',
- children: '印章申请',
- },
- },
- Selects.ContractSeals({
- key: 'seal_info',
- required: true,
- title: '选择印章',
- colProps: { span: 24 },
- fieldProps: {
- showSearch: true,
- mode: 'multiple',
- },
- }),
- {
- title: '其他备注',
- key: 'remarks',
- valueType: 'textarea',
- colProps: { span: 24 },
- },
- ]}
- />
-
-
- {
- ResourceTypesCategoryEnum[
- selectedRow?.category as keyof typeof ResourceTypesCategoryEnum
- ]?.text
- }
- 资源：{selectedRow?.name}
-
- ) : (
- '无关联'
- )}
-
-
-
- 
-
- 未审核
-
-
-
- {getContractsCount?.pending?.under_approval?.count || 0}份
-
- {
- navigate('/contract/contracts');
- }}
- >
- 去处理
-
-
-
-
- 
-
- 未用印章
-
-
-
- {getContractsCount?.pending?.not_sealed?.count || 0}份
-
- {
- navigate('/contract/contract_seal_logs');
- }}
- >
- 去处理
-
-
-
-
- 
-
- 未归档
-
-
-
- {getContractsCount?.pending?.not_archived?.count || 0}份
-
- {
- navigate('/contract/contracts');
- }}
- >
- 去处理
-
-
-
-
- 
-
- 未关闭
-
-
-
- {getContractsCount?.reminder?.not_closed?.count || 0}份
-
- {
- navigate('/contract/contracts');
- }}
- >
- 去处理
-
-
-
-
- 
-
- 30天内到期
-
-
-
- {getContractsCount?.reminder?.expire_30_days?.count || 0}份
-
- {
- navigate('/contract/contracts');
- }}
- >
- 去处理
-
-
-
-
-
-
- 60天内到期
-
-
-
- {getContractsCount?.reminder?.expire_60_days?.count || 0}份
-
- {
- navigate('/contract/contracts');
- }}
- >
- 去处理
-
-
-
-
- 
-
- 待申请
-
-
-
- {getContractsCount?.other?.temporary_storage?.count || 0}份
-
- {
- navigate(`/contract/contracts?status=TemporaryStorage`);
- }}
- >
- 去处理
-
-
-
-
- 
-
- 履约中
-
-
-
- {getContractsCount?.other?.in_progress?.count || 0}份
-
- {
- navigate('/contract/contracts');
- }}
- >
- 去处理
-
-
-
-
- 
-
- 已关闭
-
-
-
- {getContractsCount?.other?.closed?.count || 0}份
-
- {
- navigate(`/contract/contracts?status=Closed`);
- }}
- >
- 去处理
-
-
-
-
- 
-
- 已终止
-
-
-
- {getContractsCount?.other?.terminated?.count || 0}份
-
- {
- navigate(`/contract/contracts?status=Terminated`);
- }}
- >
- 去处理
-
-
-
- );
- },
- },
- {
- title: '分类',
- search: false,
- render: (_, item: any) => {
- return `${item?.one_emergency_categories_name} / ${item?.two_emergency_categories_name}`;
- },
- },
- {
- title: '等级',
- dataIndex: 'emergency_event_levels_name',
- search: false,
- },
- MyColumns.UpdatedAt(),
- MyColumns.CreatedAt(),
- MyColumns.Option({
- render: (_, item: any, index, action) => (
- 赔偿比例：{item?.compensation_rate}%
- 赔偿金额：{item?.compensation_amount}元
- 已支付赔偿金额：{item?.compensation_paid_amount}元
-