Commit 470c8348 by fanyongjun

4.9

parent 0200a1a6
import React,{useState, useEffect,} from "react" import React from "react"
import {Modal,Descriptions} from "antd" import {Modal,Descriptions} from "antd"
export default (props)=>{ const AssetDetail = (props)=>{
const {handleCancle,visible,boxDetail} = props const {handleCancle,visible,boxDetail} = props
return( return(
<Modal <Modal
...@@ -28,3 +28,5 @@ export default (props)=>{ ...@@ -28,3 +28,5 @@ export default (props)=>{
</Modal> </Modal>
) )
} }
export default AssetDetail;
\ No newline at end of file
import React,{useState, useEffect,} from "react" import React,{useState, useEffect,} from "react"
import {Modal,Tabs,Form,Input,Space,InputNumber,Button,Radio} from "antd" import {Modal,Form,Input,Space,Button} from "antd"
import { dispatchLatest,dispatch } from '../../../../model'; import { dispatch } from '../../../../model';
import { showMessage } from '../../../../util'; import { showMessage } from '../../../../util';
const {TabPane} = Tabs const AssetModal = (props)=>{
export default (props)=>{
const {handleCancle,visible,editBox,addType,attrBox,nodeId,attrBox2,setPageNumber,pageNumber} = props const {handleCancle,visible,editBox,addType,attrBox,nodeId,attrBox2,setPageNumber,pageNumber} = props
const [form] = Form.useForm() const [form] = Form.useForm()
const [saveLoad,setSaveLod] = useState(false) const [saveLoad,setSaveLod] = useState(false)
...@@ -129,3 +127,5 @@ export default (props)=>{ ...@@ -129,3 +127,5 @@ export default (props)=>{
</Modal> </Modal>
) )
} }
export default AssetModal;
\ No newline at end of file
...@@ -10,7 +10,7 @@ import { showMessage } from '../../../../util'; ...@@ -10,7 +10,7 @@ import { showMessage } from '../../../../util';
const { Text } = Typography; const { Text } = Typography;
export default (props) =>{ const AssetTable = (props) =>{
const {nodeId,} = props const {nodeId,} = props
const [tableLoad,setTableLoad] = useState(false) const [tableLoad,setTableLoad] = useState(false)
...@@ -38,9 +38,14 @@ export default (props) =>{ ...@@ -38,9 +38,14 @@ export default (props) =>{
useEffect(()=>{ useEffect(()=>{
if(nodeId) if(nodeId)
getTable() setPageNumber({...pageNumber,page:1,rebuild:new Date().getTime()})
},[nodeId,rebuild]) },[nodeId])
useEffect(()=>{
if(nodeId&&rebuild!==0)
getTable()
},[rebuild])
...@@ -70,7 +75,7 @@ export default (props) =>{ ...@@ -70,7 +75,7 @@ export default (props) =>{
setTableLoad(true) setTableLoad(true)
dispatch({ dispatch({
type: 'assetmanage.listDataAssetsByPage', type: 'assetmanage.listDataAssetsByPage',
payload: {dirId:nodeId,pageNum:page,pageSize:size,keyword:keyMessage}, payload: {dirId:nodeId,pageNum:page,pageSize:size,keyword:keyMessage!==''?keyMessage:undefined},
callback: dataBox => { callback: dataBox => {
setTableBox({dataList:dataBox.data,total:dataBox.total}) setTableBox({dataList:dataBox.data,total:dataBox.total})
setSelectBox([]) setSelectBox([])
...@@ -220,7 +225,6 @@ export default (props) =>{ ...@@ -220,7 +225,6 @@ export default (props) =>{
itemLayout="vertical" itemLayout="vertical"
dataSource={dataList || []} dataSource={dataList || []}
footer={null} footer={null}
Pagination={false}
renderItem={(item) => ( renderItem={(item) => (
<List.Item <List.Item
actions={[ actions={[
...@@ -274,3 +278,5 @@ export default (props) =>{ ...@@ -274,3 +278,5 @@ export default (props) =>{
</Card> </Card>
) )
} }
export default AssetTable;
\ No newline at end of file
...@@ -10,7 +10,7 @@ import ThemeFile from "./ThemeFile" ...@@ -10,7 +10,7 @@ import ThemeFile from "./ThemeFile"
import './LeftTree.less'; import './LeftTree.less';
const {TreeNode} = Tree const {TreeNode} = Tree
export default (props)=>{ const LeftTree = (props)=>{
const {setNodeId,nodeId} = props const {setNodeId,nodeId} = props
const [treeBox,setTreeBox] = useState([]) const [treeBox,setTreeBox] = useState([])
const [dataList,setDataList] = useState([]) const [dataList,setDataList] = useState([])
...@@ -119,11 +119,11 @@ export default (props)=>{ ...@@ -119,11 +119,11 @@ export default (props)=>{
const getPatentNode=(data,id)=>{ const getPatentNode=(data,id)=>{
let box = undefined let box = undefined
if(id==0){ if(String(id)==='0'){
box = data[0] box = data[0]
}else{ }else{
for (let node of data){ for (let node of data){
if(node.nodeId == id){ if(String(node.nodeId) === String(id)){
box = node box = node
return box return box
}else{ }else{
...@@ -159,7 +159,7 @@ export default (props)=>{ ...@@ -159,7 +159,7 @@ export default (props)=>{
if(!type){ if(!type){
window.open(`/api/dataassetmanager/directoryApi/export`); window.open(`/api/dataassetmanager/directoryApi/export`);
}else{ }else{
if(nodeBox.dataBox.nodeId!=undefined){ if(nodeBox.dataBox.nodeId!==undefined){
window.open(`/api/dataassetmanager/directoryApi/export?parentPath=${detailBox.path}`); window.open(`/api/dataassetmanager/directoryApi/export?parentPath=${detailBox.path}`);
}else{ }else{
showMessage("warn","请选择目录") showMessage("warn","请选择目录")
...@@ -212,7 +212,7 @@ export default (props)=>{ ...@@ -212,7 +212,7 @@ export default (props)=>{
} }
const onSearch = () => { const onSearch = () => {
if(searchMessage!=''){ if(searchMessage!==''){
const expandedKeys = dataList const expandedKeys = dataList
.map(item => { .map(item => {
if (item.title.indexOf(searchMessage) > -1) { if (item.title.indexOf(searchMessage) > -1) {
...@@ -220,7 +220,7 @@ export default (props)=>{ ...@@ -220,7 +220,7 @@ export default (props)=>{
} }
return null; return null;
}) })
.filter((item, i, self) => item && self.indexOf(item) == i); .filter((item, i, self) => item && self.indexOf(item) === i);
setAutoExpandParent(true) setAutoExpandParent(true)
setNodeBox({...nodeBox,openNode:expandedKeys}) setNodeBox({...nodeBox,openNode:expandedKeys})
setSearchValue(searchMessage) setSearchValue(searchMessage)
...@@ -370,3 +370,5 @@ export default (props)=>{ ...@@ -370,3 +370,5 @@ export default (props)=>{
) )
} }
export default LeftTree;
\ No newline at end of file
import React,{useState, useEffect} from "react"
import {Card,Input} from "antd"
export default (props)=>{
const {} = props
const [keyWord,setKeyWord] = useState('')
return(
<Card bodyStyle={{padding:10}}>
<div>
<div style={{display:'inline-block',fontSize:18,fontWeight:800,color:'#767676',marginRight:40}}>资产管理</div>
<Input.Search style={{width:180,float:'right'}}
onChange={e=>{ setKeyWord(e.target.value)}}
value={keyWord}
placeholder={"请输入关键字"}
enterButton
// onSearch={()=>{fetchTableList()}}
/>
</div>
</Card>
)
}
\ No newline at end of file
...@@ -5,16 +5,17 @@ import { dispatch } from '../../../../model'; ...@@ -5,16 +5,17 @@ import { dispatch } from '../../../../model';
import { showMessage} from '../../../../util'; import { showMessage} from '../../../../util';
export default (props)=>{ const ThemeFile = (props)=>{
const {fileVisible,handleCancle,editBox,selectKey,setTreeRebuild} = props const {fileVisible,handleCancle,editBox,selectKey,setTreeRebuild} = props
const [upLoad,setUpLoad] = useState(false) const [upLoad,setUpLoad] = useState(false)
const [message,setMessage] = useState('')
const [form] = Form.useForm() const [form] = Form.useForm()
useEffect(()=>{ useEffect(()=>{
if(fileVisible){ if(fileVisible){
setMessage('')
form.resetFields() form.resetFields()
} }
},[fileVisible]) },[fileVisible])
...@@ -49,9 +50,13 @@ export default (props)=>{ ...@@ -49,9 +50,13 @@ export default (props)=>{
payload: { fileList: value.file[0].originFileObj }, payload: { fileList: value.file[0].originFileObj },
callback: data => { callback: data => {
setTreeRebuild({build:new Date().getTime(),type:'build'}) setTreeRebuild({build:new Date().getTime(),type:'build'})
showMessage("success","导入成功") // showMessage("success","导入成功")
form.resetFields()
setUpLoad(false) setUpLoad(false)
handleCancle() if(data){
let msg=data.replace(RegExp(";", "g"),"<br />")
setMessage(msg)
}
}, },
error: () => { error: () => {
...@@ -63,8 +68,11 @@ export default (props)=>{ ...@@ -63,8 +68,11 @@ export default (props)=>{
payload: { params:{parentPath: editBox.path},fileList: value.file[0].originFileObj }, payload: { params:{parentPath: editBox.path},fileList: value.file[0].originFileObj },
callback: data => { callback: data => {
setUpLoad(false) setUpLoad(false)
handleCancle() if(data){
showMessage("success","导入成功") let msg=data.replace(RegExp(";", "g"),"<br />")
setMessage(msg)
}
form.resetFields()
setTreeRebuild({build:new Date().getTime(),type:'build'}) setTreeRebuild({build:new Date().getTime(),type:'build'})
}, },
...@@ -136,7 +144,7 @@ export default (props)=>{ ...@@ -136,7 +144,7 @@ export default (props)=>{
> >
<Radio.Group > <Radio.Group >
<Radio value={1} >父节点导入</Radio> <Radio value={1} >父节点导入</Radio>
<Radio value={2} disabled={selectKey!=undefined?false:true}>选中节点导入</Radio> <Radio value={2} disabled={selectKey!==undefined?false:true}>选中节点导入</Radio>
</Radio.Group> </Radio.Group>
</Form.Item> </Form.Item>
<Form.Item <Form.Item
...@@ -152,6 +160,12 @@ export default (props)=>{ ...@@ -152,6 +160,12 @@ export default (props)=>{
</Upload> </Upload>
</Form.Item> </Form.Item>
</Form> </Form>
<div style={{maxHeight:400,overflow:'auto'}} dangerouslySetInnerHTML={{__html:message}}></div>
</Modal> </Modal>
) )
} }
export default ThemeFile;
\ No newline at end of file
import React,{useState, useEffect,} from "react" import React,{useState, useEffect,} from "react"
import {Modal,Tabs,Form,Input,Space,InputNumber,Button,Radio} from "antd" import {Modal,Form,Input,Space,InputNumber,Button,Radio} from "antd"
import { dispatchLatest } from '../../../../model'; import { dispatchLatest } from '../../../../model';
import { showMessage } from '../../../../util'; import { showMessage } from '../../../../util';
const {TabPane} = Tabs const TreeModal = (props)=>{
export default (props)=>{
const {handleCancle,visible,editBox,addType,selectKey,getNodeDetail,setTreeRebuild,treeRebuild} = props const {handleCancle,visible,editBox,addType,selectKey,getNodeDetail,setTreeRebuild,treeRebuild} = props
const [form] = Form.useForm() const [form] = Form.useForm()
const [saveLoad,setSaveLod] = useState(false) const [saveLoad,setSaveLod] = useState(false)
...@@ -21,7 +19,7 @@ export default (props)=>{ ...@@ -21,7 +19,7 @@ export default (props)=>{
setSaveLod(true) setSaveLod(true)
form.validateFields().then((value)=>{ form.validateFields().then((value)=>{
if(addType){ if(addType){
if(value.type==1){ if(Number(value.type)===1){
let box = { let box = {
"code": value.code, "code": value.code,
"name": value.name, "name": value.name,
...@@ -148,7 +146,7 @@ export default (props)=>{ ...@@ -148,7 +146,7 @@ export default (props)=>{
> >
<Radio.Group > <Radio.Group >
<Radio value={1} >目录</Radio> <Radio value={1} >目录</Radio>
<Radio value={2} disabled={selectKey!=undefined?false:true}>主题</Radio> <Radio value={2} disabled={selectKey!==undefined?false:true}>主题</Radio>
</Radio.Group> </Radio.Group>
</Form.Item>} </Form.Item>}
<Form.Item <Form.Item
...@@ -183,3 +181,5 @@ export default (props)=>{ ...@@ -183,3 +181,5 @@ export default (props)=>{
</Modal> </Modal>
) )
} }
export default TreeModal;
\ No newline at end of file
import React from 'react'; import React from 'react';
import { Tabs, Row, Col } from 'antd'; import { Row, Col } from 'antd';
import LeftTree from "./components/LeftTree" import LeftTree from "./components/LeftTree"
import AssetTable from "./components/AssetTable" import AssetTable from "./components/AssetTable"
const { TabPane } = Tabs;
class Index extends React.Component { class Index extends React.Component {
constructor(props) { constructor(props) {
...@@ -22,7 +21,7 @@ class Index extends React.Component { ...@@ -22,7 +21,7 @@ class Index extends React.Component {
render() { render() {
return ( return (
<Row gutter={15}> <Row gutter={15} style={{backgroundColor:'#ededed'}}>
<Col span={6}> <Col span={6}>
<LeftTree setNodeId={this.setNodeId} nodeId={this.state.nodeId}/> <LeftTree setNodeId={this.setNodeId} nodeId={this.state.nodeId}/>
</Col> </Col>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment