// import moment from "moment";
// import numeral from 'numeral';
// import { connect } from "umi";
// import React, { useRef, useState } from "react";
// import { PageContainer } from "@ant-design/pro-layout";
// import ProTable from "@ant-design/pro-table";
// import { FormInstance, Tooltip } from "antd";
// import { Button, DatePicker, Drawer, message, Modal, Popconfirm, Select, Typography } from "antd";
// import { ExclamationCircleOutlined, FileSearchOutlined, PlusOutlined } from "@ant-design/icons";
// import ContractEdit from "./components/editor"
// import ContractDetail from "./components/detail"

// import type { ContractListModel } from "./data";
// import type { CurrentUser } from '@/models/user';
// import type { ConnectState } from "@/models/connect";
// import type { ActionType, ProColumns } from "@ant-design/pro-table";
// import { contractType } from "./emun";
// import { exportExcel, getBase64 } from '@/utils/utils';
// import { delCompact, getList, handleContractSupple } from "./service";
// import ProForm, { ProFormDatePicker, ProFormSelect, ProFormTextArea, ProFormUploadButton } from "@ant-design/pro-form";
// import { getProjectList } from "@/pages/BussinessProject/service";
// import useRequest from "@ahooksjs/use-request";
// import { deletePicture, uploadPicture } from "@/services/picture";
// import type { UploadFile } from "antd/es/upload/interface";
// import fileIcon from '@/assets/detail/fileIcon.svg'
// import session from "@/utils/session";
// import PageTitleBox from "@/components/PageTitleBox";

// // 删除数据
// const handelDelete = async (registerCompactId: number) => {
//   const hide = message.loading('正在删除...');
//   try {
//     const result = await delCompact(registerCompactId);

//     hide();
//     if (result.Result_Code !== 100) {
//       message.error(`${result.Result_Desc}`);
//       return false;
//     }
//     message.success('删除成功！');
//     return true;
//   } catch (error) {
//     hide();
//     message.error('删除失败');
//     return false;
//   }
// };

// // 上传附件
// const customUploadRequest = async (fileList: UploadFile[], tableId: string) => {
//   if (!fileList.length) {
//     message.error("您上传的附件不存在.")
//     return false
//   }
//   const formData = new FormData();
//   fileList.forEach(file => {
//     formData.append('files[]', file);
//   });
//   formData.append('TableType', '1115');
//   formData.append('TableId', tableId);
//   const success = await uploadPicture(formData)
//   if (success) {
//     return true
//   }
//   return false
// }

// // const ContractTable: React.FC<{ currentUser?: CurrentUser }> = ({ currentUser }) => {
//   const ContractTable: React.FC<{ currentUser: any }> = (props) => {
//   const { currentUser } = props

//   // props

