Tenlion/system-copyright-react
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

补正标签添加

Browse Source
This commit is contained in:
lyp 2025-01-03 15:56:36 +08:00
parent 21a778b92d
commit 8b6428fcff
3 changed files with 267 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/route/Correction/Correction.css
View File

@ -50,4 +50,28 @@
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
line-height: 25px; line-height: 25px;
}
.projBoxTop {
/* background-color: pink; */
align-items: center;
}
.corrTypeC {
/* background-color: skyblue; */
height: 20px;
/* background: #ff7b00; */
/* background: #01a13f; */
border-radius: 5px;
/* font-family: Microsoft YaHei UI; */
font-weight: 400;
font-size: 12px;
padding-left: 9px;
padding-right: 9px;
margin-left: 10px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
text-wrap: nowrap;
} }

176
src/route/Correction/Correction.tsx
View File

@ -17,7 +17,8 @@ import { useSelector, useDispatch } from 'react-redux'
import { import {
get, get,
put, downloadUrl, put, downloadUrl,
Axios Axios,
post
} from '../../util/AjaxUtils' } from '../../util/AjaxUtils'
// import type { TableProps } from 'antd'; // import type { TableProps } from 'antd';
import { useLocation } from 'react-router-dom'; import { useLocation } from 'react-router-dom';
@ -64,6 +65,7 @@ export default function Correction() {
// } // }
const keyWords = state ? state.keywords : '' const keyWords = state ? state.keywords : ''
const applyStatus = state ? state.applyStatus : '' const applyStatus = state ? state.applyStatus : ''
const tagCor = state ? state.tagCor : ''
const authorId = state ? state.authorId : '' const authorId = state ? state.authorId : ''
const correctionNumType = state ? state.correctionNumType : '' const correctionNumType = state ? state.correctionNumType : ''
const correctionType = state ? state.correctionType : '' const correctionType = state ? state.correctionType : ''
@ -712,12 +714,40 @@ export default function Correction() {
const dispath = useDispatch() const dispath = useDispatch()
const redxuState: any = useSelector(state => state) const redxuState: any = useSelector(state => state)
const correctionArray = redxuState.correctionArray const correctionArray = redxuState.correctionArray
// const [tagIdArray,setTagIdArray] = useState([])
const total = redxuState.correctionTotal const total = redxuState.correctionTotal
const newCorrection = redxuState.newCorrection const newCorrection = redxuState.newCorrection
const [projCorrectionApplyId, setprojCorrectionApplyId] = useState('') //要撤销的id const [projCorrectionApplyId, setprojCorrectionApplyId] = useState('') //要撤销的id
// const correctionType = state?state.correctionType:'' // const correctionType = state?state.correctionType:''
// 补正标签数组
const [tagCorArray, setTagCorArray] = useState([])
// 获取补正标签
const getCorTag = () => {
get({
messageApi,
url: `/api/proj/correction/apply/tag/list-tag`,
onBefore() {
},
onSuccess(data: any) {
// console.log('标签信息', data);
const newarrty: any = (data.data).map((item: any) => ({
value: item.key,
label: item.value
}));
console.log('标签信息', newarrty);
setTagCorArray(newarrty)
},
onFinally() {
}
})
}
const getData = (page: number) => { const getData = (page: number) => {
const [part1, part2] = tagCor ? tagCor.split(':') : ['', ''];
get({ get({
messageApi, messageApi,
url: `/api/proj/correction/apply/listpage/self`, url: `/api/proj/correction/apply/listpage/self`,
@ -730,7 +760,9 @@ export default function Correction() {
applyStatus: applyStatus, applyStatus: applyStatus,
type: correctionNumType, type: correctionNumType,
correctionType: correctionType, correctionType: correctionType,
authorId: authorId authorId: authorId,
tagDataId: part1,
tagNot: part2 == 'TAG_NOT' ? true : '',
} }
}, },
onBefore() { onBefore() {
@ -754,6 +786,37 @@ export default function Correction() {
}, },
}) })
} }
// 更新标签状态
// const upTag = (dataId: string, projCorrectionApplyId: string, projId: string) => {
// post<any>({
// messageApi,
// url: `/api/proj/correction/apply/tag/save-or-delete`,
// body: {
// dataId,
// projCorrectionApplyId,
// projId
// },
// onBefore() {
// },
// onSuccess(data) {
// console.log(data.data.data);
// // props.upData
// // props.updata()
// // setTagStatus(data.data.data)
// // 根据返回的状态更新 tagIdArray
// if (data.data.data === 'SAVE') {
// // setTagIdArray((prevArray: any) => [...prevArray, dataId]);
// } else if (data.data.data === 'DELETE') {
// // setTagIdArray((prevArray: any[]) => prevArray.filter(id => id !== dataId));
// }
// },
// onFinally() {
// }
// })
// }
// 撤销补正 // 撤销补正
const projRefund = () => { const projRefund = () => {
put<any>({ put<any>({
@ -812,10 +875,11 @@ export default function Correction() {
// getData(1) // getData(1)
setPage(1) setPage(1)
getData(1) getData(1)
// console.log(type); // console.log(tagCor);
// console.log('嘻嘻',correctionArray); // console.log('嘻嘻',correctionArray);
}, [keyWords, applyStatus, authorId, correctionNumType, correctionType])
}, [keyWords, applyStatus, authorId, correctionNumType, correctionType, tagCor])
useEffect(() => { useEffect(() => {
// 获取id为refun的元素 // 获取id为refun的元素
const refun: any = document.getElementById('refun'); const refun: any = document.getElementById('refun');
@ -836,7 +900,15 @@ export default function Correction() {
}, [newCorrection]) }, [newCorrection])
useEffect(() => {
getCorTag()
// dispath({
// type: 'upCorrectionArray',
// val: updatedArray
// });
// getData(1)
}, [])
return ( return (
<div> <div>
{contextHolder} {contextHolder}
@ -945,11 +1017,103 @@ export default function Correction() {
{item.correctionType == 'CODE' ? '代码' : item.correctionType == 'MANUAL' ? '操作手册' : item.correctionType == 'ALL' ? '全部补正' : ''} {item.correctionType == 'CODE' ? '代码' : item.correctionType == 'MANUAL' ? '操作手册' : item.correctionType == 'ALL' ? '全部补正' : ''}
</div> </div>
</div> </div>
{
// tagCorArray.map((item: any) => (
// const [part1, part2] = item.value.split(':');
// if(part2 == 'TAG_NOT'){
// return(
// <div></div>
// )
// }
// // <div key={item.value} className='corrTypeC'>
// // </div>
// ))
}
<div style={{
display: 'flex',
}}>
{
tagCorArray.map((tagitem: any) => {
const [part1, part2] = tagitem.value.split(':');
if (part2 !== 'TAG_NOT') {
return (
<div key={tagitem.value} className='corrTypeC'
style={{
background: item.tagDataIds.includes(part1) ? '#ff7b00' : '',
color: item.tagDataIds.includes(part1) ? '#ffffff' : '#5a5a5a',
border: item.tagDataIds.includes(part1) ? ' 1px solid #ff7b00' : ' 1px solid #5a5a5a',
}}
onClick={
() => {
post<any>({
messageApi,
url: `/api/proj/correction/apply/tag/save-or-delete`,
body: {
dataId: part1,
projCorrectionApplyId: item.projCorrectionApplyId,
projId: item.projId
},
onBefore() {
},
onSuccess(data) {
if (data.data.data === 'SAVE') {
const updatedArray = correctionArray.map((Aitem:any) => {
if (Aitem.projCorrectionApplyId === item.projCorrectionApplyId) {
return {
...Aitem,
tagDataIds: [...Aitem.tagDataIds, part1]
};
}
return Aitem;
});
dispath({
type: 'upCorrectionArray',
val: updatedArray
});
} else if (data.data.data === 'DELETE') {
const updatedArray = correctionArray.map((Aitem:any) => {
if (Aitem.projCorrectionApplyId === item.projCorrectionApplyId) {
return {
...Aitem,
tagDataIds: Aitem.tagDataIds.filter((id:any) => id !== part1)
};
}
return Aitem;
});
dispath({
type: 'upCorrectionArray',
val: updatedArray
});
}
},
onFinally() {
}
})
}
}
>
{tagitem.label}
</div>
)
}
})
}
</div>
</div> </div>
<div className='projBoxBot'> <div className='projBoxBot'>
<div className='boxTopL'> <div className='boxTopL'>
<div className='numImg' <div className='numImg'
// style={{ fontSize: (page - 1) * 20 + index + 1 > 100 ? '12px' : '18px' }} // style={{ fontSize: (page - 1) * 20 + index + 1 > 100 ? '12px' : '18px' }}
> >
{(page - 1) * 20 + index + 1} {(page - 1) * 20 + index + 1}
</div> </div>

87
src/route/index/Index.tsx
View File

@ -52,6 +52,36 @@ const { Search } = Input;
export default function Index() { export default function Index() {
// 是否可以点击所属者 (当点击了退款选项,所属者列表跟他不产生联系 不给他点) // 是否可以点击所属者 (当点击了退款选项,所属者列表跟他不产生联系 不给他点)
// const [clickBelongpeople, setClickBelongpeople] = useState(true) // const [clickBelongpeople, setClickBelongpeople] = useState(true)
// 补正搜索条件标签数组
const [tagCorArray, setTagCorArray] = useState([])
// 获取补正标签
const getCorTag = () => {
get({
messageApi,
url: `/api/proj/correction/apply/tag/list-tag`,
onBefore() {
},
onSuccess(data: any) {
// console.log('标签信息', data);
const newarrty: any = (data.data).map((item: any) => ({
value: item.key,
label: item.value
}));
// console.log('标签信息', newarrty);
setTagCorArray(newarrty)
},
onFinally() {
}
})
}
// 选择的标签
const [tagCor, setTagCor] = useState('')
// 选项数组 // 选项数组
const [tagArray, setTagArray] = useState([]) const [tagArray, setTagArray] = useState([])
@ -65,7 +95,7 @@ export default function Index() {
}, },
onSuccess(data: any) { onSuccess(data: any) {
console.log('标签信息', data); // console.log('标签信息', data);
const newarrty: any = (data.data).map((item: any) => ({ const newarrty: any = (data.data).map((item: any) => ({
value: item.key, value: item.key,
label: item.value label: item.value
@ -172,7 +202,6 @@ export default function Index() {
const [tagDataId, settagDataId] = useState<string | null>(null) const [tagDataId, settagDataId] = useState<string | null>(null)
const [payStatus, setpayStatus] = useState<string | null>(null) const [payStatus, setpayStatus] = useState<string | null>(null)
const [authorId, setauthorId] = useState('') const [authorId, setauthorId] = useState('')
const [projRemindId, setprojRemindId] = useState<string | null>(null) const [projRemindId, setprojRemindId] = useState<string | null>(null)
//退款状态 //退款状态
const [applyStatus, setapplyStatus] = useState<string | null>(null) const [applyStatus, setapplyStatus] = useState<string | null>(null)
@ -838,6 +867,7 @@ export default function Index() {
} }
getProjOwnerList() getProjOwnerList()
getCorTag()
getTag() getTag()
getremindTag() getremindTag()
}, []); }, []);
@ -872,12 +902,13 @@ export default function Index() {
correctionNumType: correctionNumType, correctionNumType: correctionNumType,
correctionType: correctionType, correctionType: correctionType,
applyStatus: correctionApplyStatus, applyStatus: correctionApplyStatus,
authorId: authorId authorId: authorId,
tagCor:tagCor,
} }
}) })
} }
}, [type, chargeAdditionals, keywords, tagDataId, projRemindId, payStatus, authorId, refunKeywords, applyStatus, correctionKeywords, correctionNumType, correctionType, correctionApplyStatus]); }, [type, chargeAdditionals, keywords, tagDataId, projRemindId, payStatus, authorId, refunKeywords, applyStatus, correctionKeywords, correctionNumType, correctionType, correctionApplyStatus,tagCor]);
// const [menuName,setMenuName] = useState<string | null>('') // const [menuName,setMenuName] = useState<string | null>('')
// useEffect(()=>{ // useEffect(()=>{
@ -959,7 +990,8 @@ export default function Index() {
correctionNumType: correctionNumType, correctionNumType: correctionNumType,
correctionType: correctionType, correctionType: correctionType,
applyStatus: correctionApplyStatus, applyStatus: correctionApplyStatus,
authorId: authorId authorId: authorId,
tagCor:tagCor,
} }
}) })
} }
@ -974,7 +1006,8 @@ export default function Index() {
correctionNumType: correctionNumType, correctionNumType: correctionNumType,
correctionType: correctionType, correctionType: correctionType,
applyStatus: correctionApplyStatus, applyStatus: correctionApplyStatus,
authorId: authorId authorId: authorId,
tagCor:tagCor,
} }
}) })
} }
@ -1305,7 +1338,7 @@ export default function Index() {
// value={tagDataId} // value={tagDataId}
style={{ height: '31px', width: '130px', marginLeft: 20, display: showSearchBox ? 'block' : 'none' }} style={{ height: '31px', width: '130px', marginLeft: 20, display: showSearchBox ? 'block' : 'none' }}
onChange={(value: string) => { onChange={(value: string) => {
console.log(`selected ${value}`); // console.log(`selected ${value}`);
// const [part1, part2] = value.split(':'); // const [part1, part2] = value.split(':');
// console.log('part1:', part1); // console.log('part1:', part1);
// console.log('part2:', part2); // console.log('part2:', part2);
@ -1514,7 +1547,7 @@ export default function Index() {
onSearch={correctionhandleSearch} onSearch={correctionhandleSearch}
onChange={correctionhandleChange} onChange={correctionhandleChange}
style={{ style={{
width: '200px', width: '160px',
height: '31px', height: '31px',
marginLeft: 10 marginLeft: 10
}} }}
@ -1522,7 +1555,7 @@ export default function Index() {
/> />
<Select <Select
value={correctionNumType} value={correctionNumType}
style={{ height: '31px', width: '150px', marginLeft: 10 }} style={{ height: '31px', width: '110px', marginLeft: 10 }}
onChange={(value: string) => { onChange={(value: string) => {
setcorrectionNumType(value) setcorrectionNumType(value)
@ -1532,7 +1565,8 @@ export default function Index() {
correctionNumType: value, correctionNumType: value,
correctionType: correctionType, correctionType: correctionType,
applyStatus: correctionApplyStatus, applyStatus: correctionApplyStatus,
authorId: authorId authorId: authorId,
tagCor:tagCor,
} }
}) })
}} }}
@ -1546,7 +1580,7 @@ export default function Index() {
allowClear allowClear
/> />
<Select <Select
style={{ height: '31px', width: '150px', marginLeft: 10 }} style={{ height: '31px', width: '130px', marginLeft: 10 }}
value={correctionType} value={correctionType}
onChange={(value: string) => { onChange={(value: string) => {
setcorrectionType(value) setcorrectionType(value)
@ -1556,7 +1590,8 @@ export default function Index() {
correctionNumType: correctionNumType, correctionNumType: correctionNumType,
correctionType: value, correctionType: value,
applyStatus: correctionApplyStatus, applyStatus: correctionApplyStatus,
authorId: authorId authorId: authorId,
tagCor:tagCor,
} }
}) })
}} }}
@ -1573,7 +1608,7 @@ export default function Index() {
/> />
<Select <Select
value={correctionApplyStatus} value={correctionApplyStatus}
style={{ height: '31px', width: '150px', marginLeft: 10 }} style={{ height: '31px', width: '120px', marginLeft: 10 }}
onChange={(value: string) => { onChange={(value: string) => {
setcorrectionApplyStatus(value) setcorrectionApplyStatus(value)
nav('/correction', { nav('/correction', {
@ -1582,7 +1617,8 @@ export default function Index() {
correctionNumType: correctionNumType, correctionNumType: correctionNumType,
correctionType: correctionType, correctionType: correctionType,
applyStatus: value, applyStatus: value,
authorId: authorId authorId: authorId,
tagCor:tagCor,
} }
}) })
}} }}
@ -1596,6 +1632,29 @@ export default function Index() {
// defaultValue="" // defaultValue=""
placeholder={'选择状态'} placeholder={'选择状态'}
allowClear allowClear
/>
<Select
// value={correctionApplyStatus}
style={{ height: '31px', width: '120px', marginLeft: 10 }}
onChange={(value: string) => {
setTagCor(value)
nav('/correction', {
state: {
keywords: correctionKeywords,
correctionNumType: correctionNumType,
correctionType: correctionType,
applyStatus: applyStatus,
authorId: authorId,
tagCor:value,
}
})
}}
options={
tagCorArray
}
// defaultValue=""
placeholder={'选择标签'}
allowClear
/> />
<Button onClick={() => { <Button onClick={() => {
correctionInit() correctionInit()