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

页面搭建

lsf-dev
xielei 2024-09-26 17:59:26 +08:00
parent ba59774b4b
commit ab317c8321
36 changed files with 1617 additions and 843 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

6
src/index.less
View File

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

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

@ -363,7 +363,7 @@ export async function loadMenu(): Promise<MenuItem[]> {
],
},
{
id: id(), title: '四全', redirect: '/mgr/sq/qfg/zcdjxx',
id: id(), title: '四全', redirect: '/mgr/sq/qfg/zcdjxx',icon: 'fxzb',
children: [
{
id: id(), title: '全覆盖', redirect: '/mgr/sq/qfg/zcdjxx',

43
src/service/apiurl.js
View File

@ -1043,8 +1043,49 @@ const apiurl = {
// 全周期
gcdsj:{
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,6 +435,20 @@ export function httpPostFile(url, data = {}) {
// 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) {
try {
const res = await request(url, options,'blob');

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

@ -5,7 +5,6 @@ import apiurl from '../../../../../service/apiurl';
const ModalForm = ({ mode, record,onEdit,onSave,onCrudSuccess }) => {
const [form] = Form.useForm();
const onFinish = async (values) => {
values.resCode = "42120250085"
values.id = record?.id
if (mode === 'edit') {
const params = {
@ -16,7 +15,11 @@ const ModalForm = ({ mode, record,onEdit,onSave,onCrudSuccess }) => {
onEdit(apiurl.dataResourcesCenter.projectAndWater.kr.update,params)
}
if (mode === 'save') {
onSave(apiurl.dataResourcesCenter.projectAndWater.kr.save,values)
const params = {
...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 { CrudOpRender_text } from '../../../../../components/crud/CrudOpRender';
import BasicCrudModal from '../../../../../components/crud/BasicCrudModal2';
export default function Zrtx() {
export default function Zrtx({dataInfo}) {
const refModal = useRef();
const columns = [
{
@ -36,8 +36,9 @@ export default function Zrtx() {
}
const command = (type) => (params) => {
debugger;
if (type === 'save') {
refModal.current.showSave({});
refModal.current.showSave(dataInfo);
} else if (type === 'edit') {
refModal.current.showEdit(params)
} else if (type === 'view') {
@ -46,13 +47,15 @@ export default function Zrtx() {
refModal.current.onDeletePost(apiurl.dataResourcesCenter.projectAndWater.kr.delete,params);
}
}
useEffect(() => {
getData();
}, [])
return (
<div>
<h1><Button type='primary' onClick={() => {refModal.current.showSave({})}}>新增</Button></h1>
<h1><Button type='primary' onClick={() => {refModal.current.showSave(dataInfo)}}>新增</Button></h1>
<div style={{display:"flex",columnGap:10,width:"100%"}}>
<div style={{width:500}}>
<Table

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

@ -1,11 +1,29 @@
import React, { useState } from 'react'
import React, { useEffect, useState } from 'react'
import ProjectBasciInfo from './projectBasicInfo'
import TzParams from './tzParams'
import KrLine from './KrLine'
import MonthLl from './monthLl'
import apiurl from '../../../../service/apiurl';
import { httpget2, httppost2 } from '../../../../utils/request';
import "./index.less"
export default function ShuikuBasicInfo() {
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 (
<div className='shuiku-content-root'>
<div className='fxdd_hsybjs_toolbar'>
@ -32,8 +50,8 @@ export default function ShuikuBasicInfo() {
>
{tabVal === "1" ? <ProjectBasciInfo /> : null}
{tabVal === "2" ? <TzParams /> : null}
{tabVal === "3" ? <KrLine /> : null}
{tabVal === "5" ? <MonthLl /> : null}
{tabVal === "3" ? <KrLine dataInfo={data}/> : null}
{tabVal === "5" ? <MonthLl dataInfo={data}/> : null}
</div>
</div>

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

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

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

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

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

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

@ -9,6 +9,8 @@ import usePageTable from '../../../../components/crud/usePageTable2';
import { createCrudService } from '../../../../components/crud/_';
import {CrudOpRender_text} from '../../../../components/crud/CrudOpRender';
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 Page = () => {
@ -19,6 +21,8 @@ const Page = () => {
const refModal = useRef();
const [searchVal, setSearchVal] = useState(false)
const [isFetch, setIsFetch] = useState(false)
const [iframeSrc, setIframeSrc] = useState('')
const [pdfViewOPen, setPdfViewOPen] = useState(false)
const command = (type) => (params) => {
if (type === 'save') {
@ -46,11 +50,22 @@ const Page = () => {
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 viewPdf = (params) => {
// setIframeSrc(params)
// setPdfViewOPen(true)
const onExport = () => {
let params = {
...searchVal,
}
httppost5(apiurl.gcdsj.qzqda.export, params).then(res => {
exportFile(`全周期档案.xlsx`,res.data)
})
}
useEffect(()=>{
const params = {
@ -69,7 +84,7 @@ const viewPdf = (params) => {
<Card className='nonebox'>
<ToolBar
setSearchVal={setSearchVal}
onSave={command('save')}
onExport={onExport}
role={role}
/>
</Card>
@ -145,7 +160,26 @@ const viewPdf = (params) => {
</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';
const { RangePicker } = DatePicker;
const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const ToolBar = ({ setSearchVal, onExport, storeData, role }) => {
const addBtn = role?.rule?.find(item => item.menuName == "新增");
const searchBtn = role?.rule?.find(item => item.menuName == "查询");
const [form] = Form.useForm();
@ -36,15 +36,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
format="YYYY-MM-DD HH:mm:ss"
/>
</Form.Item>
{searchBtn ? <Form.Item>
<Form.Item>
<Button type="primary" htmlType="submit">查询</Button>
</Form.Item> : null}
</Form.Item>
<Form.Item>
<Button onClick={() => form.resetFields()}>重置</Button>
</Form.Item>
<Form.Item>
<Button type="primary" onClick={onSave}>导出</Button>
<Button type="primary" onClick={onExport}>导出</Button>
</Form.Item>
</Form>
</div>

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

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

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

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

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

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

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

@ -1,64 +1,150 @@
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 { useState } from 'react';
import { useEffect, useState } from 'react';
import { httpgetExport, httppostAddfile } from '../../../../utils/request';
import { exportFile } from '../../../../utils/tools';
const { Dragger } = Upload;
const list = [
{
type:'立案'
type: '立案',
key: 'files3'
},
{
type:'调查取证'
type: '调查取证',
key: 'files4'
},
{
type:'审查处理'
type: '审查处理',
key: 'files5'
},
{
type:'送达执行'
type: '送达执行',
key: 'files6'
},
{
type:'结案'
type: '结案',
key: 'files7'
}
]
const Page = () => {
const baseUrl = "http://223.75.53.141:9102/test.by-lyf.tmp"
const Page = ({ uploadUrl, downloadUrl, type, getFormInfo, formJsonData }) => {
const [form] = Form.useForm();
const [fileList ,setFileList] =useState()
const props = {
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;
// }
},
onChange(e) {
// httpPostFile(apiUrl.service.uploadFile.uploadUrl + "?group=" + typeUpload, e).then(res => {
// setFileList([...fileList, res.data])
// })
}
};
const onFinish = () =>{
const [fileList, setFileList] = useState([])
const [fileListHj, setFileHj] = useState({'files3': [],'files4': [],'files5': [],'files6': [],'files7': []})
const [url, setUrl] = useState('')
const [isModal, setIsModal] = useState(false)
const getInfo = () => {
form.validateFields().then((values) => {
getFormInfo({ ...values, ...fileListHj })
form.resetFields()
setFileList([])
}).catch((errorInfo) => {
console.log(errorInfo, 'error');
})
//
}
const cancel = () => {
getFormInfo(false)
form.resetFields()
setFileList([])
}
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) {
// 创建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 (
<Form form={form} onFinish={onFinish} >
<Form form={form} onFinish={onFinish} >
<Row>
<Col span={2}>
<div style={{display:'flex',alignItems:'center'}}>
<div style={{width:3,height:12,background:'#259def',marginRight:5}}></div>
案卷存档</div>
<Col span={2}>
<div style={{ display: 'flex', alignItems: 'center' }}>
<div style={{ width: 3, height: 12, background: '#259def', marginRight: 5 }}></div>
案卷存档</div>
</Col>
<Col span={10}>
<Form.Item
label='保管人员'
name='name'
name='custodian'
>
<Input />
</Form.Item>
@ -66,33 +152,57 @@ const Page = () => {
<Col span={10}>
<Form.Item
label='保管地点'
name='adress'
name='storageLocation'
>
<Input />
</Form.Item>
</Col>
</Row>
{list.map(item=>(
{list.map(item1 => (
<Row>
<Col span={2}>
<div style={{display:'flex',alignItems:'center'}}>
<div style={{width:3,height:12,background:'#259def',marginRight:5}}></div>
{item.type}</div>
</Col>
<Col span={22}>
<Form.Item
label='附件'
name='name'
>
<Dragger {...props}>
<p className="ant-upload-drag-icon">
<InboxOutlined />
</p>
<p className="ant-upload-text">点击或将文件拖拽到这里上传 支持扩展名：jpeg、png</p>
</Dragger>
</Form.Item>
</Col>
</Row>))}
<Col span={2}>
<div style={{ display: 'flex', alignItems: 'center' }}>
<div style={{ width: 3, height: 12, background: '#259def', marginRight: 5 }}></div>
{item1.type}</div>
</Col>
<Col span={22}>
<Form.Item
label='附件'
name='files'
>
<Dragger {...props(item1.key)}>
<p className="ant-upload-drag-icon">
<InboxOutlined />
</p>
<p className="ant-upload-text">点击或将文件拖拽到这里上传 支持扩展名：jpeg、png</p>
</Dragger>
<div>
{fileListHj?.[item1.key]?.map((item) => {
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" }}>
<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 >
)

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

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

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

@ -1,9 +1,12 @@
import React, { useState } from 'react';
import { Tabs } from 'antd';
import React, { useEffect, useState } from 'react';
import { message, Tabs } from 'antd';
import BascForm from '../form/index'
import { basicData,clqkData,xzfy} from './config'
import { basicData, clqkData, xzfy } from './config'
import Bajz from './bajz'
import Lsyx from './lsyx'
import { httpget, httppost } from '../../../../utils/request';
import apiurl from '../../../../service/apiurl';
import dayjs from 'dayjs'
const items = [
{
key: '1',
@ -28,21 +31,71 @@ const items = [
];
const Page = () => {
const [key , setKeys] = useState('1')
const Page = ({ mode, onCrudSuccess,record }) => {
const [formData,setFormData] =useState({})
// debugger;
const [key, setKeys] = useState('1')
const onChange = (key) => {
console.log(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 (
<>
<Tabs defaultActiveKey="1" items={items} onChange={onChange} />
<>
{key==1&& <BascForm formJson={basicData}></BascForm>}
{key==2&& <BascForm formJson={clqkData}></BascForm>}
{key==3&& <BascForm formJson={xzfy}></BascForm>}
{key==4&& <Bajz ></Bajz>}
{key==5&& <Lsyx ></Lsyx>}
{key == 1 && <BascForm formJson={basicData} formJsonData={formData} fileKey='files1'type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></BascForm>}
{key == 2 && <BascForm formJson={clqkData} fileKey='files2' formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></BascForm>}
{key == 3 && <BascForm formJson={xzfy} formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></BascForm>}
{key == 4 && <Bajz formJson={xzfy} formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></Bajz>}
{key == 5 && <Lsyx formJson={xzfy} formJsonData={formData} type={mode} getFormInfo={getFormInfo} uploadUrl={apiurl.szzf.ajdj.upload} downloadUrl={apiurl.szzf.ajdj.download}></Lsyx>}
</>
</>
)

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

@ -9,8 +9,15 @@ import apiurl from '../../../../service/apiurl';
import usePageTable from '../../../../components/crud/usePageTable2';
import { createCrudService } from '../../../../components/crud/_';
import { CrudOpRender_text } from '../../../../components/crud/CrudOpRender';
import dayjs from 'dayjs'
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 role = useSelector(state => state.auth.role);
const editBtn = role?.rule?.find(item => item.menuName == "编辑");
@ -23,28 +30,25 @@ const Page = () => {
const [isFetch, setIsFetch] = useState(false)
const columns = [
{ title: '序号', key: 'inx', dataIndex: 'inx', width: 60, align: "center" },
{ title: '标题', key: 'name', dataIndex: 'name', width: 250, ellipsis: true },
{ title: '填报时间', key: 'createTime', dataIndex: 'createTime', width: 250, ellipsis: true },
{
title: '制定机关', key: 'eventsDate', dataIndex: 'eventsDate', width: 140,
title: '案件名称', key: 'caseName', dataIndex: 'caseName', width: 140,
},
{
title: '法律性质', key: 'eventsType', dataIndex: 'eventsType', width: 140,
render: (value) => <span>{value == 1 ? "综合大事记" : value == 2 ? "专题大事记" : ''}</span>,
title: '案件编号', key: 'caseId', dataIndex: 'caseId', width: 140,
},
{
title: '时效性', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
title: '发现时间', key: 'caseDate', dataIndex: 'caseDate', width: 300,
},
{
title: '公布日期', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
title: '案件类型', key: 'caseType', dataIndex: 'caseType', width: 300,
render: (value) => <span>{caseTypeOb[value]}</span>,
},
{
title: '施行日期', key: 'eventsDesc', dataIndex: 'eventsDesc', width: 300
},
{
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: 'caseSource', dataIndex: 'caseSource', width: 300,
render: (value) => <span>{caseSourceOb[value]}</span>,
},
{
title: '操作', key: 'operation', width: 240, fixed: 'right', align: 'center',
@ -62,18 +66,26 @@ const Page = () => {
const command = (type) => (params) => {
if (type === 'save') {
refModal.current.showSave();
} else if (type === 'edit') {
refModal.current.showEdit({ ...params });
let obj={}
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') {
refModal.current.showView(params);
} else if (type === 'del') {
refModal.current.onDeleteGet(apiurl.rcgl.gcdsj.delete + `/${params.id}`);
refModal.current.onDeleteGet(apiurl.szzf.ajdj.del + `/${params.id}`);
}
}
const { tableProps, search, refresh } = usePageTable(createCrudService(apiurl.rcgl.gcdsj.page).find_noCode);
const { tableProps, search, refresh } = usePageTable(createCrudService(apiurl.szzf.ajdj.list).find_noCode);
/**
* @description 处理成功的回调
@ -86,7 +98,7 @@ const Page = () => {
const viewPdf = (params) => {
setIframeSrc(params)
setPdfViewOPen(true)
}
}
useEffect(() => {
const params = {
search: {
@ -109,7 +121,7 @@ const Page = () => {
/>
</Card>
<div className="ant-card-body" style={{ padding: "20px 0 0 0" }}>
<Table columns={columns} rowKey="inx" {...tableProps} scroll={{ x: width, y: "calc( 100vh - 400px )" }} dataSource={[{name:1}]}/>
<Table columns={columns} rowKey="inx" {...tableProps} scroll={{ x: width, y: "calc( 100vh - 400px )" }} />
</div>
</div>

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

@ -1,66 +1,174 @@
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 { useState } from 'react';
import { useEffect, useState } from 'react';
import { httpgetExport, httppostAddfile } from '../../../../utils/request';
import { exportFile } from '../../../../utils/tools';
const { Dragger } = Upload;
const list = [
{
type:'整改前'
type:'整改前',
key:'files8'
},
{
type:'整改后'
}
type:'整改后',
key:'files9'
},
]
const Page = () => {
const baseUrl = "http://223.75.53.141:9102/test.by-lyf.tmp"
const Page = ({ uploadUrl, downloadUrl, type, getFormInfo, formJsonData }) => {
const [form] = Form.useForm();
const [fileList ,setFileList] =useState()
const props = {
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;
// }
},
onChange(e) {
// httpPostFile(apiUrl.service.uploadFile.uploadUrl + "?group=" + typeUpload, e).then(res => {
// setFileList([...fileList, res.data])
// })
}
};
const onFinish = () =>{
const [fileList, setFileList] = useState([])
const [fileListHj, setFileHj] = useState({'files3': [],'files4': [],'files5': [],'files6': [],'files7': []})
const [url, setUrl] = useState('')
const [isModal, setIsModal] = useState(false)
const getInfo = () => {
form.validateFields().then((values) => {
getFormInfo({ ...values, ...fileListHj })
form.resetFields()
setFileList([])
}).catch((errorInfo) => {
console.log(errorInfo, 'error');
})
//
}
const cancel = () => {
getFormInfo(false)
form.resetFields()
setFileList([])
}
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) {
// 创建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 (
<Form form={form} onFinish={onFinish} >
{list.map(item=>(
<Form form={form} onFinish={onFinish} >
{list.map(item1 => (
<Row>
<Col span={2}>
<div style={{display:'flex',alignItems:'center'}}>
<div style={{width:3,height:12,background:'#259def',marginRight:5}}></div>
{item.type}</div>
</Col>
<Col span={22}>
<Form.Item
label='附件'
name='name'
>
<Dragger {...props}>
<p className="ant-upload-drag-icon">
<InboxOutlined />
</p>
<p className="ant-upload-text">点击或将文件拖拽到这里上传 支持扩展名：jpeg、png</p>
</Dragger>
</Form.Item>
</Col>
</Row>))}
<Col span={2}>
<div style={{ display: 'flex', alignItems: 'center' }}>
<div style={{ width: 3, height: 12, background: '#259def', marginRight: 5 }}></div>
{item1.type}</div>
</Col>
<Col span={22}>
<Form.Item
label='附件'
name='files'
>
<Dragger {...props(item1.key)}>
<p className="ant-upload-drag-icon">
<InboxOutlined />
</p>
<p className="ant-upload-text">点击或将文件拖拽到这里上传 支持扩展名：jpeg、png</p>
</Dragger>
<div>
{fileListHj?.[item1.key]?.map((item) => {
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" }}>
<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 >
)

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 { DownOutlined, UpOutlined } from '@ant-design/icons'
import moment from 'moment';
const { RangePicker } = DatePicker;
const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
const ToolBar = ({ setSearchVal, onSave, storeData, role }) => {
const addBtn = role?.rule?.find(item => item.menuName == "新增");
const searchBtn = role?.rule?.find(item => item.menuName == "查询");
const [form] = Form.useForm();
const [showGj , setShowGj] =useState(false)
const [showGj, setShowGj] = useState(false)
const onFinish = (values) => {
let dataSo;
if (values.tm) {
@ -18,18 +18,27 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
}
}
delete values.tm
setSearchVal({...values, dataSo});
setSearchVal({ ...values, dataSo });
}
const opntios=[
{label:'宪法',value:'宪法'},
{label:'法律',value:'法律'},
{label:'行政法规',value:'行政法规'},
{label:'督察法规',value:'督察法规'},
{label:'司法解释',value:'司法解释'},
{label:'地方性法规',value:'地方性法规'},
const opntios = [
{ 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',
fontWeight: '700',
fontStyle: 'normal',
@ -37,34 +46,35 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
}
return (
<>
<div style={{display:'flex',justifyContent:'space-between'}}>
<div style={{ display: 'flex', justifyContent: 'space-between' }}>
<Form form={form} className='toolbarBox' layout="inline" onFinish={onFinish}>
<div style={{display:'flex'}}>
<Form.Item label="标题" name="name">
<Input allowClear style={{width:'150px'}}/>
</Form.Item>
<Form.Item label="制定机关" name="name">
<Input allowClear style={{width:'150px'}}/>
</Form.Item>
<Form.Item label="制定机关" name="name">
<Select allowClear style={{width:'150px'}} options={opntios}/>
</Form.Item>
<Form.Item>
<Button type="primary" htmlType="submit">查询</Button>
</Form.Item>
<Form.Item>
<Button onClick={() => form.resetFields()}>重置</Button>
</Form.Item>
{
(onSave) ?
<Form.Item>
<Button onClick={onSave}>新增</Button>
</Form.Item>
:null
}
<Form.Item>
<div style={{ display: 'flex' }}>
<Form.Item label="案件类型" name="caseType">
<Select allowClear style={{ width: '150px' }} options={caseTypeOption} />
</Form.Item>
<Form.Item label="时间" name="createTime">
<RangePicker allowClear />
</Form.Item>
<Form.Item label="案件名称" name="caseName">
<Input allowClear style={{ width: '150px' }} />
</Form.Item>
<Form.Item label="案件编号" name="caseId">
<Input allowClear style={{ width: '150px' }} />
</Form.Item>
<Form.Item>
<Button type="primary" htmlType="submit">查询</Button>
</Form.Item>
<Form.Item>
<Button onClick={() => form.resetFields()}>重置</Button>
</Form.Item>
{
(onSave) ?
<Form.Item>
<Button onClick={onSave}>新增</Button>
</Form.Item>
: null
}
{/* <Form.Item>
<div style={styles} onClick={()=>setShowGj(!showGj)}>高级搜索 {!showGj&&<DownOutlined />} {showGj&&<UpOutlined />}</div>
</Form.Item>
</div>
@ -80,8 +90,8 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
</Form.Item>
<Form.Item label="上传时间" name="name">
<RangePicker allowClear />
</Form.Item>
</div>}
</Form.Item>*/}
</div>
</Form>
</div>
</>

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

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

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

@ -1,13 +1,31 @@
import dayjs from 'dayjs';
import { Space, Table, Tag, DatePicker, Form, Select, Button, Card } from 'antd';
import ReactECharts from 'echarts-for-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 [echart2, setEchart2] = useState(Object())
const [inspectordata, setInspectorData] = useState([{}])
const [plandata, setPlanData] = useState(Object())
const [problemdata, setProblemData] = useState(Object())
const [sumTotal, setSum] = useState(0)
const getPlanOption = useMemo((name, data) => {
// let total = 0
// for (let i = 0; i < data.length; i++) {
@ -16,18 +34,18 @@ const Page = ({ title = '标题' }) => {
return {
title: {},
tooltip: {},
// legend: {
// data: name
// },
legend: {
data:Object.values(obj)
},
graphic: {
type: 'text',
top: 'center',
left: 'center',
style: {
text: `总计\n${0}`,
text: `总计\n${sumTotal}`,
fontSize: 20,
fontWeight: 'bold',
// textAlign: 'center'
textAlign: 'center'
}
},
series: {
@ -54,28 +72,41 @@ const Page = ({ title = '标题' }) => {
const onOk = (event, index) => {
if (event !== null) {
let params = {
stm: dayjs(new Date(event[0])).format('YYYY-MM-DD'),
etm: dayjs(new Date(event[1])).format('YYYY-MM-DD'),
stm: dayjs(new Date(event[0])).format('YYYY-MM-DD HH:mm:ss'),
etm: dayjs(new Date(event[1])).format('YYYY-MM-DD HH:mm:ss'),
}
// 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(() => {
let data = [
{ value: 1048, name: 'Search Engine' },
{ value: 735, name: 'Direct' },
{ value: 580, name: 'Email' },
{ value: 484, name: 'Union Ads' },
{ value: 300, name: 'Video Ads' }
]
setPlanData(data)
})
let params = {
stm: dayjs().startOf("year").format('YYYY-MM-DD HH:mm:ss'),
etm: dayjs().format('YYYY-MM-DD HH:mm:ss'),
}
getInfo(params)
},[])
return (
<>
<div className='top' style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
<div style={{ fontSize: 20, fontWeight: 'bold', display: 'flex', alignItems: 'center' }}>
<div style={{ width: 5, height: 25, backgroundColor: '#259def', marginRight: 10 }}></div>
{title}
案件来源
</div>
<DatePicker.RangePicker
style={{ width: 220, }}

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

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

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

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

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

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

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

@ -5,6 +5,7 @@
align-items: center;
justify-content: space-between;
background-color: #fff;
font-size: 16px;
}
.listborder{
@ -15,9 +16,13 @@
justify-content: space-between;
background-color: #fff;
border-bottom: 1px solid #f0f0f0;
font-size: 16px;
}
.contentBor{
background-color: #fff;
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 options=[
{label:'禁用'},
{label:'启用'}
{label:'禁用',value:0},
{label:'启用',value:1}
]
const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
const ModalForm = ({ mode, record, onEdit, onSave, onCrudSuccess }) => {
const [form] = Form.useForm();
const [fileList, setFileList] = useState([]) //上传文件列表
@ -24,30 +24,11 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
const onfinish = (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)
}
onEdit(apiurl.szzf.clyj.edit, {...record,...values})
}
useEffect(() => {
if (mode != 'save') {
const imgFile = record?.files?.map(o => ({
name: o.fileName,
response: {
data: {
filePath: o.filePath,
fileId: o.fileId
}
},
}))
setFileList(imgFile)
if(record){
form.setFieldsValue(record)
}
}, [record, mode])
@ -74,7 +55,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Col span={24}>
<Form.Item
label="状态"
name="name"
name="status"
rules={[{ required: true }]}
>
<Radio.Group options={options}/>
@ -83,7 +64,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Col span={24}>
<Form.Item
label="法律名称"
name="name"
name="legalName"
rules={[{ required: true }]}
>
<Input style={{ width: '100%' }} allowClear />
@ -92,7 +73,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Col span={24}>
<Form.Item
label="法条内容"
name="name"
name="legalContent"
>
<Input style={{ width: '100%' }} allowClear />
</Form.Item>
@ -101,7 +82,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Col span={24}>
<Form.Item
label="违法行为描述"
name="name"
name="violationDesc"
>
<TextArea rows={4} />
</Form.Item>
@ -109,7 +90,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Col span={24}>
<Form.Item
label="处罚措施"
name="name"
name="penalties"
>
<TextArea rows={4} />
</Form.Item>

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

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

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

@ -1,57 +1,64 @@
import React, { useState, useMemo } from 'react';
import { Tree, Input } from 'antd';
import React, { useState, useMemo, useEffect, useRef } from 'react';
import { Tree, Input, Tooltip } from 'antd';
import { httpget } from '../../../../utils/request';
import apiurl from '../../../../service/apiurl';
const { Search } = Input;
const data = [
{
key: 'parent 1',
title: '违反水利工程建设与管理类行为',
children: [
{
value: 'parent 1-0',
title: '侵占、毁坏水法规定相关设施',
children: [
{
key: 'leaf1',
title: '侵占、毁坏水工程及堤防、护岸...',
},
{
key: 'leaf2',
title: '毁坏防汛、水文监测、水文地质...',
},
{
key: 'leaf3',
title: '在水工程保护范围内，从事影响..',
}
],
},
{
key: 'parent 1-1',
title: '破坏大坝管理设施、妨碍大坝',
children: [
{
key: 'leaf4',
title: '毁坏大坝及其管理设施',
},
{
key: 'leaf5',
title: '危害大坝安全或破坏大坝正常运行',
},
{
key: 'leaf6',
title: '在岸区或坝体从事生产活动',
},
],
},
],
},
];
// const data = [
// {
// key: 'parent 1',
// title: '违反水利工程建设与管理类行为',
// children: [
// {
// value: 'parent 1-0',
// title: '侵占、毁坏水法规定相关设施',
// children: [
// {
// key: 'leaf1',
// title: '侵占、毁坏水工程及堤防、护岸...',
// },
// {
// key: 'leaf2',
// title: '毁坏防汛、水文监测、水文地质...',
// },
// {
// key: 'leaf3',
// title: '在水工程保护范围内，从事影响..',
// }
// ],
// },
// {
// key: 'parent 1-1',
// title: '破坏大坝管理设施、妨碍大坝',
// children: [
// {
// key: 'leaf4',
// title: '毁坏大坝及其管理设施',
// },
// {
// key: 'leaf5',
// title: '危害大坝安全或破坏大坝正常运行',
// },
// {
// key: 'leaf6',
// title: '在岸区或坝体从事生产活动',
// },
// ],
// },
// ],
// },
// ];
let dataList = [];
const Page = () => {
const Page = ({ setTreeSelect }) => {
const [expandedKeys, setExpandedKeys] = useState([]);
const [searchValue, setSearchValue] = useState('');
const [searchValue, setSearchValue] = useState();
const [autoExpandParent, setAutoExpandParent] = useState(true);
const [selectNode, setSelect] = useState(true);
const [data, setData] = useState([]);
const treeRef = useRef();
const onExpand = (newExpandedKeys) => {
@ -60,15 +67,7 @@ const Page = () => {
};
const onSearch = (value) => {
// 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);
debugger;
setSearchValue(value);
setAutoExpandParent(true);
@ -76,48 +75,94 @@ const Page = () => {
const treeData = useMemo(() => {
const loop = (data) =>
data.map((item) => {
const strTitle = item.title;
const strTitle = item.legalName;
const index = strTitle?.indexOf(searchValue);
const beforeStr = strTitle.substring(0, index);
const afterStr = strTitle.slice(index + searchValue.length);
const afterStr = strTitle.slice(index + searchValue?.length);
const title =
index > -1 ? (
<span key={item.key}>
<span key={item.id}>
{beforeStr}
<span className="site-tree-search-value" style={{ color: 'red' }}>{searchValue}</span>
{afterStr}
</span>
) : (
<span key={item.key}>{strTitle}</span>
<span key={item.id}>{strTitle}</span>
);
if (item.children) {
return { title, key: item.key, children: loop(item.children) };
return { title: title, key: item.id, children: loop(item.children), name: strTitle };
}
if (index > -1) {
dataList.push(item.key)
console.log(index, strTitle, searchValue);
dataList.push(item.id)
setExpandedKeys(dataList);
if (dataList.length < 2) {
treeRef.current.scrollTo({ key: dataList[0].id });
}
}
return {
title,
key: item.key,
title: title,
key: item.id,
name: strTitle
};
});
return loop(data);
}, [searchValue]);
}, [searchValue, data]);
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 (
<>
<div style={{ margin: '10px 0' }}><Search onSearch={onSearch} /></div>
<Tree
onExpand={onExpand}
ref={treeRef}
expandedKeys={expandedKeys}
treeData={treeData}
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,34 +1,38 @@
import React, { useEffect, useState, useRef } from 'react';
import { Space, Table, Radio, DatePicker, Form, Select, Button, message, Upload, Input, Row, Col, Switch, Image } from 'antd';
import { TreeSelect, Table, Tag, DatePicker, Form, Select, Button, message, Upload, Input, Row, Col, Switch, Image,Radio } from 'antd';
import './ddForm.less'
import dayjs from 'dayjs'
import { InboxOutlined, LinkOutlined, DeleteOutlined, LoadingOutlined,VerticalAlignBottomOutlined } from '@ant-design/icons'
import { httpPostFile } from '../../../../utils/request';
import apiUrl from '../../../../service/apiurl'
import { InboxOutlined, LinkOutlined, DeleteOutlined, LoadingOutlined, VerticalAlignBottomOutlined } from '@ant-design/icons'
import apiurl from '../../../../service/apiurl';
import { httpgetExport, httppostAddfile } from '../../../../utils/request';
import { exportFile } from '../../../../utils/tools';
// import apiUrl from '../../service/apiurl'
import PdfView from './pdfView'
const { RangePicker } = DatePicker;
const { TextArea } = Input;
const baseUrl = "http://local.gunshiiot.com:18083/gunshiApp/xintankou"
const FormZdy = ({ typeName = "ddForm", formJson, getFormInfo, type, formJsonData, typeUpload = 'dispatch', isModalOpen,fileType,footer=true }) => {
const baseUrl = "http://223.75.53.141:9102/test.by-lyf.tmp"
const FormZdy = ({ fileKey,typeName = "ddForm", formJson, getFormInfo, type, formJsonData, typeUpload = 'dispatch', isModalOpen, fileType, footer = true, uploadUrl,TableZdyProps,downloadUrl,
onSave }) => {
const [fileList, setFileList] = useState([])
const [fileListUp, setFileLisUp] = useState([])
const [url, setUrl] = useState('')
const [isModal, setIsModal] = useState(false)
// debugger;
//
const [form] = Form.useForm();
// function onDocumentLoadSuccess({ numPages }) {
// setRenderNumPages(numPages);
// }
// function onDocumentLoadSuccess({ numPages }) {
// setRenderNumPages(numPages);
// }
const onFinish = (e) => {
}
const getInfo = () => {
form.validateFields().then((values) => {
getFormInfo({ ...values, files: fileList, fileIds: fileList.map(item => item.id) })
getFormInfo({ ...values, [fileKey]: fileList, fileIds: fileList.map(item => item.fileId) })
form.resetFields()
setFileList([])
}).catch((errorInfo) => {
@ -47,7 +51,8 @@ const FormZdy = ({ typeName = "ddForm", formJson, getFormInfo, type, formJsonDat
// window.open('http://local.gunshiiot.com:18083/xintankou/api/file/preview/104')
// }
const deleteFile = (e) => {
let arr = fileList.filter(item => item.id !== e)
debugger;
let arr = fileList.filter(item => item.fileId !== e)
setFileList(arr)
}
const props = {
@ -55,7 +60,7 @@ const FormZdy = ({ typeName = "ddForm", formJson, getFormInfo, type, formJsonDat
multiple: true,
fileList: fileList,
showUploadList: false,
beforeUpload: (file, fileList) => {
beforeUpload: (file, fileList) => {
if (fileType == "pic" &&
(file.type != "image/jpeg" || file.type != "image/png" || file.type != "image/jpg")) {
message.error('仅支持上传jpg/png/jpeg格式的图片');
@ -64,9 +69,10 @@ const FormZdy = ({ typeName = "ddForm", formJson, getFormInfo, type, formJsonDat
return true;
}
},
onChange(e) {
customRequest(e) {
setFileLisUp([...fileListUp, e.file])
httpPostFile(apiUrl.service.uploadFile.uploadUrl + "?group=" + typeUpload, e).then(res => {
debugger
httppostAddfile(uploadUrl, e).then(res => {
setFileList([...fileList, res.data])
})
}
@ -76,12 +82,12 @@ const FormZdy = ({ typeName = "ddForm", formJson, getFormInfo, type, formJsonDat
// 创建URL对象
var link = url;
// 获取路径的最后一个点之后的内容作为文件扩展名
var extension = link.split('.').pop().toLowerCase();
var extension = link?.split('.').pop().toLowerCase();
// 声明支持的图片和视频文件扩展名
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)) {
return 'image';
@ -98,122 +104,209 @@ const FormZdy = ({ typeName = "ddForm", formJson, getFormInfo, type, formJsonDat
const preView = (item) => {
if (checkMediaType(item.name) == 'pdf') {
// window.open(baseUrl + 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}`)}`)
setUrl(item.previewUrl)
setIsModal(true)
}
}
/**
* @description 文件下载
* @param {String} params 文件fileId
*/
const download = (id,name) => {
let downloadLink = document.createElement("a");
downloadLink.href = `http://local.gunshiiot.com:18083/gunshiApp/xintankou/api/file/download/${id}`;
downloadLink.download = `${name}`;
downloadLink.style.display = "none";
// 将链接添加到页面中
document.body.appendChild(downloadLink);
// 模拟点击事件，开始下载
downloadLink.click();
}
/**
* @description 文件下载
* @param {String} params 文件fileId
*/
const download = async(id, name) => {
var extension = name?.split('.').pop().toLowerCase();
httpgetExport(downloadUrl+id).then(res => {
exportFile(name,res.data)
})
}
useEffect(() => {
form.resetFields()
// form.resetFields()
let formType = type
if(type='edit'){
formType=2
if (type = 'edit') {
formType = 2
}
if(type == 'view'){
formType =1
if (type == 'view') {
formType = 1
}
if(type=='save'){
formType =0
if (type == 'save') {
formType = 0
}
if (formType == 1 || formType == 2 || formType == 3) {
form.setFieldsValue(formJsonData)
if (formJsonData?.files) {
setFileList(formJsonData.files)
if (formJsonData?.[fileKey]) {
setFileList(formJsonData[fileKey])
}
console.log(formJsonData, formJson);
//
}
return () => {
setFileList([])
}
}, [type, formJsonData, isModalOpen])
return (
<div style={{ backgroundColor: '#fff' }}>
<div style={{ backgroundColor: '#fff', marginTop: 10 }}>
<Form form={form} name="searchTabel" onFinish={onFinish} className={typeName}>
<Row>
{formJson.map(item => {
{formJson?.map(item => {
return (
<Col span={item.span} >
<Form.Item
{item.type == "input" &&
<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}
name={item.key}
rules={[{ required: item.required, message: '请输入' + item.label }]}
className={item.type == 'empty'?'empty':'noempty'}
>
{item.type == "input" && <Input disabled={type == 1 || item.disabled} placeholder={item.placeholder} />}
{item.type == "Select" && <Select disabled={type == 1} options={item.options} />}
{item.type == "empty" && <Input disabled={item.type == "empty" ? true : false} />}
{item.type == "Switch" && <Switch defaultChecked onChange={onChange} disabled={type == 1} />}
{item.type == "DatePicker" && <DatePicker disabled={type == 1} style={{width:"100%"}} />}
{item.type == "TextArea" && <TextArea rows={4} disabled={type == 1} />}
{item.type == "Radio" &&<Radio.Group options={item.options} />}
{item.type == "RangePicker" &&
<RangePicker disabled={type=='view'} />}
{item.type == "upload" &&
<>
{type !== 1 && <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>
{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" }}>
<div style={{width:40,height:40,display:"flex",alignItems:'center'}}>
{checkMediaType(item.name) == 'image' && <Image
<Select disabled={type == 'view'} options={item.options} fieldNames={item.fieldNames} />
</Form.Item>}
{item.type == "Radio" && <Form.Item
label={item.label}
name={item.key}
rules={[{ required: item.required, message: '请输入' + item.label }]}
>
<Radio.Group disabled={type == 'view'} options={item.options}/>
</Form.Item>}
{/* {item.type == "Select" && <Select disabled={type == 1} options={item.options} />} */}
{item.type == "Switch" && <Form.Item
label={item.label}
name={item.key}
rules={[{ required: item.required, message: '请输入' + item.label }]}
>
<Switch defaultChecked onChange={onChange} disabled={type == 'view'} />
</Form.Item>}
{/* {item.type == "Switch" && <Switch defaultChecked onChange={onChange} disabled={type == 1} />} */}
{item.type == "DatePicker" && <Form.Item
label={item.label}
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}
src={baseUrl + item.previewUrl}
src={baseUrl + item.filePath}
/>}
{
checkMediaType(item.name) !== 'image' &&
<span >{checkMediaType(item.name)?.toUpperCase()}</span>
checkMediaType(item.fileName) !== 'image' &&
<span >{checkMediaType(item.fileName)?.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>
</>}
</Form.Item>
<span onClick={() => preView(item)}>{item.fileName}</span>
{type !== 'view' && <DeleteOutlined onClick={() => deleteFile(item.fileId)} />}
<VerticalAlignBottomOutlined onClick={() => download(item.fileId, item.fileName)} />
</div>
})}
</div>
</>
</Form.Item>}
</Col>
)
})}
</Row>
</Form >
{type !== 1 &&<div className="flex flex-end" style={{ marginTop: 10 }}>
<Button type="" style={{ marginRight: 10 }} onClick={cancel}>取消</Button>
<Button type="primary" onClick={getInfo}>确定</Button>
</div>}
<PdfView url={url} isModal={isModal} setModalN={(e)=>setIsModal(e)}/>
{TableZdyProps}
{
type !== 'view' && <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>
}
<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,12 +14,13 @@ const { Dragger } = Upload;
const url = "http://223.75.53.141:9102/test.by-lyf.tmp"
const opntios=[
{label:'宪法',value:'宪法'},
{label:'法律',value:'法律'},
{label:'行政法规',value:'行政法规'},
{label:'督察法规',value:'督察法规'},
{label:'司法解释',value:'司法解释'},
{label:'地方性法规',value:'地方性法规'},
{value:0,label:'党支部工作制度'},
{value:1,label:'行政工作制度'},
{value:2,label:'部门工作制度'},
{value:3,label:'安全管理制度'},
{value:4,label:'工程管理制度'},
{value:5,label:'技术规程'},
{value:6,label:'岗位责任制'}
]
const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
@ -37,7 +38,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
*/
const download = (params) => {
let downloadLink = document.createElement("a");
downloadLink.href = `http://local.gunshiiot.com:18083/gunshiApp/xyt/projectEvents/file/download/${params}`;
downloadLink.href = `http://local.gunshiiot.com:18083/gunshiApp/tsg/projectEvents/file/download/${params}`;
downloadLink.download = `${params.fileName}`;
downloadLink.style.display = "none";
// 将链接添加到页面中
@ -78,16 +79,16 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
const onfinish = (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 }))
let oldFiles = fileList.map(item => (item.response?.data))
debugger
if (mode === 'edit') {
values.files = oldFiles;
values.id = record.id;
onEdit(apiurl.rcgl.gcdsj.edit, values)
onEdit(apiurl.zdgl.edit, {...record,...values})
}
if (mode === 'save') {
values.files = oldFiles
onSave(apiurl.rcgl.gcdsj.save, values)
onSave(apiurl.zdgl.add, values)
}
}
@ -136,30 +137,24 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
</Form.Item>
</Col>
<Col span={12}>
<Form.Item label="制度类型" name="name">
<Form.Item label="制度类型" name="type" rules={[{ required: true }]}>
<Select allowClear style={{ width: '150px' }} options={opntios} />
</Form.Item>
</Col>
<Col span={12}>
<Form.Item
label="公布日期"
name="eventsDate"
name="releaseDate"
getValueFromEvent={(e, dateString) => dateString}
getValueProps={(value) => ({ value: value ? moment(value) : undefined })}
rules={[
{
required: true,
},
]}
>
<DatePicker disabled={mode === 'view'} format={'YYYY-MM-DD'} style={{ width: '100%' }} allowClear />
<DatePicker disabled={mode === 'view'} format={'YYYY-MM-DD HH:mm:ss'} style={{ width: '100%' }} allowClear />
</Form.Item>
</Col>
<Col span={12}>
<Form.Item
label="发布单位"
name="name"
rules={[{ required: true }]}
name="fillUnit"
>
<Input disabled={mode === 'view'} style={{ width: '100%' }} allowClear />
</Form.Item>
@ -170,7 +165,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Col span={24}>
<Form.Item
label="附件"
name="fieldId"
name="files"
labelCol={{ span: 3 }}
wrapperCol={{ span: 19 }}
>
@ -178,7 +173,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
<Dragger
name='file'
// multiple
action="/gunshiApp/xyt/projectEvents/file/upload/singleSimple"
action="/gunshiApp/tsg/SzRegulatoryFramework/file/upload/singleSimple"
onChange={fileChange}
onDrop={(info) => { console.log(info.dataTransfer.files); }}
fileList={fileList}
@ -252,7 +247,7 @@ const ModalForm = ({ mode, record, onEdit, onSave, onSimilarSave }) => {
mode === 'view' ? null : (
<>
<Form.Item {...btnItemLayout}>
<Button type="primary" htmlType="submit">
<Button type="primary" htmlType="submit" loading={loading}>
{mode === 'save' ? '提交' : '修改'}
</Button>
</Form.Item>

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

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

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

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

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

@ -1,137 +1,210 @@
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() {
return {
tooltip: {
trigger: "item",
triggerOn: "mousemove",
color: "#fff",
backgroundColor: "skyblue",
borderColor: "skyblue",
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
series: [{
type: 'tree',
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
},
animationDurationUpdate: 1500,
animationEasingUpdate: "quinticInOut",
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",
},
},
],
},
],
},
],
rich: {
name: {
fontSize: 14
},
],
};
}
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
}]
};
}