//   const [currentRow, setCurrentRow] = useState<ContractListModel | undefined>(undefined)
//   const [showDetail, setShowDetail] = useState<number>(0)
//   const actionRef = useRef<ActionType>()
//   const [searchParams, setSearchParams] = useState<any>();
//   const [showBtn, setShowBtn] = useState<boolean>(false)
//   const editorRef = useRef<ActionType>()
//   const modalRef = useRef<FormInstance>()
//   // 显示附属合同的悬浮框
//   const [showModal, setShowModal] = useState<boolean>(false)
//   // 悬浮弹出框选中的内容
//   const [contract, setContract] = useState<any>()
//   // 悬浮框表格数据
//   const [modalTableData, setModalTableData] = useState<any>()
//   //   结算模式枚举对象
//   const [modesObj, setModesObj] = useState<any>()
//   // 切換日期的时间
//   const [changeDayDate, setChangeDayDate] = useState<any>()
//   // modal的loading
//   const [modalLoading, setModalLoading] = useState<any>(false)
//   // 拿到结算模式列表
//   const SETTLEMENT_MODESList = session.get("SETTLEMENT_MODESList")
//   const SETTLEMENT_MODESObj = session.get("SETTLEMENT_MODESObj")
//   // 合同类型对象
//   const compactType = session.get("COMPACT_CHARACTERObj")
//   // 合同类型子项
//   const COMPACT_DETAILS = session.get("COMPACT_DETAILSObj")
//   // 右上角选择的类型
//   const [BIGCOMPACT_DETAILS, SETBIGCOMPACT_DETAILS] = useState<any>()
//   // 退场时间
//   const [exitTime, setExitTime] = useState<any>()
//   //   子组件详情数据
//   const [childrenData, setChildrenData] = useState<any>()
//   // 是否显示新增附属合同
//   const [addSubsidiary, setAddSubsidiary] = useState<boolean>(false)
//   // 拿到子组件详情
//   const handleGetChildrenData = (obj: any) => {
//     if (obj.COMPACT_DETAILS === 1000) {
//       setAddSubsidiary(true)
//     } else {
//       setAddSubsidiary(false)
//     }
//     setChildrenData(obj)
//   }
//   // 拿到改变的合同类型子项
//   const handleGetContractChild = (obj: any) => {
//     if (obj === 1000) {
//       setAddSubsidiary(true)
//     } else {
//       setAddSubsidiary(false)
//     }
//   }
//   // 附件文件
//   const [fileList, setFileList] = useState<UploadFile[]>([]) // 需要上传的附件图片列表
//   const [priviewImage, setPriviewImage] = useState<string>(); // 预览的文件地址
//   const [COMPACTLIST, setCOMPACTLIST] = useState<any>()
//   const { loading: COMPACTLoading, data: COMPACTLISTS } = useRequest(async () => {
//     const options = session.get("COMPACT_DETAILSList")
//     if (options && options.length > 0) {
//       options.forEach((item: any) => {
//         if (item.value !== 2002 && item.value !== 3000) {
//           item.disabled = true
//           item.label = <Tooltip title={'请跳转到关联合同内添加！'}>
//             <span style={{ color: 'rgba(0,0,0,0.25)' }}>{item.label}</span>
//           </Tooltip>
//         }
//       })
//     }
//     setCOMPACTLIST(options)
//   })


//   const [columnsStateMap, setColumnsStateMap] = useState<any>({
//     THREEPART_LINKMAN: {
//       show: false,
//     }
//   });
//   const columns: ProColumns<ContractListModel>[] = [
//     // {
//     //     title: '所属服务区',
//     //     dataIndex: 'SERVERPART_ID',
//     //     valueType: 'select',
//     //     request: async () => {
//     //         return await getServerpartOption();
//     //     }
//     // },
//     {
//       title: '查询合同',
//       dataIndex: 'searchKey',
//       hideInTable: true,
//       hideInDescriptions: true,
//       fieldProps: {
//         placeholder: "请输入合同编号/名称/乙方"
//       },

//     },
//     {
//       title: '合同编号',
//       dataIndex: 'COMPACT_CODE',
//       hideInSearch: true,
//       hideInTable: true,
//     },
//     {
//       title: '合同名称',
//       dataIndex: 'COMPACT_NAME',
//       // ellipsis: true,
//       hideInSearch: true,
//       hideInDescriptions: true,
//       // width:'25%',
//       sorter: true,
//       ellipsis: true,
//       render: (_, record) => {
//         return <a onClick={() => {
//           setCurrentRow(record)
//           setShowDetail(1)
//         }}>{record.COMPACT_NAME}</a>
//       },
//     },
//     {
//       title: '经营模式',
//       dataIndex: 'BUSINESS_TYPE',
//       valueType: 'select',
//       valueEnum: contractType,
//       width: 110,
//       align: "center",
//       // hideInSearch: true,
//     },

