lishenfeng
/
tsg-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

页面搭建

lsf-dev
xielei 2024-09-29 17:19:27 +08:00
parent c93f08e0d0 c4ba002e9c
commit 7538450e70
57 changed files with 509 additions and 361 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
package-lock.json generated
View File

@ -50,6 +50,7 @@
"react-cookies": "^0.1.1",
"react-dom": "^18.2.0",
"react-konva": "^18.2.3",
"react-org-tree": "^1.0.1",
"react-pdf": "^7.3.3",
"react-redux": "^8.0.2",
"react-rnd": "^10.4.11",
@ -18883,6 +18884,14 @@
"resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
"integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
},
"node_modules/react-org-tree": {
"version": "1.0.1",
"resolved": "https://registry.npmmirror.com/react-org-tree/-/react-org-tree-1.0.1.tgz",
"integrity": "sha512-NK1d8VIAzxJyMC/Rx9MupAusoFnokYr81Hw3oEpqxqBLQmpBVAexjvPSAJmhCmsom9Zymu+BMNrjRw5D54n7aw==",
"dependencies": {
"classnames": "^2.2.6"
}
},
"node_modules/react-pdf": {
"version": "7.3.3",
"resolved": "https://registry.npmjs.org/react-pdf/-/react-pdf-7.3.3.tgz",

8
package.json
View File

@ -33,6 +33,7 @@
"gsap": "^3.11.5",
"http-proxy-middleware": "^2.0.6",
"js-md5": "^0.8.3",
"konva": "^8.3.14",
"lodash": "^4.17.21",
"moment": "^2.29.4",
"ol": "^7.4.0",
@ -43,6 +44,8 @@
"react-audio-player": "^0.17.0",
"react-cookies": "^0.1.1",
"react-dom": "^18.2.0",
"react-konva": "^18.2.3",
"react-org-tree": "^1.0.1",
"react-pdf": "^7.3.3",
"react-redux": "^8.0.2",
"react-rnd": "^10.4.11",
@ -50,10 +53,7 @@
"react-router-dom": "^6.3.0",
"react-scripts": "5.0.1",
"redux": "^4.2.0",
"typescript": "^4.7.4",
"konva": "^8.3.14",
"react-konva": "^18.2.3"
"typescript": "^4.7.4"
},
"scripts": {
"start": "craco start",

BIN
public/assets/images/four.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
public/assets/images/one.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/assets/images/three.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
public/assets/images/two.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

3
src/models/auth/_.ts
View File

@ -289,8 +289,9 @@ export async function loadMenu(): Promise<MenuItem[]> {
}
]
},
{ id: id(), title: '法律法规', path: '/mgr/sz/flfg' },
{ id: id(), title: '制度管理', path: '/mgr/sz/zdgl' },
{ id: id(), title: '法律法规', path: '/mgr/sz/flfg' },
]
},

4
src/views/fxzb/qxdw/gc/form.js
View File

