|
@@ -25,7 +25,7 @@ const EditableCell: React.FC<iEditableCellProps> = ({
|
|
|
}) => {
|
|
|
// console.log(dataIndex, record)
|
|
|
|
|
|
- const cellNode = cellType === 'text' ? <Input size="small" allowClear/> : <DatePicker size="small" allowClear locale={locale} />
|
|
|
+ const cellNode = cellType === 'text' ? <Input size="small" allowClear /> : <DatePicker size="small" allowClear locale={locale} />
|
|
|
|
|
|
const isDate = useMemo(() => {
|
|
|
return dataIndex === 'createTime' || dataIndex === 'time'
|
|
@@ -37,14 +37,14 @@ const EditableCell: React.FC<iEditableCellProps> = ({
|
|
|
{cellNode}
|
|
|
</Form.Item>
|
|
|
) : (
|
|
|
- children
|
|
|
- )}
|
|
|
+ children
|
|
|
+ )}
|
|
|
</td>
|
|
|
)
|
|
|
}
|
|
|
|
|
|
|
|
|
-const Receivable:React.FC<{}> = () => {
|
|
|
+const Receivable: React.FC<{}> = () => {
|
|
|
const [ form ] = Form.useForm()
|
|
|
const [ data, setData ] = useState<Array<iReceivableState>>([])
|
|
|
const [ id, setId ] = useState<string>('')
|
|
@@ -74,11 +74,11 @@ const Receivable:React.FC<{}> = () => {
|
|
|
contractPaidStore.shouldUpdate && (contractPaidStore.changeUpdate(''))
|
|
|
}
|
|
|
}, [ contractPaidStore.contract.id, contractPaidStore.shouldUpdate ])
|
|
|
- const initData = async() => {
|
|
|
+ const initData = async () => {
|
|
|
const { code = -1, data = [] } = await apiGetPaids(contractPaidStore.contract.id, contractPaidStore.contract.bidsectionId)
|
|
|
- if (code === consts.RET_CODE.SUCCESS) {
|
|
|
- setData(data)
|
|
|
- }
|
|
|
+ if (code === consts.RET_CODE.SUCCESS) {
|
|
|
+ setData(data)
|
|
|
+ }
|
|
|
}
|
|
|
const save = async (key: React.Key) => {
|
|
|
try {
|
|
@@ -170,17 +170,17 @@ const Receivable:React.FC<{}> = () => {
|
|
|
render: (text: any, record: iReceivableState) => {
|
|
|
const editable = isEditing(record)
|
|
|
return (
|
|
|
- <div>
|
|
|
- {
|
|
|
- editable ?
|
|
|
- (<><span className="pi-link-blue pi-mg-right-5" onClick={() => save(record.id)}>保存</span><span className="pi-link-blue" onClick={() => setEditingKey('')}>取消</span></>)
|
|
|
- :
|
|
|
- <span className="pi-link-blue" onClick={() => setEditingKey(record.id)}>编辑</span>
|
|
|
- }
|
|
|
- <Popconfirm title="确认删除?" cancelText="取消" okText="确认" onConfirm={() => delConfirm(record.id, record.contractsId, record.bidsectionId)}>
|
|
|
- <span className="pi-link-red pi-mg-left-5">删除</span>
|
|
|
- </Popconfirm>
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ {
|
|
|
+ editable ?
|
|
|
+ (<><span className="pi-link-blue pi-mg-right-5" onClick={() => save(record.id)}>保存</span><span className="pi-link-blue" onClick={() => setEditingKey('')}>取消</span></>)
|
|
|
+ :
|
|
|
+ <span className="pi-link-blue" onClick={() => setEditingKey(record.id)}>编辑</span>
|
|
|
+ }
|
|
|
+ <Popconfirm title="确认删除?" cancelText="取消" okText="确认" onConfirm={() => delConfirm(record.id, record.contractsId, record.bidsectionId)}>
|
|
|
+ <span className="pi-link-red pi-mg-left-5">删除</span>
|
|
|
+ </Popconfirm>
|
|
|
+ </div>
|
|
|
)
|
|
|
}
|
|
|
}
|
|
@@ -216,9 +216,9 @@ const Receivable:React.FC<{}> = () => {
|
|
|
columns={mergedColumns}
|
|
|
bordered
|
|
|
rowClassName="editable-row"
|
|
|
- pagination={{ onChange: cancel, size:"small", pageSize: 7 }}
|
|
|
+ pagination={{ onChange: cancel, size: "small", pageSize: 7 }}
|
|
|
rowKey={record => record.id}
|
|
|
- />
|
|
|
+ />
|
|
|
</Form>
|
|
|
<FileModal
|
|
|
visible={fileModal.visible}
|
|
@@ -226,7 +226,8 @@ const Receivable:React.FC<{}> = () => {
|
|
|
dataId={fileModal.dataId}
|
|
|
onCancel={() => setFileModal({ ...fileModal, visible: false })}
|
|
|
showUpload={true}
|
|
|
- />
|
|
|
+ uploadCallBack={() => initData()}
|
|
|
+ />
|
|
|
</>
|
|
|
)
|
|
|
}
|