//     {
//       title: '合同金额',
//       dataIndex: 'COMPACT_AMOUNT',
//       hideInSearch: true,
//       align: 'right',
//       width: 130,
//       sorter: true,
//       render: (_) => {
//         return <span style={{ paddingRight: 16 }}>{numeral(_).format('0,0.00')}</span>
//       },
//     },
//     {
//       title: '乙方',
//       dataIndex: 'SECONDPART_NAME',
//       hideInDescriptions: true,
//       hideInSearch: true,
//       sorter: true,
//       width: 130,
//       ellipsis: true,
//     },
//     {
//       title: '丙方联系人',
//       dataIndex: 'THREEPART_LINKMAN',
//       hideInDescriptions: true,
//       hideInSearch: true,
//       align: 'center',
//       width: 130,
//       sorter: true,
//     },
//     {
//       title: '合同主体',
//       dataIndex: 'SERVERPART_NAME',
//       ellipsis: true,
//       hideInDescriptions: true,
//       hideInSearch: true,
//       width: 120,
//       align: 'center',
//     },
//     {
//       title: '关联合同',
//       dataIndex: 'RELATE_COMPACT',
//       hideInDescriptions: true,
//       hideInSearch: true,
//       width: 100,
//       align: 'center',
//       render: (_, record) => {
//         return <span>{record?.RELATE_COMPACT > 0 ? '是' : ''}</span>
//       }
//     },
//     {
//       title: '附件',
//       dataIndex: 'ATTACHMENT_STATE',
//       align: 'center',
//       width: 60,
//       render: (_, record) => {
//         return <div style={{ width: '100%', display: 'flex', justifyContent: 'center' }}>
//           {
//             record?.ATTACHMENT_STATE === 1000 ?
//               <img style={{ width: '15px', height: '15px' }} src={fileIcon} /> : ''
//           }
//         </div>
//       }
//     },
//     {
//       title: '到期日期',
//       dataIndex: 'dateRange',
//       valueType: "dateRange",
//       hideInTable: true,
//       hideInDescriptions: true,
//       fieldProps: {
//         ranges: {
//           "一月内": [moment(), moment().add(1, 'months')],
//           "三月内": [moment(), moment().add(3, 'months')],
//           "六月内": [moment(), moment().add(6, 'months')],
//         }
//       }
//     },
//     {
//       title: '合同状态',
//       dataIndex: 'COMPACT_STATE',
//       valueType: 'select',
//       initialValue: '1000',
//       // hideInSearch: true,
//       hideInTable: true,
//       valueEnum: { 0: { text: '无效', status: 'error' }, 1: { text: '待补充', status: 'process' }, 1000: { text: '有效', status: 'success' } },
//     },
//     {
//       title: '合同类型',
//       dataIndex: 'COMPACT_TYPE',
//       valueType: 'select',
//       align: 'center',
//       width: 130,
//       valueEnum: compactType,
//       ellipsis: true,
//     },
//     {
//       title: '类型子项',
//       dataIndex: 'COMPACT_DETAILS',
//       valueType: 'select',
//       align: 'center',
//       width: 130,
//       valueEnum: COMPACT_DETAILS,
//       ellipsis: true,
//     },
//     {
//       title: '开始日期',
//       hideInSearch: true,
//       dataIndex: 'COMPACT_STARTDATE',
//       valueType: 'date',
//       sorter: true,
//       width: 110
//     },
//     {
//       title: '结束日期',
//       hideInSearch: true,
//       dataIndex: 'COMPACT_ENDDATE',
//       valueType: 'date',
//       sorter: true,
//       width: 110
//     },
//     {
//       title: '操作人',
//       dataIndex: 'STAFF_NAME',
//       hideInSearch: true,
//       hideInTable: true
//     },
//     {
//       dataIndex: 'OPERATE_DATE',
//       title: '更新时间',
//       valueType: 'fromNow',
//       hideInTable: true,
//       hideInSearch: true,
//     },
//     {
//       // 如果是商户账号，则只能查看合同信息，不能做编辑、删除操作
//       title: '操作',
//       dataIndex: 'option',
//       valueType: 'option',
//       hideInDescriptions: true,
//       hideInSearch: true,
//       hideInTable: currentUser?.UserPattern === 2000,
//       width: 120,
//       render: (_, record) => {
//         return [
//           // <a onClick={() => { history.push(`/contract/detail/${record.REGISTERCOMPACT_ID}`) }}>查看</a>,
//           <a onClick={() => {
//             setCurrentRow(record)
//             setShowDetail(2)
//             // history.push(`contract/edit/${record.REGISTERCOMPACT_ID}`)
//           }}>编辑</a>,
//           <Popconfirm
//             title="确认删除该合同记录吗?"
//             onConfirm={async () => {
//               const sucesse = await handelDelete(record.REGISTERCOMPACT_ID);
//               if (sucesse && actionRef.current) {
//                 actionRef.current.reload();
//               }
//             }}
//           >
//             <a>删除</a>
//           </Popconfirm>
//         ]
//       }
//     }
//   ];
//   // 附属合同的表格字段
//   const modalColumns: any = [
//     {
//       dataIndex: 'BUSINESSPROJECT_NAME',
//       title: '项目名称',
//       align: 'center',
//       ellipsis: true,
//       hideInSearch: true,
//     },
//     {
//       dataIndex: 'SERVERPARTSHOP_NAME',
//       title: '门店名称',
//       align: 'center',
//       hideInSearch: true,
//       ellipsis: true
//     },
//     {
//       title: '合同金额',
//       dataIndex: 'GUARANTEE_PRICE',
//       hideInSearch: true,
//       width: 130,
//       align: "center",
//       render: (_) => {
//         return <div style={{ width: 100, textAlign: "right" }}>{_}</div>
//       }
//     },
//     {
//       title: '开始日期',
//       hideInSearch: true,
//       dataIndex: 'PROJECT_STARTDATE',
//       valueType: 'date',
//       align: 'center',
//       sorter: true,
//       width: 110
//     },
//     {
//       title: '结束日期',
//       hideInSearch: true,
//       dataIndex: 'PROJECT_ENDDATE',
//       valueType: 'date',
//       align: 'center',
//       sorter: true,
//       width: 110
//     },
//     {
//       title: '结算模式',
//       width: 110,
//       dataIndex: 'SETTLEMENT_MODES',
//       align: 'center',
//       valueEnum: SETTLEMENT_MODESObj
//     },
//     {
//       title: '切换结算模式',
//       width: 140,
//       dataIndex: 'SWITCH_MODES',
//       align: 'center',
//       render: (_, record) => {
//         return <Select
//           style={{ width: '135px' }}
//           options={(SETTLEMENT_MODESList?.filter(d => d.value !== record.SETTLEMENT_MODES) || []).map((item) => ({
//             value: item.value,
//             label: item.label,
//           }))}
//           value={record.SWITCH_MODES}
//           onChange={(e: any) => {
//             const list = JSON.parse(JSON.stringify(modalTableData))
//             list.forEach((item: any) => {
//               if (item.BUSINESSPROJECT_ID === record.BUSINESSPROJECT_ID) {
//                 item.SWITCH_MODES = e
//               }
//             })
//             setModalTableData(list)
//           }}
//         ></Select>
//       }
//     },
//     {
//       title: '切换日期',
//       width: 130,
//       dataIndex: 'SwitchDate',
//       align: 'center',
//       render: (_, record) => {
//         return <DatePicker value={record.SwitchDate} onChange={(e: any) => {
//           const list = JSON.parse(JSON.stringify(modalTableData))
//           list.forEach((item: any) => {
//             if (item.BUSINESSPROJECT_ID === record.BUSINESSPROJECT_ID) {
//               item.SwitchDate = moment(e._d)
//             }
//           })
//           setModalTableData(list)
//         }} />
//       }
//     },
//     {
//       title: '退场日期',
//       hideInSearch: true,
//       dataIndex: 'exitTime',
//       valueType: 'date',
//       sorter: true,
//       width: 140,
//       render: (_, record) => {
//         return <DatePicker value={record.exitTime} onChange={(e: any) => {

