7.12
This commit is contained in:
jl-zhoujl2
@ -4,12 +4,13 @@ import home from './HomePage/router_home';
|
||||
import juryRoom from './JuryRoom/router_menuJury.config';
|
||||
import approvalForm from './router_approval_form';
|
||||
import partyMemberTopic from './router_partyMemberTopic';
|
||||
import partyManagement from './router_partyManagement';
|
||||
export default [
|
||||
//========================================================================登陆
|
||||
...transfer,//跳转、登陆
|
||||
//审批单
|
||||
...approvalForm,
|
||||
//党员专题
|
||||
//党建攻坚
|
||||
...partyMemberTopic,
|
||||
{
|
||||
path: '/userformal',
|
||||
@ -106,6 +107,7 @@ export default [
|
||||
},
|
||||
...home,//各角色主页
|
||||
...menuaZhaoBiao,//项目菜单所有路由
|
||||
...partyManagement,//党建攻坚管理端
|
||||
{//问卷调查
|
||||
name: 'Questionnaire',
|
||||
icon: 'UnorderedListOutlined',
|
||||
@ -243,7 +245,7 @@ export default [
|
||||
path: '/Supervision',
|
||||
component: './Project/ProjectManage/Supervision'
|
||||
},
|
||||
{//审查人员 项目管理页
|
||||
{//审查人员 项目管理页
|
||||
name: 'Examination',
|
||||
path: '/Examination',
|
||||
component: './Project/ProjectManage/Examination'
|
||||
|
||||
23
config/router_partyManagement.ts
Normal file
23
config/router_partyManagement.ts
Normal file
@ -0,0 +1,23 @@
|
||||
export default [
|
||||
{
|
||||
name: 'partyMemberTopicManage',
|
||||
path: '/partyMemberTopicManage',
|
||||
routes: [
|
||||
{//活动维护
|
||||
name: 'EventMaintenance',
|
||||
path: '/partyMemberTopicManage/EventMaintenance',
|
||||
component: './PartyMemberTopic/Management/EventMaintenance',
|
||||
},
|
||||
{ //意见收集管理
|
||||
name: 'OpinionCollection',
|
||||
path: '/partyMemberTopicManage/OpinionCollection',
|
||||
component: './PartyMemberTopic/Management/OpinionCollection',
|
||||
},
|
||||
{ //物资采购专业线数据维护
|
||||
name: 'ProLineMaintenance',
|
||||
path: '/partyMemberTopicManage/ProLineMaintenance',
|
||||
component: './PartyMemberTopic/Management/ProLineMaintenance',
|
||||
},
|
||||
]
|
||||
}
|
||||
];
|
||||
@ -0,0 +1,101 @@
|
||||
import React, { useRef } from 'react';
|
||||
import { Modal, Card, Col, Form, Input, Row, Space, Typography, Select } from 'antd';
|
||||
import BraftText from '@/components/richText/wang';
|
||||
import ExtendUpload from '@/utils/ExtendUpload';
|
||||
|
||||
const layout = {
|
||||
labelCol: { span: 3 },
|
||||
wrapperCol: { span: 21 },
|
||||
};
|
||||
|
||||
const validateMessages = {
|
||||
required: '请填写此项',
|
||||
};
|
||||
|
||||
const modalHeight = window.innerHeight * 96 / 100;
|
||||
|
||||
interface EventMaintenanceModalProps {
|
||||
modalVisible: boolean;
|
||||
onCancel: () => void;
|
||||
}
|
||||
|
||||
const EventMaintenanceModal: React.FC<EventMaintenanceModalProps> = (props) => {
|
||||
const { modalVisible, onCancel } = props;
|
||||
const [form] = Form.useForm();
|
||||
const { Option } = Select;
|
||||
const braftRef = useRef<any>(null);
|
||||
const onFinish = (values: any) => {
|
||||
console.log(values);
|
||||
};
|
||||
|
||||
return (
|
||||
<Modal
|
||||
destroyOnClose
|
||||
title="新建"
|
||||
visible={modalVisible}
|
||||
onCancel={() => onCancel()}
|
||||
okText="保存"
|
||||
maskClosable={false}
|
||||
style={{ maxHeight: modalHeight }}
|
||||
bodyStyle={{ maxHeight: modalHeight - 108, overflowY: 'auto', }}
|
||||
centered
|
||||
cancelText="返回"
|
||||
width={'70%'}
|
||||
>
|
||||
<Form {...layout} name="nest-messages" form={form} onFinish={onFinish} validateMessages={validateMessages}>
|
||||
<Form.Item name="id" hidden>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item name="num" label="活动类型" rules={[{ required: true }]}>
|
||||
<Select style={{ width: 150 }}>
|
||||
<Option value="0">首页</Option>
|
||||
<Option value="1">活动风采</Option>
|
||||
<Option value="2">攻坚克难项目</Option>
|
||||
</Select>
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
name="title"
|
||||
label="标题名称"
|
||||
rules={[{ required: true }]}
|
||||
tooltip="此项不超过18个汉字"
|
||||
>
|
||||
<Input maxLength={18} />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
name="subtitle"
|
||||
label="副标题名称"
|
||||
rules={[{ required: true }]}
|
||||
tooltip="此项不超过120个汉字"
|
||||
>
|
||||
<Input maxLength={120} />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
name="file"
|
||||
label="主图"
|
||||
extra="注：为了避免页面进入加载时间过长，照片尽量压缩至500K左右"
|
||||
>
|
||||
<ExtendUpload bid={''} btnName="上传" maxCount={1} maxSize={0.6} uploadProps={{ name: "file", disabled: false, accept: ".jfif,.pjpeg,.jpeg,.pjp,.jpg,.png,.gif,.bmp,.dib" }} />
|
||||
</Form.Item>
|
||||
<Form.Item label="编制人员" style={{ margin: 0 }}>
|
||||
<Row>
|
||||
<Col span={10}>
|
||||
<Form.Item name="people">
|
||||
<Input readOnly />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col span={12} offset={2}>
|
||||
<Form.Item name="date" label="编制日期">
|
||||
<Input readOnly />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
</Row>
|
||||
</Form.Item>
|
||||
<Form.Item name="col" label="正文内容" rules={[{ required: true }]}>
|
||||
<BraftText braftRef={braftRef} echo={null} disabled={false} />
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
|
||||
export default EventMaintenanceModal;
|
||||
151
src/pages/PartyMemberTopic/Management/EventMaintenance/index.tsx
Normal file
151
src/pages/PartyMemberTopic/Management/EventMaintenance/index.tsx
Normal file
@ -0,0 +1,151 @@
|
||||
import { PlusOutlined } from '@ant-design/icons';
|
||||
import { ActionType, ProColumns } from '@ant-design/pro-table';
|
||||
import ProTable from '@ant-design/pro-table';
|
||||
import { Button, Card } from 'antd';
|
||||
import React, { useState } from 'react';
|
||||
import { useRef } from 'react';
|
||||
import EventMaintenanceModal from './components/EventMaintenanceModal';
|
||||
|
||||
const data = [
|
||||
{
|
||||
id: 1,
|
||||
index: 1,
|
||||
title: 1,
|
||||
type: 0,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
index: 2,
|
||||
title: 2,
|
||||
type: 1,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
index: 3,
|
||||
title: 3,
|
||||
type: 2,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
index: 4,
|
||||
title: 4,
|
||||
type: 2,
|
||||
},
|
||||
]
|
||||
|
||||
const columns: ProColumns<any>[] = [
|
||||
{
|
||||
title: '序号',
|
||||
dataIndex: 'index',
|
||||
valueType: 'index',
|
||||
width: 48,
|
||||
},
|
||||
{
|
||||
title: '标题名称',
|
||||
dataIndex: 'title',
|
||||
ellipsis: true,
|
||||
},
|
||||
{
|
||||
title: '类型',
|
||||
dataIndex: 'type',
|
||||
valueType: 'select',
|
||||
valueEnum: {
|
||||
0: { text: '首页' },
|
||||
1: { text: '活动风采' },
|
||||
2: { text: '攻坚克难项目' },
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '发布时间',
|
||||
key: 'showTime',
|
||||
dataIndex: 'created_at',
|
||||
valueType: 'dateTime',
|
||||
hideInSearch: true,
|
||||
},
|
||||
{
|
||||
title: '状态',
|
||||
dataIndex: 'state',
|
||||
valueType: 'select',
|
||||
valueEnum: {
|
||||
0: { text: '草稿' },
|
||||
1: { text: '发布' },
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '开始时间',
|
||||
dataIndex: 'starttime',
|
||||
valueType: 'date',
|
||||
hideInTable: true,
|
||||
},
|
||||
{
|
||||
title: '结束时间',
|
||||
dataIndex: 'endtime',
|
||||
valueType: 'date',
|
||||
hideInTable: true,
|
||||
},
|
||||
{
|
||||
title: '发布人',
|
||||
dataIndex: 'people',
|
||||
hideInSearch: true,
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
hideInSearch: true,
|
||||
render: (text, record, _, action) => [
|
||||
<Button type='text' key="view">
|
||||
查看
|
||||
</Button>,
|
||||
<Button type='text' key="withdraw">
|
||||
撤回
|
||||
</Button>,
|
||||
|
||||
<Button
|
||||
type='text'
|
||||
key="editable"
|
||||
>
|
||||
编辑
|
||||
</Button>,
|
||||
<Button type='text' key="delete">
|
||||
删除
|
||||
</Button>,
|
||||
<Button type='text' key="release">
|
||||
发布
|
||||
</Button>,
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export default () => {
|
||||
const actionRef = useRef<ActionType>();
|
||||
const [modalVisible, setModalVisible] = useState<boolean>(false);
|
||||
return (
|
||||
<Card className="zjl-entrust confirm">
|
||||
<ProTable<any>
|
||||
columns={columns}
|
||||
actionRef={actionRef}
|
||||
request={async (params) => {
|
||||
return {
|
||||
data: data,
|
||||
success: true,
|
||||
};
|
||||
}}
|
||||
rowKey="id"
|
||||
options={false}
|
||||
pagination={{
|
||||
pageSize: 10,
|
||||
onChange: (page) => console.log(page),
|
||||
}}
|
||||
search={{
|
||||
defaultCollapsed: false,//默认展开
|
||||
}}
|
||||
dateFormatter="string"
|
||||
toolBarRender={() => [
|
||||
<Button key="button" icon={<PlusOutlined />} type="primary" onClick={() => setModalVisible(true)}>
|
||||
新建
|
||||
</Button>
|
||||
]}
|
||||
/>
|
||||
<EventMaintenanceModal modalVisible={modalVisible} onCancel={() => setModalVisible(false)} />
|
||||
</Card>
|
||||
);
|
||||
};
|
||||
@ -0,0 +1,133 @@
|
||||
import { UploadOutlined } from '@ant-design/icons';
|
||||
import { ActionType, ProColumns } from '@ant-design/pro-table';
|
||||
import ProTable from '@ant-design/pro-table';
|
||||
import { Button, Card } from 'antd';
|
||||
import React from 'react';
|
||||
import { useRef } from 'react';
|
||||
|
||||
const data = [
|
||||
{
|
||||
id: 1,
|
||||
index: 1,
|
||||
title: 1,
|
||||
type: 0,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
index: 2,
|
||||
title: 2,
|
||||
type: 1,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
index: 3,
|
||||
title: 3,
|
||||
type: 2,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
index: 4,
|
||||
title: 4,
|
||||
type: 2,
|
||||
},
|
||||
]
|
||||
|
||||
const columns: ProColumns<any>[] = [
|
||||
{
|
||||
title: '序号',
|
||||
dataIndex: 'index',
|
||||
valueType: 'index',
|
||||
width: 48,
|
||||
},
|
||||
{
|
||||
title: '意见类型',
|
||||
dataIndex: 'type',
|
||||
valueType: 'select',
|
||||
valueEnum: {
|
||||
0: { text: '网络运营' },
|
||||
1: { text: '综合行政' },
|
||||
2: { text: '市场' },
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
title: '意见内容',
|
||||
dataIndex: 'title',
|
||||
ellipsis: true,
|
||||
hideInSearch: true,
|
||||
},
|
||||
{
|
||||
title: '补充信息',
|
||||
dataIndex: 'other',
|
||||
ellipsis: true,
|
||||
hideInSearch: true,
|
||||
},
|
||||
{
|
||||
title: '提交时间',
|
||||
key: 'showTime',
|
||||
dataIndex: 'created_at',
|
||||
valueType: 'dateTime',
|
||||
hideInSearch: true,
|
||||
},
|
||||
{
|
||||
title: '开始时间',
|
||||
dataIndex: 'starttime',
|
||||
valueType: 'date',
|
||||
hideInTable: true,
|
||||
},
|
||||
{
|
||||
title: '结束时间',
|
||||
dataIndex: 'endtime',
|
||||
valueType: 'date',
|
||||
hideInTable: true,
|
||||
},
|
||||
{
|
||||
title: '提交人员',
|
||||
dataIndex: 'people',
|
||||
hideInSearch: true,
|
||||
},
|
||||
{
|
||||
title: '附件管理',
|
||||
hideInSearch: true,
|
||||
render: (text, record, _, action) => [
|
||||
<Button type='text' key="download">
|
||||
下载附件
|
||||
</Button>,
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export default () => {
|
||||
const actionRef = useRef<ActionType>();
|
||||
return (
|
||||
<Card className="zjl-entrust confirm">
|
||||
<ProTable<any>
|
||||
columns={columns}
|
||||
actionRef={actionRef}
|
||||
request={async (params) => {
|
||||
return {
|
||||
data: data,
|
||||
success: true,
|
||||
};
|
||||
}}
|
||||
rowKey="id"
|
||||
options={false}
|
||||
pagination={{
|
||||
pageSize: 10,
|
||||
onChange: (page) => console.log(page),
|
||||
}}
|
||||
search={{
|
||||
span: 6,
|
||||
defaultCollapsed: false,//默认展开
|
||||
}}
|
||||
rowSelection={{}}
|
||||
dateFormatter="string"
|
||||
toolBarRender={() => [
|
||||
<Button key="button" icon={<UploadOutlined />} type="primary">
|
||||
全量导出
|
||||
</Button>
|
||||
]}
|
||||
/>
|
||||
</Card>
|
||||
);
|
||||
};
|
||||
@ -0,0 +1,51 @@
|
||||
|
||||
import { Button, Card, Col, Form, Input, Row, Space, Typography } from 'antd';
|
||||
import React from 'react';
|
||||
|
||||
const layout = {
|
||||
labelCol: { span: 6 },
|
||||
wrapperCol: { span: 15 },
|
||||
};
|
||||
const validateMessages = {
|
||||
required: '请填写此项',
|
||||
};
|
||||
|
||||
export default () => {
|
||||
const { Title } = Typography;
|
||||
const onFinish = (values: any) => {
|
||||
console.log(values);
|
||||
};
|
||||
return (
|
||||
<Card>
|
||||
<Space>
|
||||
<Button type='primary'>编辑</Button>
|
||||
<Button>发布</Button>
|
||||
</Space>
|
||||
<Title level={3}>党建攻坚活动情况</Title>
|
||||
<Form {...layout} name="nest-messages" onFinish={onFinish} validateMessages={validateMessages}>
|
||||
<Row>
|
||||
<Col span={12}>
|
||||
<Form.Item name="num" label="一线调研次数" rules={[{ required: true }]}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col span={12}>
|
||||
<Form.Item name="name" label="访问人数" rules={[{ required: true }]}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col span={12}>
|
||||
<Form.Item name="req" label="保障需求条数" rules={[{ required: true }]}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col span={12}>
|
||||
<Form.Item name="bumb" label="攻坚克难项目个数" rules={[{ required: true }]}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
</Row>
|
||||
</Form>
|
||||
</Card>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user