|
|
@@ -1,17 +1,166 @@
|
|
|
-import React, { useEffect } from 'react'
|
|
|
+import React, { useCallback, useEffect, useRef, useState } from 'react'
|
|
|
import styles from './index.module.scss'
|
|
|
import { useParams } from 'react-router-dom'
|
|
|
+import { API_getGoodsInfo } from '@/store/action/B1ledger'
|
|
|
+import { B1listType } from '@/pages/B1ledger/data'
|
|
|
+import { Button } from 'antd'
|
|
|
+import { statusSelect } from '@/utils/select'
|
|
|
+import history, { backPageFu } from '@/utils/history'
|
|
|
+import Tab1info from '@/pages/A0goodsInfo/Tab1info'
|
|
|
+import MyTable from '@/components/MyTable'
|
|
|
+import TextArea from 'antd/es/input/TextArea'
|
|
|
+import { MessageFu } from '@/utils/message'
|
|
|
+import { B2_APIaduit } from '@/store/action/B2register'
|
|
|
|
|
|
function B2look() {
|
|
|
const { key, id } = useParams<any>()
|
|
|
|
|
|
+ const [info, setInfo] = useState({} as B1listType)
|
|
|
+
|
|
|
+ const getInfoFu = useCallback(async (id: number) => {
|
|
|
+ const res = await API_getGoodsInfo(id)
|
|
|
+ if (res.code === 0) {
|
|
|
+ setInfo(res.data)
|
|
|
+ }
|
|
|
+ }, [])
|
|
|
+
|
|
|
useEffect(() => {
|
|
|
- console.log(key, id)
|
|
|
- }, [id, key])
|
|
|
+ if (id) getInfoFu(id)
|
|
|
+ }, [getInfoFu, id, key])
|
|
|
+
|
|
|
+ // 审批的sta
|
|
|
+ const [auditSta, setAuDitSta] = useState('')
|
|
|
+ const [rtfOpinion, setRtfOpinion] = useState('')
|
|
|
+
|
|
|
+ const boxRef = useRef<HTMLDivElement>(null)
|
|
|
+
|
|
|
+ // 点击提交
|
|
|
+ const btnOk = useCallback(async () => {
|
|
|
+ if (!auditSta) {
|
|
|
+ MessageFu.warning('请选择审批结果')
|
|
|
+ boxRef.current?.scrollTo({ top: 0, behavior: 'smooth' })
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ const res = await B2_APIaduit({
|
|
|
+ orderId: id,
|
|
|
+ rtfOpinion,
|
|
|
+ status: auditSta === '同意' ? 1 : 2
|
|
|
+ })
|
|
|
+
|
|
|
+ if (res.code === 0) {
|
|
|
+ MessageFu.success('审批成功')
|
|
|
+ history.replace(`/register_look/1/${id}`)
|
|
|
+ }
|
|
|
+ }, [auditSta, id, rtfOpinion])
|
|
|
|
|
|
return (
|
|
|
- <div className={styles.B2look}>
|
|
|
+ <div className={styles.B2look} ref={boxRef}>
|
|
|
<div className='pageTitle'>藏品登记 - {key === '1' ? '查看' : '审批'}</div>
|
|
|
+
|
|
|
+ {info.id ? (
|
|
|
+ <>
|
|
|
+ <div className='B2lTop'>
|
|
|
+ <div className='B2lTopll'>
|
|
|
+ <div className='B2lTit'>申请信息</div>
|
|
|
+ <div className='B2lTopllBtn'>
|
|
|
+ <Button type='dashed'>
|
|
|
+ {statusSelect.find(v => v.value === info.status)?.label}
|
|
|
+ </Button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className='B2lToprr'>
|
|
|
+ {key === '2' ? (
|
|
|
+ <>
|
|
|
+ <Button type='primary' onClick={btnOk}>
|
|
|
+ 提交
|
|
|
+ </Button>
|
|
|
+  
|
|
|
+ </>
|
|
|
+ ) : null}
|
|
|
+ <Button onClick={() => backPageFu('/register')}>返回</Button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div className='B2lTxt'>
|
|
|
+ <div className='B2lTrow'>
|
|
|
+ {/* 待完善 返回数据确实参数 */}
|
|
|
+ <div className='B2lTrow1'>订单编号:</div>
|
|
|
+ <div className='B2lTrow2'>{info.num}</div>
|
|
|
+ </div>
|
|
|
+ <div className='B2lTrow'>
|
|
|
+ <div className='B2lTrow1'>订单名称:</div>
|
|
|
+ <div className='B2lTrow2'>藏品登记</div>
|
|
|
+ </div>
|
|
|
+ <div className='B2lTrow'>
|
|
|
+ <div className='B2lTrow1'>发起人:</div>
|
|
|
+ <div className='B2lTrow2'>待完善</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ {/* 审批相关 */}
|
|
|
+ {key === '2' ? (
|
|
|
+ <>
|
|
|
+ <div className='B2lTrow B2lTrowAll'>
|
|
|
+ <div className='B2lTrow1'>
|
|
|
+ <span>* </span>审批结果:
|
|
|
+ </div>
|
|
|
+ <div className='B2lTrow2'>
|
|
|
+ {['同意', '不同意'].map(v => (
|
|
|
+ <Button
|
|
|
+ key={v}
|
|
|
+ onClick={() => setAuDitSta(v)}
|
|
|
+ type={auditSta === v ? 'primary' : 'default'}
|
|
|
+ >
|
|
|
+ {v}
|
|
|
+ </Button>
|
|
|
+ ))}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className='B2lTrow B2lTrowAll'>
|
|
|
+ <div className='B2lTrow1'>审批意见:</div>
|
|
|
+ <div className='B2lTrow2'>
|
|
|
+ <TextArea
|
|
|
+ value={rtfOpinion}
|
|
|
+ onChange={e => setRtfOpinion(e.target.value)}
|
|
|
+ placeholder='请输入内容'
|
|
|
+ maxLength={200}
|
|
|
+ showCount
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </>
|
|
|
+ ) : null}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div className='B2lTit'>藏品详情</div>
|
|
|
+
|
|
|
+ <div className='B2lGood'>
|
|
|
+ <Tab1info info={info} auto />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div className='B2lTit'>申请流程</div>
|
|
|
+
|
|
|
+ {/* 待完善 */}
|
|
|
+ <MyTable
|
|
|
+ list={[
|
|
|
+ { id: 1, name: '11' },
|
|
|
+ { id: 2, name: '22' },
|
|
|
+ { id: 3, name: '33' },
|
|
|
+ { id: 4, name: '44' },
|
|
|
+ { id: 5, name: '55' }
|
|
|
+ ]}
|
|
|
+ columnsTemp={[
|
|
|
+ ['txt', '节点名称', 'name'],
|
|
|
+ ['txt', '提交日期', 'name'],
|
|
|
+ ['txt', '处理人', 'name'],
|
|
|
+ ['txt', '审批结果', 'name'],
|
|
|
+ ['text', '审批意见', 'xxxxx', 100]
|
|
|
+ ]}
|
|
|
+ pagingInfo={false}
|
|
|
+ widthSet={{ xxxxx: 800 }}
|
|
|
+ />
|
|
|
+ </>
|
|
|
+ ) : null}
|
|
|
</div>
|
|
|
)
|
|
|
}
|