//           const list = JSON.parse(JSON.stringify(modalTableData))

//           list.forEach((item: any) => {
//             if (item.BUSINESSPROJECT_ID === record.BUSINESSPROJECT_ID) {
//               if (e) {
//                 item.exitTime = moment(e._d)
//               } else {
//                 item.exitTime = undefined
//               }
//             }
//           })
//           setModalTableData(list)
//         }} />
//       }
//     },
//   ]
//   return (
//     <PageContainer header={{
//       title: '',
//       breadcrumb: {},
//     }}>
//       <ProTable<ContractListModel>
//         headerTitle={<PageTitleBox props={props} />}
//         rowKey="REGISTERCOMPACT_ID"
//         request={async (params, sorter) => {
//           const sortstr = Object.keys(sorter).map(n => {
//             const value = sorter[n]
//             return value ? `${n} ${value.replace('end', '')}` : ''
//           })
//           const [start, end] = params?.dateRange || ['', '']
//           const searchWholeParams = {
//             searchParameter: { ...params, COMPACT_STARTDATE: start, COMPACT_ENDDATE: end }, sortstr: sortstr.length ? sortstr.toString() : "",
//             keyWord: params.searchKey ? { key: "COMPACT_CODE,SECONDPART_NAME,COMPACT_NAME", value: params.searchKey } : null, // 关键词查询
//             pagesize: 999999
//           }
//           const list = await getList(searchWholeParams)
//           setSearchParams(searchWholeParams);
//           return list
//         }}
//         actionRef={actionRef}
//         search={{ span: 6 }}
//         columns={columns}
//         toolbar={{
//           // 如果是商户账号，则只能查看合同信息，不能做新增操作
//           actions: currentUser?.UserPattern !== 2000 ? [
//             <Typography.Text type="secondary">单位：万元</Typography.Text>,
//             <Button
//               key="new"
//               type="primary"
//               onClick={async () => {
//                 const data = await getList(searchParams);
//                 if (data.data && data.data.length > 0) {
//                   data.data.forEach((c: any, i) => {
//                     c.BUSINESS_TYPE = c.BUSINESS_TYPE ? contractType[c.BUSINESS_TYPE] : '-';
//                     c.COMPACT_STARTDATE = c.COMPACT_STARTDATE ? moment(c.COMPACT_STARTDATE).format('YYYY/MM/DD') : '-';
//                     c.COMPACT_ENDDATE = c.COMPACT_ENDDATE ? moment(c.COMPACT_ENDDATE).format('YYYY/MM/DD') : '-';
//                   })
//                 }
//                 const success = await exportExcel(
//                   columns.filter(n => !n.hideInTable && n.dataIndex !== 'option'),
//                   data.data || [],
//                   `备案合同_${moment().format('YYYY/MM/DD')}`,
//                 );
//                 if (success.message !== 'ok') {
//                   message.info({ content: success.message });
//                 }
//               }}
//             >
//               导出excel
//             </Button>,
//             <Button
//               key="new"
//               icon={<PlusOutlined />}
//               type="primary"

//               onClick={() => {
//                 setShowDetail(2)
//                 // history.push('contract/create')
//               }}
//             >
//               合同
//             </Button>,
//           ] : [],
//         }}
//         columnsState={{
//           value: columnsStateMap,
//           onChange: setColumnsStateMap,
//         }}
//         pagination={{ defaultPageSize: 10 }}
//       />
//       <Drawer
//         className={showDetail === 1 ? "contract-drawer" : "contract-detail-drawer"}
//         width="73%"
//         visible={showDetail !== 0}
//         onClose={() => {
//           setCurrentRow(undefined);
//           setShowDetail(0);
//           SETBIGCOMPACT_DETAILS(undefined)
//         }}
//         destroyOnClose
//         title={showDetail === 2 ?
//           <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
//             <div className="card-title" style={{ fontWeight: 700 }}>{!currentRow ? "新增合同" : currentRow?.COMPACT_NAME}</div>
//             {
//               currentRow && addSubsidiary ?
//                 <ProForm
//                   style={{ width: '350px' }}
//                   className={'subsidiaryBox'}
//                   layout={'horizontal'}
//                   submitter={{
//                     render: (_, record) => {

//                     }
//                   }}
//                 >
//                   <ProFormSelect
//                     name="BIGCOMPACT_DETAILS"
//                     label="新增附属合同"
//                     placeholder="请选择合同类型"
//                     // rules={[
//                     //   {
//                     //     required: true,
//                     //     message: '请选择合同类型',
//                     //   },
//                     // ]}
//                     // request={async () => {
//                     //   const options = session.get("COMPACT_DETAILSList")
//                     //   return options;
//                     // }}
//                     options={COMPACTLIST}
//                     addonAfter={showBtn ?
//                       <Button type="primary" icon={<FileSearchOutlined />}
//                         onClick={() => {
//                           setShowModal(true)
//                         }}>选择</Button> :
//                       false
//                     }
//                     fieldProps={{
//                       onChange: (e: any) => {
//                         SETBIGCOMPACT_DETAILS(e)
//                         if (e === 3000 || e === 2002) {
//                           setShowBtn(true)
//                         } else {
//                           setShowBtn(false)
//                         }
//                       },
//                     }}
//                   />
//                 </ProForm> : ''
//             }
//           </div>
//           : ""}
//         closable={false}
//         bodyStyle={{ backgroundColor: "#f9f9f9", padding: 0 }}
//       >
//         {/* 编辑/查看合同 */}
//         {showDetail !== 0 && currentRow !== undefined && (showDetail === 1 ?
//           <ContractDetail contractId={currentRow?.REGISTERCOMPACT_ID} currentRow={currentRow} clickedId={[currentRow?.REGISTERCOMPACT_ID]}></ContractDetail> :
//           <ContractEdit handleGetChildrenData={handleGetChildrenData} handleGetContractChild={handleGetContractChild} currentUser={currentUser} onRef={editorRef} contractId={currentRow?.REGISTERCOMPACT_ID} actionRef={actionRef} setShowDetail={setShowDetail}></ContractEdit>)
//         }
//         {/* 新增合同 */}
//         {
//           !currentRow && showDetail !== 0 && <ContractEdit actionRef={actionRef} setShowDetail={setShowDetail} showType={'add'} />
//         }
//       </Drawer>

//       <Modal
//         title="附属合同"
//         width={1400}
//         style={{ height: '500px' }}
//         destroyOnClose
//         open={showModal}
//         confirmLoading={modalLoading}
//         onOk={() => {
//           modalRef.current?.validateFields().then(async (res) => {
//             if (res) {
//               setModalLoading(true)
//               if (contract && contract.length > 0) {

//               } else {
//                 message.error('请先选择附属合同')
//                 setModalLoading(false)
//                 return
//               }
//               const list: any = []
//               const completeList: any = []
//               modalTableData.forEach((item: any) => {
//                 if (contract.indexOf(item.BUSINESSPROJECT_ID) !== -1) {
//                   list.push({ label: item.BUSINESSPROJECT_ID, value: item.SWITCH_MODES })
//                   completeList.push(item)
//                 }
//               })
//               const descValue: string = modalRef.current?.getFieldsValue()
//               let req
//               if (BIGCOMPACT_DETAILS === 2002) {
//                 if (!completeList[0].exitTime) {
//                   message.error('请选择退场日期')
//                   return
//                 }
//                 req = {
//                   CompactDetails: BIGCOMPACT_DETAILS,// 补充协议类型
//                   ContractId: childrenData?.REGISTERCOMPACT_ID,// 主合同内码
//                   // ClosedDate:moment(exitTime).format('YYYY-MM-DD'),// 撤场日期
//                   ClosedDate: moment(completeList[0].exitTime).format('YYYY-MM-DD'),// 撤场日期
//                   SettlementModes: list[0].value,// 切换后的结算模式
//                   SwitchDate: completeList[0].SwitchDate ? moment(completeList[0].SwitchDate).format('YYYY-MM-DD') : '',// 切换日期
//                   ProjectList: list,// 变更经营项目列表
//                   StaffId: currentUser?.ID,// 操作人内码
//                   StaffName: currentUser?.Name,// 操作人员
//                   CompactDPDesc: descValue && descValue.COMPACT_DPDESC ? descValue.COMPACT_DPDESC : '',// 注意事项
//                 }
//               } else {
//                 if (list[0].value) {
//                   req = {
//                     CompactDetails: BIGCOMPACT_DETAILS,// 补充协议类型
//                     ContractId: childrenData?.REGISTERCOMPACT_ID,// 主合同内码
//                     SettlementModes: list[0].value,// 切换后的结算模式
//                     SwitchDate: completeList[0].SwitchDate ? moment(completeList[0].SwitchDate).format('YYYY-MM-DD') : '',// 切换日期
//                     ProjectList: list,// 变更经营项目列表
//                     StaffId: currentUser?.ID,// 操作人内码
//                     StaffName: currentUser?.Name,// 操作人员
//                     CompactDPDesc: descValue && descValue.COMPACT_DPDESC ? descValue.COMPACT_DPDESC : '',// 注意事项
//                   }
//                 } else {
//                   message.error('请选择结算模式')
//                   setModalLoading(false)
//                   return
//                 }

