|
|
@@ -1,16 +1,21 @@
|
|
|
-import { useCallback, useEffect, useMemo } from 'react'
|
|
|
+import { useCallback, useEffect, useMemo, useState } from 'react'
|
|
|
import styles from './index.module.scss'
|
|
|
import { selectObj } from '@/utils/dataChange'
|
|
|
import { useParams } from 'react-router-dom'
|
|
|
-import dayjs from 'dayjs'
|
|
|
-import { Button, Cascader, DatePicker, Input } from 'antd'
|
|
|
-import classNames from 'classnames'
|
|
|
+import { Button } from 'antd'
|
|
|
import TextArea from 'antd/es/input/TextArea'
|
|
|
import { useInfo } from '../InfoContext'
|
|
|
import Z3upFiles from '@/components/Z3upFiles'
|
|
|
import { API_objType } from '@/store/action/Dmanage/D1register'
|
|
|
import { editPageToTopFu } from '@/utils/authority'
|
|
|
import { FileUpInfoType } from '../data'
|
|
|
+import EditInput from '../EditInput'
|
|
|
+import SelectGoods from '../SelectGoods'
|
|
|
+import { GoodsType, sgBaseFormDataGood, sgTopSelectDomGood } from '../SonGoodsList/data'
|
|
|
+import { goodsSonTableC } from '@/utils/tableData'
|
|
|
+import ImageLazy from '@/components/ImageLazy'
|
|
|
+import { openLink } from '@/utils/history'
|
|
|
+import MyPopconfirm from '@/components/MyPopconfirm'
|
|
|
|
|
|
export const pageKeyTxtObj = {
|
|
|
1: '新增',
|
|
|
@@ -33,10 +38,19 @@ type Props = {
|
|
|
APIobj: API_objType
|
|
|
// 上传附件的信息
|
|
|
fileUpInfo: FileUpInfoType
|
|
|
+ // 第二个模块
|
|
|
+ moreDom?: {
|
|
|
+ txt: string
|
|
|
+ API: any
|
|
|
+ domList: any[]
|
|
|
+ tit?: string
|
|
|
+ myUrl?: string
|
|
|
+ dirCode?: string
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-function EditTop({ rowArr, pageTxt, APIobj, fileUpInfo }: Props) {
|
|
|
- const { info, setInfoFu, setSnapsFu, timeKey, auditInfo, setAuditInfoFu } = useInfo()
|
|
|
+function EditTop({ rowArr, pageTxt, APIobj, fileUpInfo, moreDom }: Props) {
|
|
|
+ const { info, setInfoFu, snaps, setSnapsFu, timeKey, auditInfo, setAuditInfoFu } = useInfo()
|
|
|
|
|
|
const { key, id } = useParams<any>()
|
|
|
// key:1 新增 2编辑 3审批 4查看
|
|
|
@@ -96,27 +110,6 @@ function EditTop({ rowArr, pageTxt, APIobj, fileUpInfo }: Props) {
|
|
|
return Reflect.get(pageKeyTxtObj, key)
|
|
|
}, [key])
|
|
|
|
|
|
- // 数据改变
|
|
|
- const dataChangeFu = useCallback(
|
|
|
- (val: any, item: any) => {
|
|
|
- const type = item.type
|
|
|
- const key = item.key
|
|
|
-
|
|
|
- if (type === 'DatePicker') {
|
|
|
- setInfoFu({ ...info, [key]: dayjs(val).format('YYYY-MM-DD') })
|
|
|
- } else if (['TextArea', 'Input'].includes(type)) {
|
|
|
- const varRes = item.noNull ? val.replace(/\s+/g, '') : val
|
|
|
- setInfoFu({
|
|
|
- ...info,
|
|
|
- [key]: varRes
|
|
|
- })
|
|
|
- } else if (type === 'Cascader') {
|
|
|
- setInfoFu({ ...info, dictIdApply: val ? val.join(',') : '' })
|
|
|
- }
|
|
|
- },
|
|
|
- [info, setInfoFu]
|
|
|
- )
|
|
|
-
|
|
|
// 订单申请状态
|
|
|
const statusTxt = useMemo(() => {
|
|
|
let txt = ''
|
|
|
@@ -127,6 +120,9 @@ function EditTop({ rowArr, pageTxt, APIobj, fileUpInfo }: Props) {
|
|
|
return txt
|
|
|
}, [info.status, key])
|
|
|
|
|
|
+ // 选择单个藏品
|
|
|
+ const [selectShow, setSelectShow] = useState(false)
|
|
|
+
|
|
|
return (
|
|
|
<div className={styles.EditTop}>
|
|
|
<div className='pageTitle'>
|
|
|
@@ -186,64 +182,7 @@ function EditTop({ rowArr, pageTxt, APIobj, fileUpInfo }: Props) {
|
|
|
</div>
|
|
|
<div className='Edtop1'>
|
|
|
{rowArr.map((item, index) => (
|
|
|
- <div
|
|
|
- key={index}
|
|
|
- className={classNames('Edtop1row', item.full ? 'Edtop1rowFull' : '')}
|
|
|
- >
|
|
|
- <div className='Edtop1ll'>
|
|
|
- {item.must ? <span>* </span> : null}
|
|
|
- {item.name}:
|
|
|
- </div>
|
|
|
- <div className='Edtop1rr'>
|
|
|
- {item.type === 'txt' ? (
|
|
|
- <>
|
|
|
- {dayjs(info.createTime).format('YYYY年MM月DD日')}-{info.deptName}-
|
|
|
- {info.creatorName}
|
|
|
- </>
|
|
|
- ) : item.type === 'DatePicker' ? (
|
|
|
- <DatePicker
|
|
|
- disabled={isLook}
|
|
|
- allowClear={!item.must}
|
|
|
- value={dayjs(info[item.key as 'date'])}
|
|
|
- onChange={e => dataChangeFu(e, item)}
|
|
|
- disabledDate={current => current && current > dayjs().endOf('day')}
|
|
|
- />
|
|
|
- ) : item.type === 'Input' ? (
|
|
|
- <Input
|
|
|
- readOnly={isLook}
|
|
|
- placeholder='请输入'
|
|
|
- value={info[item.key as 'date']}
|
|
|
- onChange={e => dataChangeFu(e.target.value, item)}
|
|
|
- maxLength={item.maxLength || 30}
|
|
|
- showCount
|
|
|
- />
|
|
|
- ) : item.type === 'Cascader' ? (
|
|
|
- <Cascader
|
|
|
- disabled={isLook}
|
|
|
- changeOnSelect
|
|
|
- options={item.options}
|
|
|
- placeholder={isLook ? '(空)' : '请选择'}
|
|
|
- fieldNames={{ label: 'name', value: 'id', children: 'children' }}
|
|
|
- allowClear={!item.must}
|
|
|
- value={
|
|
|
- info[item.key as 'date']
|
|
|
- ? (info[item.key as 'date'] as string).split(',')
|
|
|
- : []
|
|
|
- }
|
|
|
- onChange={e => dataChangeFu(e, item)}
|
|
|
- />
|
|
|
- ) : item.type === 'TextArea' ? (
|
|
|
- <TextArea
|
|
|
- readOnly={isLook}
|
|
|
- placeholder={isLook ? '(空)' : '请输入'}
|
|
|
- value={info[item.key as 'date']}
|
|
|
- onChange={e => dataChangeFu(e.target.value, item)}
|
|
|
- maxLength={item.maxLength || 500}
|
|
|
- showCount
|
|
|
- />
|
|
|
- ) : null}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <EditInput key={index} item={item} isLook={isLook} />
|
|
|
))}
|
|
|
|
|
|
{/* 附件 */}
|
|
|
@@ -254,8 +193,100 @@ function EditTop({ rowArr, pageTxt, APIobj, fileUpInfo }: Props) {
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ {/* 第二个模块 */}
|
|
|
+ {moreDom ? (
|
|
|
+ <>
|
|
|
+ <div className='EdTit'>
|
|
|
+ <div>{moreDom.txt}</div>
|
|
|
+ </div>
|
|
|
+ <div className='Edtop1'>
|
|
|
+ <div className='Edtop1row Edtop1rowFull'>
|
|
|
+ <div className='Edtop1ll'>{moreDom.tit || '关联藏品'}:</div>
|
|
|
+ {snaps.length > 0 ? (
|
|
|
+ <div className='Edtop1rr2'>
|
|
|
+ <ImageLazy
|
|
|
+ width={60}
|
|
|
+ height={60}
|
|
|
+ src={snaps[0].thumb || snaps[0].thumbPc}
|
|
|
+ srcBig={snaps[0].thumbPc || snaps[0].thumb}
|
|
|
+ />
|
|
|
+ <div className='Edtop1rr2Txt'>
|
|
|
+ {snaps[0]?.num ? snaps[0]?.num + ' - ' + snaps[0]?.name : ''}
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <Button
|
|
|
+ type='text'
|
|
|
+ size='small'
|
|
|
+ onClick={() => openLink(`/goodsLook/${snaps[0].id}`)}
|
|
|
+ >
|
|
|
+ 查看
|
|
|
+ </Button>
|
|
|
+ <MyPopconfirm txtK='删除' onConfirm={() => setSnapsFu([])} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ ) : (
|
|
|
+ <div className='Edtop1rr'>
|
|
|
+ <Button
|
|
|
+ type='primary'
|
|
|
+ onClick={() => {
|
|
|
+ setSelectShow(true)
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 选择藏品
|
|
|
+ </Button>
|
|
|
+ </div>
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ {moreDom.domList.map((item, index) => (
|
|
|
+ <EditInput key={index} item={item} isLook={isLook} />
|
|
|
+ ))}
|
|
|
+
|
|
|
+ {/* 附件 */}
|
|
|
+ <div className='Edtop1row Edtop1rowFull'>
|
|
|
+ <div className='Edtop1ll'>附件:</div>
|
|
|
+ <div className='Edtop1rr'>
|
|
|
+ <Z3upFiles
|
|
|
+ isLook={isLook}
|
|
|
+ myUrl={moreDom.myUrl || fileUpInfo.myUrl}
|
|
|
+ dirCode={moreDom.dirCode || fileUpInfo.dirCode}
|
|
|
+ filesKey='files2'
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </>
|
|
|
+ ) : null}
|
|
|
</>
|
|
|
) : null}
|
|
|
+
|
|
|
+ {/* 选择单个藏品 */}
|
|
|
+ {selectShow && moreDom ? (
|
|
|
+ <SelectGoods
|
|
|
+ myType='藏品'
|
|
|
+ isOne={true}
|
|
|
+ API_getList={moreDom.API}
|
|
|
+ closeFu={() => setSelectShow(false)}
|
|
|
+ baseFormData={sgBaseFormDataGood}
|
|
|
+ topSelectDom={sgTopSelectDomGood}
|
|
|
+ columnsTemp={goodsSonTableC(true)}
|
|
|
+ oldCheckArr={snaps}
|
|
|
+ dataResFu={data => {
|
|
|
+ // 需要过滤掉已经有id的-不替换数据,没有id的替换数据 因为数据可能已经在另外一个弹窗更新了
|
|
|
+ const nowIds = snaps.map(v => v.id)
|
|
|
+ const dataRes: GoodsType[] = data.map((v, i) => {
|
|
|
+ v.idTemp = v.id + 'goood'
|
|
|
+ // 优先使用已存在的snap数据,否则使用新数据
|
|
|
+ const item = nowIds.includes(v.id) ? snaps[i] : v
|
|
|
+ return item
|
|
|
+ })
|
|
|
+ console.log('--------', dataRes)
|
|
|
+
|
|
|
+ setSnapsFu(dataRes)
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ ) : null}
|
|
|
</div>
|
|
|
)
|
|
|
}
|