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

Compare commits

base: lishenfeng:e47436eda89eb17f657aa681f2bd02ee56587945
Branches Tags
lishenfeng:master
lishenfeng:qzc-dev
lishenfeng:qzc-dev-demo
lishenfeng:lsf-dev
..
compare: lishenfeng:25e5417cdd49240e9992b14f77c64db15b0423f2
Branches Tags
lishenfeng:master
lishenfeng:qzc-dev
lishenfeng:qzc-dev-demo
lishenfeng:lsf-dev

No commits in common. "e47436eda89eb17f657aa681f2bd02ee56587945" and "25e5417cdd49240e9992b14f77c64db15b0423f2" have entirely different histories.
e47436eda8 ... 25e5417cdd

36 changed files with 843 additions and 1702 deletions
Show Stats Expand all files Collapse all files

91
package-lock.json generated
View File

@ -38,7 +38,6 @@
"gsap": "^3.11.5", "gsap": "^3.11.5",
"http-proxy-middleware": "^2.0.6", "http-proxy-middleware": "^2.0.6",
"js-md5": "^0.8.3", "js-md5": "^0.8.3",
"konva": "^8.3.14",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"moment": "^2.29.4", "moment": "^2.29.4",
"ol": "^7.4.0", "ol": "^7.4.0",
@ -49,7 +48,6 @@
"react-audio-player": "^0.17.0", "react-audio-player": "^0.17.0",
"react-cookies": "^0.1.1", "react-cookies": "^0.1.1",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-konva": "^18.2.3",
"react-pdf": "^7.3.3", "react-pdf": "^7.3.3",
"react-redux": "^8.0.2", "react-redux": "^8.0.2",
"react-rnd": "^10.4.11", "react-rnd": "^10.4.11",
@ -6595,14 +6593,6 @@
"@types/react": "*" "@types/react": "*"
} }
}, },
"node_modules/@types/react-reconciler": {
"version": "0.28.8",
"resolved": "https://registry.npmmirror.com/@types/react-reconciler/-/react-reconciler-0.28.8.tgz",
"integrity": "sha512-SN9c4kxXZonFhbX4hJrZy37yw9e7EIxcpHCxQv5JUS18wDE5ovkQKlqQEkufdJCCMfuI9BnjUJvhYeJ9x5Ra7g==",
"dependencies": {
"@types/react": "*"
}
},
"node_modules/@types/resolve": { "node_modules/@types/resolve": {
"version": "1.17.1", "version": "1.17.1",
"resolved": "https://registry.npmmirror.com/@types/resolve/-/resolve-1.17.1.tgz", "resolved": "https://registry.npmmirror.com/@types/resolve/-/resolve-1.17.1.tgz",
@ -13014,17 +13004,6 @@
"node": ">=8" "node": ">=8"
} }
}, },
"node_modules/its-fine": {
"version": "1.2.5",
"resolved": "https://registry.npmmirror.com/its-fine/-/its-fine-1.2.5.tgz",
"integrity": "sha512-fXtDA0X0t0eBYAGLVM5YsgJGsJ5jEmqZEPrGbzdf5awjv0xE7nqv3TVnvtUF060Tkes15DbDAKW/I48vsb6SyA==",
"dependencies": {
"@types/react-reconciler": "^0.28.0"
},
"peerDependencies": {
"react": ">=18.0"
}
},
"node_modules/jake": { "node_modules/jake": {
"version": "10.8.5", "version": "10.8.5",
"resolved": "https://registry.npmmirror.com/jake/-/jake-10.8.5.tgz", "resolved": "https://registry.npmmirror.com/jake/-/jake-10.8.5.tgz",
@ -15086,25 +15065,6 @@
"node": ">= 8" "node": ">= 8"
} }
}, },
"node_modules/konva": {
"version": "8.4.3",
"resolved": "https://registry.npmmirror.com/konva/-/konva-8.4.3.tgz",
"integrity": "sha512-ARqdgAbdNIougRlOKvkQwHlGhXPRBV4KvhCP+qoPpGoVQwwiJe4Hkdu4HHdRPb9rGUp04jDTAxBzEwBsE272pg==",
"funding": [
{
"type": "patreon",
"url": "https://www.patreon.com/lavrton"
},
{
"type": "opencollective",
"url": "https://opencollective.com/konva"
},
{
"type": "github",
"url": "https://github.com/sponsors/lavrton"
}
]
},
"node_modules/l7-tiny-sdf": { "node_modules/l7-tiny-sdf": {
"version": "0.0.4", "version": "0.0.4",
"resolved": "https://registry.npmjs.org/l7-tiny-sdf/-/l7-tiny-sdf-0.0.4.tgz", "resolved": "https://registry.npmjs.org/l7-tiny-sdf/-/l7-tiny-sdf-0.0.4.tgz",
@ -18833,51 +18793,6 @@
"resolved": "https://registry.npmmirror.com/react-is/-/react-is-16.13.1.tgz", "resolved": "https://registry.npmmirror.com/react-is/-/react-is-16.13.1.tgz",
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
}, },
"node_modules/react-konva": {
"version": "18.2.10",
"resolved": "https://registry.npmmirror.com/react-konva/-/react-konva-18.2.10.tgz",
"integrity": "sha512-ohcX1BJINL43m4ynjZ24MxFI1syjBdrXhqVxYVDw2rKgr3yuS0x/6m1Y2Z4sl4T/gKhfreBx8KHisd0XC6OT1g==",
"funding": [
{
"type": "patreon",
"url": "https://www.patreon.com/lavrton"
},
{
"type": "opencollective",
"url": "https://opencollective.com/konva"
},
{
"type": "github",
"url": "https://github.com/sponsors/lavrton"
}
],
"dependencies": {
"@types/react-reconciler": "^0.28.2",
"its-fine": "^1.1.1",
"react-reconciler": "~0.29.0",
"scheduler": "^0.23.0"
},
"peerDependencies": {
"konva": "^8.0.1 || ^7.2.5 || ^9.0.0",
"react": ">=18.0.0",
"react-dom": ">=18.0.0"
}
},
"node_modules/react-konva/node_modules/react-reconciler": {
"version": "0.29.2",
"resolved": "https://registry.npmmirror.com/react-reconciler/-/react-reconciler-0.29.2.tgz",
"integrity": "sha512-zZQqIiYgDCTP/f1N/mAR10nJGrPD2ZR+jDSEsKWJHYC7Cm2wodlwbR3upZRdC3cjIjSlTLNVyO7Iu0Yy7t2AYg==",
"dependencies": {
"loose-envify": "^1.1.0",
"scheduler": "^0.23.2"
},
"engines": {
"node": ">=0.10.0"
},
"peerDependencies": {
"react": "^18.3.1"
}
},
"node_modules/react-lifecycles-compat": { "node_modules/react-lifecycles-compat": {
"version": "3.0.4", "version": "3.0.4",
"resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
@ -19688,9 +19603,9 @@
} }
}, },
"node_modules/scheduler": { "node_modules/scheduler": {
"version": "0.23.2", "version": "0.23.0",
"resolved": "https://registry.npmmirror.com/scheduler/-/scheduler-0.23.2.tgz", "resolved": "https://registry.npmmirror.com/scheduler/-/scheduler-0.23.0.tgz",
"integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==", "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
"dependencies": { "dependencies": {
"loose-envify": "^1.1.0" "loose-envify": "^1.1.0"
} }

2
src/components/crud/BasicCrudModal2.js
View File

@ -53,7 +53,7 @@ class BasicCrudModal extends React.Component {
} }
onEdit = (path,values) => { onEdit = (path,values) => {
createCrudService(path).edit(values).then((result) => { createCrudService(path).edit1(values).then((result) => {
if (result?.code === 200) { if (result?.code === 200) {
message.success('修改成功'); message.success('修改成功');
this.setState({ open: false }); this.setState({ open: false });

6
src/index.less
View File

@ -208,10 +208,4 @@ code {
} }
.flex-end{ .flex-end{
justify-content: flex-end; justify-content: flex-end;
}
.ellipsis1 {
overflow:hidden;/*内容超出后隐藏*/
text-overflow:ellipsis;/*超出内容显示为省略号*/
white-space:nowrap;/*文本不进行换行*/
} }

43
src/service/apiurl.js
View File

@ -1083,49 +1083,8 @@ const apiurl = {
// 全周期 // 全周期
gcdsj:{ gcdsj:{
qzqda:{ qzqda:{
list:service_fxdd + '/projectEvents/doc/page', list:service_fxdd + '/projectEvents/doc/page'
export: service_fxdd + '/projectEvents/export'
} }
},
szzf:{
ajdj:{
list:service_fxdd + '/szCase/page',
add:service_fxdd + '/szCase/insert',
edit:service_fxdd + '/szCase/update',
del:service_fxdd + '/szCase/del/',
upload:service_fxdd + '/szCase/file/upload/singleSimple',
download:service_fxdd + '/szCase/file/download/',
detail:service_fxdd + '/szCase/get/'
},
ajtj:{
// 统计类型 0:案件来源,1:案件类型,2:执行类型
info:service_fxdd + '/szCase/statistics/',
//趋势
qs:service_fxdd + '/szCase/statisticsNum/'
},
clyj:{
tree:service_fxdd + '/szTreatmentBasis/get/tree',
edit:service_fxdd + '/szTreatmentBasis/update',
add:service_fxdd + '/szTreatmentBasis/insert',
del:service_fxdd + '/szTreatmentBasis/del/',
detail:service_fxdd + '/szTreatmentBasis/get/'
}
},
flfg:{
edit:service_fxdd + '/SzRuleByLaw/update',
add:service_fxdd + '/SzRuleByLaw/insert',
del:service_fxdd + '/SzRuleByLaw/del/',
upload:service_fxdd + '/SzRuleByLaw/file/upload/singleSimple',
download:service_fxdd + '/SzRuleByLaw/file/download/',
list:service_fxdd + '/SzRuleByLaw/page'
},
zdgl:{
edit:service_fxdd + '/SzRegulatoryFramework/update',
add:service_fxdd + '/SzRegulatoryFramework/insert',
del:service_fxdd + '/SzRegulatoryFramework/del/',
upload:service_fxdd + '/SzRegulatoryFramework/file/upload/singleSimple',
download:service_fxdd + '/SzRegulatoryFramework/file/download/',
list:service_fxdd + '/SzRegulatoryFramework/page'
} }
} }

14
src/utils/request.js
View File

@ -435,20 +435,6 @@ export function httpPostFile(url, data = {}) {
// return sendFile(url, options); // return sendFile(url, options);
// } // }
export function httppostAddfile(url, data = {},key,fileKey) {
const form = new FormData();
let json=new Blob([JSON.stringify(data)],{ type: "application/json" })
// form.append(key, json);
if(data.file){
form.append("file", data.file.originFileObj??data.file);
}
const options = {
method: 'POST',
body: form,
};
return send(url, options);
}
async function sendFile(url, options) { async function sendFile(url, options) {
try { try {
const res = await request(url, options,'blob'); const res = await request(url, options,'blob');

7
src/views/sq/qys/gcys/KrLine/form.js
View File

@ -5,6 +5,7 @@ import apiurl from '../../../../../service/apiurl';
const ModalForm = ({ mode, record,onEdit,onSave,onCrudSuccess }) => { const ModalForm = ({ mode, record,onEdit,onSave,onCrudSuccess }) => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const onFinish = async (values) => { const onFinish = async (values) => {
values.resCode = "42120250085"
values.id = record?.id values.id = record?.id
if (mode === 'edit') { if (mode === 'edit') {
const params = { const params = {
@ -15,11 +16,7 @@ const ModalForm = ({ mode, record,onEdit,onSave,onCrudSuccess }) => {
onEdit(apiurl.dataResourcesCenter.projectAndWater.kr.update,params) onEdit(apiurl.dataResourcesCenter.projectAndWater.kr.update,params)
} }
if (mode === 'save') { if (mode === 'save') {
const params = { onSave(apiurl.dataResourcesCenter.projectAndWater.kr.save,values)
...values,
resCode:record.resCode
}
onSave(apiurl.dataResourcesCenter.projectAndWater.kr.save,params)
} }
} }

9
src/views/sq/qys/gcys/KrLine/index.js
View File

@ -7,7 +7,7 @@ import apiurl from '../../../../../service/apiurl';
import { httppost2 } from '../../../../../utils/request'; import { httppost2 } from '../../../../../utils/request';
import { CrudOpRender_text } from '../../../../../components/crud/CrudOpRender'; import { CrudOpRender_text } from '../../../../../components/crud/CrudOpRender';
import BasicCrudModal from '../../../../../components/crud/BasicCrudModal2'; import BasicCrudModal from '../../../../../components/crud/BasicCrudModal2';
export default function Zrtx({dataInfo}) { export default function Zrtx() {
const refModal = useRef(); const refModal = useRef();
const columns = [ const columns = [
{ {
@ -36,9 +36,8 @@ export default function Zrtx({dataInfo}) {
} }
const command = (type) => (params) => { const command = (type) => (params) => {
debugger;
if (type === 'save') { if (type === 'save') {
refModal.current.showSave(dataInfo); refModal.current.showSave({});
} else if (type === 'edit') { } else if (type === 'edit') {
refModal.current.showEdit(params) refModal.current.showEdit(params)
} else if (type === 'view') { } else if (type === 'view') {
@ -47,15 +46,13 @@ export default function Zrtx({dataInfo}) {
refModal.current.onDeletePost(apiurl.dataResourcesCenter.projectAndWater.kr.delete,params); refModal.current.onDeletePost(apiurl.dataResourcesCenter.projectAndWater.kr.delete,params);
} }
} }
useEffect(() => { useEffect(() => {
getData(); getData();
}, []) }, [])
return ( return (
<div> <div>
<h1><Button type='primary' onClick={() => {refModal.current.showSave(dataInfo)}}>新增</Button></h1> <h1><Button type='primary' onClick={() => {refModal.current.showSave({})}}>新增</Button></h1>
<div style={{display:"flex",columnGap:10,width:"100%"}}> <div style={{display:"flex",columnGap:10,width:"100%"}}>
<div style={{width:500}}> <div style={{width:500}}>
<Table <Table

24
src/views/sq/qys/gcys/index.js
View File

@ -1,29 +1,11 @@
import React, { useEffect, useState } from 'react' import React, { useState } from 'react'
import ProjectBasciInfo from './projectBasicInfo' import ProjectBasciInfo from './projectBasicInfo'
import TzParams from './tzParams' import TzParams from './tzParams'
import KrLine from './KrLine' import KrLine from './KrLine'
import MonthLl from './monthLl' import MonthLl from './monthLl'
import apiurl from '../../../../service/apiurl';
import { httpget2, httppost2 } from '../../../../utils/request';
import "./index.less" import "./index.less"
export default function ShuikuBasicInfo() { export default function ShuikuBasicInfo() {
const [tabVal, setTabVal] = useState('1') const [tabVal, setTabVal] = useState('1')
const [data,setData] =useState('')
const getDataIfo = async () => {
try {
const res = await httppost2(apiurl.dataResourcesCenter.projectAndWater.shuikuBasicinfo.detail)
// debugger;
if (res.code == 200) {
setData(res.data[0])
}
} catch (error) {
console.log(error);
}
}
useEffect(()=>{
getDataIfo()
},[])
return ( return (
<div className='shuiku-content-root'> <div className='shuiku-content-root'>
<div className='fxdd_hsybjs_toolbar'> <div className='fxdd_hsybjs_toolbar'>
@ -50,8 +32,8 @@ export default function ShuikuBasicInfo() {
> >
{tabVal === "1" ? <ProjectBasciInfo /> : null} {tabVal === "1" ? <ProjectBasciInfo /> : null}
{tabVal === "2" ? <TzParams /> : null} {tabVal === "2" ? <TzParams /> : null}
{tabVal === "3" ? <KrLine dataInfo={data}/> : null} {tabVal === "3" ? <KrLine /> : null}
{tabVal === "5" ? <MonthLl dataInfo={data}/> : null} {tabVal === "5" ? <MonthLl /> : null}
</div> </div>
</div> </div>

8
src/views/sq/qys/gcys/projectBasicInfo/index.js
View File

@ -165,7 +165,7 @@ export default function ProjectBasciInfo() {
name="resCode" name="resCode"
rules={[{ required: true }]} rules={[{ required: true }]}
> >
<Input allowClear style={{width:'300px'}} disabled/> <Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
</Form.Item> </Form.Item>
</Col> </Col>
<Col span={8}> <Col span={8}>
@ -182,7 +182,7 @@ export default function ProjectBasciInfo() {
<Form.Item <Form.Item
label="注册登记时间" label="注册登记时间"
name="regTime" name="regTime"
getValueFromEvent={(e, dateString) => moment(dateString).format('YYYY-MM-DD HH:mm:ss')} getValueFromEvent={(e, dateString) => dateString}
getValueProps={value => ({ getValueProps={value => ({
value: value ? moment(value) : undefined value: value ? moment(value) : undefined
})} })}
@ -284,7 +284,7 @@ export default function ProjectBasciInfo() {
<Form.Item <Form.Item
label="开工日期" label="开工日期"
name="startDate" name="startDate"
getValueFromEvent={(e, dateString) => moment(dateString).format('YYYY-MM-DD HH:mm:ss')} getValueFromEvent={(e, dateString) => dateString}
getValueProps={value => ({ getValueProps={value => ({
value: value ? moment(value) : undefined value: value ? moment(value) : undefined
})} })}
@ -296,7 +296,7 @@ export default function ProjectBasciInfo() {
<Form.Item <Form.Item
label="竣工日期" label="竣工日期"
name="compDate" name="compDate"
getValueFromEvent={(e, dateString) => moment(dateString).format('YYYY-MM-DD HH:mm:ss')} getValueFromEvent={(e, dateString) => dateString}
getValueProps={value => ({ getValueProps={value => ({
value: value ? moment(value) : undefined value: value ? moment(value) : undefined
})} })}

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

@ -1,29 +1,26 @@
import { Image } from "antd" import { Image } from "antd"
import zd from '../../../../assets/img/u7.png' import zd from '../../../../assets/img/u7.png'
import title from '../../../../assets/img/titleRight.png' import title from '../../../../assets/img/titleRight.png'
import styles from './index.module.less' import './index.less'
const Page = () => { const Page = () => {
return ( return (
<div style={{ display: 'flex',height:'100%' }}> <div style={{ display: 'flex',height:'100%' }}>
<div style={{ backgroundColor: '#ffffff',width:390,height:'100%',marginRight:10,padding:10 }}> <div style={{ backgroundColor: '#ffffff',width:390,height:'100%',marginRight:10,padding:10 }}>
<div className={styles.title}> <div className="title">
<Image src={title} />保护对象 <Image src={title} />保护对象
</div> </div>
<div className={styles.content}> <div className="content">
水库防洪标准按50年一遇设计，1000年一遇校核，设计洪水位111.51米，校核洪水位 112.75 米,水库担负着红安县城、七里坪、杏花、城关等城镇，以及京九铁路汉麻连络线、省道S234、国道G230,京九铁路汉麻联络线等交通设施安全的防洪重任、防洪保护人口32万 水库防洪标准按50年一遇设计，1000年一遇校核，设计洪水位111.51米，校核洪水位 112.75 米,水库担负着红安县城、七里坪、杏花、城关等城镇，以及京九铁路汉麻连络线、省道S234、国道G230,京九铁路汉麻联络线等交通设施安全的防洪重任、防洪保护人口32万
人，保护耕地 15 万亩。 人，保护耕地 15 万亩。
</div> </div>
</div> </div>
<div style={{ backgroundColor: '#ffffff',flex:1,padding:10}}> <div style={{ backgroundColor: '#ffffff',flex:1,padding:10}}>
<div className={styles.title}> <div className="title">
<Image src={title} />转移路线示意图 <Image src={title} />转移路线示意图
</div> </div>
<div style={{display:'flex',justifyContent:'center'}}>
<Image src={zd} width='80%' preview={false} /> <Image src={zd} width='80%' preview={false} />
</div>
</div> </div>
</div> </div>
) )

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

46
src/views/sq/qzq/qzqda/index.js
View File

@ -9,8 +9,6 @@ import usePageTable from '../../../../components/crud/usePageTable2';
import { createCrudService } from '../../../../components/crud/_'; import { createCrudService } from '../../../../components/crud/_';
import {CrudOpRender_text} from '../../../../components/crud/CrudOpRender'; import {CrudOpRender_text} from '../../../../components/crud/CrudOpRender';
import './index.less' import './index.less'
import { httppost5 } from '../../../../utils/request';
import { exportFile } from '../../../../utils/tools';
const url = "http://223.75.53.141:9102/test.by-lyf.tmp" const url = "http://223.75.53.141:9102/test.by-lyf.tmp"
const Page = () => { const Page = () => {
@ -21,8 +19,6 @@ const Page = () => {
const refModal = useRef(); const refModal = useRef();
const [searchVal, setSearchVal] = useState(false) const [searchVal, setSearchVal] = useState(false)
const [isFetch, setIsFetch] = useState(false) const [isFetch, setIsFetch] = useState(false)
const [iframeSrc, setIframeSrc] = useState('')
const [pdfViewOPen, setPdfViewOPen] = useState(false)
const command = (type) => (params) => { const command = (type) => (params) => {
if (type === 'save') { if (type === 'save') {
@ -50,22 +46,11 @@ const Page = () => {
const { tableProps, search, refresh } = usePageTable(createCrudService(apiurl.gcdsj.qzqda.list).find_noCode); const { tableProps, search, refresh } = usePageTable(createCrudService(apiurl.gcdsj.qzqda.list).find_noCode);
/**
* @description pdf文件预览
* @param {String} params 文件预览url
*/
const viewPdf = (params) => {
setIframeSrc(params)
setPdfViewOPen(true)
}
const onExport = () => { const viewPdf = (params) => {
let params = { // setIframeSrc(params)
...searchVal, // setPdfViewOPen(true)
}
httppost5(apiurl.gcdsj.qzqda.export, params).then(res => {
exportFile(`全周期档案.xlsx`,res.data)
})
} }
useEffect(()=>{ useEffect(()=>{
const params = { const params = {
@ -84,7 +69,7 @@ const onExport = () => {
<Card className='nonebox'> <Card className='nonebox'>
<ToolBar <ToolBar
setSearchVal={setSearchVal} setSearchVal={setSearchVal}
onExport={onExport} onSave={command('save')}
role={role} role={role}
/> />
</Card> </Card>
@ -160,26 +145,7 @@ const onExport = () => {
</div> </div>
</div> </div>
</div> </div>
<Modal
open={pdfViewOPen}
width={1000}
title=""
footer={null}
style={{marginTop:"-5%"}}
onCancel={() => {
setPdfViewOPen(false)
}}
>
<iframe
style={{
height: '80vh',
width: '100%',
border: 0,
marginTop: 20,
}}
src={`${process.env.PUBLIC_URL}/static/pdf/web/viewer.html?file=${encodeURIComponent(`/gunshiApp/xyt/projectEvents/file/download/${iframeSrc}`)}`}
/>
</Modal>
</> </>
); );
} }

8
src/views/sq/qzq/qzqda/toolbar.js
View File

@ -3,7 +3,7 @@ import { Form, Input, Button, DatePicker } from 'antd';
import moment from 'moment'; import moment from 'moment';
const { RangePicker } = DatePicker; const { RangePicker } = DatePicker;
const ToolBar = ({ setSearchVal, onExport, storeData, role }) => { const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const addBtn = role?.rule?.find(item => item.menuName == "新增"); const addBtn = role?.rule?.find(item => item.menuName == "新增");
const searchBtn = role?.rule?.find(item => item.menuName == "查询"); const searchBtn = role?.rule?.find(item => item.menuName == "查询");
const [form] = Form.useForm(); const [form] = Form.useForm();
@ -36,15 +36,15 @@ const ToolBar = ({ setSearchVal, onExport, storeData, role }) => {
format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss"
/> />
</Form.Item> </Form.Item>
<Form.Item> {searchBtn ? <Form.Item>
<Button type="primary" htmlType="submit">查询</Button> <Button type="primary" htmlType="submit">查询</Button>
</Form.Item> </Form.Item> : null}
<Form.Item> <Form.Item>
<Button onClick={() => form.resetFields()}>重置</Button> <Button onClick={() => form.resetFields()}>重置</Button>
</Form.Item> </Form.Item>
<Form.Item> <Form.Item>
<Button type="primary" onClick={onExport}>导出</Button> <Button type="primary" onClick={onSave}>导出</Button>
</Form.Item> </Form.Item>
</Form> </Form>
</div> </div>

141
src/views/sz/flfg/form.js
View File

@ -13,13 +13,13 @@ const { RangePicker } = DatePicker
const { Dragger } = Upload; const { Dragger } = Upload;
const url = "http://223.75.53.141:9102/test.by-lyf.tmp" const url = "http://223.75.53.141:9102/test.by-lyf.tmp"
const opntios = [ const opntios=[
{ label: '宪法', value: '宪法' }, {label:'宪法',value:'宪法'},
{ label: '法律', value: '法律' }, {label:'法律',value:'法律'},
{ label: '行政法规', value: '行政法规' }, {label:'行政法规',value:'行政法规'},
{ label: '督察法规', value: '督察法规' }, {label:'督察法规',value:'督察法规'},
{ label: '司法解释', value: '司法解释' }, {label:'司法解释',value:'司法解释'},
{ label: '地方性法规', value: '地方性法规' }, {label:'地方性法规',value:'地方性法规'},
] ]
const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => { const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
@ -37,7 +37,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
*/ */
const download = (params) => { const download = (params) => {
let downloadLink = document.createElement("a"); let downloadLink = document.createElement("a");
downloadLink.href = `http://local.gunshiiot.com:18083/gunshiApp/xyt/SzRuleByLaw/file/download/${params}`; downloadLink.href = `http://local.gunshiiot.com:18083/gunshiApp/xyt/projectEvents/file/download/${params}`;
downloadLink.download = `${params.fileName}`; downloadLink.download = `${params.fileName}`;
downloadLink.style.display = "none"; downloadLink.style.display = "none";
// 将链接添加到页面中 // 将链接添加到页面中
@ -78,15 +78,16 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
const onfinish = (values) => { const onfinish = (values) => {
values.files = fileList.map(item => item.response?.data); values.eventsDate = values.eventsDate ? moment(values.eventsDate).format("YYYY-MM-DD 00:00:00") : ''
let oldFiles = fileList.map(item => ({ fileId: item.response?.data?.fileId }))
// values.eventsDate = values.eventsDate ? moment(values.eventsDate).format("YYYY-MM-DD 00:00:00") : ''
if (mode === 'edit') { if (mode === 'edit') {
values.files = oldFiles;
onEdit(apiurl.flfg.edit, {...record,...values}) values.id = record.id;
onEdit(apiurl.rcgl.gcdsj.edit, values)
} }
if (mode === 'save') { if (mode === 'save') {
onSave(apiurl.flfg.add, values) values.files = oldFiles
onSave(apiurl.rcgl.gcdsj.save, values)
} }
} }
@ -101,16 +102,16 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
} }
useEffect(() => { useEffect(() => {
if (mode != 'save') { if (mode != 'save') {
// const imgFile = record?.files?.map(o => ({ const imgFile = record?.files?.map(o => ({
// name: o.name, name: o.fileName,
// response: { response: {
// data: { data: {
// filePath: o.filePath, filePath: o.filePath,
// fileId: o.fileId fileId: o.fileId
// } }
// }, },
// })) }))
setFileList(record?.files) setFileList(imgFile)
} }
}, [record, mode]) }, [record, mode])
@ -137,66 +138,51 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Col span={12}> <Col span={12}>
<Form.Item <Form.Item
label="制定机关" label="制定机关"
name="fillUnit" name="name"
rules={[{ required: true }]}
> >
<Input disabled={mode === 'view'} style={{ width: '100%' }} allowClear /> <Input disabled={mode === 'view'} style={{ width: '100%' }} allowClear />
</Form.Item> </Form.Item>
</Col> </Col>
<Col span={12}> <Col span={12}>
<Form.Item label="法律性质" name="type" rules={[{ required: true }]}> <Form.Item label="制定机关" name="name">
<Select allowClear style={{ width: '150px' }} options={[
{ label: '宪法', value: 0 },
{ label: '法律', value: 1 },
{ label: '行政法规', value: 2 },
{ label: '督察法规', value: 3 },
{ label: '司法解释', value: 4 },
{ label: '地方性法规', value: 5 },
]} disabled={mode === 'view'} />
</Form.Item>
</Col>
{/* <Col span={12}>
<Form.Item label="法律性质" name="timeliness">
<Select allowClear style={{ width: '150px' }} options={opntios} /> <Select allowClear style={{ width: '150px' }} options={opntios} />
</Form.Item> </Form.Item>
</Col> */} </Col>
<Col span={12}>
<Form.Item label="失效性" name="name">
<Select allowClear style={{ width: '150px' }} options={opntios} />
</Form.Item>
</Col>
<Col span={12}> <Col span={12}>
<Form.Item <Form.Item
label="时效性" label="公布日期"
name="timeliness" name="eventsDate"
getValueFromEvent={(e, dateString) => dateString}
getValueProps={(value) => ({ value: value ? moment(value) : undefined })}
rules={[ rules={[
{ {
required: true, required: true,
}, },
]} ]}
> >
<Select allowClear style={{ width: '150px' }} options={[ <DatePicker disabled={mode === 'view'} format={'YYYY-MM-DD'} style={{ width: '100%' }} allowClear />
{ label: '尚未生效', value: 0 },
{ label: '有效', value: 1 },
{ label: '已修改', value: 2 },
{ label: '已废止', value: 3 },
]} />
</Form.Item> </Form.Item>
</Col> </Col>
<Col span={12}> <Col span={12}>
<Form.Item <Form.Item
label="施行日期" label="施行日期"
name="announcementDate" name="eventsDate"
getValueFromEvent={(e, dateString) => dateString} getValueFromEvent={(e, dateString) => dateString}
getValueProps={(value) => ({ value: value ? moment(value) : undefined })} getValueProps={(value) => ({ value: value ? moment(value) : undefined })}
rules={[
{
required: true,
},
]}
> >
<DatePicker disabled={mode === 'view'} format={'YYYY-MM-DD HH:mm:ss'} style={{ width: '100%' }} allowClear /> <DatePicker disabled={mode === 'view'} format={'YYYY-MM-DD'} style={{ width: '100%' }} allowClear />
</Form.Item>
</Col>
<Col span={12}>
<Form.Item
label="公布日期"
name="implementationDate"
getValueFromEvent={(e, dateString) => dateString}
getValueProps={(value) => ({ value: value ? moment(value) : undefined })}
>
<DatePicker disabled={mode === 'view'} format={'YYYY-MM-DD HH:mm:ss'} style={{ width: '100%' }} allowClear />
</Form.Item> </Form.Item>
</Col> </Col>
</Row> </Row>
@ -205,20 +191,15 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Col span={24}> <Col span={24}>
<Form.Item <Form.Item
label="附件" label="附件"
name="files" name="fieldId"
labelCol={{ span: 3 }} labelCol={{ span: 3 }}
wrapperCol={{ span: 19 }} wrapperCol={{ span: 19 }}
// rules={[
// {
// required: true,
// },
// ]}
> >
{mode !== "view" && {mode !== "view" &&
<Dragger <Dragger
name='file' name='file'
// multiple // multiple
action="/gunshiApp/tsg/SzRuleByLaw/file/upload/singleSimple" action="/gunshiApp/xyt/projectEvents/file/upload/singleSimple"
onChange={fileChange} onChange={fileChange}
onDrop={(info) => { console.log(info.dataTransfer.files); }} onDrop={(info) => { console.log(info.dataTransfer.files); }}
fileList={fileList} fileList={fileList}
@ -238,9 +219,9 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Col span={12}> <Col span={12}>
<div className="file-item" style={{ width: "75%" }}> <div className="file-item" style={{ width: "75%" }}>
<div className='file-description'> <div className='file-description'>
{file?.fileName?.indexOf('.docx') > -1 ? {file.name.indexOf('.docx') > -1 ?
<div <div
onClick={() => { download(file.fileId) }} onClick={() => { download(file.response?.data?.fileId) }}
style={{ cursor: 'pointer' }} style={{ cursor: 'pointer' }}
> >
<FileWordOutlined <FileWordOutlined
@ -248,35 +229,35 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
/> />
</div> </div>
: :
file?.fileName?.indexOf('.pdf') > -1 ? file.name.indexOf('.pdf') > -1 ?
<div <div
onClick={() => { viewPdf(file.fileId) }} onClick={() => { viewPdf(file.response?.data?.fileId) }}
style={{ cursor: 'pointer' }} style={{ cursor: 'pointer' }}
> >
<FilePdfOutlined style={{ fontSize: 40 }} /> <FilePdfOutlined style={{ fontSize: 40 }} />
</div> </div>
: :
file?.fileName?.indexOf('.zip') > -1 ? file.name.indexOf('.zip') > -1 ?
<div <div
onClick={() => { download(file.fileId) }} onClick={() => { download(file.response?.data?.fileId) }}
style={{ cursor: 'pointer' }} style={{ cursor: 'pointer' }}
> >
<FileZipOutlined style={{ fontSize: 40 }} /> <FileZipOutlined style={{ fontSize: 40 }} />
</div> </div>
: :
file?.fileName?.indexOf('.xlsx') > -1 ? file.name.indexOf('.xlsx') > -1 ?
<div <div
onClick={() => { download(file.fileId) }} onClick={() => { download(file.response?.data?.fileId) }}
style={{ cursor: 'pointer' }} style={{ cursor: 'pointer' }}
> >
<FileExcelOutlined style={{ fontSize: 40 }} /> <FileExcelOutlined style={{ fontSize: 40 }} />
</div> </div>
: :
<Image width={60} src={url + file.filePath} alt='' /> <Image width={60} src={url + file.response?.data?.filePath} alt='' />
} }
<span>{file?.fileName}</span> <span>{file.name}</span>
</div> </div>
<div className={mode == "view" ? 'delete-icon disable-icon' : 'delete-icon'} onClick={() => deleteFile(file.fileId)}> <div className={mode == "view" ? 'delete-icon disable-icon' : 'delete-icon'} onClick={() => deleteFile(file.response?.data?.fileId)}>
<DeleteOutlined /> <DeleteOutlined />
</div> </div>
</div> </div>
@ -292,7 +273,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
mode === 'view' ? null : ( mode === 'view' ? null : (
<> <>
<Form.Item {...btnItemLayout}> <Form.Item {...btnItemLayout}>
<Button type="primary" htmlType="submit" loading={loading}> <Button type="primary" htmlType="submit">
{mode === 'save' ? '提交' : '修改'} {mode === 'save' ? '提交' : '修改'}
</Button> </Button>
</Form.Item> </Form.Item>
@ -317,7 +298,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
border: 0, border: 0,
marginTop: 20, marginTop: 20,
}} }}
src={`${process.env.PUBLIC_URL}/static/pdf/web/viewer.html?file=${encodeURIComponent(`/gunshiApp/tsg/projectEvents/file/download/${iframeSrc}`)}`} src={`${process.env.PUBLIC_URL}/static/pdf/web/viewer.html?file=${encodeURIComponent(`/gunshiApp/xyt/projectEvents/file/download/${iframeSrc}`)}`}
/> />
</Modal> </Modal>
</> </>

25
src/views/sz/flfg/index.js
View File

@ -9,11 +9,8 @@ import apiurl from '../../../service/apiurl';
import usePageTable from '../../../components/crud/usePageTable2'; import usePageTable from '../../../components/crud/usePageTable2';
import { createCrudService } from '../../../components/crud/_'; import { createCrudService } from '../../../components/crud/_';
import { CrudOpRender_text } from '../../../components/crud/CrudOpRender'; import { CrudOpRender_text } from '../../../components/crud/CrudOpRender';
import { render } from 'react-dom';
const url = "http://223.75.53.141:9102/test.by-lyf.tmp" const url = "http://223.75.53.141:9102/test.by-lyf.tmp"
const typeOb={0:'宪法',1:'法律',2:'行政法规',3:'督察法规',4:'司法解释',5:'地方性法规'}
const timelinessOb = {0:'尚未生效',1:'有效',2:'已修改',3:'已废止'}
const Page = () => { const Page = () => {
const role = useSelector(state => state.auth.role); const role = useSelector(state => state.auth.role);
const editBtn = role?.rule?.find(item => item.menuName == "编辑"); const editBtn = role?.rule?.find(item => item.menuName == "编辑");
@ -28,28 +25,26 @@ const Page = () => {
{ title: '序号', key: 'inx', dataIndex: 'inx', width: 60, align: "center" }, { title: '序号', key: 'inx', dataIndex: 'inx', width: 60, align: "center" },
{ title: '标题', key: 'name', dataIndex: 'name', width: 250, ellipsis: true }, { title: '标题', key: 'name', dataIndex: 'name', width: 250, ellipsis: true },
{ {
title: '制定机关', key: 'fillUnit', dataIndex: 'fillUnit', width: 140, title: '制定机关', key: 'eventsDate', dataIndex: 'eventsDate', width: 140,
}, },
{ {
title: '法律性质', key: 'type', dataIndex: 'type', width: 140, title: '法律性质', key: 'eventsType', dataIndex: 'eventsType', width: 140,
render: (value) => <span>{typeOb[value]}</span>, render: (value) => <span>{value == 1 ? "综合大事记" : value == 2 ? "专题大事记" : ''}</span>,
}, },
{ {
title: '时效性', key: 'timeliness', dataIndex: 'timeliness', width: 300,render:(v)=><> title: '时效性', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
{timelinessOb[v]}
</>
}, },
{ {
title: '公布日期', key: 'announcementDate', dataIndex: 'announcementDate', width: 300 title: '公布日期', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
}, },
{ {
title: '施行日期', key: 'implementationDate', dataIndex: 'implementationDate', width: 300 title: '施行日期', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
}, },
{ {
title: '上传时间', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300 title: '上传时间', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
}, },
{ {
title: '附件', key: 'files', dataIndex: 'files', width: 300,render:(v,r)=><a onClick={()=>viewPdf(v[0].fileId)}>{v[0]?.fileName}</a> title: '附件', key: 'fileName', dataIndex: 'fileName', width: 300,render:(v,r)=><a onClick={()=>viewPdf(r.fileId)}>{v}</a>
}, },
{ {
title: '操作', key: 'operation', width: 240, fixed: 'right', align: 'center', title: '操作', key: 'operation', width: 240, fixed: 'right', align: 'center',
@ -57,7 +52,7 @@ const Page = () => {
<CrudOpRender_text <CrudOpRender_text
edit={true} edit={true}
del={true} del={true}
// view={true} view={true}
command={(cmd) => () => command(cmd)(row)} />) command={(cmd) => () => command(cmd)(row)} />)
}, },
]; ];
@ -73,12 +68,12 @@ const Page = () => {
} else if (type === 'view') { } else if (type === 'view') {
refModal.current.showView(params); refModal.current.showView(params);
} else if (type === 'del') { } else if (type === 'del') {
refModal.current.onDeleteGet(apiurl.flfg.del + `/${params.id}`); refModal.current.onDeleteGet(apiurl.rcgl.gcdsj.delete + `/${params.id}`);
} }
} }
const { tableProps, search, refresh } = usePageTable(createCrudService(apiurl.flfg.list).find_noCode); const { tableProps, search, refresh } = usePageTable(createCrudService(apiurl.rcgl.gcdsj.page).find_noCode);
/** /**
* @description 处理成功的回调 * @description 处理成功的回调

32
src/views/sz/flfg/toolbar.js
View File

@ -18,22 +18,16 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
} }
} }
delete values.tm delete values.tm
setSearchVal({...values}); setSearchVal({...values, dataSo});
} }
const opntios=[ const opntios=[
{label:'宪法',value:0}, {label:'宪法',value:'宪法'},
{label:'法律',value:1}, {label:'法律',value:'法律'},
{label:'行政法规',value:2}, {label:'行政法规',value:'行政法规'},
{label:'督察法规',value:3}, {label:'督察法规',value:'督察法规'},
{label:'司法解释',value:4}, {label:'司法解释',value:'司法解释'},
{label:'地方性法规',value:5}, {label:'地方性法规',value:'地方性法规'},
]
const opntios1=[
{label:'尚未生效',value:0},
{label:'有效',value:1},
{label:'已修改',value:2},
{label:'已废止',value:3},
] ]
const styles={ const styles={
fontFamily: '微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑, sans-serif', fontFamily: '微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑, sans-serif',
@ -49,10 +43,10 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
<Form.Item label="标题" name="name"> <Form.Item label="标题" name="name">
<Input allowClear style={{width:'150px'}}/> <Input allowClear style={{width:'150px'}}/>
</Form.Item> </Form.Item>
<Form.Item label="制定机关" name="fillUnit"> <Form.Item label="制定机关" name="name">
<Input allowClear style={{width:'150px'}}/> <Input allowClear style={{width:'150px'}}/>
</Form.Item> </Form.Item>
<Form.Item label="法律性质" name="type"> <Form.Item label="制定机关" name="name">
<Select allowClear style={{width:'150px'}} options={opntios}/> <Select allowClear style={{width:'150px'}} options={opntios}/>
</Form.Item> </Form.Item>
<Form.Item> <Form.Item>
@ -75,13 +69,13 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
</Form.Item> </Form.Item>
</div> </div>
{showGj&&<div style={{display:'flex'}}> {showGj&&<div style={{display:'flex'}}>
<Form.Item label="时效性" name="timeliness"> <Form.Item label="时效性" name="name">
<Select allowClear style={{width:'150px'}} options={opntios1}/> <Select allowClear style={{width:'150px'}} options={opntios}/>
</Form.Item> </Form.Item>
<Form.Item label="公布日期" name="announcementDate"> <Form.Item label="公布日期" name="name">
<RangePicker allowClear /> <RangePicker allowClear />
</Form.Item> </Form.Item>
<Form.Item label="施行日期" name="implementationDate"> <Form.Item label="施行日期" name="name">
<RangePicker allowClear /> <RangePicker allowClear />
</Form.Item> </Form.Item>
<Form.Item label="上传时间" name="name"> <Form.Item label="上传时间" name="name">

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

@ -1,150 +1,64 @@
import { Space, Table, Radio, DatePicker, Form, Select, Button, message, Upload, Input, Row, Col, Switch, Image } from 'antd'; import { Space, Table, Radio, DatePicker, Form, Select, Button, message, Upload, Input, Row, Col, Switch, Image } from 'antd';
import { InboxOutlined, LinkOutlined, DeleteOutlined, LoadingOutlined, VerticalAlignBottomOutlined } from '@ant-design/icons' import { InboxOutlined, LinkOutlined, DeleteOutlined, LoadingOutlined,VerticalAlignBottomOutlined } from '@ant-design/icons'
import { useForm } from 'antd/lib/form/Form'; import { useForm } from 'antd/lib/form/Form';
import { useEffect, useState } from 'react'; import { useState } from 'react';
import { httpgetExport, httppostAddfile } from '../../../../utils/request';
import { exportFile } from '../../../../utils/tools';
const { Dragger } = Upload; const { Dragger } = Upload;
const list = [ const list = [
{ {
type: '立案', type:'立案'
key: 'files3'
}, },
{ {
type: '调查取证', type:'调查取证'
key: 'files4'
}, },
{ {
type: '审查处理', type:'审查处理'
key: 'files5'
}, },
{ {
type: '送达执行', type:'送达执行'
key: 'files6'
}, },
{ {
type: '结案', type:'结案'
key: 'files7'
} }
] ]
const baseUrl = "http://223.75.53.141:9102/test.by-lyf.tmp" const Page = () => {
const Page = ({ uploadUrl, downloadUrl, type, getFormInfo, formJsonData }) => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const [fileList, setFileList] = useState([]) const [fileList ,setFileList] =useState()
const [fileListHj, setFileHj] = useState({'files3': [],'files4': [],'files5': [],'files6': [],'files7': []}) const props = {
const [url, setUrl] = useState('') name: 'file',
const [isModal, setIsModal] = useState(false) multiple: true,
const getInfo = () => { fileList: fileList,
form.validateFields().then((values) => { showUploadList: false,
getFormInfo({ ...values, ...fileListHj }) beforeUpload: (file, fileList) => {
form.resetFields() // if (fileType == "pic" &&
setFileList([]) // (file.type != "image/jpeg" || file.type != "image/png" || file.type != "image/jpg")) {
}).catch((errorInfo) => { // message.error('仅支持上传jpg/png/jpeg格式的图片');
console.log(errorInfo, 'error'); // return false;
}) // } else {
// // return true;
} // }
const cancel = () => { },
getFormInfo(false) onChange(e) {
form.resetFields() // httpPostFile(apiUrl.service.uploadFile.uploadUrl + "?group=" + typeUpload, e).then(res => {
setFileList([]) // setFileList([...fileList, res.data])
// })
}
const deleteFile = (e,key) => {
fileListHj[key] = fileListHj[key].filter(item => item.fileId !== e)
setFileHj({ ...fileListHj })
}
const props = (keys) => {
return {
name: 'file',
multiple: true,
fileList: fileList,
showUploadList: false,
beforeUpload: (file, fileList) => {
// if (fileType == "pic" &&
// (file.type != "image/jpeg" || file.type != "image/png" || file.type != "image/jpg")) {
// message.error('仅支持上传jpg/png/jpeg格式的图片');
// return false;
// } else {
// return true;
// }
},
customRequest(e) {
httppostAddfile(uploadUrl, e).then(res => {
if(fileListHj[keys]){
fileListHj[keys].push(res.data)
}else{
fileListHj[keys]=[]
fileListHj[keys].push(res.data)
}
setFileHj({ ...fileListHj })
})
}
} }
}; };
function checkMediaType(url) { const onFinish = () =>{
// 创建URL对象
var link = url;
// 获取路径的最后一个点之后的内容作为文件扩展名
var extension = link?.split('.').pop().toLowerCase();
// 声明支持的图片和视频文件扩展名
var imageExtensions = ['jpg', 'jpeg', 'gif', 'png'];
var file = ['pdf', 'word', 'xslx', 'xsl', 'txt', "pptx"];
//
// 判断文件扩展名是否在图片扩展名数组中
if (imageExtensions.includes(extension)) {
return 'image';
}
// 判断文件扩展名是否在视频扩展名数组中
if (file.includes(extension)) {
return extension;
}
// 扩展名不在图片或视频数组中，返回null表示无法确定媒体类型
return null;
}
const preView = (item) => {
if (checkMediaType(item.name) == 'pdf') {
// window.open(baseUrl + item.previewUrl)
setUrl(item.previewUrl)
setIsModal(true)
}
} }
/**
* @description 文件下载
* @param {String} params 文件fileId
*/
const download = (id, name) => {
httpgetExport(downloadUrl+id).then(res => {
exportFile(name,res.data)
})
}
const onFinish = () => {
}
useEffect(() => {
setFileHj(formJsonData)
}, [])
return ( return (
<Form form={form} onFinish={onFinish} > <Form form={form} onFinish={onFinish} >
<Row> <Row>
<Col span={2}> <Col span={2}>
<div style={{ display: 'flex', alignItems: 'center' }}> <div style={{display:'flex',alignItems:'center'}}>
<div style={{ width: 3, height: 12, background: '#259def', marginRight: 5 }}></div> <div style={{width:3,height:12,background:'#259def',marginRight:5}}></div>
案卷存档</div> 案卷存档</div>
</Col> </Col>
<Col span={10}> <Col span={10}>
<Form.Item <Form.Item
label='保管人员' label='保管人员'
name='custodian' name='name'
> >
<Input /> <Input />
</Form.Item> </Form.Item>
@ -152,57 +66,33 @@ const Page = ({ uploadUrl, downloadUrl, type, getFormInfo, formJsonData }) => {
<Col span={10}> <Col span={10}>
<Form.Item <Form.Item
label='保管地点' label='保管地点'
name='storageLocation' name='adress'
> >
<Input /> <Input />
</Form.Item> </Form.Item>
</Col> </Col>
</Row> </Row>
{list.map(item1 => ( {list.map(item=>(
<Row> <Row>
<Col span={2}> <Col span={2}>
<div style={{ display: 'flex', alignItems: 'center' }}> <div style={{display:'flex',alignItems:'center'}}>
<div style={{ width: 3, height: 12, background: '#259def', marginRight: 5 }}></div> <div style={{width:3,height:12,background:'#259def',marginRight:5}}></div>
{item1.type}</div> {item.type}</div>
</Col> </Col>
<Col span={22}> <Col span={22}>
<Form.Item <Form.Item
label='附件' label='附件'
name='files' name='name'
> >
<Dragger {...props(item1.key)}> <Dragger {...props}>
<p className="ant-upload-drag-icon"> <p className="ant-upload-drag-icon">
<InboxOutlined /> <InboxOutlined />
</p> </p>
<p className="ant-upload-text">点击或将文件拖拽到这里上传 支持扩展名：jpeg、png</p> <p className="ant-upload-text">点击或将文件拖拽到这里上传 支持扩展名：jpeg、png</p>
</Dragger> </Dragger>
<div> </Form.Item>
{fileListHj?.[item1.key]?.map((item) => { </Col>
return <div className='flex align-center' style={{ minHeight: "50px", fontSize: 14, columnGap: 10, cursor: checkMediaType(item.fileName) == 'image' || checkMediaType(item.fileName) == 'pdf' ? 'pointer' : "not-allowed" }}> </Row>))}
<div style={{ width: 40, height: 40, display: "flex", alignItems: 'center' }}>
{checkMediaType(item.fileName) == 'image' && <Image
height={40}
src={baseUrl + item.filePath}
/>}
{
checkMediaType(item.fileName) !== 'image' &&
<span >{checkMediaType(item.fileName)?.toUpperCase()}</span>
}
</div>
<span onClick={() => preView(item)}>{item.fileName}</span>
{type !== 'view' && <DeleteOutlined onClick={() => deleteFile(item.fileId,item1.key)} />}
<VerticalAlignBottomOutlined onClick={() => download(item.fileId, item.fileName)} />
</div>
})}
</div>
</Form.Item>
</Col>
</Row>))}
<div className="flex flex-end" style={{ marginTop: 10, justifyContent: "flex-end" }}>
<Button type="" style={{ marginRight: 10 }} onClick={cancel}>取消</Button>
<Button type="primary" onClick={getInfo}>确定</Button>
</div>
</Form > </Form >
) )

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

@ -1,111 +1,81 @@
const basicData = [ const basicData = [
{ {
label: '填报人', label: '填报人',
key: 'createName', key: 'name',
type: 'input', type: 'input',
span: 12, span: 12,
disabled: true disabled: true
}, },
{ {
label: '填报时间', label: '填报时间',
key: 'createTime', key: 'name',
type: 'input', type: 'input',
span: 12, span: 12,
// required: true
disabled: true disabled: true
}, },
{ {
label: '案件编号', label: '案件编号',
key: 'caseId', key: 'name',
type: 'input', type: 'input',
span: 12 span: 12
}, },
{ {
label: '案件名称', label: '案件名称',
key: 'caseName', key: 'name',
type: 'input', type: 'input',
span: 12, span: 12,
required: true required: true
}, },
{ {
label: '案件类型', label: '案件类型',
key: 'caseType', key: 'name',
type: 'Select', type: 'Select',
options: [ span: 12
{ value: 0, label: '违建' },
{ value: 1, label: '毁林垦荒' },
{ value: 2, label: '筑坝拦汊' },
{ value: 3, label: '填占库容' },
{ value: 4, label: '违法取水' },
{ value: 5, label: '其他' }
],
span: 12,
required: true
},
{
label: '发现时间',
key: 'caseDate',
type: 'DatePicker',
span: 12,
required: true
}, },
{ {
label: '案发地点', label: '案发地点',
key: 'caseAddress', key: 'name',
type: 'input', type: 'input',
span: 12, span: 12
required: true
}, },
{ {
label: '案件来源', label: '案件来源',
key: 'caseSource', key: 'name',
type: 'Select', type: 'Radio',
span: 12, span: 12,
required: true,
options: [ options: [
{ label: '巡查上报', value: 0 }, { label: '自然人', value: 'Apple' },
{ label: '自主发现', value: 1 }, { label: '法人或其他组织', value: 'Pear' },
{ label: '公共举报', value: 2 }, { label: '待定', value: 'Orange' },
{ label: '电话举报', value: 3 },
{ label: '其他', value: 4 },
] ]
}, },
{ {
label: '违法时间', label: '违法时间',
key: 'IllegalDate', key: 'name',
type: 'DatePicker', type: 'input',
span: 12 span: 24
}, },
{ {
label: '当事人类型', label: '案件来源',
key: 'partyType', key: 'name',
type: 'Radio', type: 'input',
required: true,
options: [
{ label: '自然人', value: 0 },
{ label: '法人或其他组织', value: 1 },
{ label: '待定', value: 2 },
],
span: 24 span: 24
}, },
{ {
label: '姓名', label: '姓名',
key: 'partyName', key: 'name',
type: 'input', type: 'input',
span: 12 span: 12
}, },
{ {
label: '身份证号', label: '身份证号',
key: 'idNumber', key: 'name',
type: 'input', type: 'input',
span: 12 span: 12
}, },
{ {
label: '住址', label: '住址',
key: 'partyAddr', key: 'name',
type: 'input', type: 'input',
span: 12 span: 12
}, },
@ -117,13 +87,13 @@ const basicData = [
}, },
{ {
label: '简要案情', label: '简要案情',
key: 'intro', key: 'name',
type: 'TextArea', type: 'TextArea',
span: 24 span: 24
}, },
{ {
label: '附件', label: '附件',
key: 'files1', key: 'name',
type: 'upload', type: 'upload',
span: 24 span: 24
}, },
@ -132,106 +102,97 @@ const basicData = [
const clqkData = [ const clqkData = [
{ {
label: '处理程序', label: '处理程序',
key: 'processor', key: 'name',
type: 'Select', type: 'Select',
options: [
{ label: '简易程序', value: 0 },
{ label: '一般程序', value: 1 },
],
span: 12, span: 12,
disabled: true
}, },
{ {
label: '处理依据', label: '处理依据',
key: 'treatmentBasis', key: 'name',
type: 'input', type: 'Select',
span: 12, span: 12,
disabled: true
}, },
{ {
label: '处理措施', label: '处理措施',
key: 'treatmentMeasure', key: 'name',
type: 'Select', type: 'Select',
span: 12 span: 12
}, },
{ {
label: '移送处理情况', label: '移送处理情况',
key: 'transfer', key: 'name',
type: 'Radio', type: 'Radio',
span: 24, span: 24,
options: [ options: [
{ label: '移送单位', value: '1' }, { label: '移送单位', value: 'Apple' },
{ label: '不移送', value: '0' }, { label: '不移送', value: 'Pear' },
], ],
required: true
}, },
{ {
label: '案件执行情况', label: '案件执行情况',
key: 'caseImplementation', key: 'name',
type: 'Radio', type: 'Radio',
options: [ options: [
{ label: '当事人自动履行', value: 0 }, { label: '当事人自动履行', value: 'Apple' },
{ label: '行政强制执行', value: 1 }, { label: '行政强制执行', value: 'Pear' },
], ],
span: 24 span: 24
}, },
{ {
label: '自动履行情况', label: '自动履行情况',
key: 'performance', key: 'name',
type: 'TextArea', type: 'TextArea',
span: 24 span: 24
}, },
{ {
label: '伤亡人数(人)', label: '伤亡人数(人)',
key: 'casualties', key: 'name',
type: 'input', type: 'input',
span: 12 span: 12
}, },
{ {
label: '直接损失金额(万元)', label: '直接损失金额(万元)',
key: 'directLossAmount', key: 'name',
type: 'input', type: 'input',
span: 12 span: 12
}, },
{ {
label: '结案情况', label: '结案情况',
key: 'closeStatus', key: 'name',
type: 'Select', type: 'Select',
options: [
{ label: '正常结案', value: 0 },
{ label: '其他方式结案', value: 1 },
{ label: '未结案', value: 2 },
],
span: 12 span: 12
}, },
{ {
label: '结案时间', label: '结案时间',
key: 'closeDate', key: 'name',
type: 'input', type: 'input',
span: 12 span: 12
}, },
{ {
label: '文件编号及名称', label: '文件编号及名称',
key: 'docNumName', key: 'name',
type: 'input', type: 'input',
span: 24 span: 24
}, },
{ {
label: '督办单位类型', label: '督办单位类型',
key: 'unitType', key: 'name',
type: 'Select', type: 'Select',
options: [
{ label: '上级督办', value: 0 },
{ label: '本级河长督办', value: 1 },
],
span: 12 span: 12
}, },
{ {
label: '督办单位名称', label: '督办单位名称',
key: 'unitName', key: 'name',
type: 'input', type: 'input',
span: 24 span: 24
}, },
{ {
label: '附件', label: '附件',
key: 'files2', key: 'name',
type: 'upload', type: 'upload',
span: 24 span: 24
}, },
@ -239,37 +200,39 @@ const clqkData = [
const xzfy = [ const xzfy = [
{ {
label: '行政复议情况', label: '处理程序',
key: 'administrativeReconsideration', key: 'name',
type: 'Select', type: 'Select',
span: 12, span: 12,
options: [ options:[
{ {
label: '维护', value: 0 label:'维护'
}, },
{ label: '变更', value: 1 }, {label:'变更'},
{ label: '撤销', value: 2 }, {label:'撤销'},
{ label: '和解', value: 3 }, {label:'和解'},
{ label: '调解', value: 4 }, {label:'调解'},
], ],
disabled: true disabled: true
}, },
{ {
label: '行政应诉情况', label: '处理依据',
key: 'administrativeResponse', key: 'name',
type: 'Select', type: 'Select',
span: 12, span: 12,
disabled: true, disabled: true,
options: [ options:[
{ {
label: '驳回原告诉讼', value: 0 label:'驳回原告诉讼'
}, },
{ label: '变更', value: 2 }, {label:'变更'},
{ label: '撤销', value: 1 }, {label:'撤销'},
{ label: '确认违法', value: 3 }, {label:'确认违法'},
{ label: '确认无效', value: 4 }, {label:'确认无效'},
{ label: '其他', value: 5 }, {label:'其他'},
], ],
}, },
] ]

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

@ -1,12 +1,9 @@
import React, { useEffect, useState } from 'react'; import React, { useState } from 'react';
import { message, Tabs } from 'antd'; import { Tabs } from 'antd';
import BascForm from '../form/index' import BascForm from '../form/index'
import { basicData, clqkData, xzfy } from './config' import { basicData,clqkData,xzfy} from './config'
import Bajz from './bajz' import Bajz from './bajz'
import Lsyx from './lsyx' import Lsyx from './lsyx'
import { httpget, httppost } from '../../../../utils/request';
import apiurl from '../../../../service/apiurl';
import dayjs from 'dayjs'
const items = [ const items = [
{ {
key: '1', key: '1',
@ -31,71 +28,21 @@ const items = [
]; ];
const Page = ({ mode, onCrudSuccess,record }) => { const Page = () => {
const [formData,setFormData] =useState({}) const [key , setKeys] = useState('1')
// debugger;
const [key, setKeys] = useState('1')
const onChange = (key) => { const onChange = (key) => {
console.log(key); console.log(key);
setKeys(key) setKeys(key)
}; };
const getFormInfo = (e) => {
let params = {
...formData,
...e,
caseDate: dayjs(e.caseDate).format("YYYY-MM-DD HH:mm:ss"),
IllegalDate: e.IllegalDate ? dayjs(e.IllegalDate).format("YYYY-MM-DD HH:mm:ss") : e.IllegalDate,
}
if (mode == 'save') {
addBasic(params)
} else if (mode == 'edit') {
editBasic(params)
}
}
const addBasic = (params) => {
httppost(apiurl.szzf.ajdj.add, params).then(res => {
if (res.code == 200) {
message.success('新增成功')
onCrudSuccess()
} else {
message.error(res.description)
}
})
}
const editBasic = (params) => {
httppost(apiurl.szzf.ajdj.edit, params).then(res => {
if (res.code == 200) {
message.success('编辑成功')
onCrudSuccess()
} else {
message.error(res.description)
}
})
}
useEffect(()=>{
httpget(apiurl.szzf.ajdj.detail + record.id).then(res=>{
let obj = {
createName: localStorage.getItem('userName'),
createTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
createBy:localStorage.getItem('userId')
}
if(res.data.caseDate){
obj.caseDate=dayjs(res.data.caseDate)
}
setFormData({...res.data,...obj})
})
},[])
return ( return (
<> <>
<Tabs defaultActiveKey="1" items={items} onChange={onChange} /> <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==1&& <BascForm formJson={basicData}></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={clqkData}></BascForm>}
{key == 3 && <BascForm formJson={xzfy} formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></BascForm>} {key==3&& <BascForm formJson={xzfy}></BascForm>}
{key == 4 && <Bajz formJson={xzfy} formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></Bajz>} {key==4&& <Bajz ></Bajz>}
{key == 5 && <Lsyx formJson={xzfy} formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></Lsyx>} {key==5&& <Lsyx ></Lsyx>}
</> </>
</> </>
) )

48
src/views/sz/szzf/ajdj/index.js
View File

@ -9,15 +9,8 @@ import apiurl from '../../../../service/apiurl';
import usePageTable from '../../../../components/crud/usePageTable2'; import usePageTable from '../../../../components/crud/usePageTable2';
import { createCrudService } from '../../../../components/crud/_'; import { createCrudService } from '../../../../components/crud/_';
import { CrudOpRender_text } from '../../../../components/crud/CrudOpRender'; import { CrudOpRender_text } from '../../../../components/crud/CrudOpRender';
import dayjs from 'dayjs'
const url = "http://223.75.53.141:9102/test.by-lyf.tmp" const url = "http://223.75.53.141:9102/test.by-lyf.tmp"
const caseTypeOb = {
0: '违建', 1: '毁林垦荒', 2: '筑坝拦汊', 3: '填占库容', 4: '违法取水', 5: '其他'
}
const caseSourceOb = {
0: '巡查上报', 1: '自主发现', 2: '公共举报', 3: '电话举报', 4: '其他'
}
const Page = () => { const Page = () => {
const role = useSelector(state => state.auth.role); const role = useSelector(state => state.auth.role);
const editBtn = role?.rule?.find(item => item.menuName == "编辑"); const editBtn = role?.rule?.find(item => item.menuName == "编辑");
@ -30,25 +23,28 @@ const Page = () => {
const [isFetch, setIsFetch] = useState(false) const [isFetch, setIsFetch] = useState(false)
const columns = [ const columns = [
{ title: '序号', key: 'inx', dataIndex: 'inx', width: 60, align: "center" }, { title: '序号', key: 'inx', dataIndex: 'inx', width: 60, align: "center" },
{ title: '填报时间', key: 'createTime', dataIndex: 'createTime', width: 250, ellipsis: true }, { title: '标题', key: 'name', dataIndex: 'name', width: 250, ellipsis: true },
{ {
title: '案件名称', key: 'caseName', dataIndex: 'caseName', width: 140, title: '制定机关', key: 'eventsDate', dataIndex: 'eventsDate', width: 140,
}, },
{ {
title: '案件编号', key: 'caseId', dataIndex: 'caseId', width: 140, title: '法律性质', key: 'eventsType', dataIndex: 'eventsType', width: 140,
render: (value) => <span>{value == 1 ? "综合大事记" : value == 2 ? "专题大事记" : ''}</span>,
}, },
{ {
title: '发现时间', key: 'caseDate', dataIndex: 'caseDate', width: 300, title: '时效性', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
}, },
{ {
title: '案件类型', key: 'caseType', dataIndex: 'caseType', width: 300, title: '公布日期', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
render: (value) => <span>{caseTypeOb[value]}</span>,
}, },
{ {
title: '案件来源', key: 'caseSource', dataIndex: 'caseSource', width: 300, title: '施行日期', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
render: (value) => <span>{caseSourceOb[value]}</span>, },
{
title: '上传时间', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
},
{
title: '附件', key: 'fileName', dataIndex: 'fileName', width: 300,render:(v,r)=><a onClick={()=>viewPdf(r.fileId)}>{v}</a>
}, },
{ {
title: '操作', key: 'operation', width: 240, fixed: 'right', align: 'center', title: '操作', key: 'operation', width: 240, fixed: 'right', align: 'center',
@ -66,26 +62,18 @@ const Page = () => {
const command = (type) => (params) => { const command = (type) => (params) => {
if (type === 'save') { if (type === 'save') {
refModal.current.showSave(); refModal.current.showSave();
} else if (type === 'edit') { } else if (type === 'edit') {
let obj={} refModal.current.showEdit({ ...params });
if(params.caseDate){
obj.caseDate= dayjs(params.caseDate)
}
if(params.IllegalDate){
obj.IllegalDate= dayjs(params.IllegalDate)
}
refModal.current.showEdit({ ...params,...obj });
} else if (type === 'view') { } else if (type === 'view') {
refModal.current.showView(params); refModal.current.showView(params);
} else if (type === 'del') { } else if (type === 'del') {
refModal.current.onDeleteGet(apiurl.szzf.ajdj.del + `/${params.id}`); refModal.current.onDeleteGet(apiurl.rcgl.gcdsj.delete + `/${params.id}`);
} }
} }
const { tableProps, search, refresh } = usePageTable(createCrudService(apiurl.szzf.ajdj.list).find_noCode); const { tableProps, search, refresh } = usePageTable(createCrudService(apiurl.rcgl.gcdsj.page).find_noCode);
/** /**
* @description 处理成功的回调 * @description 处理成功的回调
@ -98,7 +86,7 @@ const Page = () => {
const viewPdf = (params) => { const viewPdf = (params) => {
setIframeSrc(params) setIframeSrc(params)
setPdfViewOPen(true) setPdfViewOPen(true)
} }
useEffect(() => { useEffect(() => {
const params = { const params = {
search: { search: {
@ -121,7 +109,7 @@ const Page = () => {
/> />
</Card> </Card>
<div className="ant-card-body" style={{ padding: "20px 0 0 0" }}> <div className="ant-card-body" style={{ padding: "20px 0 0 0" }}>
<Table columns={columns} rowKey="inx" {...tableProps} scroll={{ x: width, y: "calc( 100vh - 400px )" }} /> <Table columns={columns} rowKey="inx" {...tableProps} scroll={{ x: width, y: "calc( 100vh - 400px )" }} dataSource={[{name:1}]}/>
</div> </div>
</div> </div>

202
src/views/sz/szzf/ajdj/lsyx.js
View File

@ -1,174 +1,66 @@
import { Space, Table, Radio, DatePicker, Form, Select, Button, message, Upload, Input, Row, Col, Switch, Image } from 'antd'; import { Space, Table, Radio, DatePicker, Form, Select, Button, message, Upload, Input, Row, Col, Switch, Image } from 'antd';
import { InboxOutlined, LinkOutlined, DeleteOutlined, LoadingOutlined, VerticalAlignBottomOutlined } from '@ant-design/icons' import { InboxOutlined, LinkOutlined, DeleteOutlined, LoadingOutlined,VerticalAlignBottomOutlined } from '@ant-design/icons'
import { useForm } from 'antd/lib/form/Form'; import { useForm } from 'antd/lib/form/Form';
import { useEffect, useState } from 'react'; import { useState } from 'react';
import { httpgetExport, httppostAddfile } from '../../../../utils/request';
import { exportFile } from '../../../../utils/tools';
const { Dragger } = Upload; const { Dragger } = Upload;
const list = [ const list = [
{ {
type:'整改前', type:'整改前'
key:'files8'
}, },
{ {
type:'整改后', type:'整改后'
key:'files9' }
},
] ]
const baseUrl = "http://223.75.53.141:9102/test.by-lyf.tmp" const Page = () => {
const Page = ({ uploadUrl, downloadUrl, type, getFormInfo, formJsonData }) => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const [fileList, setFileList] = useState([]) const [fileList ,setFileList] =useState()
const [fileListHj, setFileHj] = useState({'files3': [],'files4': [],'files5': [],'files6': [],'files7': []}) const props = {
const [url, setUrl] = useState('') name: 'file',
const [isModal, setIsModal] = useState(false) multiple: true,
const getInfo = () => { fileList: fileList,
form.validateFields().then((values) => { showUploadList: false,
getFormInfo({ ...values, ...fileListHj }) beforeUpload: (file, fileList) => {
form.resetFields() // if (fileType == "pic" &&
setFileList([]) // (file.type != "image/jpeg" || file.type != "image/png" || file.type != "image/jpg")) {
}).catch((errorInfo) => { // message.error('仅支持上传jpg/png/jpeg格式的图片');
console.log(errorInfo, 'error'); // return false;
}) // } else {
// // return true;
} // }
const cancel = () => { },
getFormInfo(false) onChange(e) {
form.resetFields() // httpPostFile(apiUrl.service.uploadFile.uploadUrl + "?group=" + typeUpload, e).then(res => {
setFileList([]) // setFileList([...fileList, res.data])
// })
}
const deleteFile = (e,key) => {
fileListHj[key] = fileListHj[key].filter(item => item.fileId !== e)
setFileHj({ ...fileListHj })
}
const props = (keys) => {
return {
name: 'file',
multiple: true,
fileList: fileList,
showUploadList: false,
beforeUpload: (file, fileList) => {
// if (fileType == "pic" &&
// (file.type != "image/jpeg" || file.type != "image/png" || file.type != "image/jpg")) {
// message.error('仅支持上传jpg/png/jpeg格式的图片');
// return false;
// } else {
// return true;
// }
},
customRequest(e) {
httppostAddfile(uploadUrl, e).then(res => {
if(fileListHj[keys]){
fileListHj[keys].push(res.data)
}else{
fileListHj[keys]=[]
fileListHj[keys].push(res.data)
}
setFileHj({ ...fileListHj })
})
}
} }
}; };
function checkMediaType(url) { const onFinish = () =>{
// 创建URL对象
var link = url;
// 获取路径的最后一个点之后的内容作为文件扩展名
var extension = link?.split('.').pop().toLowerCase();
// 声明支持的图片和视频文件扩展名
var imageExtensions = ['jpg', 'jpeg', 'gif', 'png'];
var file = ['pdf', 'word', 'xslx', 'xsl', 'txt', "pptx"];
//
// 判断文件扩展名是否在图片扩展名数组中
if (imageExtensions.includes(extension)) {
return 'image';
}
// 判断文件扩展名是否在视频扩展名数组中
if (file.includes(extension)) {
return extension;
}
// 扩展名不在图片或视频数组中，返回null表示无法确定媒体类型
return null;
}
const preView = (item) => {
if (checkMediaType(item.name) == 'pdf') {
// window.open(baseUrl + item.previewUrl)
setUrl(item.previewUrl)
setIsModal(true)
}
} }
/**
* @description 文件下载
* @param {String} params 文件fileId
*/
const download = (id, name) => {
httpgetExport(downloadUrl+id).then(res => {
exportFile(name,res.data)
})
}
const onFinish = () => {
}
useEffect(() => {
setFileHj(formJsonData)
}, [])
return ( return (
<Form form={form} onFinish={onFinish} > <Form form={form} onFinish={onFinish} >
{list.map(item1 => ( {list.map(item=>(
<Row> <Row>
<Col span={2}> <Col span={2}>
<div style={{ display: 'flex', alignItems: 'center' }}> <div style={{display:'flex',alignItems:'center'}}>
<div style={{ width: 3, height: 12, background: '#259def', marginRight: 5 }}></div> <div style={{width:3,height:12,background:'#259def',marginRight:5}}></div>
{item1.type}</div> {item.type}</div>
</Col> </Col>
<Col span={22}> <Col span={22}>
<Form.Item <Form.Item
label='附件' label='附件'
name='files' name='name'
> >
<Dragger {...props(item1.key)}> <Dragger {...props}>
<p className="ant-upload-drag-icon"> <p className="ant-upload-drag-icon">
<InboxOutlined /> <InboxOutlined />
</p> </p>
<p className="ant-upload-text">点击或将文件拖拽到这里上传 支持扩展名：jpeg、png</p> <p className="ant-upload-text">点击或将文件拖拽到这里上传 支持扩展名：jpeg、png</p>
</Dragger> </Dragger>
<div> </Form.Item>
{fileListHj?.[item1.key]?.map((item) => { </Col>
return <div className='flex align-center' style={{ minHeight: "50px", fontSize: 14, columnGap: 10, cursor: checkMediaType(item.fileName) == 'image' || checkMediaType(item.fileName) == 'pdf' ? 'pointer' : "not-allowed" }}> </Row>))}
<div style={{ width: 40, height: 40, display: "flex", alignItems: 'center' }}>
{checkMediaType(item.fileName) == 'image' && <Image
height={40}
src={baseUrl + item.filePath}
/>}
{
checkMediaType(item.fileName) !== 'image' &&
<span >{checkMediaType(item.fileName)?.toUpperCase()}</span>
}
</div>
<span onClick={() => preView(item)}>{item.fileName}</span>
{type !== 'view' && <DeleteOutlined onClick={() => deleteFile(item.fileId,item1.key)} />}
<VerticalAlignBottomOutlined onClick={() => download(item.fileId, item.fileName)} />
</div>
})}
</div>
</Form.Item>
</Col>
</Row>))}
<div className="flex flex-end" style={{ marginTop: 10, justifyContent: "flex-end" }}>
<Button type="" style={{ marginRight: 10 }} onClick={cancel}>取消</Button>
<Button type="primary" onClick={getInfo}>确定</Button>
</div>
</Form > </Form >
) )

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

@ -1,14 +1,14 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect,useState } from 'react';
import { Form, Input, Button, DatePicker, Select } from 'antd'; import { Form, Input, Button, DatePicker, Select } from 'antd';
import { DownOutlined, UpOutlined } from '@ant-design/icons' import { DownOutlined, UpOutlined } from '@ant-design/icons'
import moment from 'moment'; import moment from 'moment';
const { RangePicker } = DatePicker; const { RangePicker } = DatePicker;
const ToolBar = ({ setSearchVal, onSave, storeData, role }) => { const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
const addBtn = role?.rule?.find(item => item.menuName == "新增"); const addBtn = role?.rule?.find(item => item.menuName == "新增");
const searchBtn = role?.rule?.find(item => item.menuName == "查询"); const searchBtn = role?.rule?.find(item => item.menuName == "查询");
const [form] = Form.useForm(); const [form] = Form.useForm();
const [showGj, setShowGj] = useState(false) const [showGj , setShowGj] =useState(false)
const onFinish = (values) => { const onFinish = (values) => {
let dataSo; let dataSo;
if (values.tm) { if (values.tm) {
@ -18,27 +18,18 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
} }
} }
delete values.tm delete values.tm
setSearchVal({ ...values, dataSo }); setSearchVal({...values, dataSo});
} }
const opntios = [ const opntios=[
{ label: '宪法', value: '宪法' }, {label:'宪法',value:'宪法'},
{ label: '法律', value: '法律' }, {label:'法律',value:'法律'},
{ label: '行政法规', value: '行政法规' }, {label:'行政法规',value:'行政法规'},
{ label: '督察法规', value: '督察法规' }, {label:'督察法规',value:'督察法规'},
{ label: '司法解释', value: '司法解释' }, {label:'司法解释',value:'司法解释'},
{ label: '地方性法规', value: '地方性法规' }, {label:'地方性法规',value:'地方性法规'},
] ]
const styles={
const caseTypeOption = [
{ label: '违建', value: 0 },
{ label: '毁林垦荒', value: 1 },
{ label: '筑坝拦汊', value: 2 },
{ label: '填占库容', value: 3 },
{ label: '违法取水', value: 4 },
{ label: '其他', value: 5 },
]
const styles = {
fontFamily: '微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑, sans-serif', fontFamily: '微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑, sans-serif',
fontWeight: '700', fontWeight: '700',
fontStyle: 'normal', fontStyle: 'normal',
@ -46,35 +37,34 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
} }
return ( return (
<> <>
<div style={{ display: 'flex', justifyContent: 'space-between' }}> <div style={{display:'flex',justifyContent:'space-between'}}>
<Form form={form} className='toolbarBox' layout="inline" onFinish={onFinish}> <Form form={form} className='toolbarBox' layout="inline" onFinish={onFinish}>
<div style={{ display: 'flex' }}> <div style={{display:'flex'}}>
<Form.Item label="案件类型" name="caseType"> <Form.Item label="标题" name="name">
<Select allowClear style={{ width: '150px' }} options={caseTypeOption} /> <Input allowClear style={{width:'150px'}}/>
</Form.Item> </Form.Item>
<Form.Item label="时间" name="createTime"> <Form.Item label="制定机关" name="name">
<RangePicker allowClear /> <Input allowClear style={{width:'150px'}}/>
</Form.Item> </Form.Item>
<Form.Item label="案件名称" name="caseName"> <Form.Item label="制定机关" name="name">
<Input allowClear style={{ width: '150px' }} /> <Select allowClear style={{width:'150px'}} options={opntios}/>
</Form.Item> </Form.Item>
<Form.Item label="案件编号" name="caseId"> <Form.Item>
<Input allowClear style={{ width: '150px' }} /> <Button type="primary" htmlType="submit">查询</Button>
</Form.Item> </Form.Item>
<Form.Item>
<Button type="primary" htmlType="submit">查询</Button> <Form.Item>
</Form.Item> <Button onClick={() => form.resetFields()}>重置</Button>
<Form.Item> </Form.Item>
<Button onClick={() => form.resetFields()}>重置</Button>
</Form.Item> {
{ (onSave) ?
(onSave) ? <Form.Item>
<Form.Item> <Button onClick={onSave}>新增</Button>
<Button onClick={onSave}>新增</Button> </Form.Item>
</Form.Item> :null
: null }
} <Form.Item>
{/* <Form.Item>
<div style={styles} onClick={()=>setShowGj(!showGj)}>高级搜索 {!showGj&&<DownOutlined />} {showGj&&<UpOutlined />}</div> <div style={styles} onClick={()=>setShowGj(!showGj)}>高级搜索 {!showGj&&<DownOutlined />} {showGj&&<UpOutlined />}</div>
</Form.Item> </Form.Item>
</div> </div>
@ -90,8 +80,8 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
</Form.Item> </Form.Item>
<Form.Item label="上传时间" name="name"> <Form.Item label="上传时间" name="name">
<RangePicker allowClear /> <RangePicker allowClear />
</Form.Item>*/} </Form.Item>
</div> </div>}
</Form> </Form>
</div> </div>
</> </>

52
src/views/sz/szzf/ajtj/barCharts.js
View File

@ -2,17 +2,12 @@ import dayjs from 'dayjs';
import { Space, Table, Tag, DatePicker, Form, Select, Button, Card } from 'antd'; import { Space, Table, Tag, DatePicker, Form, Select, Button, Card } from 'antd';
import ReactECharts from 'echarts-for-react'; import ReactECharts from 'echarts-for-react';
import { useEffect, useState, useMemo } from 'react'; import { useEffect, useState, useMemo } from 'react';
import { httppost } from '../../../../utils/request';
import apiurl from '../../../../service/apiurl';
let obj= { 0:'当事人自动履行',1: '行政强制执行'}
const Page = ({ title = '标题' }) => { const Page = ({ title = '标题' }) => {
const [echart2, setEchart2] = useState(Object()) const [echart2, setEchart2] = useState(Object())
const [inspectordata, setInspectorData] = useState([{}]) const [inspectordata, setInspectorData] = useState([{}])
const [plandata, setPlanData] = useState(Object()) const [plandata, setPlanData] = useState(Object())
const [problemdata, setProblemData] = useState(Object()) const [problemdata, setProblemData] = useState(Object())
const [sumTotal, setSum] = useState(0)
const getPlanOption = useMemo((name, data) => { const getPlanOption = useMemo((name, data) => {
// let total = 0 // let total = 0
// for (let i = 0; i < data.length; i++) { // for (let i = 0; i < data.length; i++) {
@ -21,18 +16,18 @@ const Page = ({ title = '标题' }) => {
return { return {
title: {}, title: {},
tooltip: {}, tooltip: {},
legend: { // legend: {
data: Object.values(obj) // data: name
}, // },
graphic: { graphic: {
type: 'text', type: 'text',
top: 'center', top: 'center',
left: 'center', left: 'center',
style: { style: {
text: `总计\n${sumTotal}`, text: `总计\n${0}`,
fontSize: 20, fontSize: 20,
fontWeight: 'bold', fontWeight: 'bold',
textAlign: 'center' // textAlign: 'center'
} }
}, },
series: { series: {
@ -59,41 +54,28 @@ const Page = ({ title = '标题' }) => {
const onOk = (event, index) => { const onOk = (event, index) => {
if (event !== null) { if (event !== null) {
let params = { let params = {
stm: dayjs(new Date(event[0])).format('YYYY-MM-DD HH:mm:ss'), stm: dayjs(new Date(event[0])).format('YYYY-MM-DD'),
etm: dayjs(new Date(event[1])).format('YYYY-MM-DD HH:mm:ss'), etm: dayjs(new Date(event[1])).format('YYYY-MM-DD'),
} }
// getStm(params, index) // getStm(params, index)
getInfo(params)
} }
} }
const getInfo=(params)=>{
let obj1=[]
let sum=0
httppost(apiurl.szzf.ajtj.info+2,params).then(res=>{
res.data.map(item=>{
obj1.push({value:item.count,name:obj[item.type]})
sum=sum+item.count
})
// debugger;
setPlanData(obj1)
setSum(sum)
})
}
useEffect(() => { useEffect(() => {
let params = { let data = [
stm: dayjs().startOf("year").format('YYYY-MM-DD HH:mm:ss'), { value: 1048, name: 'Search Engine' },
etm: dayjs().format('YYYY-MM-DD HH:mm:ss'), { value: 735, name: 'Direct' },
} { value: 580, name: 'Email' },
getInfo(params) { value: 484, name: 'Union Ads' },
{ value: 300, name: 'Video Ads' }
},[]) ]
setPlanData(data)
})
return ( return (
<> <>
<div className='top' style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}> <div className='top' style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
<div style={{ fontSize: 20, fontWeight: 'bold', display: 'flex', alignItems: 'center' }}> <div style={{ fontSize: 20, fontWeight: 'bold', display: 'flex', alignItems: 'center' }}>
<div style={{ width: 5, height: 25, backgroundColor: '#259def', marginRight: 10 }}></div> <div style={{ width: 5, height: 25, backgroundColor: '#259def', marginRight: 10 }}></div>
执行情况 {title}
</div> </div>
<DatePicker.RangePicker <DatePicker.RangePicker
style={{ width: 220, }} style={{ width: 220, }}

67
src/views/sz/szzf/ajtj/bincharts.js
View File

@ -1,31 +1,13 @@
import dayjs from 'dayjs';
import { Space, Table, Tag, DatePicker, Form, Select, Button, Card } from 'antd'; import { Space, Table, Tag, DatePicker, Form, Select, Button, Card } from 'antd';
import ReactECharts from 'echarts-for-react'; import ReactECharts from 'echarts-for-react';
import { useEffect, useState, useMemo } from 'react'; import { useEffect, useState, useMemo } from 'react';
import { httpget, httppost } from '../../../../utils/request';
import apiurl from '../../../../service/apiurl';
import dayjs from 'dayjs';
import advancedFormat from 'dayjs/plugin/advancedFormat'
import customParseFormat from 'dayjs/plugin/customParseFormat'
import localeData from 'dayjs/plugin/localeData'
import weekday from 'dayjs/plugin/weekday'
import weekOfYear from 'dayjs/plugin/weekOfYear'
import weekYear from 'dayjs/plugin/weekYear'
dayjs.extend(customParseFormat)
dayjs.extend(advancedFormat)
dayjs.extend(weekday)
dayjs.extend(localeData)
dayjs.extend(weekOfYear)
dayjs.extend(weekYear)
let obj={0:'巡查上报',1:'自主发现',2:'公共举报',3:'电话举报',4:'其他'}
const Page = ({ title = '标题' }) => { const Page = ({ title = '标题' }) => {
const [echart2, setEchart2] = useState(Object()) const [echart2, setEchart2] = useState(Object())
const [inspectordata, setInspectorData] = useState([{}]) const [inspectordata, setInspectorData] = useState([{}])
const [plandata, setPlanData] = useState(Object()) const [plandata, setPlanData] = useState(Object())
const [problemdata, setProblemData] = useState(Object()) const [problemdata, setProblemData] = useState(Object())
const [sumTotal, setSum] = useState(0)
const getPlanOption = useMemo((name, data) => { const getPlanOption = useMemo((name, data) => {
// let total = 0 // let total = 0
// for (let i = 0; i < data.length; i++) { // for (let i = 0; i < data.length; i++) {
@ -34,18 +16,18 @@ const Page = ({ title = '标题' }) => {
return { return {
title: {}, title: {},
tooltip: {}, tooltip: {},
legend: { // legend: {
data:Object.values(obj) // data: name
}, // },
graphic: { graphic: {
type: 'text', type: 'text',
top: 'center', top: 'center',
left: 'center', left: 'center',
style: { style: {
text: `总计\n${sumTotal}`, text: `总计\n${0}`,
fontSize: 20, fontSize: 20,
fontWeight: 'bold', fontWeight: 'bold',
textAlign: 'center' // textAlign: 'center'
} }
}, },
series: { series: {
@ -72,41 +54,28 @@ const Page = ({ title = '标题' }) => {
const onOk = (event, index) => { const onOk = (event, index) => {
if (event !== null) { if (event !== null) {
let params = { let params = {
stm: dayjs(new Date(event[0])).format('YYYY-MM-DD HH:mm:ss'), stm: dayjs(new Date(event[0])).format('YYYY-MM-DD'),
etm: dayjs(new Date(event[1])).format('YYYY-MM-DD HH:mm:ss'), etm: dayjs(new Date(event[1])).format('YYYY-MM-DD'),
} }
// getStm(params, index) // getStm(params, index)
getInfo(params)
} }
} }
const getInfo=(params)=>{
let obj1=[]
let sum=0
httppost(apiurl.szzf.ajtj.info+0,params).then(res=>{
res.data.map(item=>{
obj1.push({value:item.count,name:obj[item.type]})
sum=sum+item.count
})
// debugger;
setPlanData(obj1)
setSum(sum)
})
}
useEffect(() => { useEffect(() => {
let params = { let data = [
stm: dayjs().startOf("year").format('YYYY-MM-DD HH:mm:ss'), { value: 1048, name: 'Search Engine' },
etm: dayjs().format('YYYY-MM-DD HH:mm:ss'), { value: 735, name: 'Direct' },
} { value: 580, name: 'Email' },
getInfo(params) { value: 484, name: 'Union Ads' },
{ value: 300, name: 'Video Ads' }
},[]) ]
setPlanData(data)
})
return ( return (
<> <>
<div className='top' style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}> <div className='top' style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
<div style={{ fontSize: 20, fontWeight: 'bold', display: 'flex', alignItems: 'center' }}> <div style={{ fontSize: 20, fontWeight: 'bold', display: 'flex', alignItems: 'center' }}>
<div style={{ width: 5, height: 25, backgroundColor: '#259def', marginRight: 10 }}></div> <div style={{ width: 5, height: 25, backgroundColor: '#259def', marginRight: 10 }}></div>
案件来源 {title}
</div> </div>
<DatePicker.RangePicker <DatePicker.RangePicker
style={{ width: 220, }} style={{ width: 220, }}

118
src/views/sz/szzf/ajtj/ldCharts.js
View File

@ -2,65 +2,48 @@ import dayjs from 'dayjs';
import { Space, Table, Tag, DatePicker, Form, Select, Button, Card } from 'antd'; import { Space, Table, Tag, DatePicker, Form, Select, Button, Card } from 'antd';
import ReactECharts from 'echarts-for-react'; import ReactECharts from 'echarts-for-react';
import { useEffect, useState, useMemo } from 'react'; import { useEffect, useState, useMemo } from 'react';
import { httppost } from '../../../../utils/request';
import apiurl from '../../../../service/apiurl';
let obj =
{
0: '违建',
1: '毁林垦荒',
2: '筑坝拦汊',
3: '填占库容',
4: '违法取水',
5: '其他'
}
const Page = ({ title = '标题' }) => { const Page = ({ title = '标题' }) => {
const [echart2, setEchart2] = useState(Object()) const [echart2, setEchart2] = useState(Object())
const [inspectordata, setInspectorData] = useState([{}]) const [inspectordata, setInspectorData] = useState([{}])
const [plandata, setPlanData] = useState(Object()) const [plandata, setPlanData] = useState(Object())
const [problemdata, setProblemData] = useState(Object()) const [problemdata, setProblemData] = useState(Object())
const [sumTotal, setSum] = useState(0)
const getPlanOption = useMemo((name, data) => { const getPlanOption = useMemo((name, data) => {
// let total = 0 // let total = 0
// for (let i = 0; i < data.length; i++) { // for (let i = 0; i < data.length; i++) {
// total = total + Number(data[i].value) // total = total + Number(data[i].value)
// } // }
return { return {
legend: {
data: Object.values(obj)
},
angleAxis: { angleAxis: {
type: 'category', type: 'category',
data: Object.values(obj) data: ['应用服务中心', '技术管理', '综合管理', '进度管理', '质量管理', '安全管理', '其它']
}, },
// radar: [ radar: [
// { {
// indicator: [ indicator: [
// { text: '' }, { text: '' },
// { text: '' }, { text: '' },
// { text: '' }, { text: '' },
// { text: '' }, { text: '' },
// { text: '' }, { text: '' },
// { text: '' }, { text: '' },
// { text: '' }, { text: '' },
// ], ],
// radius: '80%', radius: '80%',
// splitNumber: 12, splitNumber: 12,
// shape: 'circle', shape: 'circle',
// splitArea: { splitArea: {
// areaStyle: { areaStyle: {
// color: '#fff', color: '#fff',
// } }
// }, },
// axisLine: { axisLine: {
// lineStyle: { lineStyle: {
// color: '#d4d4d4' color: '#d4d4d4'
// } }
// }, },
// }, },
// ], ],
radiusAxis: { radiusAxis: {
min: 0, min: 0,
max: 20, max: 20,
@ -95,7 +78,15 @@ const Page = ({ title = '标题' }) => {
borderRadius: 8 borderRadius: 8
}, },
}, },
data: plandata data: [
{ value: 40, name: '应用服务中心' },
{ value: 32, name: '技术管理' },
{ value: 30, name: '综合管理' },
{ value: 30, name: '进度管理' },
{ value: 28, name: '质量管理' },
{ value: 28, name: '安全管理' },
{ value: 18, name: '其它' },
]
} }
] ]
} }
@ -105,41 +96,28 @@ const Page = ({ title = '标题' }) => {
const onOk = (event, index) => { const onOk = (event, index) => {
if (event !== null) { if (event !== null) {
let params = { let params = {
stm: dayjs(new Date(event[0])).format('YYYY-MM-DD HH:mm:ss'), stm: dayjs(new Date(event[0])).format('YYYY-MM-DD'),
etm: dayjs(new Date(event[1])).format('YYYY-MM-DD HH:mm:ss'), etm: dayjs(new Date(event[1])).format('YYYY-MM-DD'),
} }
// getStm(params, index) // getStm(params, index)
getInfo(params)
} }
} }
const getInfo = (params) => {
let obj1 = []
let sum = 0
httppost(apiurl.szzf.ajtj.info + 1, params).then(res => {
res.data.map(item => {
obj1.push({ value: item.count, name: obj[item.type] })
sum = sum + item.count
})
// debugger;
setPlanData(obj1)
setSum(sum)
})
}
useEffect(() => { useEffect(() => {
let params = { let data = [
stm: dayjs().startOf("year").format('YYYY-MM-DD HH:mm:ss'), { value: 1048, name: 'Search Engine' },
etm: dayjs().format('YYYY-MM-DD HH:mm:ss'), { value: 735, name: 'Direct' },
} { value: 580, name: 'Email' },
getInfo(params) { value: 484, name: 'Union Ads' },
{ value: 300, name: 'Video Ads' }
}, []) ]
setPlanData(data)
})
return ( return (
<> <>
<div className='top' style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}> <div className='top' style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
<div style={{ fontSize: 20, fontWeight: 'bold', display: 'flex', alignItems: 'center' }}> <div style={{ fontSize: 20, fontWeight: 'bold', display: 'flex', alignItems: 'center' }}>
<div style={{ width: 5, height: 25, backgroundColor: '#259def', marginRight: 10 }}></div> <div style={{ width: 5, height: 25, backgroundColor: '#259def', marginRight: 10 }}></div>
案件类型 {title}
</div> </div>
<DatePicker.RangePicker <DatePicker.RangePicker
style={{ width: 220, }} style={{ width: 220, }}

63
src/views/sz/szzf/ajtj/lincharts.js
View File

@ -3,8 +3,6 @@ import { Space, Table, Tag, DatePicker, Form, Select, Button, Card } from 'antd'
import ReactECharts from 'echarts-for-react'; import ReactECharts from 'echarts-for-react';
import { useEffect, useState, useMemo } from 'react'; import { useEffect, useState, useMemo } from 'react';
import { encode } from 'punycode'; import { encode } from 'punycode';
import { httpget } from '../../../../utils/request';
import apiurl from '../../../../service/apiurl';
const Page = ({ title = '标题' }) => { const Page = ({ title = '标题' }) => {
const [echart2, setEchart2] = useState(Object()) const [echart2, setEchart2] = useState(Object())
@ -16,12 +14,12 @@ const Page = ({ title = '标题' }) => {
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
position: ['20%', '50%'], position: ['20%', '50%'],
formatter:function(value){
console.log(value); },
legend: {
return `<div>${value[0].value.month+"月份"}</div><div>数量：${value[0].value.count}</div>`; data: ['运行调度指令'],
} },
},
dataset: [ dataset: [
{ source: plandata }, { source: plandata },
] ]
@ -29,30 +27,22 @@ const Page = ({ title = '标题' }) => {
xAxis: xAxis:
{ {
type: 'category', type: 'category',
axisLabel: {
show: true,
textStyle: {
color: '#595C61'
},
formatter:function(value){
return value+'月';
}
}
} }
, ,
yAxis: [ yAxis: [
{ {
name: 'mm',
type: 'value' type: 'value'
} }
], ],
series: [ series: [
{ {
name:'数量', name: '2量',
type: 'line', type: 'line',
datasetIndex: 0, datasetIndex: 0,
encode: { encode: {
x: 'month', x: 'name',
y: 'count' y: 'value'
}, },
itemStyle: { itemStyle: {
color: 'skyblue' color: 'skyblue'
@ -65,33 +55,34 @@ const Page = ({ title = '标题' }) => {
const onOk = (event, index) => { const onOk = (event, index) => {
if (event !== null) { if (event !== null) {
let params = dayjs(event).format('YYYY') let params = {
getInfo(params) stm: dayjs(new Date(event[0])).format('YYYY-MM-DD'),
etm: dayjs(new Date(event[1])).format('YYYY-MM-DD'),
}
} }
} }
const getInfo = (params) => {
httpget(apiurl.szzf.ajtj.qs+ params).then(res => {
setPlanData(res.data)
})
}
useEffect(() => { useEffect(() => {
let params = dayjs().format('YYYY') let data = [
{ value: 1048, name: 'Search Engine' },
getInfo(params) { value: 735, name: 'Direct' },
}, []) { value: 580, name: 'Email' },
{ value: 484, name: 'Union Ads' },
{ value: 300, name: 'Video Ads' }
]
setPlanData(data)
})
return ( return (
<> <>
<div className='top' style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}> <div className='top' style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
<div style={{ fontSize: 20, fontWeight: 'bold', display: 'flex', alignItems: 'center' }}> <div style={{ fontSize: 20, fontWeight: 'bold', display: 'flex', alignItems: 'center' }}>
<div style={{ width: 5, height: 25, backgroundColor: '#259def', marginRight: 10 }}></div> <div style={{ width: 5, height: 25, backgroundColor: '#259def', marginRight: 10 }}></div>
案件趋势 {title}
</div> </div>
<DatePicker <DatePicker.RangePicker
style={{ width: 220, }} style={{ width: 220, }}
onChange={(e, index) => onOk(e, 2)} onChange={(e, index) => onOk(e, 2)}
defaultValue={dayjs()} defaultValue={[dayjs().startOf("year"), dayjs()]}
picker='year' ></DatePicker.RangePicker>
></DatePicker>
</div> </div>
<ReactECharts <ReactECharts
ref={(e) => setEchart2(e)} ref={(e) => setEchart2(e)}

37
src/views/sz/szzf/clyj/content.js
View File

@ -3,17 +3,14 @@ import { Button } from 'antd'
import ModalForm from './form'; import ModalForm from './form';
import BasicCrudModal from '../../../../components/crud/BasicCrudModal'; import BasicCrudModal from '../../../../components/crud/BasicCrudModal';
import React, { Fragment, useRef, useMemo, useEffect, useState } from 'react'; import React, { Fragment, useRef, useMemo, useEffect, useState } from 'react';
import { httpget } from '../../../../utils/request'; const Page = ({ data }) => {
import apiurl from '../../../../service/apiurl';
const Page = ({ treeSelect }) => {
const refModal = useRef(); const refModal = useRef();
const [data,setData] = useState({})
/** /**
* @description 处理成功的回调 * @description 处理成功的回调
*/ */
const successCallback = () => { const successCallback = () => {
getInfo() // refresh()
// setIsFetch(!isFetch) // setIsFetch(!isFetch)
} }
const dataPahe = { const dataPahe = {
@ -21,37 +18,27 @@ const Page = ({ treeSelect }) => {
zhunag: '1' zhunag: '1'
} }
const edit = () => { const edit = () => {
refModal.current.showEdit({...data}); refModal.current.showEdit({});
} }
const getInfo=()=>{
httpget(apiurl.szzf.clyj.detail+treeSelect?.key).then(res=>{
setData({...res.data,name:treeSelect.name})
})
}
useEffect(()=>{
if(treeSelect){
getInfo()
}
},[treeSelect])
return ( return (
<> <>
<div className={styles.list} style={{ padding: '0 10px', marginBottom: 5 }}>{treeSelect?.name}<Button type="primary" onClick={edit}>编辑</Button></div> <div className={styles.list} style={{ padding: '0 10px', marginBottom: 5 }}>{dataPahe.title}<Button type="primary" onClick={edit}>编辑</Button></div>
<div className={styles.listborder} style={{ padding: '0 10px', }}>状态</div> <div className={styles.listborder} style={{ padding: '0 10px', }}>{dataPahe.title}</div>
<div className={styles.listborder} style={{ padding: '0 10px', marginBottom: 5 }}>{data?.status?'启用':'禁用'}</div> <div className={styles.listborder} style={{ padding: '0 10px', marginBottom: 5 }}>{dataPahe.title}</div>
<div className={styles.contentBor} style={{ padding: '0 10px', marginBottom: 5, height: '35%' }}> <div className={styles.contentBor} style={{ padding: '0 10px', marginBottom: 5, height: '35%' }}>
<div className={styles.listborder} style={{ padding: '0 10px', height: '30%' }}>法律依据</div> <div className={styles.listborder} style={{ padding: '0 10px', height: '30%' }}>{dataPahe.title}</div>
{data?.legalName ?? '无内容请添加'} {dataPahe.title ?? '无内容请添加'}
</div> </div>
<div style={{ display: 'flex', height: '33%' }}> <div style={{ display: 'flex', height: '33%' }}>
<div className={styles.contentBor} style={{ flex: 1, marginRight: 5 }}> <div className={styles.contentBor} style={{ flex: 1, marginRight: 5 }}>
<div className={styles.listborder} style={{ height: '30%', padding: '0 10px', }}>违法行为描述</div> <div className={styles.listborder} style={{ height: '30%', padding: '0 10px', }}>{dataPahe.title}</div>
<div style={{ padding: '0 10px' }}>{data?.violationDesc ?? '无内容请添加'}</div> <div style={{ padding: '0 10px' }}>{dataPahe.title ?? '无内容请添加'}</div>
</div> </div>
<div className={styles.contentBor} style={{ flex: 1 }}> <div className={styles.contentBor} style={{ flex: 1 }}>
<div className={styles.listborder} style={{ height: '30%', padding: '0 10px', }}>处罚措施</div> <div className={styles.listborder} style={{ height: '30%', padding: '0 10px', }}>{dataPahe.title}</div>
<div style={{ padding: '0 10px' }}>{data?.penalties ?? '无内容请添加'}</div> <div style={{ padding: '0 10px' }}>{dataPahe.title ?? '无内容请添加'}</div>
</div> </div>
</div> </div>

5
src/views/sz/szzf/clyj/content.module.less
View File

@ -5,7 +5,6 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background-color: #fff; background-color: #fff;
font-size: 16px;
} }
.listborder{ .listborder{
@ -16,13 +15,9 @@
justify-content: space-between; justify-content: space-between;
background-color: #fff; background-color: #fff;
border-bottom: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;
font-size: 16px;
} }
.contentBor{ .contentBor{
background-color: #fff; background-color: #fff;
border-bottom: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;
font-size: 16px;
} }

41
src/views/sz/szzf/clyj/form.js
View File

@ -10,10 +10,10 @@ import moment from 'moment';
const { TextArea } = Input; const { TextArea } = Input;
const options=[ const options=[
{label:'禁用',value:0}, {label:'禁用'},
{label:'启用',value:1} {label:'启用'}
] ]
const ModalForm = ({ mode, record, onEdit, onSave, onCrudSuccess }) => { const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const [fileList, setFileList] = useState([]) //上传文件列表 const [fileList, setFileList] = useState([]) //上传文件列表
@ -24,11 +24,30 @@ const ModalForm = ({ mode, record, onEdit, onSave, onCrudSuccess }) => {
const onfinish = (values) => { const onfinish = (values) => {
onEdit(apiurl.szzf.clyj.edit, {...record,...values}) values.eventsDate = values.eventsDate ? moment(values.eventsDate).format("YYYY-MM-DD 00:00:00") : ''
let oldFiles = fileList.map(item => ({ fileId: item.response?.data?.fileId }))
if (mode === 'edit') {
values.files = oldFiles;
values.id = record.id;
onEdit(apiurl.rcgl.gcdsj.edit, values)
}
if (mode === 'save') {
values.files = oldFiles
onSave(apiurl.rcgl.gcdsj.save, values)
}
} }
useEffect(() => { useEffect(() => {
if(record){ if (mode != 'save') {
form.setFieldsValue(record) const imgFile = record?.files?.map(o => ({
name: o.fileName,
response: {
data: {
filePath: o.filePath,
fileId: o.fileId
}
},
}))
setFileList(imgFile)
} }
}, [record, mode]) }, [record, mode])
@ -55,7 +74,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onCrudSuccess }) => {
<Col span={24}> <Col span={24}>
<Form.Item <Form.Item
label="状态" label="状态"
name="status" name="name"
rules={[{ required: true }]} rules={[{ required: true }]}
> >
<Radio.Group options={options}/> <Radio.Group options={options}/>
@ -64,7 +83,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onCrudSuccess }) => {
<Col span={24}> <Col span={24}>
<Form.Item <Form.Item
label="法律名称" label="法律名称"
name="legalName" name="name"
rules={[{ required: true }]} rules={[{ required: true }]}
> >
<Input style={{ width: '100%' }} allowClear /> <Input style={{ width: '100%' }} allowClear />
@ -73,7 +92,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onCrudSuccess }) => {
<Col span={24}> <Col span={24}>
<Form.Item <Form.Item
label="法条内容" label="法条内容"
name="legalContent" name="name"
> >
<Input style={{ width: '100%' }} allowClear /> <Input style={{ width: '100%' }} allowClear />
</Form.Item> </Form.Item>
@ -82,7 +101,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onCrudSuccess }) => {
<Col span={24}> <Col span={24}>
<Form.Item <Form.Item
label="违法行为描述" label="违法行为描述"
name="violationDesc" name="name"
> >
<TextArea rows={4} /> <TextArea rows={4} />
</Form.Item> </Form.Item>
@ -90,7 +109,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onCrudSuccess }) => {
<Col span={24}> <Col span={24}>
<Form.Item <Form.Item
label="处罚措施" label="处罚措施"
name="penalties" name="name"
> >
<TextArea rows={4} /> <TextArea rows={4} />
</Form.Item> </Form.Item>

11
src/views/sz/szzf/clyj/index.js
View File

@ -2,22 +2,17 @@ import { Card } from 'antd'
import TreeSelectZdy from './treeSelectZdy' import TreeSelectZdy from './treeSelectZdy'
import ContentPage from './content' import ContentPage from './content'
import { useEffect, useState } from 'react'
const Page = () => { const Page = () => {
const [treeSelect ,setTreeSelect] =useState({})
useEffect(()=>{
console.log(treeSelect,'1111');
},[treeSelect])
return ( return (
<div style={{display:'flex',height: '100%'}}> <div style={{display:'flex',height: '100%'}}>
<div style={{ width: 320, backgroundColor: '#fff', padding: 10 }}> <div style={{ width: 320, backgroundColor: '#fff', padding: 10 }}>
<TreeSelectZdy setTreeSelect={setTreeSelect}/> <TreeSelectZdy />
</div> </div>
<div style={{ flex:1 ,marginLeft:10}}> <div style={{ flex:1 ,marginLeft:10}}>
<ContentPage treeSelect={treeSelect[0]}/> <ContentPage />
</div> </div>
</div> </div>

179
src/views/sz/szzf/clyj/treeSelectZdy.js
View File

@ -1,64 +1,57 @@
import React, { useState, useMemo, useEffect, useRef } from 'react'; import React, { useState, useMemo } from 'react';
import { Tree, Input, Tooltip } from 'antd'; import { Tree, Input } from 'antd';
import { httpget } from '../../../../utils/request';
import apiurl from '../../../../service/apiurl';
const { Search } = Input; const { Search } = Input;
// const data = [ const data = [
// { {
// key: 'parent 1', key: 'parent 1',
// title: '违反水利工程建设与管理类行为', title: '违反水利工程建设与管理类行为',
// children: [ children: [
// { {
// value: 'parent 1-0', value: 'parent 1-0',
// title: '侵占、毁坏水法规定相关设施', title: '侵占、毁坏水法规定相关设施',
// children: [ children: [
// { {
// key: 'leaf1', key: 'leaf1',
// title: '侵占、毁坏水工程及堤防、护岸...', title: '侵占、毁坏水工程及堤防、护岸...',
// }, },
// { {
// key: 'leaf2', key: 'leaf2',
// title: '毁坏防汛、水文监测、水文地质...', title: '毁坏防汛、水文监测、水文地质...',
// }, },
// { {
// key: 'leaf3', key: 'leaf3',
// title: '在水工程保护范围内，从事影响..', title: '在水工程保护范围内，从事影响..',
// } }
// ], ],
// }, },
// { {
// key: 'parent 1-1', key: 'parent 1-1',
// title: '破坏大坝管理设施、妨碍大坝', title: '破坏大坝管理设施、妨碍大坝',
// children: [ children: [
// { {
// key: 'leaf4', key: 'leaf4',
// title: '毁坏大坝及其管理设施', title: '毁坏大坝及其管理设施',
// }, },
// { {
// key: 'leaf5', key: 'leaf5',
// title: '危害大坝安全或破坏大坝正常运行', title: '危害大坝安全或破坏大坝正常运行',
// }, },
// { {
// key: 'leaf6', key: 'leaf6',
// title: '在岸区或坝体从事生产活动', title: '在岸区或坝体从事生产活动',
// }, },
// ], ],
// }, },
// ], ],
// }, },
// ]; ];
let dataList = []; let dataList = [];
const Page = ({ setTreeSelect }) => { const Page = () => {
const [expandedKeys, setExpandedKeys] = useState([]); const [expandedKeys, setExpandedKeys] = useState([]);
const [searchValue, setSearchValue] = useState(); const [searchValue, setSearchValue] = useState('');
const [autoExpandParent, setAutoExpandParent] = useState(true); const [autoExpandParent, setAutoExpandParent] = useState(true);
const [selectNode, setSelect] = useState(true);
const [data, setData] = useState([]);
const treeRef = useRef();
const onExpand = (newExpandedKeys) => { const onExpand = (newExpandedKeys) => {
@ -67,7 +60,15 @@ const Page = ({ setTreeSelect }) => {
}; };
const onSearch = (value) => { const onSearch = (value) => {
debugger; // const newExpandedKeys = dataList
// .map((item) => {
// if (item.title.indexOf(value) > -1) {
// return getParentKey(item.key, data);
// }
// return null;
// })
// .filter((item, i, self) => !!(item && self.indexOf(item) === i));
// setExpandedKeys(newExpandedKeys);
setSearchValue(value); setSearchValue(value);
setAutoExpandParent(true); setAutoExpandParent(true);
@ -75,94 +76,48 @@ const Page = ({ setTreeSelect }) => {
const treeData = useMemo(() => { const treeData = useMemo(() => {
const loop = (data) => const loop = (data) =>
data.map((item) => { data.map((item) => {
const strTitle = item.legalName; const strTitle = item.title;
const index = strTitle?.indexOf(searchValue); const index = strTitle?.indexOf(searchValue);
const beforeStr = strTitle.substring(0, index); const beforeStr = strTitle.substring(0, index);
const afterStr = strTitle.slice(index + searchValue?.length); const afterStr = strTitle.slice(index + searchValue.length);
const title = const title =
index > -1 ? ( index > -1 ? (
<span key={item.id}> <span key={item.key}>
{beforeStr} {beforeStr}
<span className="site-tree-search-value" style={{ color: 'red' }}>{searchValue}</span> <span className="site-tree-search-value" style={{ color: 'red' }}>{searchValue}</span>
{afterStr} {afterStr}
</span> </span>
) : ( ) : (
<span key={item.id}>{strTitle}</span> <span key={item.key}>{strTitle}</span>
); );
if (item.children) { if (item.children) {
return { title: title, key: item.id, children: loop(item.children), name: strTitle }; return { title, key: item.key, children: loop(item.children) };
} }
if (index > -1) { if (index > -1) {
dataList.push(item.key)
console.log(index, strTitle, searchValue);
dataList.push(item.id)
setExpandedKeys(dataList); setExpandedKeys(dataList);
if (dataList.length < 2) {
treeRef.current.scrollTo({ key: dataList[0].id });
}
} }
return { return {
title: title, title,
key: item.id, key: item.key,
name: strTitle
}; };
}); });
return loop(data); return loop(data);
}, [searchValue, data]); }, [searchValue]);
useEffect(() => {
httpget(apiurl.szzf.clyj.tree).then(res => {
setData(res.data)
setTreeSelect(
[{
key: res.data[0].id,
name: res.data[0].legalName,
}]
)
setSelect([res.data[0].id])
})
}, [])
return ( return (
<> <>
<div style={{ margin: '10px 0' }}><Search onSearch={onSearch} /></div> <div style={{ margin: '10px 0' }}><Search onSearch={onSearch} /></div>
<Tree <Tree
onExpand={onExpand} onExpand={onExpand}
ref={treeRef}
expandedKeys={expandedKeys} expandedKeys={expandedKeys}
treeData={treeData} treeData={treeData}
autoExpandParent={autoExpandParent} autoExpandParent={autoExpandParent}
selectedKeys={selectNode}
titleRender={(data) => {
return (
<div style={{ color: data.children ? '#c8c8c8' : '', cursor: data.children ? 'not-allowed' : '' }} >
<Tooltip title={data.name}>
<div className='ellipsis1' style={{ width: 200 }}>
{data.title}
</div>
</Tooltip>
</div>)
}}
onSelect={(e, node) => {
if (node.selectedNodes[0].children) {
return;
}
setSelect(e)
setTreeSelect(
node.selectedNodes
)
}}
height={800}
/> />
</> </>
); );
}; };
export default Page; export default Page;

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

@ -1,38 +1,34 @@
import React, { useEffect, useState, useRef } from 'react'; import React, { useEffect, useState, useRef } from 'react';
import { TreeSelect, Table, Tag, DatePicker, Form, Select, Button, message, Upload, Input, Row, Col, Switch, Image,Radio } from 'antd'; import { Space, Table, Radio, DatePicker, Form, Select, Button, message, Upload, Input, Row, Col, Switch, Image } from 'antd';
import './ddForm.less' import './ddForm.less'
import dayjs from 'dayjs' import dayjs from 'dayjs'
import { InboxOutlined, LinkOutlined, DeleteOutlined, LoadingOutlined, VerticalAlignBottomOutlined } from '@ant-design/icons' import { InboxOutlined, LinkOutlined, DeleteOutlined, LoadingOutlined,VerticalAlignBottomOutlined } from '@ant-design/icons'
import apiurl from '../../../../service/apiurl'; import { httpPostFile } from '../../../../utils/request';
import { httpgetExport, httppostAddfile } from '../../../../utils/request'; import apiUrl from '../../../../service/apiurl'
import { exportFile } from '../../../../utils/tools';
// import apiUrl from '../../service/apiurl'
import PdfView from './pdfView' import PdfView from './pdfView'
const { RangePicker } = DatePicker; const { RangePicker } = DatePicker;
const { TextArea } = Input; const { TextArea } = Input;
const baseUrl = "http://local.gunshiiot.com:18083/gunshiApp/xintankou"
const baseUrl = "http://223.75.53.141:9102/test.by-lyf.tmp" const FormZdy = ({ typeName = "ddForm", formJson, getFormInfo, type, formJsonData, typeUpload = 'dispatch', isModalOpen,fileType,footer=true }) => {
const FormZdy = ({ fileKey,typeName = "ddForm", formJson, getFormInfo, type, formJsonData, typeUpload = 'dispatch', isModalOpen, fileType, footer = true, uploadUrl,TableZdyProps,downloadUrl,
onSave }) => {
const [fileList, setFileList] = useState([]) const [fileList, setFileList] = useState([])
const [fileListUp, setFileLisUp] = useState([]) const [fileListUp, setFileLisUp] = useState([])
const [url, setUrl] = useState('') const [url, setUrl] = useState('')
const [isModal, setIsModal] = useState(false) const [isModal, setIsModal] = useState(false)
// // debugger;
const [form] = Form.useForm(); const [form] = Form.useForm();
// function onDocumentLoadSuccess({ numPages }) { // function onDocumentLoadSuccess({ numPages }) {
// setRenderNumPages(numPages); // setRenderNumPages(numPages);
// } // }
const onFinish = (e) => { const onFinish = (e) => {
} }
const getInfo = () => { const getInfo = () => {
form.validateFields().then((values) => { form.validateFields().then((values) => {
getFormInfo({ ...values, [fileKey]: fileList, fileIds: fileList.map(item => item.fileId) }) getFormInfo({ ...values, files: fileList, fileIds: fileList.map(item => item.id) })
form.resetFields() form.resetFields()
setFileList([]) setFileList([])
}).catch((errorInfo) => { }).catch((errorInfo) => {
@ -51,8 +47,7 @@ const FormZdy = ({ fileKey,typeName = "ddForm", formJson, getFormInfo, type, for
// window.open('http://local.gunshiiot.com:18083/xintankou/api/file/preview/104') // window.open('http://local.gunshiiot.com:18083/xintankou/api/file/preview/104')
// } // }
const deleteFile = (e) => { const deleteFile = (e) => {
debugger; let arr = fileList.filter(item => item.id !== e)
let arr = fileList.filter(item => item.fileId !== e)
setFileList(arr) setFileList(arr)
} }
const props = { const props = {
@ -60,7 +55,7 @@ const FormZdy = ({ fileKey,typeName = "ddForm", formJson, getFormInfo, type, for
multiple: true, multiple: true,
fileList: fileList, fileList: fileList,
showUploadList: false, showUploadList: false,
beforeUpload: (file, fileList) => { beforeUpload: (file, fileList) => {
if (fileType == "pic" && if (fileType == "pic" &&
(file.type != "image/jpeg" || file.type != "image/png" || file.type != "image/jpg")) { (file.type != "image/jpeg" || file.type != "image/png" || file.type != "image/jpg")) {
message.error('仅支持上传jpg/png/jpeg格式的图片'); message.error('仅支持上传jpg/png/jpeg格式的图片');
@ -69,10 +64,9 @@ const FormZdy = ({ fileKey,typeName = "ddForm", formJson, getFormInfo, type, for
return true; return true;
} }
}, },
customRequest(e) { onChange(e) {
setFileLisUp([...fileListUp, e.file]) setFileLisUp([...fileListUp, e.file])
debugger httpPostFile(apiUrl.service.uploadFile.uploadUrl + "?group=" + typeUpload, e).then(res => {
httppostAddfile(uploadUrl, e).then(res => {
setFileList([...fileList, res.data]) setFileList([...fileList, res.data])
}) })
} }
@ -82,12 +76,12 @@ const FormZdy = ({ fileKey,typeName = "ddForm", formJson, getFormInfo, type, for
// 创建URL对象 // 创建URL对象
var link = url; var link = url;
// 获取路径的最后一个点之后的内容作为文件扩展名 // 获取路径的最后一个点之后的内容作为文件扩展名
var extension = link?.split('.').pop().toLowerCase(); var extension = link.split('.').pop().toLowerCase();
// 声明支持的图片和视频文件扩展名 // 声明支持的图片和视频文件扩展名
var imageExtensions = ['jpg', 'jpeg', 'gif', 'png']; var imageExtensions = ['jpg', 'jpeg', 'gif', 'png'];
var file = ['pdf', 'word', 'xslx', 'xsl', 'txt', "pptx"]; var file = ['pdf', 'word', 'xslx', 'xsl', 'txt',"pptx"];
//
// 判断文件扩展名是否在图片扩展名数组中 // 判断文件扩展名是否在图片扩展名数组中
if (imageExtensions.includes(extension)) { if (imageExtensions.includes(extension)) {
return 'image'; return 'image';
@ -104,209 +98,122 @@ const FormZdy = ({ fileKey,typeName = "ddForm", formJson, getFormInfo, type, for
const preView = (item) => { const preView = (item) => {
if (checkMediaType(item.name) == 'pdf') { if (checkMediaType(item.name) == 'pdf') {
// window.open(baseUrl + item.previewUrl) // window.open(baseUrl + item.previewUrl)
setUrl(item.previewUrl) setUrl(`${`http://local.gunshiiot.com:18083/xintankou`}/static/pdf/web/viewer.html?file=${encodeURIComponent(`http://local.gunshiiot.com:18083/gunshiApp/xintankou/${item.previewUrl}`)}`)
setIsModal(true) setIsModal(true)
} }
} }
/** /**
* @description 文件下载 * @description 文件下载
* @param {String} params 文件fileId * @param {String} params 文件fileId
*/ */
const download = async(id, name) => { const download = (id,name) => {
var extension = name?.split('.').pop().toLowerCase(); let downloadLink = document.createElement("a");
httpgetExport(downloadUrl+id).then(res => { downloadLink.href = `http://local.gunshiiot.com:18083/gunshiApp/xintankou/api/file/download/${id}`;
exportFile(name,res.data) downloadLink.download = `${name}`;
}) downloadLink.style.display = "none";
} // 将链接添加到页面中
document.body.appendChild(downloadLink);
// 模拟点击事件，开始下载
downloadLink.click();
}
useEffect(() => { useEffect(() => {
// form.resetFields() form.resetFields()
let formType = type let formType = type
if (type = 'edit') { if(type='edit'){
formType = 2 formType=2
} }
if (type == 'view') { if(type == 'view'){
formType = 1 formType =1
} }
if (type == 'save') { if(type=='save'){
formType = 0 formType =0
} }
if (formType == 1 || formType == 2 || formType == 3) { if (formType == 1 || formType == 2 || formType == 3) {
form.setFieldsValue(formJsonData) form.setFieldsValue(formJsonData)
if (formJsonData?.[fileKey]) { if (formJsonData?.files) {
setFileList(formJsonData[fileKey]) setFileList(formJsonData.files)
} }
console.log(formJsonData, formJson);
//
} }
return () => { return () => {
setFileList([]) setFileList([])
} }
}, [type, formJsonData, isModalOpen]) }, [type, formJsonData, isModalOpen])
return ( return (
<div style={{ backgroundColor: '#fff', marginTop: 10 }}> <div style={{ backgroundColor: '#fff' }}>
<Form form={form} name="searchTabel" onFinish={onFinish} className={typeName}> <Form form={form} name="searchTabel" onFinish={onFinish} className={typeName}>
<Row> <Row>
{formJson?.map(item => { {formJson.map(item => {
return ( return (
<Col span={item.span} > <Col span={item.span} >
{item.type == "input" && <Form.Item
<Form.Item
label={item.label}
name={item.key}
rules={[{ required: item.required, message: '请输入' + item.label }]}
>
<Input disabled={type == 'view' || item.disabled} placeholder={item.placeholder} />
</Form.Item>}
{item.type == "title" &&
<Form.Item
label={item.label}
name={item.key}
rules={[{ required: item.required, message: '请输入' + item.label }]}
>
<div className='title'>
<div className='titleRight'></div>
{item.content}
</div>
</Form.Item>}
{item.type == "Select" && <Form.Item
label={item.label} label={item.label}
name={item.key} name={item.key}
rules={[{ required: item.required, message: '请输入' + item.label }]} rules={[{ required: item.required, message: '请输入' + item.label }]}
className={item.type == 'empty'?'empty':'noempty'}
> >
<Select disabled={type == 'view'} options={item.options} fieldNames={item.fieldNames} /> {item.type == "input" && <Input disabled={type == 1 || item.disabled} placeholder={item.placeholder} />}
</Form.Item>} {item.type == "Select" && <Select disabled={type == 1} options={item.options} />}
{item.type == "Radio" && <Form.Item {item.type == "empty" && <Input disabled={item.type == "empty" ? true : false} />}
label={item.label} {item.type == "Switch" && <Switch defaultChecked onChange={onChange} disabled={type == 1} />}
name={item.key} {item.type == "DatePicker" && <DatePicker disabled={type == 1} style={{width:"100%"}} />}
rules={[{ required: item.required, message: '请输入' + item.label }]} {item.type == "TextArea" && <TextArea rows={4} disabled={type == 1} />}
> {item.type == "Radio" &&<Radio.Group options={item.options} />}
<Radio.Group disabled={type == 'view'} options={item.options}/> {item.type == "RangePicker" &&
</Form.Item>} <RangePicker disabled={type=='view'} />}
{item.type == "upload" &&
{/* {item.type == "Select" && <Select disabled={type == 1} options={item.options} />} */} <>
{type !== 1 && <Dragger {...props}>
{item.type == "Switch" && <Form.Item <p className="ant-upload-drag-icon">
label={item.label} <InboxOutlined />
name={item.key} </p>
rules={[{ required: item.required, message: '请输入' + item.label }]}
> {fileType == "pic" ? <p className="ant-upload-text">点击或将文件拖拽到这里上传 支持扩展名：jpeg、png</p>: <p className="ant-upload-text">点击或将文件拖拽到这里上传</p>}
<Switch defaultChecked onChange={onChange} disabled={type == 'view'} />
</Form.Item>} </Dragger>}
<div>
{/* {item.type == "Switch" && <Switch defaultChecked onChange={onChange} disabled={type == 1} />} */} {fileList?.map((item) => {
return <div className='flex align-center' style={{ minHeight: "50px", fontSize: 14,columnGap:10, cursor: checkMediaType(item.name) == 'image' || checkMediaType(item.name) == 'pdf'?'pointer':"not-allowed" }}>
{item.type == "DatePicker" && <Form.Item <div style={{width:40,height:40,display:"flex",alignItems:'center'}}>
label={item.label} {checkMediaType(item.name) == 'image' && <Image
name={item.key}
rules={[{ required: item.required, message: '请输入' + item.label }]}
>
{/* {formJsonData[item.key]} */}
<DatePicker disabled={type == 'view'} style={{ width: "100%" }} picker={item.picker}/>
</Form.Item>}
{/* {item.type == "DatePicker" && <DatePicker disabled={type == 1} style={{ width: "100%" }} />} */}
{item.type == "TextArea" && <Form.Item
label={item.label}
name={item.key}
rules={[{ required: item.required, message: '请输入' + item.label }]}
>
<TextArea rows={4} disabled={type == 'view'} />
</Form.Item>}
{/* {item.type == "TextArea" && <TextArea rows={4} disabled={type == 1} />} */}
{item.type == "RangePicker" && <Form.Item
label={item.label}
name={item.key}
rules={[{ required: item.required, message: '请输入' + item.label }]}
>
<RangePicker disabled={type == 'view'} />
</Form.Item>}
{item.type == "TreeSelect" && <Form.Item
label={item.label}
name={item.key}
rules={[{ required: item.required, message: '请输入' + item.label }]}
>
<TreeSelect
showSearch
style={{ width: '100%' }}
dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
placeholder="Please select"
allowClear
fieldNames={item.fieldNames}
treeData={item.treeData}
treeCheckable={item.multiple}
/>
</Form.Item>}
{/* {item.type == "RangePicker" &&
<RangePicker disabled={type == 'view'} />} */}
{item.type == "upload" && <Form.Item
label={item.label}
name={item.key}
rules={[{ required: item.required, message: '请输入' + item.label }]}
>
<>
{type !== 'view' && <Dragger {...props}>
<p className="ant-upload-drag-icon">
<InboxOutlined />
</p>
{fileType == "pic" ? <p className="ant-upload-text">点击或将文件拖拽到这里上传 支持扩展名：jpeg、png</p> : <p className="ant-upload-text">点击或将文件拖拽到这里上传</p>}
</Dragger>}
<div className='flex' >
{fileList?.map((item) => {
return <div className='flex align-center file-item' style={{ marginRight:'3%',width:'30%',minHeight: "50px", fontSize: 14, columnGap: 10, cursor: checkMediaType(item.fileName) == 'image' || checkMediaType(item.fileName) == 'pdf' ? 'pointer' : "not-allowed" }}>
<div style={{ width: 40, height: 40, display: "flex", alignItems: 'center' }}>
{checkMediaType(item.fileName) == 'image' && <Image
height={40} height={40}
src={baseUrl + item.filePath} src={baseUrl + item.previewUrl}
/>} />}
{ {
checkMediaType(item.fileName) !== 'image' && checkMediaType(item.name) !== 'image' &&
<span >{checkMediaType(item.fileName)?.toUpperCase()}</span> <span >{checkMediaType(item.name)?.toUpperCase()}</span>
} }
</div>
<span onClick={() => preView(item)}>{item.name}</span>
{type==2&&<DeleteOutlined onClick={() => deleteFile(item.id)} />}
<VerticalAlignBottomOutlined onClick={() => download(item.id,item.name)} />
</div> </div>
})}
<span onClick={() => preView(item)}>{item.fileName}</span> </div>
{type !== 'view' && <DeleteOutlined onClick={() => deleteFile(item.fileId)} />} </>}
<VerticalAlignBottomOutlined onClick={() => download(item.fileId, item.fileName)} /> </Form.Item>
</div>
})}
</div>
</>
</Form.Item>}
</Col> </Col>
) )
})} })}
</Row> </Row>
</Form > </Form >
{TableZdyProps} {type !== 1 &&<div className="flex flex-end" style={{ marginTop: 10 }}>
{ <Button type="" style={{ marginRight: 10 }} onClick={cancel}>取消</Button>
type !== 'view' && <div className="flex flex-end" style={{ marginTop: 10, justifyContent: "flex-end" }}> <Button type="primary" onClick={getInfo}>确定</Button>
<Button type="" style={{ marginRight: 10 }} onClick={cancel}>取消</Button> </div>}
<Button type="primary" onClick={getInfo}>确定</Button> <PdfView url={url} isModal={isModal} setModalN={(e)=>setIsModal(e)}/>
</div>
}
<PdfView url={`${process.env.PUBLIC_URL}/static/pdf/web/viewer.html?file=${encodeURIComponent(`/gunshiApp/xyt/rescue/goods/file/download/${url}`)}`} isModal={isModal} setModalN={(e)=>setIsModal(e)}/>
</div>
</div >
); );
} }

43
src/views/sz/zdgl/form.js
View File

@ -14,13 +14,12 @@ const { Dragger } = Upload;
const url = "http://223.75.53.141:9102/test.by-lyf.tmp" const url = "http://223.75.53.141:9102/test.by-lyf.tmp"
const opntios=[ const opntios=[
{value:0,label:'党支部工作制度'}, {label:'宪法',value:'宪法'},
{value:1,label:'行政工作制度'}, {label:'法律',value:'法律'},
{value:2,label:'部门工作制度'}, {label:'行政法规',value:'行政法规'},
{value:3,label:'安全管理制度'}, {label:'督察法规',value:'督察法规'},
{value:4,label:'工程管理制度'}, {label:'司法解释',value:'司法解释'},
{value:5,label:'技术规程'}, {label:'地方性法规',value:'地方性法规'},
{value:6,label:'岗位责任制'}
] ]
const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => { const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
@ -38,7 +37,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
*/ */
const download = (params) => { const download = (params) => {
let downloadLink = document.createElement("a"); let downloadLink = document.createElement("a");
downloadLink.href = `http://local.gunshiiot.com:18083/gunshiApp/tsg/projectEvents/file/download/${params}`; downloadLink.href = `http://local.gunshiiot.com:18083/gunshiApp/xyt/projectEvents/file/download/${params}`;
downloadLink.download = `${params.fileName}`; downloadLink.download = `${params.fileName}`;
downloadLink.style.display = "none"; downloadLink.style.display = "none";
// 将链接添加到页面中 // 将链接添加到页面中
@ -79,16 +78,16 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
const onfinish = (values) => { const onfinish = (values) => {
let oldFiles = fileList.map(item => (item.response?.data)) values.eventsDate = values.eventsDate ? moment(values.eventsDate).format("YYYY-MM-DD 00:00:00") : ''
debugger let oldFiles = fileList.map(item => ({ fileId: item.response?.data?.fileId }))
if (mode === 'edit') { if (mode === 'edit') {
values.files = oldFiles; values.files = oldFiles;
values.id = record.id; values.id = record.id;
onEdit(apiurl.zdgl.edit, {...record,...values}) onEdit(apiurl.rcgl.gcdsj.edit, values)
} }
if (mode === 'save') { if (mode === 'save') {
values.files = oldFiles values.files = oldFiles
onSave(apiurl.zdgl.add, values) onSave(apiurl.rcgl.gcdsj.save, values)
} }
} }
@ -137,24 +136,30 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
</Form.Item> </Form.Item>
</Col> </Col>
<Col span={12}> <Col span={12}>
<Form.Item label="制度类型" name="type" rules={[{ required: true }]}> <Form.Item label="制度类型" name="name">
<Select allowClear style={{ width: '150px' }} options={opntios} /> <Select allowClear style={{ width: '150px' }} options={opntios} />
</Form.Item> </Form.Item>
</Col> </Col>
<Col span={12}> <Col span={12}>
<Form.Item <Form.Item
label="公布日期" label="公布日期"
name="releaseDate" name="eventsDate"
getValueFromEvent={(e, dateString) => dateString} getValueFromEvent={(e, dateString) => dateString}
getValueProps={(value) => ({ value: value ? moment(value) : undefined })} getValueProps={(value) => ({ value: value ? moment(value) : undefined })}
rules={[
{
required: true,
},
]}
> >
<DatePicker disabled={mode === 'view'} format={'YYYY-MM-DD HH:mm:ss'} style={{ width: '100%' }} allowClear /> <DatePicker disabled={mode === 'view'} format={'YYYY-MM-DD'} style={{ width: '100%' }} allowClear />
</Form.Item> </Form.Item>
</Col> </Col>
<Col span={12}> <Col span={12}>
<Form.Item <Form.Item
label="发布单位" label="发布单位"
name="fillUnit" name="name"
rules={[{ required: true }]}
> >
<Input disabled={mode === 'view'} style={{ width: '100%' }} allowClear /> <Input disabled={mode === 'view'} style={{ width: '100%' }} allowClear />
</Form.Item> </Form.Item>
@ -165,7 +170,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Col span={24}> <Col span={24}>
<Form.Item <Form.Item
label="附件" label="附件"
name="files" name="fieldId"
labelCol={{ span: 3 }} labelCol={{ span: 3 }}
wrapperCol={{ span: 19 }} wrapperCol={{ span: 19 }}
> >
@ -173,7 +178,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Dragger <Dragger
name='file' name='file'
// multiple // multiple
action="/gunshiApp/tsg/SzRegulatoryFramework/file/upload/singleSimple" action="/gunshiApp/xyt/projectEvents/file/upload/singleSimple"
onChange={fileChange} onChange={fileChange}
onDrop={(info) => { console.log(info.dataTransfer.files); }} onDrop={(info) => { console.log(info.dataTransfer.files); }}
fileList={fileList} fileList={fileList}
@ -247,7 +252,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
mode === 'view' ? null : ( mode === 'view' ? null : (
<> <>
<Form.Item {...btnItemLayout}> <Form.Item {...btnItemLayout}>
<Button type="primary" htmlType="submit" loading={loading}> <Button type="primary" htmlType="submit">
{mode === 'save' ? '提交' : '修改'} {mode === 'save' ? '提交' : '修改'}
</Button> </Button>
</Form.Item> </Form.Item>

19
src/views/sz/zdgl/index.js
View File

@ -11,7 +11,6 @@ import { createCrudService } from '../../../components/crud/_';
import { CrudOpRender_text } from '../../../components/crud/CrudOpRender'; import { CrudOpRender_text } from '../../../components/crud/CrudOpRender';
const url = "http://223.75.53.141:9102/test.by-lyf.tmp" const url = "http://223.75.53.141:9102/test.by-lyf.tmp"
const obj={0:"党支部工作制度",1:"行政工作制度",2:"部门工作制度",3:"安全管理制度",4:"工程管理制度",5:"技术规程",6:"岗位责任制"}
const Page = () => { const Page = () => {
const role = useSelector(state => state.auth.role); const role = useSelector(state => state.auth.role);
const editBtn = role?.rule?.find(item => item.menuName == "编辑"); const editBtn = role?.rule?.find(item => item.menuName == "编辑");
@ -26,19 +25,19 @@ const Page = () => {
{ title: '序号', key: 'inx', dataIndex: 'inx', width: 60, align: "center" }, { title: '序号', key: 'inx', dataIndex: 'inx', width: 60, align: "center" },
{ title: '标题', key: 'name', dataIndex: 'name', width: 250, ellipsis: true }, { title: '标题', key: 'name', dataIndex: 'name', width: 250, ellipsis: true },
{ {
title: '制度类型', key: 'type', dataIndex: 'type', width: 140,render:(v)=><>{obj[v]}</> title: '制度类型', key: 'eventsDate', dataIndex: 'eventsDate', width: 140,
}, },
{ {
title: '发布日期', key: 'releaseDate', dataIndex: 'releaseDate', width: 300 title: '发布日期', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
}, },
{ {
title: '发布单位', key: 'fillUnit', dataIndex: 'fillUnit', width: 300 title: '发布单位', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
}, },
{ {
title: '上传时间', key: 'uploadDate', dataIndex: 'uploadDate', width: 300 title: '上传时间', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
}, },
{ {
title: '附件', key: 'files', dataIndex: 'files', width: 300,render:(v,r)=><a onClick={()=>viewPdf(v[0].fileId)}>{v[0]?.fileName}</a> title: '附件', key: 'fileName', dataIndex: 'fileName', width: 300,render:(v,r)=><a onClick={()=>viewPdf(r.fileId)}>{v}</a>
}, },
{ {
title: '操作', key: 'operation', width: 240, fixed: 'right', align: 'center', title: '操作', key: 'operation', width: 240, fixed: 'right', align: 'center',
@ -46,7 +45,7 @@ const Page = () => {
<CrudOpRender_text <CrudOpRender_text
edit={true} edit={true}
del={true} del={true}
// view={true} view={true}
command={(cmd) => () => command(cmd)(row)} />) command={(cmd) => () => command(cmd)(row)} />)
}, },
]; ];
@ -62,12 +61,12 @@ const Page = () => {
} else if (type === 'view') { } else if (type === 'view') {
refModal.current.showView(params); refModal.current.showView(params);
} else if (type === 'del') { } else if (type === 'del') {
refModal.current.onDeleteGet(apiurl.zdgl.del + `/${params.id}`); refModal.current.onDeleteGet(apiurl.rcgl.gcdsj.delete + `/${params.id}`);
} }
} }
const { tableProps, search, refresh } = usePageTable(createCrudService(apiurl.zdgl.list).find_noCode); const { tableProps, search, refresh } = usePageTable(createCrudService(apiurl.rcgl.gcdsj.page).find_noCode);
/** /**
* @description 处理成功的回调 * @description 处理成功的回调
@ -134,7 +133,7 @@ const Page = () => {
border: 0, border: 0,
marginTop: 20, marginTop: 20,
}} }}
src={`${process.env.PUBLIC_URL}/static/pdf/web/viewer.html?file=${encodeURIComponent(`/gunshiApp/tsg/projectEvents/file/download/${iframeSrc}`)}`} src={`${process.env.PUBLIC_URL}/static/pdf/web/viewer.html?file=${encodeURIComponent(`/gunshiApp/xyt/projectEvents/file/download/${iframeSrc}`)}`}
/> />
</Modal> </Modal>
</> </>

19
src/views/sz/zdgl/toolbar.js
View File

@ -22,13 +22,12 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
} }
const opntios = [ const opntios = [
{value:0,label:'党支部工作制度'}, { label: '宪法', value: '宪法' },
{value:1,label:'行政工作制度'}, { label: '法律', value: '法律' },
{value:2,label:'部门工作制度'}, { label: '行政法规', value: '行政法规' },
{value:3,label:'安全管理制度'}, { label: '督察法规', value: '督察法规' },
{value:4,label:'工程管理制度'}, { label: '司法解释', value: '司法解释' },
{value:5,label:'技术规程'}, { label: '地方性法规', value: '地方性法规' },
{value:6,label:'岗位责任制'}
] ]
const styles = { const styles = {
fontFamily: '微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑, sans-serif', fontFamily: '微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑, sans-serif',
@ -43,13 +42,13 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
<Form.Item label="标题" name="name"> <Form.Item label="标题" name="name">
<Input allowClear style={{ width: '150px' }} /> <Input allowClear style={{ width: '150px' }} />
</Form.Item> </Form.Item>
<Form.Item label="制度类型" name="type"> <Form.Item label="制度类型" name="name">
<Select allowClear style={{ width: '150px' }} options={opntios} /> <Select allowClear style={{ width: '150px' }} options={opntios} />
</Form.Item> </Form.Item>
<Form.Item label="发布日期" name="releaseDate"> <Form.Item label="发布日期" name="name">
<RangePicker allowClear /> <RangePicker allowClear />
</Form.Item> </Form.Item>
<Form.Item label="发布单位" name="fillUnit"> <Form.Item label="发布单位" name="name">
<Input allowClear style={{ width: '150px' }} /> <Input allowClear style={{ width: '150px' }} />
</Form.Item> </Form.Item>
<Form.Item> <Form.Item>

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

@ -1,210 +1,137 @@
const getBackground = () => {
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() { export default function jgOption() {
return { return {
tooltip: { tooltip: {
trigger: 'item', trigger: "item",
triggerOn: 'mousemove' triggerOn: "mousemove",
}, color: "#fff",
series: [{ backgroundColor: "skyblue",
type: 'tree', borderColor: "skyblue",
id: 0,
name: 'tree1',
data: [data],
top: '10%',
left: '10%',
bottom: '20%',
right: '10%',
avoidLabelOverlap: true,//防止标签重叠
roam: true, //移动+缩放 'scale' 或 'zoom'：只能够缩放。 'move' 或 'pan'：只能够平移。
scaleLimit:{ //缩放比例
min:0.7,//最小的缩放值
max:4,//最大的缩放值
},
layout: 'orthogonal',//树图布局，orthogonal水平垂直方向，radial径向布局 是指以根节点为圆心，每一层节点为环，一层层向外
orient: 'TB', //树形方向 TB为上下结构 LR为左右结构
// nodePadding: 100,//结点间距 （发现没用）
//layerPadding: 30,//连接线长度 （发现没用）
symbol: 'circle', //图形形状 rect方形 roundRect圆角 emptyCircle圆形 circle实心圆
symbolSize: 14, //状态大小
edgeShape: 'polyline', //线条类型 curve曲线
initialTreeDepth: 1, //初始展开的层级
expandAndCollapse: true,//子树折叠和展开的交互，默认打开
lineStyle: {//结构线条样式
width: 0.7,
color: '#1E9FFF',
type: 'broken'
},
label: {
// 每个节点对应的文本标签样式
show: true, // 是否显示标签
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: [6, 6], // 文字块内边距
shadowColor: 'rgba(0,121,221,0.3)', // 文字块的背景阴影颜色
shadowBlur: 6, // 文字块的背景阴影长度
formatter: (params) => {
let newName = ''
let len = params.data.name.length
let strLen = params.data.relationType === 0 ? 100 : 1 //一行显示几个字
let rowNum = Math.ceil(len / strLen)
if (len > strLen) {
for (let p = 0; p < rowNum; p++) {
let tempStr = ''
let start = p * strLen
let end = start + strLen
if (p == rowNum - 1) {
tempStr = params.data.name.substring(start, len)
} else {
tempStr = params.data.name.substring(start, end) + '\n'
}
newName += tempStr
}
} else {
newName = params.data.name
}
let n = newName
if (n.length > 16) {
n = n.slice(0, 16) + '...'
}
let str = `{name|${n}}`
let isMain = params.data.relationType === 0
str = isMain ? `{name|${n}} {current|本企业} {main|总部}` : str
return str
}, },
rich: { animationDurationUpdate: 1500,
name: { animationEasingUpdate: "quinticInOut",
fontSize: 14 series: [
{
type: "tree",
symbolSize: 75,
symbol: "roundRect",
edgeShape: "polyline",
edgeForkPosition: "50%",
edgeSymbol: ["circle", "arrow"],
edgeSymbolSize: [4, 10],
edgeLabel: {
normal: {
textStyle: {
fontSize: 18,
},
},
},
initialTreeDepth: 2,
orient: "vertical",
itemStyle: {
color: "#FFC125",
borderColor: "#FFC125",
},
roam: true, // 可移动,可缩放
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
//线条的颜色
lineStyle: {
normal: {
opacity: 0.9,
color: "#93beff",
// type: "dashed",
width: 2,
},
},
label: {
show: true,
position: "inside",
textStyle: {
fontSize: 15,
color: "#fff",
},
},
leaves: {
label: {
position: "inside",
color: "#fff",
},
itemStyle: {
color: "#dfdfdf",
borderColor: "#dfdfdf",
},
},
data: [
{
name: "根节点",
url: "",
// 根节点样式设置
itemStyle: {
color: "#18a849",
borderColor: "#18a849",
},
children: [
{
name: "子节点1",
children: [
{
name: "叶子节点1",
itemStyle: {
color: "#5470C6",
borderColor: "#5470C6",
},
},
{
name: "叶子节点2",
itemStyle: {
color: "#5470C6",
borderColor: "#5470C6",
},
},
{
name: "叶子节点3",
itemStyle: {
color: "#5470C6",
borderColor: "#5470C6",
},
},
],
},
{
name: "子节点2",
children: [
{
name: "叶子节点4",
itemStyle: {
color: "#5470C6",
borderColor: "#5470C6",
},
},
{
name: "叶子节点5",
itemStyle: {
color: "#5470C6",
borderColor: "#5470C6",
},
},
{
name: "叶子节点6",
itemStyle: {
color: "#5470C6",
borderColor: "#5470C6",
},
},
],
},
],
},
],
}, },
current: { ],
fontSize: 12, };
padding: 0, }
color: '#07CA42',
fontWeight: 600,
backgroundColor: '#E5F7EA',
borderRadius: 2
},
main: {
color: '#0780ED',
fontSize: 12,
padding: 0,
fontWeight: 600,
backgroundColor: '#E6F2FD',
borderRadius: 2
}
}
},
leaves: { //叶子节点文本样式
label: {
//backgroundColor: '#81c5f7',
backgroundColor: '#fff',
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
}, */
//或者
overflow:'break',//break为文字折行， truncate为文字超出部分省略号显示
lineOverflow:'truncate',//文字超出高度后 直接截取
}
},
expandAndCollapse: true, //默认展开树形结构
animationDuration: 550,
animationDurationUpdate: 750
}]
};
}