//               }
//               const data = await handleContractSupple(req)

//               if (data) {
//                 const waitUpload = fileList.filter(n => n.status !== 'done')
//                 if (waitUpload.length > 0) {
//                   await customUploadRequest(waitUpload, data.Result_Data?.REGISTERCOMPACT_ID)
//                 }
//                 // actionRef.current.reload();
//               }

//               if (data.Result_Code === 100) {
//                 message.success(data.Result_Desc)
//                 setShowModal(false)
//                 setFileList([])
//                 actionRef.current?.reload()
//               } else {
//                 message.error(data.Result_Desc)
//               }
//               setModalLoading(false)
//             }
//           })
//         }}
//         onCancel={() => {
//           setModalTableData([])
//           setShowModal(false)
//           setContract([])
//           setFileList([])
//           setExitTime(undefined)
//           setModalLoading(false)
//         }}>
//         <ProForm
//           layout={'horizontal'}
//           formRef={modalRef}
//           submitter={{
//             render: (_, record) => {

//             }
//           }}
//         >
//           <ProFormUploadButton
//             name="ImgList"
//             title="上传附件"
//             label="合同附件"
//             wrapperCol={{ span: 20 }}
//             labelCol={{ span: 3 }}
//             rules={[
//               {
//                 required: true,
//                 message: '请上传合同文件',
//               }
//             ]}
//             fieldProps={{
//               name: 'files',
//               listType: 'text',
//               className: 'is-dragging',
//               // defaultFileList: priviewFileList,
//               fileList,
//               multiple: true,
//               onPreview: async (file) => {
//                 if (file.type && file.type?.indexOf('image/') > -1) { // 未上传的文件 如果是图片类型的
//                   if (!file.url && !file.preview) {
//                     setPriviewImage(await getBase64(file.lastModifiedDate))
//                   } else {
//                     setPriviewImage(file?.url)
//                   }
//                 } else {
//                   const filenameSplitPointArr = file.fileName?.split('.') || []
//                   if (['png', 'jpg', 'jpeg'].indexOf(filenameSplitPointArr[filenameSplitPointArr?.length - 1]) > -1) {
//                     setPriviewImage(file?.url)
//                   }
//                   else if (file?.url) {
//                     window.open(file?.url)
//                   }
//                 }
//               },
//               beforeUpload: (file, files) => {
//                 setFileList([...fileList, ...files])
//                 return false
//               },
//               onChange: async (info: any) => {
//                 if (info.file.status === 'removed') {
//                   // 如果在待上传列表中找到，则说明当前图片没有上传服务器，可直接删除
//                   const index = fileList.findIndex(n => n.uid === info.file.uid);
//                   if (!info.file?.deletepath) {
//                     const newFileList = fileList.slice();
//                     newFileList.splice(index, 1);
//                     setFileList(newFileList)
//                     return
//                   }
//                   confirm({
//                     title: '确认删除该文件吗？',
//                     icon: <ExclamationCircleOutlined />,
//                     async onOk() {
//                       const deleteLoading = message.loading('正在删除...')
//                       const success = await deletePicture(info.file?.deletepath, info.file?.uid, '', '3000')
//                       deleteLoading()
//                       if (success) {
//                         const files = [...fileList]
//                         files.splice(index, 1)
//                         setFileList(files)
//                       }
//                       else {
//                         message.error("删除失败")
//                       }
//                     },
//                     onCancel() {
//                     },
//                   });
//                 }
//               }
//             }}
//           />
//           <ProFormTextArea
//             label="合同注意事项"
//             width={800}
//             name="COMPACT_DPDESC"
//             fieldProps={{
//               autoSize: { minRows: 1, maxRows: 6 },
//             }}
//             placeholder="请输入合同注意事项"
//             wrapperCol={{ span: 20 }}
//             labelCol={{ span: 3 }}
//           />
//           {/* { */}
//           {/*   BIGCOMPACT_DETAILS===2002? */}
//           {/*     <ProFormDatePicker */}
//           {/*       name="exitTime" */}
//           {/*       label="退场日期" */}
//           {/*       wrapperCol={{ span: 20 }} */}
//           {/*       labelCol={{ span: 3 }} */}
//           {/*       rules={[ */}
//           {/*         { */}
//           {/*           required: true, */}
//           {/*           message: '请选择退场日期', */}
//           {/*         } */}
//           {/*       ]} */}
//           {/*       fieldProps={{ */}
//           {/*         onChange:(e: any)=>{ */}
//           {/*           if (e){ */}
//           {/*             setExitTime(e._d) */}
//           {/*           } */}
//           {/*         } */}
//           {/*       }} */}
//           {/*     />:'' */}
//           {/* } */}
//         </ProForm>
//         {/* <div style={{display:'flex',alignItems:'center'}}> */}
//         {/*   <p>退场时间</p> */}
//         {/*   <DatePicker onChange={(e: any)=>{ */}
//         {/*   }} /> */}
//         {/* </div> */}
//         <ProTable
//           search={false}
//           pagination={false}
//           options={false}
//           rowKey={'BUSINESSPROJECT_ID'}
//           style={{ minHeight: 480 }}
//           columns={BIGCOMPACT_DETAILS === 2002 ? [...modalColumns.slice(0, 5), modalColumns[modalColumns.length - 1]] : modalColumns.slice(0, modalColumns.length - 2)}
//           request={async () => {
//             const req = {
//               PROJECT_VALID: 1,
//               REGISTERCOMPACT_ID: currentRow?.REGISTERCOMPACT_ID,
//               PageIndex: 1,
//               pagesize: 9999,
//               keyWord: null
//             }
//             const data = await getProjectList(req)
//             setModalTableData(data.data)
//             // return data
//           }}
//           dataSource={modalTableData}
//           rowSelection={{ // 可选择的表格配置
//             type: "checkbox", // 该表格为单选
//             onChange: (selectedRowKeys, selectedRows) => {
//               // 选中行发生改变时，存储选中行的数据
//               setContract(selectedRowKeys)
//             }
//           }}
//         />
//       </Modal>
//     </PageContainer>
//   );
// }

// export default connect(({ user }: ConnectState) => ({
//   currentUser: user.data
// }))(ContractTable);