@ -361,12 +361,12 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
useEffect(() => {
if (mode !== "save") {
let dataSo = [
let dateSo = [
record.validStartDate? moment(record.validStartDate):'',
record.validEndDate? moment(record.validEndDate): ''
]
form.setFieldsValue({...record,dateRangeSo:dataSo})
form.setFieldsValue({...record,dateRangeSo:dateSo})
}

2
src/views/fxzb/qxdw/gc/index.js
View File

@ -36,7 +36,7 @@ const Page = () => {
{ title: '联系电话', key: 'phone', dataIndex: 'phone', width: 150, ellipsis: true },
{ title: '登记日期', key: 'registerDate', dataIndex: 'registerDate', width: 150, ellipsis: true },
{
title: '有效期限', key: 'dataSo', dataIndex: 'dataSo', width: 250,
title: '有效期限', key: 'dateSo', dataIndex: 'dateSo', width: 250,
render: (value, row, index) => {
return (
<>

6
src/views/fxzb/qxdw/zq/form.js
View File

@ -128,14 +128,14 @@ const ModalForm = ({ mode, record,onEdit,onSave,onSimilarSave }) => {
useEffect(() => {
let serviceObj
let dataSo = [
let dateSo = [
moment(record.validStartDate),
moment(record.validEndDate)
]
if (serviceObjs?.length > 0) {
serviceObj = serviceObjs.map(item => item.name).join()
}
form.setFieldsValue({...record,dataSo,serviceObjs:serviceObj})
form.setFieldsValue({...record,dateSo,serviceObjs:serviceObj})
}, [record,serviceObjs])
return (
@ -172,7 +172,7 @@ const ModalForm = ({ mode, record,onEdit,onSave,onSimilarSave }) => {
<Col span={12}>
<Form.Item
label="有效期限"
name="dataSo"
name="dateSo"
>
<RangePicker
allowClear

2
src/views/fxzb/qxdw/zq/index.js
View File

@ -41,7 +41,7 @@ const Page = () => {
{ title: '联系电话', key: 'phone', dataIndex: 'phone', width: 150, ellipsis: true },
{ title: '登记日期', key: 'registerDate', dataIndex: 'registerDate', width: 150, ellipsis: true },
{
title: '有效期限', key: 'dataSo', dataIndex: 'dataSo', width: 250,
title: '有效期限', key: 'dateSo', dataIndex: 'dateSo', width: 250,
render: (value, row, index) => {
return (
<>

2
src/views/gcaqjc/bzt/index.less
View File

@ -29,7 +29,7 @@
top: 30px;
border-radius: 5px;
border: 1px solid #eee;
transition: all 0.2s ease 0s;
.ant-tabs-nav{
margin-bottom: 5px;

10
src/views/gcaqjc/gcaqfx/jrx/toolbar.js
View File

@ -10,25 +10,25 @@ const ToolBar = ({ setSearchVal, onSave,setSwiper,exportFile,role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 23:59:59')
}
}
delete values.tm
setSearchVal({...values, dateTimeRangeSo:dataSo});
setSearchVal({...values, dateTimeRangeSo:dateSo});
}
// useEffect(() => {
// let time = [moment().subtract(1,"months"),moment()]
// let dataSo = {
// let dateSo = {
// start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
// end:moment(time[1]).format('YYYY-MM-DD 00:00:00'),
// }
// form.setFieldValue("tm",time)
// setSearchVal({dateTimeRangeSo:dataSo})
// setSearchVal({dateTimeRangeSo:dateSo})
// }, [])
useEffect(() => {

10
src/views/gcaqjc/gcaqyj/yhyj/toolbar.js
View File

@ -36,24 +36,24 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 23:59:59')
}
}
delete values.tm
setSearchVal({...values, dateTimeRangeSo:dataSo});
setSearchVal({...values, dateTimeRangeSo:dateSo});
}
useEffect(() => {
let time = [moment().subtract(1,"weeks"),moment()]
let dataSo = {
let dateSo = {
start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
end:moment(time[1]).format('YYYY-MM-DD 23:59:59'),
}
form.setFieldValue("tm",time)
setSearchVal({dateTimeRangeSo:dataSo})
setSearchVal({dateTimeRangeSo:dateSo})
}, [])

6
src/views/gcaqjc/gcaqyj/yjgzpz/toolbar.js
View File

@ -26,15 +26,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD HH:mm:ss'),
end: moment(values.tm[1]).format('YYYY-MM-DD HH:mm:ss')
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({...values, dateSo});
}

10
src/views/gcaqjc/sjtjcx/czcx/toolbar.js
View File

@ -26,25 +26,25 @@ const ToolBar = ({ setSearchVal, onSave, onChecked,role }) => {
},
]
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 23:59:59')
}
}
delete values.tm
setSearchVal({...values, dateTimeRangeSo:dataSo});
setSearchVal({...values, dateTimeRangeSo:dateSo});
}
useEffect(() => {
let time = [moment().subtract(1,"months"),moment()]
let dataSo = {
let dateSo = {
start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
end:moment(time[1]).format('YYYY-MM-DD 23:59:59'),
}
form.setFieldValue("tm",time)
setSearchVal({dateTimeRangeSo:dataSo})
setSearchVal({dateTimeRangeSo:dateSo})
}, [])
return (
<>

6
src/views/gcaqjc/sjtjcx/ndsltjb/toolbar.js
View File

@ -12,12 +12,12 @@ const ToolBar = ({ setSearchVal, setDmName, exportFile,role }) => {
const searchBtn = role?.rule?.find(item => item.menuName == "查询")||true;
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = moment(values.tm).format('YYYY')
dateSo = moment(values.tm).format('YYYY')
}
delete values.tm
setSearchVal({ ...values, year: dataSo });
setSearchVal({ ...values, year: dateSo });
}

6
src/views/gcaqjc/sjtjcx/ndsytjb/toolbar.js
View File

@ -22,12 +22,12 @@ const ToolBar = ({ setSearchVal, setDmName, exportFile,role }) => {
}
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = moment(values.tm).format('YYYY')
dateSo = moment(values.tm).format('YYYY')
}
delete values.tm
setSearchVal({ ...values, year: dataSo });
setSearchVal({ ...values, year: dateSo });
setDmName(dmList.find(item => item.value == values.profileCode).label)
}

6
src/views/gcaqjc/sjtjcx/ndwytjb/toolbar.js
View File

@ -12,12 +12,12 @@ const ToolBar = ({ setSearchVal, setDmName, exportFile, role }) => {
const searchBtn = role?.rule?.find(item => item.menuName == "查询")||true;
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = moment(values.tm).format('YYYY')
dateSo = moment(values.tm).format('YYYY')
}
delete values.tm
setSearchVal({ ...values, year: dataSo });
setSearchVal({ ...values, year: dateSo });
}

6
src/views/gcaqjc/sjtjcx/sljc/toolbar.js
View File

@ -56,15 +56,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
}
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD HH:mm:ss'),
end: moment(values.tm[1]).format('YYYY-MM-DD HH:mm:ss')
}
}
delete values.tm
setSearchVal({...values, dateTimeRangeSo:dataSo});
setSearchVal({...values, dateTimeRangeSo:dateSo});
}

6
src/views/gcaqjc/sjtjcx/syjc/toolbar.js
View File

@ -76,15 +76,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
}
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD HH:mm:ss'),
end: moment(values.tm[1]).format('YYYY-MM-DD HH:mm:ss')
}
}
delete values.tm
setSearchVal({...values, dateTimeRangeSo:dataSo});
setSearchVal({...values, dateTimeRangeSo:dateSo});
}
useEffect(() => {

6
src/views/gcaqjc/sjtjcx/wyjc/toolbar.js
View File

@ -68,15 +68,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
}
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD HH:mm:ss'),
end: moment(values.tm[1]).format('YYYY-MM-DD HH:mm:ss')
}
}
delete values.tm
setSearchVal({...values, dateTimeRangeSo:dataSo});
setSearchVal({...values, dateTimeRangeSo:dateSo});
}
useEffect(() => {

10
src/views/gxsl/gstjfx/toolbar.js
View File

@ -55,15 +55,15 @@ const ToolBar = ({ setSearchVal, setMode, exportFile,role }) => {
}
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
startTime: moment(values.tm[0]).format('YYYY-MM-DD HH:mm:ss'),
endTime: moment(values.tm[1]).format('YYYY-MM-DD HH:mm:ss')
}
}
delete values.tm
setSearchVal({...values, ...dataSo});
setSearchVal({...values, ...dateSo});
}
useEffect(() => {
@ -72,12 +72,12 @@ const ToolBar = ({ setSearchVal, setMode, exportFile,role }) => {
useEffect(() => {
let time = [moment().subtract(7,"days"),moment()]
let dataSo = {
let dateSo = {
startTime:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
endTime:moment(time[1]).format('YYYY-MM-DD 23:59:59'),
}
form.setFieldValue("tm",time)
setSearchVal(dataSo)
setSearchVal(dateSo)
}, [])
return (

12
src/views/gxsl/zfjk/toolbar.js
View File

@ -7,32 +7,32 @@ const { RangePicker } = DatePicker;
const ToolBar = ({ setSearchVal, searchVal,exportFile }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm1) {
dataSo = {
dateSo = {
start: moment(values.tm1[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm1[1]).format('YYYY-MM-DD 23:59:59')
}
}
delete values.tm1
setSearchVal({...values, dateTimeRangeSo:dataSo});
setSearchVal({...values, dateTimeRangeSo:dateSo});
}
// useEffect(() => {
// let time = [moment().subtract(1,"months"),moment()]
// let dataSo = {
// let dateSo = {
// start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
// end:moment(time[1]).format('YYYY-MM-DD 00:00:00'),
// }
// form.setFieldValue("tm",time)
// setSearchVal({dateTimeRangeSo:dataSo})
// setSearchVal({dateTimeRangeSo:dateSo})
// }, [])
useEffect(() => {
if (searchVal) {
let time = [moment(searchVal.dateTimeRangeSo?.start),moment(searchVal.dateTimeRangeSo?.end)]
form.setFieldValue("tm1",time)
}
// setSearchVal({dateTimeRangeSo:dataSo})
// setSearchVal({dateTimeRangeSo:dateSo})
}, [searchVal])
return (
<>

10
src/views/gxsl/zfjk/toolbar1.js
View File

@ -6,21 +6,21 @@ const { RangePicker } = DatePicker;
const ToolBar = ({ setSearchVal, onSave,exportFile,type,searchValLog }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 23:59:59')
}
}
delete values.tm
setSearchVal({...values, dateTimeRangeSo:dataSo});
setSearchVal({...values, dateTimeRangeSo:dateSo});
}
useEffect(() => {
// let time = [moment().subtract(1,"months"),moment()]
// let dataSo = {
// let dateSo = {
// start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
// end:moment(time[1]).format('YYYY-MM-DD 00:00:00'),
// }
@ -28,7 +28,7 @@ const ToolBar = ({ setSearchVal, onSave,exportFile,type,searchValLog }) => {
let time = [moment(searchValLog.dateTimeRangeSo?.start),moment(searchValLog.dateTimeRangeSo?.end)]
form.setFieldValue("tm",time)
}
// setSearchVal({dateTimeRangeSo:dataSo})
// setSearchVal({dateTimeRangeSo:dateSo})
}, [searchValLog])
return (
<>

12
src/views/gxsl/zfzl/toolbar.js
View File

@ -7,32 +7,32 @@ const { RangePicker } = DatePicker;
const ToolBar = ({ setSearchVal, searchVal,exportFile }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm1) {
dataSo = {
dateSo = {
start: moment(values.tm1[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm1[1]).format('YYYY-MM-DD 23:59:59')
}
}
delete values.tm1
setSearchVal({...values, dateTimeRangeSo:dataSo});
setSearchVal({...values, dateTimeRangeSo:dateSo});
}
// useEffect(() => {
// let time = [moment().subtract(1,"months"),moment()]
// let dataSo = {
// let dateSo = {
// start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
// end:moment(time[1]).format('YYYY-MM-DD 00:00:00'),
// }
// form.setFieldValue("tm",time)
// setSearchVal({dateTimeRangeSo:dataSo})
// setSearchVal({dateTimeRangeSo:dateSo})
// }, [])
useEffect(() => {
if (searchVal) {
let time = [moment(searchVal.dateTimeRangeSo?.start),moment(searchVal.dateTimeRangeSo?.end)]
form.setFieldValue("tm1",time)
}
// setSearchVal({dateTimeRangeSo:dataSo})
// setSearchVal({dateTimeRangeSo:dateSo})
}, [searchVal])
return (
<>

10
src/views/gxsl/zfzl/toolbar1.js
View File

@ -6,21 +6,21 @@ const { RangePicker } = DatePicker;
const ToolBar = ({ setSearchVal, onSave,exportFile,type,searchValLog }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 23:59:59')
}
}
delete values.tm
setSearchVal({...values, dateTimeRangeSo:dataSo});
setSearchVal({...values, dateTimeRangeSo:dateSo});
}
useEffect(() => {
// let time = [moment().subtract(1,"months"),moment()]
// let dataSo = {
// let dateSo = {
// start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
// end:moment(time[1]).format('YYYY-MM-DD 00:00:00'),
// }
@ -28,7 +28,7 @@ const ToolBar = ({ setSearchVal, onSave,exportFile,type,searchValLog }) => {
let time = [moment(searchValLog.dateTimeRangeSo?.start),moment(searchValLog.dateTimeRangeSo?.end)]
form.setFieldValue("tm",time)
}
// setSearchVal({dateTimeRangeSo:dataSo})
// setSearchVal({dateTimeRangeSo:dateSo})
}, [searchValLog])
return (
<>

12
src/views/rcgl/aqgl/aqjcgl/toolbar.js
View File

@ -9,24 +9,24 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 00:00:00')
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({...values, dateSo});
}
useEffect(() => {
let dataSo = {
let dateSo = {
start: moment().subtract(1,"years").format('YYYY-MM-DD 00:00:00'),
end: moment().format('YYYY-MM-DD 00:00:00')
}
form.setFieldValue("tm", [moment(dataSo.start), moment(dataSo.end)])
setSearchVal({ dataSo })
form.setFieldValue("tm", [moment(dateSo.start), moment(dateSo.end)])
setSearchVal({ dateSo })
}, [])
return (

6
src/views/rcgl/aqgl/aqjdtz/toolbar.js
View File

@ -8,15 +8,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 00:00:00')
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({...values, dateSo});
}

12
src/views/rcgl/aqgl/aqsgdj/toolbar.js
View File

@ -9,24 +9,24 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 00:00:00')
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({...values, dateSo});
}
useEffect(() => {
let dataSo = {
let dateSo = {
start: moment().subtract(1,"years").format('YYYY-MM-DD 00:00:00'),
end: moment().format('YYYY-MM-DD 00:00:00')
}
form.setFieldValue("tm", [moment(dataSo.start), moment(dataSo.end)])
setSearchVal({ dataSo })
form.setFieldValue("tm", [moment(dateSo.start), moment(dateSo.end)])
setSearchVal({ dateSo })
}, [])
return (

12
src/views/rcgl/aqgl/aqyhpc/toolbar.js
View File

@ -9,24 +9,24 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 00:00:00')
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({...values, dateSo});
}
useEffect(() => {
let dataSo = {
let dateSo = {
start: moment().subtract(1,"years").format('YYYY-MM-DD 00:00:00'),
end: moment().format('YYYY-MM-DD 00:00:00')
}
form.setFieldValue("tm", [moment(dataSo.start), moment(dataSo.end)])
setSearchVal({ dataSo })
form.setFieldValue("tm", [moment(dateSo.start), moment(dateSo.end)])
setSearchVal({ dateSo })
}, [])
return (

6
src/views/rcgl/aqgl/cxjgtz/toolbar.js
View File

@ -8,15 +8,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 00:00:00')
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({...values, dateSo});
}

6
src/views/rcgl/aqgl/fxgkqd/toolbar.js
View File

@ -10,15 +10,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 00:00:00')
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({...values, dateSo});
}

6
src/views/rcgl/btbb/rjswnbb/toolbar.js
View File

@ -8,12 +8,12 @@ const ToolBar = ({ setSearchVal, onSave, exportFile, role }) => {
const exportBtn = role?.rule?.find(item => item.menuName == "导出")|| true;
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.year) {
dataSo = moment(values.year).format('YYYY')
dateSo = moment(values.year).format('YYYY')
}
delete values.year
setSearchVal({...values, year:Number(dataSo)});
setSearchVal({...values, year:Number(dateSo)});
}
useEffect(() => {

6
src/views/rcgl/btbb/rjynbb/toolbar.js
View File

@ -8,12 +8,12 @@ const ToolBar = ({ setSearchVal, onSave, exportFile, role }) => {
const exportBtn = role?.rule?.find(item => item.menuName == "导出")|| true;
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.year) {
dataSo = moment(values.year).format('YYYY')
dateSo = moment(values.year).format('YYYY')
}
delete values.year
setSearchVal({...values, year:Number(dataSo)});
setSearchVal({...values, year:Number(dateSo)});
}
useEffect(() => {

12
src/views/rcgl/btbb/sdjyrbb/toolbar.js
View File

@ -8,24 +8,24 @@ const ToolBar = ({ setSearchVal, onSave, exportFile, role }) => {
const exportBtn = role?.rule?.find(item => item.menuName == "导出")|| true;
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 00:00:00')
}
}
delete values.tm
setSearchVal({...values, ...dataSo});
setSearchVal({...values, ...dateSo});
}
useEffect(() => {
let dataSo = {
let dateSo = {
start: moment().subtract(1,"weeks").format('YYYY-MM-DD 00:00:00'),
end: moment().format('YYYY-MM-DD 00:00:00')
}
form.setFieldValue("tm", [moment(dataSo.start), moment(dataSo.end)])
setSearchVal(dataSo)
form.setFieldValue("tm", [moment(dateSo.start), moment(dateSo.end)])
setSearchVal(dateSo)
}, [])
return (

12
src/views/rcgl/btbb/sdswrbb/toolbar.js
View File

@ -8,24 +8,24 @@ const ToolBar = ({ setSearchVal, onSave, exportFile, role }) => {
const exportBtn = role?.rule?.find(item => item.menuName == "导出")|| true;
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 00:00:00')
}
}
delete values.tm
setSearchVal({...values, ...dataSo});
setSearchVal({...values, ...dateSo});
}
useEffect(() => {
let dataSo = {
let dateSo = {
start: moment().subtract(1,"weeks").format('YYYY-MM-DD 00:00:00'),
end: moment().format('YYYY-MM-DD 00:00:00')
}
form.setFieldValue("tm", [moment(dataSo.start), moment(dataSo.end)])
setSearchVal(dataSo)
form.setFieldValue("tm", [moment(dateSo.start), moment(dateSo.end)])
setSearchVal(dateSo)
}, [])
return (

12
src/views/rcgl/byfz/bypc/toolbar.js
View File

@ -10,21 +10,21 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.year) {
dataSo = moment(values.year).format('YYYY')
dateSo = moment(values.year).format('YYYY')
}
delete values.year
setSearchVal({...values, year:Number(dataSo)});
setSearchVal({...values, year:Number(dateSo)});
}
// useEffect(() => {
// let dataSo = {
// let dateSo = {
// start: moment().subtract(1,"years").format('YYYY-MM-DD 00:00:00'),
// end: moment().format('YYYY-MM-DD 00:00:00')
// }
// form.setFieldValue("tm", [moment(dataSo.start), moment(dataSo.end)])
// setSearchVal({ dataSo })
// form.setFieldValue("tm", [moment(dateSo.start), moment(dateSo.end)])
// setSearchVal({ dateSo })
// }, [])
return (

6
src/views/rcgl/byfz/fzxc/toolbar.js
View File

@ -10,15 +10,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 00:00:00')
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({...values, dateSo});
}

6
src/views/rcgl/gcdsj/toolbar.js
View File

@ -9,15 +9,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD HH:mm:ss'),
end: moment(values.tm[1]).format('YYYY-MM-DD HH:mm:ss')
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({...values, dateSo});
}

6
src/views/rcgl/jdkh/khzbgl/toolbar.js
View File

@ -10,15 +10,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 00:00:00')
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({...values, dateSo});
}

10
src/views/rcgl/stlljc/toolbar.js
View File

@ -54,26 +54,26 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
}
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
startTime: moment(values.tm[0]).format('YYYY-MM-DD HH:mm:ss'),
endTime: moment(values.tm[1]).format('YYYY-MM-DD HH:mm:ss')
}
}
delete values.tm
setSearchVal({...dataSo});
setSearchVal({...dateSo});
}
useEffect(() => {
let time = [moment().subtract(1,"months"),moment()]
let dataSo = {
let dateSo = {
startTime:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
endTime:moment(time[1]).format('YYYY-MM-DD 23:59:59'),
}
form.setFieldValue("tm",time)
setSearchVal({...dataSo})
setSearchVal({...dateSo})
}, [])

10
src/views/rcgl/szzb/toolbar.js
View File

@ -70,26 +70,26 @@ const ToolBar = ({ setSearchVal, onChecked, exportFile, role }) => {
}
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD HH:mm:ss'),
end: moment(values.tm[1]).format('YYYY-MM-DD HH:mm:ss')
}
}
delete values.tm
setSearchVal({...values, startTime:dataSo?.start,endTime:dataSo?.end});
setSearchVal({...values, startTime:dateSo?.start,endTime:dateSo?.end});
}
useEffect(() => {
let time = [moment().subtract(1,"years"),moment()]
let dataSo = {
let dateSo = {
start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
end:moment(time[1]).format('YYYY-MM-DD 23:59:59'),
}
form.setFieldValue("tm",time)
setSearchVal({startTime:dataSo.start, endTime:dataSo.end})
setSearchVal({startTime:dateSo.start, endTime:dateSo.end})
}, [])
return (
<>

6
src/views/rcgl/xcxj/xjxpz/toolbar.js
View File

@ -10,15 +10,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const [form] = Form.useForm();
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 00:00:00')
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({...values, dateSo});
}

10
src/views/spjk/aiWarn/toolbar.js
View File

@ -38,26 +38,26 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
}
}
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD 00:00:00'),
end: moment(values.tm[1]).format('YYYY-MM-DD 23:59:59')
}
}
delete values.tm
setSearchVal({...values, dateTimeRangeSo:dataSo});
setSearchVal({...values, dateTimeRangeSo:dateSo});
}
useEffect(() => {
getStationCode()
let time = [moment().subtract(1,"weeks"),moment()]
let dataSo = {
let dateSo = {
start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
end:moment(time[1]).format('YYYY-MM-DD 23:59:59'),
}
form.setFieldValue("tm",time)
setSearchVal({dateTimeRangeSo:dataSo})
setSearchVal({dateTimeRangeSo:dateSo})
}, [])
return (
<>

9
src/views/sq/qys/xyys/index.js
View File

@ -11,8 +11,13 @@ const Page = () => {
<Image src={title} />保护对象
</div>
<div className={styles.content}>
水库防洪标准按50年一遇设计，1000年一遇校核，设计洪水位111.51米，校核洪水位 112.75 米,水库担负着红安县城、七里坪、杏花、城关等城镇，以及京九铁路汉麻连络线、省道S234、国道G230,京九铁路汉麻联络线等交通设施安全的防洪重任、防洪保护人口32万
人，保护耕地 15 万亩。
水库防洪标准按
<span className={styles.color}>50</span>
年一遇设计，<span className={styles.color}>1000</span>年一遇校核，设计洪水位<span className={styles.color}>111.51</span>米，
校核洪水位 <span className={styles.color}>112.75</span> 米,
水库担负着红安县城、七里坪、杏花、城关等城镇，
以及京九铁路汉麻连络线、省道S234、国道G230,京九铁路汉麻联络线等交通设施安全的防洪重任、防洪保护人口<span className={styles.color}>32</span>万
人，保护耕地 <span className={styles.color}>15</span> 万亩。
</div>
</div>

3
src/views/sq/qys/xyys/index.module.less
View File

@ -8,3 +8,6 @@
font-size: 17px;
padding: 0 20px;
}
.color{
color: #409eff;
}

4
src/views/sz/pxjhgl/RecordForm.js
View File

@ -121,12 +121,12 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
// useEffect(() => {
// if (mode !== "save") {
// let dataSo = [
// let dateSo = [
// record.validStartDate? moment(record.validStartDate):'',
// record.validEndDate? moment(record.validEndDate): ''
// ]
// form.setFieldsValue({...record,dateRangeSo:dataSo})
// form.setFieldsValue({...record,dateRangeSo:dateSo})
// }

5
src/views/sz/szzf/ajdj/bajz.js
View File

@ -39,8 +39,7 @@ const Page = ({ uploadUrl, downloadUrl, type, getFormInfo, formJsonData }) => {
const [isModal, setIsModal] = useState(false)
const getInfo = () => {
form.validateFields().then((values) => {
getFormInfo({ ...values, ...fileListHj })
form.resetFields()
getFormInfo({ ...fileListHj,...values, })
setFileList([])
}).catch((errorInfo) => {
console.log(errorInfo, 'error');
@ -131,7 +130,9 @@ const Page = ({ uploadUrl, downloadUrl, type, getFormInfo, formJsonData }) => {
}
useEffect(() => {
setFileHj(formJsonData)
form.setFieldsValue(formJsonData)
}, [])
return (
<Form form={form} onFinish={onFinish} >

91
src/views/sz/szzf/ajdj/config.js
View File

@ -1,4 +1,85 @@
const treeData = [
{
value: '行政处理',
title: '行政处理',
children: [
{
value: '责令停止违法行为',
title: '责令停止违法行为',
},
{
value: '责令补办许可手续',
title: '责令补办许可手续',
},
{
value: '责令限期拆除',
title: '责令限期拆除',
},
{
value: '责令采取补救措施',
title: '责令采取补救措施',
},
{
value: '责令停止施工',
title: '责令停止施工',
},
{
value: '责令赔偿损失',
title: '责令赔偿损失',
},
],
},
{
value: '行政处罚',
title: '行政处罚',
children: [
{
value: '警告',
title: '警告',
},
{
value: '罚款',
title: '罚款',
},
{
value: '没收违法所得、非法财产',
title: '没收违法所得、非法财产',
},
{
value: '责令停产停业',
title: '责令停产停业',
},
{
value: '暂扣许可证、执照',
title: '暂扣许可证、执照',
},
{
value: '吊销许可证、执照',
title: '吊销许可证、执照',
},
],
},
{
value: '行政强制措施',
title: '行政强制措施',
children: [
{
value: '查封或扣押设施',
title: '查封或扣押设施',
},
{
value: '查封或扣罚财务',
title: '查封或扣罚财务',
},
{
value: '其他',
title: '其他',
},
],
},
];
const basicData = [
{
label: '填报人',
@ -144,14 +225,17 @@ const clqkData = [
{
label: '处理依据',
key: 'treatmentBasis',
type: 'input',
type: 'TreeSelect',
span: 12,
treeData:[],
fieldNames:{label: 'legalName', value: 'legalName', children: 'children'}
},
{
label: '处理措施',
key: 'treatmentMeasure',
type: 'Select',
span: 12
type: 'TreeSelect',
span: 12,
treeData:treeData
},
{
label: '移送处理情况',
@ -188,6 +272,7 @@ const clqkData = [
{
label: '直接损失金额(万元)',
key: 'directLossAmount',
labelCol:{span:7},
type: 'input',
span: 12
},

19
src/views/sz/szzf/ajdj/editTabs.js
View File

@ -33,11 +33,23 @@ const items = [
const Page = ({ mode, onCrudSuccess,record,submit }) => {
const [formData,setFormData] =useState({})
const [clqkDataConfig,setConfig] =useState([])
// debugger;
const [key, setKeys] = useState('1')
const onChange = (key) => {
const onChange = async(key) => {
console.log(key);
setKeys(key)
if(key == 2){
const res = await httpget(apiurl.szzf.clyj.tree)
const arr = clqkData.map(item=>{
if(item.key == 'treatmentBasis'){
item.treeData = res.data
}
return item
})
setConfig(arr)
}
};
const getFormInfo = (e) => {
if(!e){
@ -80,7 +92,8 @@ const Page = ({ mode, onCrudSuccess,record,submit }) => {
}
useEffect(()=>{
if(mode == 'edit' || mode =='view'){
httpget(apiurl.szzf.ajdj.detail + record.id).then(res=>{
httpget(apiurl.szzf.ajdj.detail + record.id).then(async res=>{
let obj = {
createName: localStorage.getItem('userName'),
createTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
@ -113,7 +126,7 @@ const Page = ({ mode, onCrudSuccess,record,submit }) => {
<Tabs defaultActiveKey="1" items={items} onChange={onChange} />
<>
{key == 1 && <BascForm formJson={basicData} formJsonData={formData} fileKey='files1'type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></BascForm>}
{key == 2 && <BascForm formJson={clqkData} fileKey='files2' formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></BascForm>}
{key == 2 && <BascForm formJson={clqkDataConfig} fileKey='files2' formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></BascForm>}
{key == 3 && <BascForm formJson={xzfy} formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></BascForm>}
{key == 4 && <Bajz formJson={xzfy} formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></Bajz>}
{key == 5 && <Lsyx formJson={xzfy} formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></Lsyx>}

6
src/views/sz/szzf/ajdj/toolbar.js
View File

@ -10,15 +10,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const [form] = Form.useForm();
const [showGj, setShowGj] = useState(false)
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD HH:mm:ss'),
end: moment(values.tm[1]).format('YYYY-MM-DD HH:mm:ss')
}
}
delete values.tm
setSearchVal({ ...values, dataSo });
setSearchVal({ ...values, dateSo });
}
const opntios = [

1
src/views/sz/szzf/form/index.js
View File

@ -166,6 +166,7 @@ const FormZdy = ({ fileKey,typeName = "ddForm", formJson, getFormInfo, type, for
<Form.Item
label={item.label}
name={item.key}
labelCol={item.labelCol}
rules={[{ required: item.required, message: '请输入' + item.label }]}
>
<Input disabled={type == 'view' || item.disabled} placeholder={item.placeholder} addonAfter={item.addonAfter}/>

85
src/views/sz/zzjgck/index.js
View File

@ -1,12 +1,95 @@
import React, { useState, useMemo, useEffect } from 'react'
import ReactEcharts from 'echarts-for-react';
import jgOption from './jgoption'
import { httpget2, httppost2,xyt_httpget2 } from '../../../utils/request';
import apiurl from '../../../service/apiurl';
import "./index.less"
export default function Zzjgck() {
const [deptList, setDeptList] = useState([])
const [deptUserList, setDeptUserList] = useState([])
// 获取部门数据
const getDeptList = async() => {
try {
const result = await xyt_httpget2(apiurl.rcgl.zbgl.zbb.deptlist);
if (result.code == 200) {
setDeptList(result.data);
getDeptUser()
}
} catch (error) {
console.log(error);
}
}
// 获取部门人员数据
const getDeptUser = async() => {
try {
const result = await xyt_httpget2(apiurl.rcgl.zbgl.zbb.userList, {pageNum:1,pageSize:9999});
if (result.code == 200) {
setDeptUserList(result.rows)
}
} catch (error) {
console.log(error);
}
}
const buildTree = (data, parentId) => {
let tree = [];
data.forEach((node) => {
node.title = node.deptName;
node.key = node.deptId;
if (node.parentId === parentId) {
let children = buildTree(data, node.deptId);
if (children.length) {
node.children = children;
}
tree.push(node);
}
});
return tree;
}
const handleTreeList = (dept, user) => {
const deptArr = dept.map(item => {
return {
...item,
value: item.deptId,
title: item.deptName,
// disabled: item.userId ? false : true,
children: user.filter(u => u.deptId == item.deptId).map(u => ({
...u,
value: u.userId,
title: u.nickName,
}))
}
})
const treelist = buildTree(deptArr, 0)
return treelist
}
const treeList = useMemo(() => {
if (deptUserList?.length > 0 && deptList?.length > 0) {
return handleTreeList(deptList,deptUserList)
} else {
return []
}
}, [deptUserList, deptList])
const jgOptions = useMemo(() => {
return jgOption();
if (treeList.length > 0) {
return jgOption(treeList);
} else {
return {}
}
}, [treeList])
useEffect(() => {
getDeptList()
}, [])
return (
<div className='content-box' style={{ backgroundColor: '#fff', height: '100%', display: 'flex', padding: '10px' }}>
<div className='lf' style={{ height: 'calc(100vh - 168px)',width:"100%" }}>

24
src/views/sz/zzjgck/index.less
View File

@ -0,0 +1,24 @@
.org-parent{
font-size: 20px;
color: '#000';
padding: 20px;
background: url(../../../../public/assets/images/one.png) 0 0 no-repeat;
}
.org-parent1{
font-size: 18px;
color: '#000';
padding: 10px;
background: url(../../../../public/assets/images/two.png) 0 0 no-repeat;
}
.org-parent2{
font-size: 18px;
color: '#000';
padding: 10px;
background: url(../../../../public/assets/images/three.png) 0 0 no-repeat;
}
.org-parent3{
font-size: 18px;
color: '#000';
padding: 10px;
background: url(../../../../public/assets/images/four.png) 0 0 no-repeat;
}

219
src/views/sz/zzjgck/jgoption.js
View File

@ -1,103 +1,25 @@
import { Space } from 'antd';
import one from '../../../assets/img/u0.png'
// const one = `${process.env.PUBLIC_URL}/assets/img/u0.png`;
console.log(one);
const getBackground = () => {
export default function jgOption(data1) {
console.log("123", data1);
const one = `${process.env.PUBLIC_URL}/assets/images/one.png`;
const two = `${process.env.PUBLIC_URL}/assets/images/two.png`;
const three = `${process.env.PUBLIC_URL}/assets/images/three.png`;
const four = `${process.env.PUBLIC_URL}/assets/images/four.png`;
return {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: '#ffffff' // 0% 处的颜色
}, {
offset: 0.5, color: 'blue' // 100% 处的颜色
}, {
offset: 1, color: '#ffffff' // 100% 处的颜色
}],
global: false // 缺省为 false
}
}
const data = {
name: '销售部',
children: [{
name: '销售一部',
children: [{
name: '任务名称1',
itemStyle: { color: "#ff9800" },
},
{
name: '任务名称2',
itemStyle: { color: "#4d8dd9" },
},
{
name: '任务名称3',
itemStyle: { color: "#22b07b" },
},
{
name: '任务名称4'
},
{
name: '任务名称5'
},
{
name: '任务名称6'
},
{
name: '任务名称7'
},
{
name: '任务名称8'
}
]
},
{
name: '销售二部',
},
{
name: '销售三部',
children: [{
name: '任务3-1'
},
{
name: '任务3-2'
}
]
},
{
name: '销售四部',
children: [{
name: '任务4-1'
},
{
name: '任务4-2'
}
]
}
]
}
export default function jgOption() {
return {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
series: [{
type: 'tree',
id: 0,
name: 'tree1',
data: [data],
data: data1,
top: '10%',
left: '10%',
left: '0%',
bottom: '20%',
right: '10%',
right: '25%',
avoidLabelOverlap: true,//防止标签重叠
roam: true, //移动+缩放 'scale' 或 'zoom'：只能够缩放。 'move' 或 'pan'：只能够平移。
scaleLimit:{ //缩放比例
min:0.7,//最小的缩放值
max:4,//最大的缩放值
scaleLimit: { //缩放比例
min: 0.7,//最小的缩放值
max: 4,//最大的缩放值
},
layout: 'orthogonal',//树图布局，orthogonal水平垂直方向，radial径向布局 是指以根节点为圆心，每一层节点为环，一层层向外
orient: 'TB', //树形方向 TB为上下结构 LR为左右结构
@ -105,95 +27,96 @@ export default function jgOption() {
//layerPadding: 30,//连接线长度 （发现没用）
symbol: 'circle', //图形形状 rect方形 roundRect圆角 emptyCircle圆形 circle实心圆
symbolSize: 14, //状态大小
symbol: function(value, params) {
console.log("params", value, params);
// params.data节点的所有数据
return "image://" + require("../../../assets/img/u0.png");
},
edgeShape: 'polyline', //线条类型 curve曲线
initialTreeDepth: 1, //初始展开的层级
initialTreeDepth: 3, //初始展开的层级
expandAndCollapse: true,//子树折叠和展开的交互，默认打开
lineStyle: {//结构线条样式
width: 0.7,
width: 1,
color: '#1E9FFF',
type: 'broken'
type: 'solid'
},
label: {
// 每个节点对应的文本标签样式
show: true, // 是否显示标签
// rotate:90,
distance: 8, // 文本距离图形元素的距离
position: ['50%', '50%'], // 标签位置
verticalAlign: 'middle', // 文字垂直对齐方式，默认自动，top，middle，bottom
align: 'center', // 文字水平对齐方式，默认自动，left，right，center
fontSize: 16, // 字体大小
color: '#333', // 字体颜色
// color: 'red', // 字体颜色
backgroundColor: '#F8F9FA', // 文字块的背景颜色
borderColor: '#CED4DA', // 文字块边框颜色
borderWidth: 1, // 文字块边框宽度
borderType: 'solid', // 文字块边框描边类型 solid dashed dotted
borderRadius: 2, // 文字块的圆角
padding: [0,0,0, 0], // 文字块内边距
shadowColor: 'rgba(0,121,221,0.3)', // 文字块的背景阴影颜色
shadowBlur: 6, // 文字块的背景阴影长度
color: '#000', // 字体颜色
overflow: 'breakAll',
formatter: (params) => {
let t = params.data.name
let len = params.data.title
let str = `{parent3|${len}}`
return str;
},
let str = [`{name|}${t}`].join('\n')
return str
},
rich: {
b:{
fontSize: 14,
parent: {
color: '#000',
padding: [20, 20],
backgroundColor: {
image: one
},
name: {
fontSize: 14,
padding:[0,0,0,5],
backgroundColor:{
image:one,
height: 40,
fontSize: 20
},
parent1: {
color: '#000',
padding: [10, 10],
backgroundColor: {
image: two
},
fontSize: 18
},
parent2: {
fontSize: 18,
color: '#000',
align: 'center',
padding: [10, 10],
backgroundColor: {
image: three,
repeat: "no-repeat",
},
},
current: {
fontSize: 12,
padding: 0,
color: '#07CA42',
fontWeight: 600,
backgroundColor: '#E5F7EA',
borderRadius: 2
parent3: {
color: '#000',
padding: [10, 10],
width:10,
overflow:'break',
backgroundColor: {
image: four,
repeat: "no-repeat",
},
fontSize: 18
},
main: {
color: '#0780ED',
fontSize: 12,
padding: 0,
fontWeight: 600,
backgroundColor: '#E6F2FD',
borderRadius: 2
}
}
},
leaves: { //叶子节点文本样式
label: {
//backgroundColor: '#81c5f7',
// backgroundColor: '#81c5f7',
backgroundColor: '#fff',
color:'#333',
color: '#333',
position: 'bottom',
rotate: 0,//标签旋转。
verticalAlign: 'middle',
align: 'center',
//文本框内文字超过6个字折行
/* formatter: function(val) {
let strs = val.name.split(''); //字符串数组
let str = ''
for(let i = 0, s; s = strs[i++];) { //遍历字符串数组
str += s;
if(!(i % 6)) str += '\n'; //按需要求余，目前是一个字换一行
}
return str
}, */
// formatter: function(val) {
// let strs = val.name.split(''); //字符串数组
// let str = ''
// for(let i = 0, s; s = strs[i++];) { //遍历字符串数组
// str += s;
// if(!(i % 6)) str += '\n'; //按需要求余，目前是一个字换一行
// }
// return str
// },
//或者
overflow:'break',//break为文字折行， truncate为文字超出部分省略号显示
lineOverflow:'truncate',//文字超出高度后 直接截取
overflow: 'break',//break为文字折行， truncate为文字超出部分省略号显示
lineOverflow: 'truncate',//文字超出高度后 直接截取
}
},
expandAndCollapse: true, //默认展开树形结构

10
src/views/zbgl/zbrz/toolbar.js
View File

@ -12,26 +12,26 @@ const ToolBar = ({ setSearchVal, onSave, exportFile,role }) => {
const onFinish = (values) => {
let dataSo;
let dateSo;
if (values.tm) {
dataSo = {
dateSo = {
start: moment(values.tm[0]).format('YYYY-MM-DD HH:mm:ss'),
end: moment(values.tm[1]).format('YYYY-MM-DD HH:mm:ss')
}
}
delete values.tm
setSearchVal({...values, startTime:dataSo?.start,endTime:dataSo?.end});
setSearchVal({...values, startTime:dateSo?.start,endTime:dateSo?.end});
}
useEffect(() => {
let time = [moment().subtract(7,"days"),moment()]
let dataSo = {
let dateSo = {
start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
end:moment(time[1]).format('YYYY-MM-DD 23:59:59'),
}
form.setFieldValue("tm",time)
setSearchVal(dataSo)
setSearchVal(dateSo)
}, [])
return (
<>