修改监管端 子公司管理字段

master
853931625@qq.com 2025-11-05 08:35:58 +08:00
parent ec3c5bc3ad
commit 64ba09623d
25 changed files with 1149 additions and 193 deletions

View File

@ -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;

View File

@ -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;

View File

@ -1,39 +1,46 @@
import { Descriptions, Divider } from "antd";
import HeaderBack from "zy-react-library/components/HeaderBack";
function Info() {
function View() {
return (
<div>
<HeaderBack title="查看" />
<div style={{ padding: 20 }}>
<Divider orientation="left">基本信息</Divider>
<Divider orientation="left">企业信息</Divider>
<Descriptions
labelStyle={{ width: 200 }}
column={1}
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: "法人手机号", 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" },
{ label: "是否规模以上", children: "Zhou" },
{ label: "列表排序", children: "Zhou" },
]}
/>
</div>
</div>
);
}
export default Info;
export default View;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -0,0 +1,9 @@
function DepartmentManage(props) {
return (
<div>
{props.children}
</div>
);
}
export default DepartmentManage;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -0,0 +1,9 @@
function EnterpriseInfo(props) {
return (
<div>
{props.children}
</div>
);
}
export default EnterpriseInfo;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -0,0 +1,9 @@
function SubsidiaryUser(props) {
return (
<div>
{props.children}
</div>
);
}
export default SubsidiaryUser;

View File

@ -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;

View File

@ -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={() => (

View File

@ -1,7 +1,10 @@
import { Descriptions, Divider } from "antd";
import HeaderBack from "zy-react-library/components/HeaderBack";
function Info() {
function View() {
return (
<div>
<HeaderBack title="查看" />
<div style={{ padding: 20 }}>
<Divider orientation="left">基本信息</Divider>
<Descriptions
@ -33,7 +36,8 @@ function Info() {
]}
/>
</div>
</div>
);
}
export default Info;
export default View;

View File

@ -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;

View File

@ -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;

View File

@ -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>
) },

View File

@ -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;

View File

@ -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;

View File

@ -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;