Compare commits
2 Commits
4187407a71
...
0c481644fb
| Author | SHA1 | Date |
|---|---|---|
|
|
0c481644fb | |
|
|
64ba09623d |
|
|
@ -1,90 +0,0 @@
|
|||
import { tools } from "@cqsjjb/jjb-common-lib";
|
||||
|
||||
import { Button, Modal, QRCode } from "antd";
|
||||
import { useState } from "react";
|
||||
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||
import Map from "zy-react-library/components/Map";
|
||||
import Upload from "zy-react-library/components/Upload";
|
||||
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||
import { PHONE, UNIFIED_SOCIAL_CREDIT_CODE } from "zy-react-library/regular";
|
||||
|
||||
const xgfStateMap = {
|
||||
0: "未填报",
|
||||
1: "待审核",
|
||||
2: "已审核",
|
||||
3: <span style={{ color: "red" }}>已打回</span>,
|
||||
4: "已填报",
|
||||
};
|
||||
const { query } = tools.router;
|
||||
function Add() {
|
||||
const [corpInfoQrCodeOpen, setCorpInfoQrCodeOpen] = useState(false);
|
||||
const onSubmit = (values) => {
|
||||
console.log(values);
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<HeaderBack title={query.id ? "修改" : "新增"} />
|
||||
<div style={{ paddingBottom: 10 }}>
|
||||
<FormBuilder
|
||||
onFinish={onSubmit}
|
||||
span={12}
|
||||
labelCol={{ span: 8 }}
|
||||
options={[
|
||||
{ label: "相关方单位基础信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||
{ name: "corpName", label: "单位名称" },
|
||||
{ name: "xgfState", label: "企业状态", required: false, render: ({ formValues }) => xgfStateMap[formValues?.xgfState] || "未填报" },
|
||||
{ name: "holderName", label: "开户人", required: false, componentProps: { disabled: true }, hidden: (!query.id) },
|
||||
{ name: "code", label: "统一社会信用代码", rules: [{ pattern: UNIFIED_SOCIAL_CREDIT_CODE, message: "请输入正确的统一社会信用代码" }] },
|
||||
{ name: "companyAreas", label: "属地", required: false, hidden: (!query.id) },
|
||||
{ name: "industryNames", label: "所属行业", required: false, hidden: (!query.id) },
|
||||
{ name: "map", customizeRender: true, render: () => <Map required={false} />, span: 24, hidden: (!query.id) },
|
||||
{ name: "ecoType", label: "经济类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "集团单位1", id: "1" }], required: false },
|
||||
{ name: "address", label: "单位经营地址", required: false, hidden: (!query.id) },
|
||||
{ name: "scale", label: "企业规模", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "集团单位1", id: "1" }], required: false, hidden: (!query.id) },
|
||||
{ name: "lrName", label: "法人姓名", required: false, hidden: (!query.id) },
|
||||
{ name: "lrPhone", label: "联系电话", rules: [{ pattern: PHONE, message: "请输入正确的手机号码" }], required: false, hidden: (!query.id) },
|
||||
{ name: "contacts", label: "主要负责人", required: false, hidden: (!query.id) },
|
||||
{ name: "contactsPhone", label: "主要负责人联系电话", rules: [{ pattern: PHONE, message: "请输入正确的手机号码" }], required: false, hidden: (!query.id) },
|
||||
{ name: "createDate", label: "成立日期", render: FORM_ITEM_RENDER_ENUM.DATE, required: false, hidden: (!query.id) },
|
||||
{ name: "employees", label: "职工人数(人)", render: FORM_ITEM_RENDER_ENUM.NUMBER, required: false, hidden: (!query.id) },
|
||||
{ name: "totalassets", label: "资产总额(万元)", render: FORM_ITEM_RENDER_ENUM.NUMBER, required: false, hidden: (!query.id) },
|
||||
{ name: "regcapital", label: "注册资金(万元)", render: FORM_ITEM_RENDER_ENUM.NUMBER, required: false, hidden: (!query.id) },
|
||||
{ name: "employmentForm", label: "用工形式", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "集团单位1", id: "1" }], required: false, hidden: (!query.id) },
|
||||
{ name: "selectForms", label: "企业类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "集团单位1", id: "1" }], required: false, hidden: (!query.id) },
|
||||
{ name: "businessLicense", label: "营业执照", render: ({ value, onChange }) => <Upload maxCount={5} size={5} value={value} onChange={onChange} />, hidden: (!query.id) },
|
||||
{ name: "businessLicenseDate", label: "营业执照有效期", render: FORM_ITEM_RENDER_ENUM.DATE, hidden: (!query.id) },
|
||||
{ name: "qrCode", label: "企业二维码", required: false, hidden: formValues => !(formValues.xgfState !== 2 && query.id), render: () => (
|
||||
<Button
|
||||
type="link"
|
||||
onClick={() => {
|
||||
setCorpInfoQrCodeOpen(true);
|
||||
}}
|
||||
>
|
||||
查看
|
||||
</Button>
|
||||
) },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<CorpInfoQrCode open={corpInfoQrCodeOpen} onCancel={() => setCorpInfoQrCodeOpen(false)} />
|
||||
</>
|
||||
);
|
||||
}
|
||||
const CorpInfoQrCode = (props) => {
|
||||
return (
|
||||
<Modal
|
||||
open={props.open}
|
||||
onCancel={props.onCancel}
|
||||
title="企业二维码"
|
||||
footer={[
|
||||
<Button key="cancel" onClick={props.onCancel}>
|
||||
关闭
|
||||
</Button>,
|
||||
]}
|
||||
>
|
||||
<QRCode value="-" style={{ margin: "0 auto" }} />
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
export default Add;
|
||||
|
|
@ -1,4 +1,6 @@
|
|||
import { Button, Form, message, Modal, Space } from "antd";
|
||||
import { useEffect, useState } from "react";
|
||||
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||
import AddIcon from "zy-react-library/components/Icon/AddIcon";
|
||||
import Search from "zy-react-library/components/Search";
|
||||
import Table from "zy-react-library/components/Table";
|
||||
|
|
@ -8,6 +10,20 @@ import useTable from "zy-react-library/hooks/useTable";
|
|||
function List(props) {
|
||||
const [form] = Form.useForm();
|
||||
const { tableProps, getData } = useTable(() => {}, { form });
|
||||
const [addModalOpen, setAddModalOpen] = useState(false);
|
||||
const [currentId, setCurrentId] = useState("");
|
||||
const [openType, setOpenType] = useState("");
|
||||
|
||||
const onResetPassword = (id) => {
|
||||
Modal.confirm({
|
||||
title: "提示",
|
||||
content: "是否重置密码为Bb@123456789?",
|
||||
onOk: () => {
|
||||
message.success("重置密码成功");
|
||||
getData();
|
||||
},
|
||||
});
|
||||
};
|
||||
const onDelete = (id) => {
|
||||
Modal.confirm({
|
||||
title: "提示",
|
||||
|
|
@ -18,57 +34,136 @@ function List(props) {
|
|||
},
|
||||
});
|
||||
};
|
||||
const onResetPassword = () => {
|
||||
const fnIsEnable = (id) => {
|
||||
Modal.confirm({
|
||||
title: "提示",
|
||||
content: "确定要重置密码为Aa@123456789吗?",
|
||||
content: "确定删除吗?",
|
||||
onOk: () => {
|
||||
message.success("重置密码成功");
|
||||
message.success("删除成功");
|
||||
getData();
|
||||
},
|
||||
});
|
||||
};
|
||||
return (
|
||||
<div style={{ padding: 20 }}>
|
||||
<Search
|
||||
labelCol={{ span: 7 }}
|
||||
options={[
|
||||
// { name: "name", label: "关键字", tip: "证书名称/证书编号" },
|
||||
{ name: "name", label: "分公司名称", placeholder: "请输入分公司名称,支持模糊搜索" },
|
||||
{ name: "name", label: "属地", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
{ name: "time", label: "证书有效期", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
|
||||
{ name: "name", label: "集团单位", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
{ name: "name", label: "股份主管部门", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
{ name: "name", label: "主管部门(指定)", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
{ name: "name", label: "主管部门(级联)", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
{ name: "name", label: "分公司状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
{ name: "time", label: "开户时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
|
||||
{ name: "name", label: "经济类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
]}
|
||||
form={form}
|
||||
onFinish={getData}
|
||||
/>
|
||||
<Table
|
||||
toolBarRender={() => (
|
||||
<Button type="primary" onClick={() => props.history.push("./add")} icon={<AddIcon />}>新增</Button>
|
||||
<Button
|
||||
type="primary"
|
||||
onClick={() => {
|
||||
setAddModalOpen(true);
|
||||
setOpenType("");
|
||||
}}
|
||||
icon={<AddIcon />}
|
||||
>
|
||||
新增
|
||||
</Button>
|
||||
)}
|
||||
columns={[
|
||||
{ title: "集团单位", dataIndex: "name" },
|
||||
{ title: "相关单位名称", dataIndex: "name" },
|
||||
{ title: "属地", dataIndex: "name" },
|
||||
{ title: "股份主管部门", dataIndex: "name" },
|
||||
{ title: "股份监管部门", dataIndex: "name" },
|
||||
{ title: "基层单位主管部门", dataIndex: "name" },
|
||||
{ title: "基层单位监督部门", dataIndex: "name" },
|
||||
{ title: "开户人", dataIndex: "name" },
|
||||
{ title: "分公司名称", dataIndex: "name" },
|
||||
{ title: "社会统一信用代码", dataIndex: "name" },
|
||||
{ title: "经济类型", dataIndex: "name" },
|
||||
{ title: "分公司状态", dataIndex: "name" },
|
||||
{ title: "状态", dataIndex: "name" },
|
||||
{ title: "操作", width: 200, render: (_, record) => (
|
||||
<Space>
|
||||
<Button type="link" onClick={() => props.history.push(`./add?id=${record.id}`)}>查看</Button>
|
||||
<Button type="link" onClick={() => props.history.push(`./add?id=${record.id}`)}>编辑</Button>
|
||||
<Button
|
||||
type="link"
|
||||
onClick={() => {
|
||||
setAddModalOpen(true);
|
||||
setCurrentId(record.id);
|
||||
setOpenType("");
|
||||
}}
|
||||
>
|
||||
修改
|
||||
</Button>
|
||||
<Button
|
||||
type="link"
|
||||
onClick={() => {
|
||||
setAddModalOpen(true);
|
||||
setCurrentId(record.id);
|
||||
setOpenType("editName");
|
||||
}}
|
||||
>
|
||||
修改分公司名称
|
||||
</Button>
|
||||
<Button type="link" onClick={() => props.history.push(`./View?id=${record.id}`)}>查看</Button>
|
||||
<Button type="link" onClick={() => onResetPassword(record.id)}>重置密码</Button>
|
||||
<Button type="link" danger onClick={() => fnIsEnable(record.id)}>启用</Button>
|
||||
<Button type="link" danger onClick={() => onDelete(record.id)}>删除</Button>
|
||||
|
||||
</Space>
|
||||
) },
|
||||
]}
|
||||
{...tableProps}
|
||||
/>
|
||||
<AddModal
|
||||
currentId={currentId}
|
||||
open={addModalOpen}
|
||||
openType={openType}
|
||||
onCancel={() => {
|
||||
setAddModalOpen(false);
|
||||
setCurrentId("");
|
||||
}}
|
||||
getData={getData}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function AddModalComponent(props) {
|
||||
const [form] = Form.useForm();
|
||||
useEffect(() => {
|
||||
if (props.currentId) {
|
||||
console.log(props.currentId);
|
||||
}
|
||||
}, [props.currentId]);
|
||||
const onCancel = () => {
|
||||
form.resetFields();
|
||||
props.onCancel();
|
||||
};
|
||||
const onSubmit = async (values) => {
|
||||
console.log(values);
|
||||
onCancel();
|
||||
props.getData();
|
||||
};
|
||||
return (
|
||||
<Modal
|
||||
open={props.open}
|
||||
onCancel={onCancel}
|
||||
onOk={form.submit}
|
||||
title={props.currentId ? "修改" : "新增"}
|
||||
width={800}
|
||||
>
|
||||
<FormBuilder
|
||||
form={form}
|
||||
span={24}
|
||||
labelCol={{ span: 10 }}
|
||||
onFinish={onSubmit}
|
||||
showActionButtons={false}
|
||||
options={[
|
||||
{ name: "name", label: "分公司名称" },
|
||||
{ name: "name", label: "社会统一信用代码", hidden: (props.openType === "editName") },
|
||||
{ name: "name", label: "企业类型", render: FORM_ITEM_RENDER_ENUM.SELECT, hidden: (props.openType === "editName") },
|
||||
{ name: "name", label: "经济类型", required: false, render: FORM_ITEM_RENDER_ENUM.RADIO, items: [{ id: "0", name: "是" }, { id: "2", name: "否" }], hidden: (props.openType === "editName") },
|
||||
{ name: "name", label: "分公司状态", required: false, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ id: "1-10人", name: "1-10人" }], hidden: (props.openType === "editName") },
|
||||
{ name: "name", label: "列表排序", render: FORM_ITEM_RENDER_ENUM.NUMBER, hidden: (props.openType === "editName") },
|
||||
]}
|
||||
/>
|
||||
</Modal>
|
||||
);
|
||||
}
|
||||
|
||||
const AddModal = AddModalComponent;
|
||||
export default List;
|
||||
|
|
|
|||
|
|
@ -1,39 +1,46 @@
|
|||
import { Descriptions, Divider } from "antd";
|
||||
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||
|
||||
function Info() {
|
||||
function View() {
|
||||
return (
|
||||
<div style={{ padding: 20 }}>
|
||||
<Divider orientation="left">基本信息</Divider>
|
||||
<Descriptions
|
||||
labelStyle={{ width: 200 }}
|
||||
column={1}
|
||||
bordered
|
||||
items={[
|
||||
{ label: "分公司名称", children: "Zhou" },
|
||||
{ label: "企业状态", children: "Zhou" },
|
||||
{ label: "开户人", children: "Zhou" },
|
||||
{ label: "统一社会信用代码", children: "Zhou" },
|
||||
{ label: "属地", children: "Zhou" },
|
||||
{ label: "所属行业", children: "Zhou" },
|
||||
{ label: "经济类型", children: "Zhou" },
|
||||
{ label: "经度", children: "Zhou" },
|
||||
{ label: "纬度", children: "Zhou" },
|
||||
{ label: "单位经营地址", children: "Zhou" },
|
||||
{ label: "企业规模", children: "Zhou" },
|
||||
{ label: "法定代表人", children: "Zhou" },
|
||||
{ label: "法人手机号", children: "Zhou" },
|
||||
{ label: "主要负责人", children: "Zhou" },
|
||||
{ label: "主要负责人手机号", children: "Zhou" },
|
||||
{ label: "成立日期", children: "Zhou" },
|
||||
{ label: "职工人数", children: "Zhou" },
|
||||
{ label: "资产总额(万元)", children: "Zhou" },
|
||||
{ label: "注册资金(万元)", children: "Zhou" },
|
||||
{ label: "营业执照", children: "Zhou" },
|
||||
{ label: "企业二维码", children: "Zhou" },
|
||||
]}
|
||||
/>
|
||||
<div>
|
||||
<HeaderBack title="查看" />
|
||||
<div style={{ padding: 20 }}>
|
||||
<Divider orientation="left">企业信息</Divider>
|
||||
<Descriptions
|
||||
labelStyle={{ width: 200 }}
|
||||
column={2}
|
||||
bordered
|
||||
items={[
|
||||
{ label: "公司名称", children: "Zhou" },
|
||||
{ label: "邮政编码", children: "Zhou" },
|
||||
{ label: "社会统一信用代码", children: "Zhou" },
|
||||
{ label: "属地", children: "Zhou" },
|
||||
{ label: "所属行业", children: "Zhou" },
|
||||
{ label: "经济类型", children: "Zhou" },
|
||||
{ label: "企事业单位地址", children: "Zhou" },
|
||||
{ label: "分公司类型", children: "Zhou" },
|
||||
{ label: "经度", children: "Zhou" },
|
||||
{ label: "纬度", children: "Zhou" },
|
||||
{ label: "公司法定代表人", children: "Zhou" },
|
||||
{ label: "公司法定代表人手机号", children: "Zhou" },
|
||||
{ label: "主要分责人", children: "Zhou" },
|
||||
{ label: "主要分责人手机号", children: "Zhou" },
|
||||
{ label: "安全分责人", children: "Zhou" },
|
||||
{ label: "安全分责人手机号", children: "Zhou" },
|
||||
{ label: "职工人数", children: "Zhou" },
|
||||
{ label: "占地面积(m2)", children: "Zhou" },
|
||||
{ label: "注册资金(万元)", children: "Zhou" },
|
||||
{ label: "资产总额(万元)", children: "Zhou" },
|
||||
{ label: "成立时间", children: "Zhou" },
|
||||
{ label: "规模", children: "Zhou" },
|
||||
{ label: "是否规模以上", children: "Zhou" },
|
||||
{ label: "列表排序", children: "Zhou" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Info;
|
||||
export default View;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
function Supervision(props) {
|
||||
function AccountManage(props) {
|
||||
return (
|
||||
<div>
|
||||
{props.children}
|
||||
|
|
@ -6,4 +6,4 @@ function Supervision(props) {
|
|||
);
|
||||
}
|
||||
|
||||
export default Supervision;
|
||||
export default AccountManage;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,73 @@
|
|||
import { Button, Form, Space } from "antd";
|
||||
import Search from "zy-react-library/components/Search";
|
||||
import Table from "zy-react-library/components/Table";
|
||||
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||
import useTable from "zy-react-library/hooks/useTable";
|
||||
|
||||
const BRANCH_CONPANY_STATUS = [
|
||||
{ id: 1, name: "在产" },
|
||||
{ id: 0, name: "在建" },
|
||||
];
|
||||
const STATUS = [
|
||||
{ id: 1, name: "启用" },
|
||||
{ id: 0, name: "停用" },
|
||||
];
|
||||
|
||||
function List(props) {
|
||||
const [form] = Form.useForm();
|
||||
const { tableProps, getData } = useTable(() => {}, { form });
|
||||
|
||||
return (
|
||||
<div style={{ padding: 20 }}>
|
||||
<div style={{ display: "flex", gap: 20 }}>
|
||||
|
||||
<div style={{ flex: 1 }}>
|
||||
<Search
|
||||
options={[
|
||||
{ name: "name", label: "分公司名称" },
|
||||
{
|
||||
name: "name",
|
||||
label: "分公司状态",
|
||||
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||
items: BRANCH_CONPANY_STATUS,
|
||||
},
|
||||
{
|
||||
name: "name",
|
||||
label: "启用状态",
|
||||
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||
items: STATUS,
|
||||
},
|
||||
]}
|
||||
form={form}
|
||||
onFinish={getData}
|
||||
/>
|
||||
<Table
|
||||
|
||||
columns={[
|
||||
{ title: "分公司名称", dataIndex: "name" },
|
||||
{ title: "厂级部门数", dataIndex: "name" },
|
||||
{ title: "科/队部门数", dataIndex: "name" },
|
||||
{ title: "班组级部门数", dataIndex: "name" },
|
||||
{ title: "分公司状态", dataIndex: "name" },
|
||||
{ title: "状态", dataIndex: "name" },
|
||||
{
|
||||
title: "操作",
|
||||
width: 200,
|
||||
render: (_, record) => (
|
||||
<Space>
|
||||
|
||||
<Button type="link" danger onClick={() => props.history.push(`./View?id=${record.id}`)}>查看</Button>
|
||||
</Space>
|
||||
),
|
||||
},
|
||||
]}
|
||||
{...tableProps}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default List;
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
import { Button, Descriptions, Form, Modal, Space } from "antd";
|
||||
import { useEffect, useState } from "react";
|
||||
import LeftTree from "zy-react-library/components/LeftTree/Department/Gwj/index";
|
||||
|
||||
import Table from "zy-react-library/components/Table";
|
||||
import useTable from "zy-react-library/hooks/useTable";
|
||||
|
||||
function View() {
|
||||
const [addModalOpen, setAddModalOpen] = useState(false);
|
||||
const [currentId, setCurrentId] = useState("");
|
||||
const [form] = Form.useForm();
|
||||
const { tableProps, getData } = useTable(() => {}, { form });
|
||||
|
||||
return (
|
||||
<div style={{ padding: 20 }}>
|
||||
<div style={{ display: "flex", gap: 20 }}>
|
||||
<LeftTree />
|
||||
<div style={{ flex: 1 }}>
|
||||
|
||||
<Table
|
||||
columns={[
|
||||
{ title: "部门名称", dataIndex: "name" },
|
||||
{ title: "负责人", dataIndex: "name" },
|
||||
{ title: "部门级别", dataIndex: "name" },
|
||||
{
|
||||
title: "操作",
|
||||
width: 200,
|
||||
render: (_, record) => (
|
||||
<Space>
|
||||
<Button
|
||||
type="link"
|
||||
onClick={() => {
|
||||
setAddModalOpen(true);
|
||||
setCurrentId(record.id);
|
||||
}}
|
||||
>
|
||||
查看
|
||||
</Button>
|
||||
</Space>
|
||||
),
|
||||
},
|
||||
]}
|
||||
{...tableProps}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<AddModal
|
||||
currentId={currentId}
|
||||
open={addModalOpen}
|
||||
onCancel={() => {
|
||||
setAddModalOpen(false);
|
||||
setCurrentId("");
|
||||
}}
|
||||
getData={getData}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function AddModalComponent(props) {
|
||||
const [form] = Form.useForm();
|
||||
useEffect(() => {
|
||||
if (props.currentId) {
|
||||
console.log(props.currentId);
|
||||
}
|
||||
}, [props.currentId]);
|
||||
const onCancel = () => {
|
||||
form.resetFields();
|
||||
props.onCancel();
|
||||
};
|
||||
|
||||
return (
|
||||
<Modal
|
||||
open={props.open}
|
||||
onCancel={onCancel}
|
||||
onOk={form.submit}
|
||||
title="查看"
|
||||
width={800}
|
||||
>
|
||||
<Descriptions
|
||||
labelStyle={{ width: 200 }}
|
||||
column={1}
|
||||
bordered
|
||||
items={[
|
||||
{ label: "上级部门", children: "Zhou" },
|
||||
{ label: "部门名称", children: "Zhou" },
|
||||
{ label: "部门级别", children: "Zhou" },
|
||||
{ label: "是否监督部门", children: "Zhou" },
|
||||
{ label: "备注", children: "Zhou" },
|
||||
{ label: "排序", children: "Zhou" },
|
||||
|
||||
]}
|
||||
/>
|
||||
</Modal>
|
||||
);
|
||||
}
|
||||
|
||||
const AddModal = AddModalComponent;
|
||||
export default View;
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
function DepartmentManage(props) {
|
||||
return (
|
||||
<div>
|
||||
{props.children}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default DepartmentManage;
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
import { tools } from "@cqsjjb/jjb-common-lib";
|
||||
|
||||
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||
import Map from "zy-react-library/components/Map";
|
||||
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||
import { PHONE, UNIFIED_SOCIAL_CREDIT_CODE } from "zy-react-library/regular";
|
||||
|
||||
// const xgfStateMap = {
|
||||
// 0: "未填报",
|
||||
// 1: "待审核",
|
||||
// 2: "已审核",
|
||||
// 3: <span style={{ color: "red" }}>已打回</span>,
|
||||
// 4: "已填报",
|
||||
// };
|
||||
const { query } = tools.router;
|
||||
function Add() {
|
||||
const onSubmit = (values) => {
|
||||
console.log(values);
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<HeaderBack title={query.id ? "修改" : "新增"} />
|
||||
<div style={{ paddingBottom: 10 }}>
|
||||
<FormBuilder
|
||||
onFinish={onSubmit}
|
||||
span={12}
|
||||
labelCol={{ span: 8 }}
|
||||
options={[
|
||||
{ label: "基础信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||
{ name: "corpName", label: "分公司名称" },
|
||||
{ name: "corpName", label: "邮政编码", required: false, hidden: (!query.id) },
|
||||
{ name: "code", label: "统一社会信用代码", rules: [{ pattern: UNIFIED_SOCIAL_CREDIT_CODE, message: "请输入正确的统一社会信用代码" }] },
|
||||
{ name: "companyAreas", label: "属地", hidden: (!query.id) },
|
||||
{ name: "industryNames", label: "所属行业", hidden: (!query.id) },
|
||||
{ name: "ecoType", label: "经济类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "集团单位1", id: "1" }] },
|
||||
{ name: "ecoType", label: "企业类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "集团单位1", id: "1" }] },
|
||||
{ name: "address", label: "企事业单位经营地址", required: false, hidden: (!query.id) },
|
||||
{ name: "ecoType", label: "分公司状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "集团单位1", id: "1" }] },
|
||||
{ name: "map", customizeRender: true, render: () => <Map required={false} />, span: 24 },
|
||||
{ name: "lrName", label: "公司法定代表人", required: false, hidden: (!query.id) },
|
||||
{ name: "lrPhone", label: "公司法定代表人手机号", rules: [{ pattern: PHONE, message: "请输入正确的手机号码" }], required: false, hidden: (!query.id) },
|
||||
{ name: "contacts", label: "主要负责人", required: false, hidden: (!query.id) },
|
||||
{ name: "contactsPhone", label: "主要负责人联系电话", rules: [{ pattern: PHONE, message: "请输入正确的手机号码" }], required: false, hidden: (!query.id) },
|
||||
{ name: "contacts", label: "安全负责人", required: false, hidden: (!query.id) },
|
||||
{ name: "contactsPhone", label: "安全负责人联系电话", rules: [{ pattern: PHONE, message: "请输入正确的手机号码" }], required: false, hidden: (!query.id) },
|
||||
{ name: "scale", label: "企业规模", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "集团单位1", id: "1" }], required: false, hidden: (!query.id) },
|
||||
{ name: "createDate", label: "占地面积(平方米)", render: FORM_ITEM_RENDER_ENUM.DATE, required: false, hidden: (!query.id) },
|
||||
{ name: "employees", label: "职工人数(人)", render: FORM_ITEM_RENDER_ENUM.NUMBER, hidden: (!query.id) },
|
||||
{ name: "employees", label: "成立时间", required: false, render: FORM_ITEM_RENDER_ENUM.NUMBER, hidden: (!query.id) },
|
||||
{ name: "employees", label: "注册资金(万元)", render: FORM_ITEM_RENDER_ENUM.NUMBER, hidden: (!query.id) },
|
||||
{ name: "employees", label: "资产总额(万元)", render: FORM_ITEM_RENDER_ENUM.NUMBER, hidden: (!query.id) },
|
||||
{ name: "employees", label: "规模", required: false, render: FORM_ITEM_RENDER_ENUM.NUMBER, hidden: (!query.id) },
|
||||
{ name: "employees", label: "是否规模以上", required: false, render: FORM_ITEM_RENDER_ENUM.NUMBER, hidden: (!query.id) },
|
||||
{ name: "employees", label: "列表排序", render: FORM_ITEM_RENDER_ENUM.NUMBER },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default Add;
|
||||
|
|
@ -0,0 +1,200 @@
|
|||
import { Button, Form, Space } from "antd";
|
||||
import { useState } from "react";
|
||||
import MapSelector from "zy-react-library/components/Map/MapSelector";
|
||||
import Search from "zy-react-library/components/Search";
|
||||
import Table from "zy-react-library/components/Table";
|
||||
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||
import useTable from "zy-react-library/hooks/useTable";
|
||||
|
||||
const WHETHER_ENUM = [
|
||||
{ bianma: "1", name: "是" },
|
||||
{ bianma: "0", name: "否" },
|
||||
];
|
||||
function List(props) {
|
||||
const [form] = Form.useForm();
|
||||
const { tableProps, getData } = useTable(() => {}, { form });
|
||||
const [visible, setVisible] = useState(false);
|
||||
const [selectedLng, setSelectedLng] = useState("119.69457721306945");
|
||||
const [selectedLat, setSelectedLat] = useState("39.940504336846665");
|
||||
|
||||
const handleOpen = () => {
|
||||
setVisible(true);
|
||||
};
|
||||
const handleConfirm = (lng, lat) => {
|
||||
console.log("选中的坐标:", lng, lat);
|
||||
setSelectedLng(lng);
|
||||
setSelectedLat(lat);
|
||||
};
|
||||
|
||||
return (
|
||||
<div style={{ padding: 20 }}>
|
||||
<Search
|
||||
labelCol={{ span: 12 }}
|
||||
options={[
|
||||
{ name: "name", label: "分公司名称", placeholder: "请输入分公司名称,支持模糊搜索" },
|
||||
{ name: "name", label: "隶属关系", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
{ name: "name", label: "企业状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
{ label: "基本信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||
{ name: "name", label: "企业名称", required: false },
|
||||
{ name: "name", label: "登录账号", required: false },
|
||||
{ name: "name", label: "属地", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ name: "name", label: "注册地址", required: false },
|
||||
{ name: "name", label: "企业办公地址", required: false },
|
||||
{ name: "name", label: "社会统一信用代码", required: false },
|
||||
{ name: "name", label: "企业状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ name: "name", label: "经济状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ name: "name", label: "成立时间", render: FORM_ITEM_RENDER_ENUM.DATE },
|
||||
{ name: "name", label: "注册资金", required: false },
|
||||
{ name: "name", label: "固定资产", required: false },
|
||||
{ name: "name", label: "隶属关系", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ name: "name", label: "年产值(万元)", required: false },
|
||||
{ name: "name", label: "年利润(万元)", required: false },
|
||||
{ name: "name", label: "企业类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ name: "name", label: "企业规模", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ label: "法定代表人信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||
{ name: "name", label: "法人姓名", required: false },
|
||||
{ name: "name", label: "手机号", required: false },
|
||||
{ label: "主要负责人信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||
{ name: "name", label: "主要负责人姓名", required: false },
|
||||
{ name: "name", label: "手机号", required: false },
|
||||
{ label: "企业相关属性", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||
{
|
||||
label: "有无职业卫生信息",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "有无重大危险源",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否有稀缺大型应急物资和设备",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "有无涉及危化品",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "有无特种设备",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "有无特种工作人员",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "有无特种工作人员",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否涉及煤气",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否属于消费重点单位",
|
||||
name: "name",
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否在有限空间作业",
|
||||
name: "name",
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否涉及涉尘涉爆作业",
|
||||
name: "name",
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否涉及防雷防静电",
|
||||
name: "name",
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否持有放射源",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否涉及液氮制冷",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否涉及危险品管道",
|
||||
name: "name",
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
]}
|
||||
form={form}
|
||||
onFinish={getData}
|
||||
/>
|
||||
<Table
|
||||
// toolBarRender={() => (
|
||||
// <Button type="primary" onClick={() => props.history.push("./Search")} icon={<AddIcon />}>高级搜索</Button>
|
||||
// )}
|
||||
columns={[
|
||||
{ title: "分公司名称", dataIndex: "name" },
|
||||
{ title: "注册地址", dataIndex: "name" },
|
||||
{ title: "所属行业", dataIndex: "name" },
|
||||
{ title: "主要负责人", dataIndex: "name" },
|
||||
{ title: "联系方式", dataIndex: "name" },
|
||||
{ title: "公司状态", dataIndex: "name" },
|
||||
{ title: "开户人", dataIndex: "name" },
|
||||
{ title: "状态", dataIndex: "name" },
|
||||
{ title: "定位状态", dataIndex: "name" },
|
||||
{ title: "操作", width: 200, render: (_, record) => (
|
||||
<Space>
|
||||
<Button type="link" onClick={() => props.history.push(`./Add?id=${record.id}`)}>查看</Button>
|
||||
<Button type="link" onClick={() => handleOpen(record)}>定位</Button>
|
||||
|
||||
</Space>
|
||||
) },
|
||||
]}
|
||||
{...tableProps}
|
||||
/>
|
||||
<MapSelector
|
||||
visible={visible}
|
||||
onClose={() => setVisible(false)}
|
||||
longitude={selectedLng}
|
||||
latitude={selectedLat}
|
||||
onConfirm={handleConfirm}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default List;
|
||||
|
|
@ -0,0 +1,164 @@
|
|||
import { Form } from "antd";
|
||||
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||
import Search from "zy-react-library/components/Search";
|
||||
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||
|
||||
const WHETHER_ENUM = [
|
||||
{ bianma: "1", name: "是" },
|
||||
{ bianma: "0", name: "否" },
|
||||
];
|
||||
function View() {
|
||||
const [form] = Form.useForm();
|
||||
const onSearch = (value) => {
|
||||
console.log(value);
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
<HeaderBack title="查看" />
|
||||
<div style={{ padding: 20 }}>
|
||||
|
||||
<Search
|
||||
labelCol={{ span: 7 }}
|
||||
options={[
|
||||
{ label: "基本信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||
{ name: "name", label: "企业名称", required: false },
|
||||
{ name: "name", label: "登录账号", required: false },
|
||||
{ name: "name", label: "属地", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ name: "name", label: "注册地址", required: false },
|
||||
{ name: "name", label: "企业办公地址", required: false },
|
||||
{ name: "name", label: "社会统一信用代码", required: false },
|
||||
{ name: "name", label: "企业状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ name: "name", label: "经济状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ name: "name", label: "成立时间", render: FORM_ITEM_RENDER_ENUM.DATE },
|
||||
{ name: "name", label: "注册资金", required: false },
|
||||
{ name: "name", label: "固定资产", required: false },
|
||||
{ name: "name", label: "隶属关系", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ name: "name", label: "年产值(万元)", required: false },
|
||||
{ name: "name", label: "年利润(万元)", required: false },
|
||||
{ name: "name", label: "企业类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ name: "name", label: "企业规模", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }], required: false },
|
||||
{ label: "法定代表人信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||
{ name: "name", label: "法人姓名", required: false },
|
||||
{ name: "name", label: "手机号", required: false },
|
||||
{ label: "主要负责人信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||
{ name: "name", label: "主要负责人姓名", required: false },
|
||||
{ name: "name", label: "手机号", required: false },
|
||||
{ label: "企业相关属性", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||
{
|
||||
label: "有无职业卫生信息",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "有无重大危险源",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否有稀缺大型应急物资和设备",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "有无涉及危化品",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "有无特种设备",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "有无特种工作人员",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "有无特种工作人员",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否涉及煤气",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否属于消费重点单位",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否在有限空间作业",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否涉及涉尘涉爆作业",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否涉及防雷防静电",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否持有放射源",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否涉及液氮制冷",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
{
|
||||
label: "是否涉及危险品管道",
|
||||
name: "name",
|
||||
|
||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||
items: WHETHER_ENUM,
|
||||
},
|
||||
]}
|
||||
form={form}
|
||||
onFinish={onSearch}
|
||||
/>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default View;
|
||||
|
|
@ -0,0 +1,160 @@
|
|||
import { Descriptions, Divider, Tabs } from "antd";
|
||||
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||
import Table from "zy-react-library/components/Table";
|
||||
import TooltipPreviewImg from "zy-react-library/components/TooltipPreviewImg";
|
||||
|
||||
const info = {
|
||||
special: [],
|
||||
};
|
||||
function View() {
|
||||
const items = [
|
||||
{
|
||||
key: "1",
|
||||
label: "基础信息",
|
||||
children: (
|
||||
<div>
|
||||
{" "}
|
||||
<Divider orientation="left">基本信息</Divider>
|
||||
<Descriptions
|
||||
labelStyle={{ width: 200 }}
|
||||
column={2}
|
||||
bordered
|
||||
items={[
|
||||
{ label: "企业名称", children: "Zhou" },
|
||||
{ label: "登录账号", children: "Zhou" },
|
||||
{ label: "统一社会信用代码", children: "Zhou" },
|
||||
{ label: "所属区域", children: "Zhou" },
|
||||
{ label: "规模", children: "Zhou" },
|
||||
{ label: "成立时间", children: "Zhou" },
|
||||
{ label: "经度/维度", children: "Zhou" },
|
||||
{ label: "职工人数", children: "Zhou" },
|
||||
{ label: "占地面积(m2)", children: "Zhou" },
|
||||
{ label: "注册资金(万元)", children: "Zhou" },
|
||||
{ label: "资产总额(万元)", children: "Zhou" },
|
||||
{ label: "经济类型", children: "Zhou" },
|
||||
{ label: "所属行业", children: "Zhou" },
|
||||
{ label: "是否规模以上", children: "Zhou" },
|
||||
{ label: "企事业单位经营地址", children: "Zhou" },
|
||||
{ label: "营业执照", children: "Zhou" },
|
||||
{ label: "营业执照有效期", children: "Zhou" },
|
||||
|
||||
]}
|
||||
/>
|
||||
<Divider orientation="left">公司法定代表人信息</Divider>
|
||||
<Descriptions
|
||||
labelStyle={{ width: 200 }}
|
||||
column={2}
|
||||
bordered
|
||||
items={[
|
||||
|
||||
{ label: "姓名", children: "Zhou" },
|
||||
{ label: "手机号码", children: "Zhou" },
|
||||
|
||||
]}
|
||||
/>
|
||||
<Divider orientation="left">主要负责人信息</Divider>
|
||||
<Descriptions
|
||||
labelStyle={{ width: 200 }}
|
||||
column={2}
|
||||
bordered
|
||||
items={[
|
||||
|
||||
{ label: "姓名", children: "Zhou" },
|
||||
{ label: "手机号码", children: "Zhou" },
|
||||
|
||||
]}
|
||||
/>
|
||||
<Divider orientation="left">安全负责人信息</Divider>
|
||||
<Descriptions
|
||||
labelStyle={{ width: 200 }}
|
||||
column={2}
|
||||
bordered
|
||||
items={[
|
||||
|
||||
{ label: "姓名", children: "Zhou" },
|
||||
{ label: "手机号码", children: "Zhou" },
|
||||
|
||||
]}
|
||||
/>
|
||||
|
||||
<Descriptions
|
||||
labelStyle={{ width: 200 }}
|
||||
column={2}
|
||||
bordered
|
||||
items={[
|
||||
|
||||
{ label: "有无职业卫生信息", children: "Zhou" },
|
||||
{ label: "有无重大危险源", children: "Zhou" },
|
||||
{ label: "是否有稀缺大型应急物资和设备", children: "Zhou" },
|
||||
{ label: "有无涉及危化品", children: "Zhou" },
|
||||
{ label: "有无特种设备", children: "Zhou" },
|
||||
{ label: "有无特种工作人员", children: "Zhou" },
|
||||
{ label: "是否涉及煤气", children: "Zhou" },
|
||||
{ label: "是否属于消费重点单位", children: "Zhou" },
|
||||
{ label: "是否在有限空间作业", children: "Zhou" },
|
||||
{ label: "是否涉及涉尘涉爆作业", children: "Zhou" },
|
||||
{ label: "是否涉及防雷防静电", children: "Zhou" },
|
||||
{ label: "是否持有放射源", children: "Zhou" },
|
||||
{ label: "是否涉及液氮制冷", children: "Zhou" },
|
||||
{ label: "是否涉及危险品管道", children: "Zhou" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
{
|
||||
key: "2",
|
||||
label: "资质证照管理",
|
||||
children: (
|
||||
<Table
|
||||
columns={[
|
||||
{ title: "证件名称", dataIndex: "specialTypeName" },
|
||||
{ title: "证书有效期", dataIndex: "operationTypeName" },
|
||||
{ title: "证书编号", dataIndex: "certificate" },
|
||||
{ title: "照片", dataIndex: "filepath", render: (_, record) => (<TooltipPreviewImg files={[]} />) },
|
||||
|
||||
]}
|
||||
pagination={false}
|
||||
dataSource={info.special}
|
||||
disabledResizer={true}
|
||||
/>
|
||||
),
|
||||
},
|
||||
{
|
||||
key: "3",
|
||||
label: "入职从业人员登记",
|
||||
children: "Content of Tab Pane 3",
|
||||
},
|
||||
{
|
||||
key: "4",
|
||||
label: "人员证照管理",
|
||||
children: (
|
||||
<Table
|
||||
columns={[
|
||||
{ title: "姓名", dataIndex: "specialTypeName" },
|
||||
{ title: "性别", dataIndex: "operationTypeName" },
|
||||
{ title: "证照名称", dataIndex: "certificate" },
|
||||
{ title: "职务", dataIndex: "certificate" },
|
||||
{ title: "有效期", dataIndex: "certificate" },
|
||||
{ title: "照片", dataIndex: "filepath", render: (_, record) => (<TooltipPreviewImg files={[]} />) },
|
||||
|
||||
]}
|
||||
pagination={false}
|
||||
dataSource={info.special}
|
||||
disabledResizer={true}
|
||||
/>
|
||||
),
|
||||
},
|
||||
];
|
||||
return (
|
||||
<div>
|
||||
<HeaderBack title="查看" />
|
||||
<div style={{ padding: 20 }}>
|
||||
<Tabs defaultActiveKey="1" items={items} />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default View;
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
function EnterpriseInfo(props) {
|
||||
return (
|
||||
<div>
|
||||
{props.children}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default EnterpriseInfo;
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
import { Button, Form, Space } from "antd";
|
||||
import Search from "zy-react-library/components/Search";
|
||||
import Table from "zy-react-library/components/Table";
|
||||
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||
import useTable from "zy-react-library/hooks/useTable";
|
||||
|
||||
function List(props) {
|
||||
const [form] = Form.useForm();
|
||||
const { tableProps, getData } = useTable(() => {}, { form });
|
||||
const BRANCH_CONPANY_STATUS = [
|
||||
{ id: 1, name: "在产" },
|
||||
{ id: 0, name: "在建" },
|
||||
];
|
||||
const STATUS = [
|
||||
{ id: 1, name: "启用" },
|
||||
{ id: 0, name: "停用" },
|
||||
];
|
||||
return (
|
||||
<div style={{ padding: 20 }}>
|
||||
<div style={{ display: "flex", gap: 20 }}>
|
||||
|
||||
<div style={{ flex: 1 }}>
|
||||
<Search
|
||||
options={[
|
||||
{ name: "name", label: "分公司名称" },
|
||||
{
|
||||
name: "name",
|
||||
label: "分公司状态",
|
||||
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||
items: BRANCH_CONPANY_STATUS,
|
||||
},
|
||||
{
|
||||
name: "name",
|
||||
label: "启用状态",
|
||||
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||
items: STATUS,
|
||||
},
|
||||
]}
|
||||
form={form}
|
||||
onFinish={getData}
|
||||
/>
|
||||
<Table
|
||||
|
||||
columns={[
|
||||
{ title: "分公司名称", dataIndex: "name" },
|
||||
{ title: "属地", dataIndex: "name" },
|
||||
{ title: "所属行业", dataIndex: "name" },
|
||||
{ title: "人数", dataIndex: "name" },
|
||||
{ title: "分公司状态", dataIndex: "name" },
|
||||
{
|
||||
title: "操作",
|
||||
width: 200,
|
||||
render: (_, record) => (
|
||||
<Space>
|
||||
|
||||
<Button type="link" danger onClick={() => props.history.push(`./UserList?id=${record.id}`)}>查看</Button>
|
||||
</Space>
|
||||
),
|
||||
},
|
||||
]}
|
||||
{...tableProps}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default List;
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
import { Button, Form, Space } from "antd";
|
||||
import LeftTree from "zy-react-library/components/LeftTree/Department/Gwj/index";
|
||||
|
||||
import Table from "zy-react-library/components/Table";
|
||||
import useTable from "zy-react-library/hooks/useTable";
|
||||
|
||||
function UserList(props) {
|
||||
const [form] = Form.useForm();
|
||||
const { tableProps, getData } = useTable(() => {}, { form });
|
||||
|
||||
return (
|
||||
<div style={{ padding: 20 }}>
|
||||
<div style={{ display: "flex", gap: 20 }}>
|
||||
<LeftTree />
|
||||
<div style={{ flex: 1 }}>
|
||||
|
||||
<Table
|
||||
columns={[
|
||||
{ title: "用户名", dataIndex: "name" },
|
||||
{ title: "姓名", dataIndex: "name" },
|
||||
{ title: "部门", dataIndex: "name" },
|
||||
{
|
||||
title: "操作",
|
||||
width: 200,
|
||||
render: (_, record) => (
|
||||
<Space>
|
||||
<Button
|
||||
type="link"
|
||||
onClick={() => props.history.push(`./View?id=${record.id}`)}
|
||||
>
|
||||
查看
|
||||
</Button>
|
||||
</Space>
|
||||
),
|
||||
},
|
||||
]}
|
||||
{...tableProps}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
export default UserList;
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
import { Descriptions, Divider } from "antd";
|
||||
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||
|
||||
function View() {
|
||||
return (
|
||||
<div>
|
||||
<HeaderBack title="查看" />
|
||||
<div style={{ padding: 20 }}>
|
||||
<Divider orientation="left">查看用户</Divider>
|
||||
<Descriptions
|
||||
labelStyle={{ width: 200 }}
|
||||
column={1}
|
||||
bordered
|
||||
items={[
|
||||
{ label: "用户角色", children: "Zhou" },
|
||||
{ label: "所属部门", children: "Zhou" },
|
||||
{ label: "所属岗位", children: "Zhou" },
|
||||
{ label: "用户名", children: "Zhou" },
|
||||
{ label: "姓名", children: "Zhou" },
|
||||
{ label: "身份证号", children: "Zhou" },
|
||||
{ label: "民族", children: "Zhou" },
|
||||
{ label: "性别", children: "Zhou" },
|
||||
{ label: "人脸照片", children: "Zhou" },
|
||||
{ label: "部门排序", children: "Zhou" },
|
||||
{ label: "邮箱", children: "Zhou" },
|
||||
{ label: "备注", children: "Zhou" },
|
||||
{ label: "是否为部门负责人", children: "Zhou" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default View;
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
function SubsidiaryUser(props) {
|
||||
return (
|
||||
<div>
|
||||
{props.children}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default SubsidiaryUser;
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
function Supervision(props) {
|
||||
function BranchCompany(props) {
|
||||
return (
|
||||
<div>
|
||||
{props.children}
|
||||
|
|
@ -6,4 +6,4 @@ function Supervision(props) {
|
|||
);
|
||||
}
|
||||
|
||||
export default Supervision;
|
||||
export default BranchCompany;
|
||||
|
|
|
|||
|
|
@ -41,6 +41,7 @@ function List(props) {
|
|||
{ name: "name", label: "主管部门(级联)", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
]}
|
||||
form={form}
|
||||
onFinish={getData}
|
||||
/>
|
||||
<Table
|
||||
toolBarRender={() => (
|
||||
|
|
|
|||
|
|
@ -1,39 +1,43 @@
|
|||
import { Descriptions, Divider } from "antd";
|
||||
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||
|
||||
function Info() {
|
||||
function View() {
|
||||
return (
|
||||
<div style={{ padding: 20 }}>
|
||||
<Divider orientation="left">基本信息</Divider>
|
||||
<Descriptions
|
||||
labelStyle={{ width: 200 }}
|
||||
column={1}
|
||||
bordered
|
||||
items={[
|
||||
{ label: "企业名称", children: "Zhou" },
|
||||
{ label: "企业状态", children: "Zhou" },
|
||||
{ label: "开户人", children: "Zhou" },
|
||||
{ label: "统一社会信用代码", children: "Zhou" },
|
||||
{ label: "属地", children: "Zhou" },
|
||||
{ label: "所属行业", children: "Zhou" },
|
||||
{ label: "经济类型", children: "Zhou" },
|
||||
{ label: "经度", children: "Zhou" },
|
||||
{ label: "纬度", children: "Zhou" },
|
||||
{ label: "单位经营地址", children: "Zhou" },
|
||||
{ label: "企业规模", children: "Zhou" },
|
||||
{ label: "法定代表人", children: "Zhou" },
|
||||
{ label: "法人手机号", children: "Zhou" },
|
||||
{ label: "主要负责人", children: "Zhou" },
|
||||
{ label: "主要负责人手机号", children: "Zhou" },
|
||||
{ label: "成立日期", children: "Zhou" },
|
||||
{ label: "职工人数", children: "Zhou" },
|
||||
{ label: "资产总额(万元)", children: "Zhou" },
|
||||
{ label: "注册资金(万元)", children: "Zhou" },
|
||||
{ label: "营业执照", children: "Zhou" },
|
||||
{ label: "企业二维码", children: "Zhou" },
|
||||
]}
|
||||
/>
|
||||
<div>
|
||||
<HeaderBack title="查看" />
|
||||
<div style={{ padding: 20 }}>
|
||||
<Divider orientation="left">基本信息</Divider>
|
||||
<Descriptions
|
||||
labelStyle={{ width: 200 }}
|
||||
column={1}
|
||||
bordered
|
||||
items={[
|
||||
{ label: "企业名称", children: "Zhou" },
|
||||
{ label: "企业状态", children: "Zhou" },
|
||||
{ label: "开户人", children: "Zhou" },
|
||||
{ label: "统一社会信用代码", children: "Zhou" },
|
||||
{ label: "属地", children: "Zhou" },
|
||||
{ label: "所属行业", children: "Zhou" },
|
||||
{ label: "经济类型", children: "Zhou" },
|
||||
{ label: "经度", children: "Zhou" },
|
||||
{ label: "纬度", children: "Zhou" },
|
||||
{ label: "单位经营地址", children: "Zhou" },
|
||||
{ label: "企业规模", children: "Zhou" },
|
||||
{ label: "法定代表人", children: "Zhou" },
|
||||
{ label: "法人手机号", children: "Zhou" },
|
||||
{ label: "主要负责人", children: "Zhou" },
|
||||
{ label: "主要负责人手机号", children: "Zhou" },
|
||||
{ label: "成立日期", children: "Zhou" },
|
||||
{ label: "职工人数", children: "Zhou" },
|
||||
{ label: "资产总额(万元)", children: "Zhou" },
|
||||
{ label: "注册资金(万元)", children: "Zhou" },
|
||||
{ label: "营业执照", children: "Zhou" },
|
||||
{ label: "企业二维码", children: "Zhou" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Info;
|
||||
export default View;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
function Supervision(props) {
|
||||
function AccountManage(props) {
|
||||
return (
|
||||
<div>
|
||||
{props.children}
|
||||
|
|
@ -6,4 +6,4 @@ function Supervision(props) {
|
|||
);
|
||||
}
|
||||
|
||||
export default Supervision;
|
||||
export default AccountManage;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import Table from "zy-react-library/components/Table";
|
|||
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||
import useTable from "zy-react-library/hooks/useTable";
|
||||
|
||||
function List() {
|
||||
function CertifiedUser() {
|
||||
const [form] = Form.useForm();
|
||||
const { tableProps, getData } = useTable(() => {}, { form });
|
||||
const fnSearch = (values) => {
|
||||
|
|
@ -52,4 +52,4 @@ function List() {
|
|||
);
|
||||
}
|
||||
|
||||
export default List;
|
||||
export default CertifiedUser;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import { Button, Form, message, Modal, Space } from "antd";
|
||||
import { Button, Form, Space } from "antd";
|
||||
import AddIcon from "zy-react-library/components/Icon/AddIcon";
|
||||
import Search from "zy-react-library/components/Search";
|
||||
import Table from "zy-react-library/components/Table";
|
||||
|
|
@ -14,7 +14,7 @@ function List(props) {
|
|||
<Search
|
||||
options={[
|
||||
// { name: "name", label: "关键字", tip: "证书名称/证书编号" },
|
||||
{ name: "name", label: "相关单位名称", placeholder: "请输入分公司名称,支持模糊搜索" },
|
||||
{ name: "name", label: "相关单位名称" },
|
||||
{ name: "name", label: "属地", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
{ name: "name", label: "审核状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
{ name: "name", label: "用工形式", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "111", id: "1" }] },
|
||||
|
|
@ -24,6 +24,7 @@ function List(props) {
|
|||
{ name: "name", label: "人员姓名" },
|
||||
]}
|
||||
form={form}
|
||||
onFinish={getData}
|
||||
/>
|
||||
<Table
|
||||
toolBarRender={() => (
|
||||
|
|
@ -41,8 +42,8 @@ function List(props) {
|
|||
{ title: "状态", dataIndex: "name" },
|
||||
{ title: "操作", width: 200, render: (_, record) => (
|
||||
<Space>
|
||||
{/*<Button type="link" onClick={() => props.history.push(`./add?id=${record.id}`)}>查看</Button>*/}
|
||||
{/*<Button type="link" onClick={() => props.history.push(`./add?id=${record.id}`)}>编辑</Button>*/}
|
||||
{/* <Button type="link" onClick={() => props.history.push(`./add?id=${record.id}`)}>查看</Button> */}
|
||||
{/* <Button type="link" onClick={() => props.history.push(`./add?id=${record.id}`)}>编辑</Button> */}
|
||||
|
||||
</Space>
|
||||
) },
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ export const PERSONNEL_TYPE_ENUM = [
|
|||
{ id: "0", name: "非流动人员" },
|
||||
{ id: "1", name: "流动人员" },
|
||||
];
|
||||
function List(props) {
|
||||
function UserList(props) {
|
||||
const [form] = Form.useForm();
|
||||
const { tableProps, getData } = useTable(() => {}, { form });
|
||||
|
||||
|
|
@ -48,6 +48,7 @@ function List(props) {
|
|||
},
|
||||
]}
|
||||
form={form}
|
||||
onFinish={getData}
|
||||
/>
|
||||
<Table
|
||||
|
||||
|
|
@ -78,4 +79,4 @@ function List(props) {
|
|||
</div>
|
||||
);
|
||||
}
|
||||
export default List;
|
||||
export default UserList;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
function Supervision(props) {
|
||||
function User(props) {
|
||||
return (
|
||||
<div>
|
||||
{props.children}
|
||||
|
|
@ -6,4 +6,4 @@ function Supervision(props) {
|
|||
);
|
||||
}
|
||||
|
||||
export default Supervision;
|
||||
export default User;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
function Supervision(props) {
|
||||
function StakeholderUnit(props) {
|
||||
return (
|
||||
<div>
|
||||
{props.children}
|
||||
|
|
@ -6,4 +6,4 @@ function Supervision(props) {
|
|||
);
|
||||
}
|
||||
|
||||
export default Supervision;
|
||||
export default StakeholderUnit;
|
||||
|
|
|
|||
Loading…
Reference in New Issue