|
@ -10,11 +10,11 @@ import './style.less' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const Rest = (props) => { |
|
|
const Rest = (props) => { |
|
|
const { dispatch, actions, user, qiniu, loading, clientHeight, overallProjectId ,apiRoot} = props |
|
|
const { dispatch, actions, user, qiniu, loading, clientHeight, overallProjectId, apiRoot } = props |
|
|
const { install, means } = actions |
|
|
const { install, means } = actions |
|
|
const [pomsList, setPomsList] = useState([]); //项目 |
|
|
const [pomsList, setPomsList] = useState([]); //项目 |
|
|
const [showPomsList, setShowPomsList] = useState([]); //项目 |
|
|
const [showPomsList, setShowPomsList] = useState([]); //项目 |
|
|
const [pepProjectId, setPepProjectId] = useState() //项目id |
|
|
const [pepProjectId, setPepProjectId] = useState(null) //项目id |
|
|
const [projectSearch, setProjectSearch] = useState() //项目搜索 |
|
|
const [projectSearch, setProjectSearch] = useState() //项目搜索 |
|
|
const [isFileModal, setIsFileModal] = useState(false) //添加文件弹窗 |
|
|
const [isFileModal, setIsFileModal] = useState(false) //添加文件弹窗 |
|
|
const [editData, setEditData] = useState({}) //编辑参数 |
|
|
const [editData, setEditData] = useState({}) //编辑参数 |
|
@ -39,11 +39,10 @@ const Rest = (props) => { |
|
|
let data = res.payload.data?.rows?.filter(v => v.pepProjectIsDelete !== 1)?.map(v => ({ pepProjectId: v.id, pepProjectName: v.pepProjectName || v.name })) |
|
|
let data = res.payload.data?.rows?.filter(v => v.pepProjectIsDelete !== 1)?.map(v => ({ pepProjectId: v.id, pepProjectName: v.pepProjectName || v.name })) |
|
|
setPomsList(data) |
|
|
setPomsList(data) |
|
|
setShowPomsList(data) |
|
|
setShowPomsList(data) |
|
|
setPepProjectId(data[0]?.pepProjectId) |
|
|
|
|
|
fileList(data[0]?.pepProjectId) |
|
|
|
|
|
} |
|
|
} |
|
|
})) |
|
|
})) |
|
|
|
|
|
// setPepProjectId(data[0]?.pepProjectId) |
|
|
|
|
|
fileList(null) |
|
|
}, []) |
|
|
}, []) |
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
useEffect(() => { |
|
@ -54,8 +53,8 @@ const Rest = (props) => { |
|
|
data = pomsList?.filter(v => v.pepProjectName?.indexOf(projectSearch) != -1) |
|
|
data = pomsList?.filter(v => v.pepProjectName?.indexOf(projectSearch) != -1) |
|
|
} |
|
|
} |
|
|
setShowPomsList(data) |
|
|
setShowPomsList(data) |
|
|
setPepProjectId(data[0]?.pepProjectId) |
|
|
setPepProjectId(data[0]?.pepProjectId || null) |
|
|
fileList(data[0]?.pepProjectId) |
|
|
fileList(data[0]?.pepProjectId || null) |
|
|
setDataSource([]) |
|
|
setDataSource([]) |
|
|
setFileId('') |
|
|
setFileId('') |
|
|
setFileSearch('') |
|
|
setFileSearch('') |
|
@ -70,8 +69,8 @@ const Rest = (props) => { |
|
|
data = pomsList |
|
|
data = pomsList |
|
|
} |
|
|
} |
|
|
setShowPomsList(data) |
|
|
setShowPomsList(data) |
|
|
setPepProjectId(data[0]?.pepProjectId) |
|
|
setPepProjectId(data[0]?.pepProjectId || null) |
|
|
fileList(data[0]?.pepProjectId) |
|
|
fileList(data[0]?.pepProjectId || null) |
|
|
setDataSource([]) |
|
|
setDataSource([]) |
|
|
setFileId('') |
|
|
setFileId('') |
|
|
setFileSearch('') |
|
|
setFileSearch('') |
|
@ -152,7 +151,7 @@ const Rest = (props) => { |
|
|
if (!fileData && !list?.children?.length) { |
|
|
if (!fileData && !list?.children?.length) { |
|
|
dispatch(means.delFile(v.id)).then((res => { |
|
|
dispatch(means.delFile(v.id)).then((res => { |
|
|
if (res.success) { |
|
|
if (res.success) { |
|
|
fileList(v.projectId) |
|
|
fileList(v.projectId || null) |
|
|
} |
|
|
} |
|
|
})) |
|
|
})) |
|
|
} |
|
|
} |
|
@ -279,6 +278,17 @@ const Rest = (props) => { |
|
|
<div style={{ width: 200, height: '100%', padding: '16px 10px', boxShadow: '0 0 4px 2px #0000000d' }}> |
|
|
<div style={{ width: 200, height: '100%', padding: '16px 10px', boxShadow: '0 0 4px 2px #0000000d' }}> |
|
|
<Input placeholder='请输入项目名称' value={projectSearch} onChange={v => setProjectSearch(v)} /> |
|
|
<Input placeholder='请输入项目名称' value={projectSearch} onChange={v => setProjectSearch(v)} /> |
|
|
<SimpleBar style={{ height: 'calc(100% - 24px', }} forceVisible="y" > |
|
|
<SimpleBar style={{ height: 'calc(100% - 24px', }} forceVisible="y" > |
|
|
|
|
|
<div style={{ cursor: 'pointer', background: pepProjectId == null ? 'rgb(15 126 251 / 16%)' : '', width: 180, height: 30, display: 'flex', alignItems: 'center' }} |
|
|
|
|
|
onClick={() => { |
|
|
|
|
|
setPepProjectId(null) |
|
|
|
|
|
fileList(null) |
|
|
|
|
|
setDataSource([]) |
|
|
|
|
|
setFileId('') |
|
|
|
|
|
}}> |
|
|
|
|
|
<img src="/assets/images/icon/project-icon.png" style={{ width: 14, marginRight: 8 }} /> |
|
|
|
|
|
<div style={{ fontSize: 14, width: 152, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>项目通用</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
{showPomsList?.map(v => { |
|
|
{showPomsList?.map(v => { |
|
|
return <div key={'pepProjectId' + v.pepProjectId} title={v.pepProjectName} style={{ cursor: 'pointer', background: v.pepProjectId == pepProjectId ? 'rgb(15 126 251 / 16%)' : '', width: 180, height: 30, display: 'flex', alignItems: 'center' }} |
|
|
return <div key={'pepProjectId' + v.pepProjectId} title={v.pepProjectName} style={{ cursor: 'pointer', background: v.pepProjectId == pepProjectId ? 'rgb(15 126 251 / 16%)' : '', width: 180, height: 30, display: 'flex', alignItems: 'center' }} |
|
|
onClick={() => { |
|
|
onClick={() => { |
|
@ -309,14 +319,14 @@ const Rest = (props) => { |
|
|
<FileModal |
|
|
<FileModal |
|
|
editData={editData} |
|
|
editData={editData} |
|
|
higherFile={higherFile} |
|
|
higherFile={higherFile} |
|
|
pepProjectId={pepProjectId} |
|
|
pepProjectId={pepProjectId || null} |
|
|
type={2} |
|
|
type={2} |
|
|
close={() => { |
|
|
close={() => { |
|
|
setIsFileModal(false) |
|
|
setIsFileModal(false) |
|
|
setEditData({}) |
|
|
setEditData({}) |
|
|
}} |
|
|
}} |
|
|
success={() => { |
|
|
success={() => { |
|
|
fileList(pepProjectId) |
|
|
fileList(pepProjectId || null) |
|
|
}} |
|
|
}} |
|
|
/> : "" |
|
|
/> : "" |
|
|
} |
|
|
} |
|
@ -559,7 +569,7 @@ function mapStateToProps (state) { |
|
|
// socket: webSocket.socket |
|
|
// socket: webSocket.socket |
|
|
clientHeight: global.clientHeight, |
|
|
clientHeight: global.clientHeight, |
|
|
qiniu: global.qiniu?.domain, |
|
|
qiniu: global.qiniu?.domain, |
|
|
apiRoot:global.apiRoot |
|
|
apiRoot: global.apiRoot |
|
|
}; |
|
|
}; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|