feat
parent
995843f342
commit
a495d366f2
|
|
@ -10,7 +10,7 @@ module.exports = {
|
||||||
javaGitBranch: "<branch-name>",
|
javaGitBranch: "<branch-name>",
|
||||||
// 本地联调 safetyEval-service（context-path: /safetyEval，默认端口 8095）
|
// 本地联调 safetyEval-service（context-path: /safetyEval，默认端口 8095）
|
||||||
// 可通过环境变量覆盖: SAFETY_EVAL_API_HOST=http://192.168.x.x:8095
|
// 可通过环境变量覆盖: SAFETY_EVAL_API_HOST=http://192.168.x.x:8095
|
||||||
API_HOST: "http://192.168.0.149",
|
API_HOST: "http://192.168.0.152",
|
||||||
},
|
},
|
||||||
production: {
|
production: {
|
||||||
// 应用后端分支名称，部署上线需要
|
// 应用后端分支名称，部署上线需要
|
||||||
|
|
|
||||||
|
|
@ -11,3 +11,15 @@ export const registerAction = declareRequest(
|
||||||
"registerLoading",
|
"registerLoading",
|
||||||
"Post > @/account/save"
|
"Post > @/account/save"
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
||||||
|
export const orgInfoSave = declareRequest(
|
||||||
|
"registerLoading",
|
||||||
|
"Post > @/safetyEval/org-info/save"
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
export const syncUserToGBS = declareRequest(
|
||||||
|
"syncUserToGBSLoading",
|
||||||
|
"Post > @/safetyEval/account/syncUserToGBS"
|
||||||
|
);
|
||||||
|
|
@ -0,0 +1,77 @@
|
||||||
|
import { Form, Image, Upload } from "antd";
|
||||||
|
import { useState } from "react";
|
||||||
|
import { PlusOutlined } from "@ant-design/icons";
|
||||||
|
const isImage = (url) =>
|
||||||
|
/\.(png|jpe?g|gif|bmp|webp|svg)(\?.*)?$/i.test(url || "");
|
||||||
|
|
||||||
|
export default function AttachmentUpload({ name, label, disabled = false, maxCount, accept }) {
|
||||||
|
const [previewImage, setPreviewImage] = useState("");
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Form.Item
|
||||||
|
name={name}
|
||||||
|
label={label}
|
||||||
|
valuePropName="fileList"
|
||||||
|
getValueProps={(value) => {
|
||||||
|
|
||||||
|
if (Array.isArray(value)) {
|
||||||
|
return { fileList: value };
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
fileList: value
|
||||||
|
? value.split(",").map((item) => ({
|
||||||
|
url: item,
|
||||||
|
uid: item,
|
||||||
|
status: "done",
|
||||||
|
name: "附件",
|
||||||
|
}))
|
||||||
|
: [],
|
||||||
|
};
|
||||||
|
}}
|
||||||
|
getValueFromEvent={({ fileList }) => {
|
||||||
|
|
||||||
|
return (
|
||||||
|
fileList?.map((file) => ({
|
||||||
|
url: file.response?.data?.url || file.url,
|
||||||
|
uid: file.uid,
|
||||||
|
status: file.status,
|
||||||
|
name: file.name,
|
||||||
|
percent: file.percent,
|
||||||
|
})) || []
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Upload
|
||||||
|
disabled={disabled}
|
||||||
|
listType="picture-card"
|
||||||
|
maxCount={maxCount}
|
||||||
|
accept={accept}
|
||||||
|
action={`${window.process.env.app.API_HOST}/safetyEval/file/upload`}
|
||||||
|
onPreview={(file) => {
|
||||||
|
if (isImage(file.url || file.thumbUrl)) {
|
||||||
|
setPreviewImage(file.url || file.thumbUrl);
|
||||||
|
} else {
|
||||||
|
window.open(file.url || file.thumbUrl);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<button style={{ border: 0, background: "none" }} type="button">
|
||||||
|
<PlusOutlined />
|
||||||
|
<div style={{ marginTop: 8 }}>上传附件</div>
|
||||||
|
</button>
|
||||||
|
</Upload>
|
||||||
|
</Form.Item>
|
||||||
|
<Image
|
||||||
|
style={{ display: "none" }}
|
||||||
|
preview={{
|
||||||
|
visible: !!previewImage,
|
||||||
|
src: previewImage,
|
||||||
|
onVisibleChange: (visible) => {
|
||||||
|
if (!visible) setPreviewImage("");
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,112 @@
|
||||||
|
/** 企业信息管理模块下拉选项 */
|
||||||
|
|
||||||
|
/** 重庆市辖区（区/县） */
|
||||||
|
export const CHONGQING_DISTRICTS = [
|
||||||
|
"万州区", "涪陵区", "渝中区", "大渡口区", "江北区", "沙坪坝区", "九龙坡区", "南岸区",
|
||||||
|
"北碚区", "綦江区", "大足区", "渝北区", "巴南区", "黔江区", "长寿区", "江津区",
|
||||||
|
"合川区", "永川区", "南川区", "璧山区", "铜梁区", "潼南区", "荣昌区", "开州区",
|
||||||
|
"梁平区", "武隆区", "城口县", "丰都县", "垫江县", "忠县", "云阳县", "奉节县",
|
||||||
|
"巫山县", "巫溪县", "石柱土家族自治县", "秀山土家族苗族自治县", "酉阳土家族苗族自治县",
|
||||||
|
"彭水苗族土家族自治县",
|
||||||
|
].map((label) => ({ label, value: label }));
|
||||||
|
|
||||||
|
/** 企业状态 */
|
||||||
|
export const ENTERPRISE_STATUS_OPTIONS = [
|
||||||
|
{ label: "正常", value: "正常" },
|
||||||
|
{ label: "停业", value: "停业" },
|
||||||
|
{ label: "注销", value: "注销" },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 企业规模 */
|
||||||
|
export const ENTERPRISE_SCALE_OPTIONS = [
|
||||||
|
{ label: "大", value: "大" },
|
||||||
|
{ label: "中", value: "中" },
|
||||||
|
{ label: "小", value: "小" },
|
||||||
|
{ label: "微型", value: "微型" },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 备案类型 */
|
||||||
|
export const FILING_TYPE_OPTIONS = [
|
||||||
|
{ label: "审核备案", value: "审核备案" },
|
||||||
|
{ label: "确认备案", value: "确认备案" },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 监管端已备案机构 - 备案类型搜索 */
|
||||||
|
export const REGISTERED_ORG_FILING_TYPE_SEARCH_OPTIONS = [
|
||||||
|
{ label: "全部", value: "" },
|
||||||
|
{ label: "审核备案", value: "1" },
|
||||||
|
{ label: "确认备案", value: "2" },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 监管端已备案机构 - 备案状态搜索（1=已备案，2=未备案） */
|
||||||
|
export const REGISTERED_ORG_FILING_RECORD_STATUS_OPTIONS = [
|
||||||
|
{ label: "全部", value: "" },
|
||||||
|
{ label: "已备案", value: "1" },
|
||||||
|
{ label: "未备案", value: "2" },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 备案状态（机构信息） */
|
||||||
|
export const FILING_RECORD_STATUS_OPTIONS = [
|
||||||
|
{ label: "已备案", value: "已备案" },
|
||||||
|
{ label: "未备案", value: "未备案" },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 监管端机构账号状态（后端 state：0=启用，1=禁用） */
|
||||||
|
export const ORG_ACCOUNT_STATE_OPTIONS = [
|
||||||
|
{ label: "全部", value: "" },
|
||||||
|
{ label: "启用", value: "0" },
|
||||||
|
{ label: "禁用", value: "1" },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 资质范围 / 证照类型（行业） */
|
||||||
|
export const QUALIFICATION_INDUSTRY_OPTIONS = [
|
||||||
|
{ label: "煤炭开采业", value: "煤炭开采业" },
|
||||||
|
{ label: "金属、非金属矿及其他矿采选业", value: "金属、非金属矿及其他矿采选业" },
|
||||||
|
{ label: "陆地石油和天然气开采业", value: "陆地石油和天然气开采业" },
|
||||||
|
{ label: "陆上油气管道运输业", value: "陆上油气管道运输业" },
|
||||||
|
{ label: "石油加工业，化学原料、化学品及医药制造业", value: "石油加工业，化学原料、化学品及医药制造业" },
|
||||||
|
{ label: "烟花爆竹制造业", value: "烟花爆竹制造业" },
|
||||||
|
{ label: "金属冶炼", value: "金属冶炼" },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 人员类型 */
|
||||||
|
export const PERSON_TYPE_OPTIONS = [
|
||||||
|
{ label: "基础人员", value: "基础人员" },
|
||||||
|
{ label: "专职评价师", value: "专职评价师" },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 职业等级 */
|
||||||
|
export const PROFESSIONAL_LEVEL_OPTIONS = [
|
||||||
|
{
|
||||||
|
label: "三级安全评价师（对应职业技能等级三级 / 高级工，入门级）",
|
||||||
|
value: "三级安全评价师（对应职业技能等级三级 / 高级工，入门级）",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "二级安全评价师（对应职业技能等级二级 / 技师，中级）",
|
||||||
|
value: "二级安全评价师（对应职业技能等级二级 / 技师，中级）",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "一级安全评价师（对应职业技能等级一级 / 高级技师，最高级）",
|
||||||
|
value: "一级安全评价师（对应职业技能等级一级 / 高级技师，最高级）",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 学历类型 */
|
||||||
|
export const EDUCATION_TYPE_OPTIONS = [
|
||||||
|
{ label: "全日制", value: "全日制" },
|
||||||
|
{ label: "在职教育", value: "在职教育" },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 学历层次 */
|
||||||
|
export const EDUCATION_LEVEL_OPTIONS = [
|
||||||
|
{ label: "专科", value: "专科" },
|
||||||
|
{ label: "本科", value: "本科" },
|
||||||
|
{ label: "硕士", value: "硕士" },
|
||||||
|
{ label: "博士", value: "博士" },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 是否注册安全工程师 */
|
||||||
|
export const REGISTER_ENGINEER_OPTIONS = [
|
||||||
|
{ label: "是", value: 1 },
|
||||||
|
{ label: "否", value: 2 },
|
||||||
|
];
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 254 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 849 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
|
|
@ -8,6 +8,10 @@ import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
import { Button, Form, Input, message } from "antd";
|
import { Button, Form, Input, message } from "antd";
|
||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import { NS_REGISTER } from "~/enumerate/namespace";
|
import { NS_REGISTER } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
import loginbg from "~/enumerate/img/loginbg.jpg";
|
||||||
|
import logo from "~/enumerate/img/logo.png";
|
||||||
|
import leftIcon from "~/enumerate/img/left-img.jpg";
|
||||||
import "./index.less";
|
import "./index.less";
|
||||||
|
|
||||||
function Register({ sendMessageAction, registerAction, registerLoading }) {
|
function Register({ sendMessageAction, registerAction, registerLoading }) {
|
||||||
|
|
@ -57,172 +61,26 @@ function Register({ sendMessageAction, registerAction, registerLoading }) {
|
||||||
};
|
};
|
||||||
const res = await registerAction(payload);
|
const res = await registerAction(payload);
|
||||||
if (res.success) {
|
if (res.success) {
|
||||||
message.success("注册成功");
|
message.success("操作成功");
|
||||||
form.resetFields();
|
form.resetFields();
|
||||||
|
props.history.push(`registerMore?account=${values.account}`);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="register-page">
|
<div className="register-page" style={{ backgroundImage: `url(${loginbg})` }}>
|
||||||
<div className="register-top-bar">
|
<div className="register-top-bar">
|
||||||
<div className="register-top-logo">
|
<div className="register-top-logo">
|
||||||
<svg
|
<img src={logo} alt="logo" />
|
||||||
className="register-top-icon"
|
|
||||||
viewBox="0 0 32 32"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<rect
|
|
||||||
x="2"
|
|
||||||
y="12"
|
|
||||||
width="6"
|
|
||||||
height="18"
|
|
||||||
rx="1"
|
|
||||||
fill="#fff"
|
|
||||||
opacity="0.9"
|
|
||||||
/>
|
|
||||||
<rect
|
|
||||||
x="10"
|
|
||||||
y="6"
|
|
||||||
width="6"
|
|
||||||
height="24"
|
|
||||||
rx="1"
|
|
||||||
fill="#fff"
|
|
||||||
opacity="0.7"
|
|
||||||
/>
|
|
||||||
<rect
|
|
||||||
x="18"
|
|
||||||
y="10"
|
|
||||||
width="6"
|
|
||||||
height="20"
|
|
||||||
rx="1"
|
|
||||||
fill="#fff"
|
|
||||||
opacity="0.8"
|
|
||||||
/>
|
|
||||||
<rect
|
|
||||||
x="26"
|
|
||||||
y="4"
|
|
||||||
width="4"
|
|
||||||
height="26"
|
|
||||||
rx="1"
|
|
||||||
fill="#fff"
|
|
||||||
opacity="0.6"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M4 8 L10 2 L16 8 L22 2 L28 8"
|
|
||||||
stroke="#fff"
|
|
||||||
strokeWidth="2"
|
|
||||||
fill="none"
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
opacity="0.5"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
<span className="register-top-title">
|
<span className="register-top-title">
|
||||||
巫溪县安全评价在线监管一件事
|
重庆市安全评价在线监管一件事
|
||||||
</span>
|
</span>
|
||||||
<span className="register-top-subtitle">安全评价机构服务系统</span>
|
<span className="register-top-subtitle">安全评价机构服务系统</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="register-card">
|
<div className="register-card">
|
||||||
<div className="register-left" >
|
<div className="register-left" >
|
||||||
<svg
|
<img src={leftIcon} className="register-left-icon" />
|
||||||
className="register-logo-icon"
|
|
||||||
viewBox="0 0 200 200"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<defs>
|
|
||||||
<linearGradient
|
|
||||||
id="shieldGrad"
|
|
||||||
x1="0%"
|
|
||||||
y1="0%"
|
|
||||||
x2="100%"
|
|
||||||
y2="100%"
|
|
||||||
>
|
|
||||||
<stop offset="0%" stopColor="#4a9eff" />
|
|
||||||
<stop offset="100%" stopColor="#1677ff" />
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="ringGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
||||||
<stop offset="0%" stopColor="#a8d4ff" />
|
|
||||||
<stop offset="100%" stopColor="#4a9eff" />
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
<ellipse
|
|
||||||
cx="100"
|
|
||||||
cy="160"
|
|
||||||
rx="70"
|
|
||||||
ry="15"
|
|
||||||
fill="#e0e0e0"
|
|
||||||
opacity="0.4"
|
|
||||||
/>
|
|
||||||
<ellipse
|
|
||||||
cx="100"
|
|
||||||
cy="150"
|
|
||||||
rx="55"
|
|
||||||
ry="10"
|
|
||||||
fill="#c0d8f0"
|
|
||||||
opacity="0.5"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M100 45 L145 60 L145 110 Q145 140 100 160 Q55 140 55 110 L55 60 Z"
|
|
||||||
fill="url(#shieldGrad)"
|
|
||||||
opacity="0.15"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M100 50 L140 64 L140 108 Q140 136 100 154 Q60 136 60 108 L60 64 Z"
|
|
||||||
fill="url(#shieldGrad)"
|
|
||||||
opacity="0.25"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M100 55 L135 68 L135 106 Q135 132 100 148 Q65 132 65 106 L65 68 Z"
|
|
||||||
fill="url(#shieldGrad)"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M88 95 L96 105 L114 82"
|
|
||||||
stroke="#fff"
|
|
||||||
strokeWidth="5"
|
|
||||||
fill="none"
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
/>
|
|
||||||
<ellipse
|
|
||||||
cx="100"
|
|
||||||
cy="148"
|
|
||||||
rx="45"
|
|
||||||
ry="8"
|
|
||||||
fill="none"
|
|
||||||
stroke="url(#ringGrad)"
|
|
||||||
strokeWidth="3"
|
|
||||||
/>
|
|
||||||
<ellipse
|
|
||||||
cx="100"
|
|
||||||
cy="148"
|
|
||||||
rx="35"
|
|
||||||
ry="6"
|
|
||||||
fill="none"
|
|
||||||
stroke="#a8d4ff"
|
|
||||||
strokeWidth="2"
|
|
||||||
/>
|
|
||||||
<rect
|
|
||||||
x="85"
|
|
||||||
y="155"
|
|
||||||
width="8"
|
|
||||||
height="20"
|
|
||||||
rx="2"
|
|
||||||
fill="#4a9eff"
|
|
||||||
opacity="0.6"
|
|
||||||
/>
|
|
||||||
<rect
|
|
||||||
x="107"
|
|
||||||
y="155"
|
|
||||||
width="8"
|
|
||||||
height="20"
|
|
||||||
rx="2"
|
|
||||||
fill="#4a9eff"
|
|
||||||
opacity="0.6"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
<div className="register-left-title">安全评价机构服务系统</div>
|
|
||||||
<div className="register-left-subtitle">创造更值得信赖的世界</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="register-right">
|
<div className="register-right">
|
||||||
|
|
@ -314,7 +172,7 @@ function Register({ sendMessageAction, registerAction, registerLoading }) {
|
||||||
loading={registerLoading}
|
loading={registerLoading}
|
||||||
onClick={() => window.location.href = "https://gbs-gateway.qhdsafety.com/login/client/72cf4f659dc54dcfaeecd32eabf483b5"}
|
onClick={() => window.location.href = "https://gbs-gateway.qhdsafety.com/login/client/72cf4f659dc54dcfaeecd32eabf483b5"}
|
||||||
>
|
>
|
||||||
登录
|
去登录
|
||||||
</Button>
|
</Button>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Form>
|
</Form>
|
||||||
|
|
|
||||||
|
|
@ -50,13 +50,18 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.register-left {
|
.register-left {
|
||||||
flex: 1;
|
width: 460px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background: linear-gradient(180deg, #e8f4ff 0%, #d0e8ff 100%);
|
background: linear-gradient(180deg, #e8f4ff 0%, #d0e8ff 100%);
|
||||||
padding: 40px;
|
|
||||||
|
|
||||||
|
.register-left-icon {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.register-logo-icon {
|
.register-logo-icon {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,487 @@
|
||||||
|
import React, { useEffect, useState } from "react";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { tools } from "@cqsjjb/jjb-common-lib";
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
import {
|
||||||
|
Button,
|
||||||
|
Form,
|
||||||
|
Input,
|
||||||
|
message,
|
||||||
|
Steps,
|
||||||
|
Flex,
|
||||||
|
Row,
|
||||||
|
Col,
|
||||||
|
Select,
|
||||||
|
InputNumber,
|
||||||
|
DatePicker,
|
||||||
|
Space,
|
||||||
|
} from "antd";
|
||||||
|
import { NS_REGISTER } from "~/enumerate/namespace";
|
||||||
|
import AttachmentUpload from "~/components/AttachmentUpload";
|
||||||
|
|
||||||
|
import headerImage from "~/enumerate/img/header.png";
|
||||||
|
import auditLookImage from "~/enumerate/img/auditLook.png";
|
||||||
|
import auditBkImage from "~/enumerate/img/audit.png";
|
||||||
|
import successIcon from "~/enumerate/img/successIcon.png";
|
||||||
|
import {
|
||||||
|
creditCodeRule,
|
||||||
|
latitudeRule,
|
||||||
|
longitudeRule,
|
||||||
|
nonNegativeIntegerRule,
|
||||||
|
phoneRule,
|
||||||
|
positiveNumberRule,
|
||||||
|
urlRule,
|
||||||
|
} from "~/utils/validators";
|
||||||
|
import {
|
||||||
|
QUALIFICATION_INDUSTRY_OPTIONS,
|
||||||
|
ENTERPRISE_SCALE_OPTIONS,
|
||||||
|
ENTERPRISE_STATUS_OPTIONS,
|
||||||
|
FILING_RECORD_STATUS_OPTIONS,
|
||||||
|
FILING_TYPE_OPTIONS,
|
||||||
|
} from "~/enumerate/enterpriseOptions";
|
||||||
|
import "./index.less";
|
||||||
|
|
||||||
|
const {router} = tools;
|
||||||
|
|
||||||
|
const RegisterMore = (props) => {
|
||||||
|
const { orgInfoSave, register, syncUserToGBS } = props;
|
||||||
|
const [current, setCurrent] = useState(0);
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { registerLoading, syncUserToGBSLoading } = register;
|
||||||
|
|
||||||
|
const handleSave = async (type) => {
|
||||||
|
const formValues = await form.validateFields();
|
||||||
|
const values = {
|
||||||
|
...formValues,
|
||||||
|
productionDate: formValues.productionDate
|
||||||
|
? dayjs(formValues.productionDate).format("YYYY-MM-DD")
|
||||||
|
: undefined,
|
||||||
|
attachmentUrls: formValues.attachmentUrls
|
||||||
|
? JSON.stringify(formValues.attachmentUrls)
|
||||||
|
: null,
|
||||||
|
authStatusCode: type === "draft" ? 0 : 1,
|
||||||
|
authStatusName: type === "draft" ? "草稿" : "已提交",
|
||||||
|
};
|
||||||
|
const result = await orgInfoSave(values);
|
||||||
|
if (result.success) {
|
||||||
|
const syncResult = await syncUserToGBS({account: router.query.account});
|
||||||
|
if (syncResult.success) {
|
||||||
|
message.success("保存成功");
|
||||||
|
setCurrent(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (current === 1) {
|
||||||
|
window.setTimeout(() => {
|
||||||
|
setCurrent(2);
|
||||||
|
}, 3000);
|
||||||
|
}
|
||||||
|
}, [current]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="register-more">
|
||||||
|
<div className="register-more-header">
|
||||||
|
<img
|
||||||
|
src={headerImage}
|
||||||
|
alt=""
|
||||||
|
style={{ width: "100%", height: "100%" }}
|
||||||
|
/>
|
||||||
|
<div className="register-more-header-content">
|
||||||
|
<div className="register-more-header-title">认证信息</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="register-more-content">
|
||||||
|
<Flex justify="center">
|
||||||
|
<Steps
|
||||||
|
style={{
|
||||||
|
width: "600px",
|
||||||
|
marginBottom: "20px",
|
||||||
|
}}
|
||||||
|
current={current}
|
||||||
|
onChange={setCurrent}
|
||||||
|
items={[
|
||||||
|
{
|
||||||
|
title: "填写信息",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "认证审核中",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "认证通过",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</Flex>
|
||||||
|
{current === 0 && (
|
||||||
|
<div>
|
||||||
|
<Form form={form} labelCol={{ span: 10 }} >
|
||||||
|
<Row gutter={[16, 16]}>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="unitName"
|
||||||
|
label="生产经营单位名称"
|
||||||
|
rules={[
|
||||||
|
{ required: true, message: "请输入生产经营单位名称" },
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
<Input placeholder="请输入生产经营单位名称" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="creditCode"
|
||||||
|
label="统一社会信用代码"
|
||||||
|
rules={[creditCodeRule(true)]}
|
||||||
|
>
|
||||||
|
<Input placeholder="请输入统一社会信用代码" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="safetyIndustryCategoryName"
|
||||||
|
label="安全生产监管行业类别"
|
||||||
|
rules={[
|
||||||
|
{ required: true, message: "请输入安全生产监管行业类别" },
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
<Input
|
||||||
|
placeholder="请输入安全生产监管行业类别"
|
||||||
|
allowClear
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="districtName"
|
||||||
|
label="属地"
|
||||||
|
rules={[{ required: true, message: "请选择属地" }]}
|
||||||
|
>
|
||||||
|
<Select
|
||||||
|
options={QUALIFICATION_INDUSTRY_OPTIONS}
|
||||||
|
placeholder="请选择属地"
|
||||||
|
allowClear
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="townStreet"
|
||||||
|
label="所属镇、街道"
|
||||||
|
rules={[{ required: true, message: "请输入所属镇街道" }]}
|
||||||
|
>
|
||||||
|
<Input placeholder="请输入所属镇街道" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item name="villageCommunity" label="属村（社区）">
|
||||||
|
<Input placeholder="请输入属村（社区）" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="longitude"
|
||||||
|
label="所在地坐标经度"
|
||||||
|
rules={[longitudeRule(false)]}
|
||||||
|
>
|
||||||
|
<InputNumber
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
min={-180}
|
||||||
|
max={180}
|
||||||
|
precision={6}
|
||||||
|
placeholder="请输入经度"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="latitude"
|
||||||
|
label="所在地坐标纬度"
|
||||||
|
rules={[latitudeRule(false)]}
|
||||||
|
>
|
||||||
|
<InputNumber
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
min={-90}
|
||||||
|
max={90}
|
||||||
|
precision={6}
|
||||||
|
placeholder="请输入纬度"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="registerAddress"
|
||||||
|
label="注册地址"
|
||||||
|
rules={[{ required: true, message: "请输入注册地址" }]}
|
||||||
|
>
|
||||||
|
<Input.TextArea rows={3} placeholder="请输入注册地址" />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="businessAddress"
|
||||||
|
label="经营地址"
|
||||||
|
rules={[{ required: true, message: "请输入经营地址" }]}
|
||||||
|
>
|
||||||
|
<Input.TextArea rows={3} placeholder="请输入经营地址" />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item name="ownershipTypeName" label="归属类型">
|
||||||
|
<Input placeholder="请输入归属类型" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="economyIndustryCode"
|
||||||
|
label="国民经济行业分类(GB/T4754-2017)"
|
||||||
|
>
|
||||||
|
<Input placeholder="请输入国民经济行业分类" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="legalRepresentative"
|
||||||
|
label="法定代表人"
|
||||||
|
rules={[{ required: true, message: "请输入法定代表人" }]}
|
||||||
|
>
|
||||||
|
<Input placeholder="请输入法定代表人" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="legalRepresentativePhone"
|
||||||
|
label="法定代表人联系电话"
|
||||||
|
rules={[phoneRule("法定代表人联系电话", false)]}
|
||||||
|
>
|
||||||
|
<Input placeholder="请输入法定代表人联系电话" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="principalName"
|
||||||
|
label="主要负责人"
|
||||||
|
rules={[{ required: true, message: "请输入主要负责人" }]}
|
||||||
|
>
|
||||||
|
<Input placeholder="请输入主要负责人" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="principalPhone"
|
||||||
|
label="主要负责人联系电话"
|
||||||
|
rules={[phoneRule("主要负责人联系电话", true)]}
|
||||||
|
>
|
||||||
|
<Input placeholder="请输入主要负责人联系电话" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="safetyDeptManager"
|
||||||
|
label="安全管理部门负责人"
|
||||||
|
>
|
||||||
|
<Input placeholder="请输入安全管理部门负责人" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="safetyDeptManagerPhone"
|
||||||
|
label="安全管理部门负责人联系电话"
|
||||||
|
rules={[phoneRule("安全管理部门负责人联系电话", false)]}
|
||||||
|
>
|
||||||
|
<Input
|
||||||
|
placeholder="请输入安全管理部门负责人联系电话"
|
||||||
|
allowClear
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item name="safetyDeputyManager" label="主管安全副总">
|
||||||
|
<Input placeholder="请输入主管安全副总" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="safetyDeputyPhone"
|
||||||
|
label="主管安全副总联系电话"
|
||||||
|
rules={[phoneRule("主管安全副总联系电话", false)]}
|
||||||
|
>
|
||||||
|
<Input
|
||||||
|
placeholder="请输入主管安全副总联系电话"
|
||||||
|
allowClear
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item name="productionDate" label="投产日期">
|
||||||
|
<DatePicker
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
placeholder="请选择投产日期"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item name="businessStatusName" label="企业经营状态">
|
||||||
|
<Input placeholder="请输入企业经营状态" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="infoDisclosureUrl"
|
||||||
|
label="信息公开网址"
|
||||||
|
rules={[urlRule("信息公开网址", false)]}
|
||||||
|
>
|
||||||
|
<Input placeholder="请输入信息公开网址" allowClear />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="workplaceArea"
|
||||||
|
label="工作场所建筑面积"
|
||||||
|
rules={[positiveNumberRule("工作场所建筑面积", false)]}
|
||||||
|
>
|
||||||
|
<InputNumber
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
min={0}
|
||||||
|
precision={2}
|
||||||
|
placeholder="请输入工作场所建筑面积"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="archiveRoomArea"
|
||||||
|
label="档案室面积"
|
||||||
|
rules={[positiveNumberRule("档案室面积", false)]}
|
||||||
|
>
|
||||||
|
<InputNumber
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
min={0}
|
||||||
|
precision={2}
|
||||||
|
placeholder="请输入档案室面积"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="fulltimeEvaluatorCount"
|
||||||
|
label="专职安全评价师数量"
|
||||||
|
rules={[
|
||||||
|
nonNegativeIntegerRule("专职安全评价师数量", false),
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
<InputNumber
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
min={0}
|
||||||
|
precision={0}
|
||||||
|
placeholder="请输入专职安全评价师数量"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
name="registeredEngineerCount"
|
||||||
|
label="注册安全工程师数量"
|
||||||
|
rules={[
|
||||||
|
nonNegativeIntegerRule("注册安全工程师数量", false),
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
<InputNumber
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
min={0}
|
||||||
|
precision={0}
|
||||||
|
placeholder="请输入注册安全工程师数量"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item name="enterpriseStatusName" label="企业状态">
|
||||||
|
<Select
|
||||||
|
options={ENTERPRISE_STATUS_OPTIONS}
|
||||||
|
placeholder="请选择企业状态"
|
||||||
|
allowClear
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item name="enterpriseScaleName" label="企业规模">
|
||||||
|
<Select
|
||||||
|
options={ENTERPRISE_SCALE_OPTIONS}
|
||||||
|
placeholder="请选择企业规模"
|
||||||
|
allowClear
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item name="filingTypeName" label="备案类型">
|
||||||
|
<Select
|
||||||
|
options={FILING_TYPE_OPTIONS}
|
||||||
|
placeholder="请选择备案类型"
|
||||||
|
allowClear
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item name="filingRecordStatusName" label="备案状态">
|
||||||
|
<Select
|
||||||
|
options={FILING_RECORD_STATUS_OPTIONS}
|
||||||
|
placeholder="请选择备案状态"
|
||||||
|
allowClear
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<AttachmentUpload name="attachmentUrls" label="上传附件" />
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
</Form>
|
||||||
|
<Flex justify="center">
|
||||||
|
<Space size={16}>
|
||||||
|
{/* <Button
|
||||||
|
loading={registerLoading || syncUserToGBSLoading}
|
||||||
|
onClick={() => handleSave("draft")}
|
||||||
|
>
|
||||||
|
暂存
|
||||||
|
</Button> */}
|
||||||
|
|
||||||
|
<Button
|
||||||
|
loading={registerLoading || syncUserToGBSLoading}
|
||||||
|
type="primary"
|
||||||
|
onClick={() => handleSave("submit")}
|
||||||
|
>
|
||||||
|
提交
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
</Flex>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{current === 1 && (
|
||||||
|
<div>
|
||||||
|
<Flex justify="center" vertical align="center">
|
||||||
|
<div
|
||||||
|
className="audit-look"
|
||||||
|
style={{
|
||||||
|
backgroundImage: `url(${auditBkImage})`,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<img src={auditLookImage} className="audit-look-img" />
|
||||||
|
</div>
|
||||||
|
<div>认证审核中，请耐心等待···</div>
|
||||||
|
</Flex>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{current === 2 && (
|
||||||
|
<div>
|
||||||
|
<Flex justify="center" vertical align="center">
|
||||||
|
<img src={successIcon} />
|
||||||
|
<div>审核通过</div>
|
||||||
|
</Flex>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Connect([NS_REGISTER], true)(RegisterMore);
|
||||||
|
|
@ -0,0 +1,48 @@
|
||||||
|
.register-more {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
.audit-look {
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 175px;
|
||||||
|
width: 171px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.audit-look-img{
|
||||||
|
position: absolute;
|
||||||
|
width: 45px;
|
||||||
|
height: 45px;
|
||||||
|
top: 50%;
|
||||||
|
left: 63%;
|
||||||
|
margin-top: -22.5px;
|
||||||
|
margin-left: -22.5px;
|
||||||
|
animation: orbit-clockwise 2s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes orbit-clockwise {
|
||||||
|
from {
|
||||||
|
transform: rotate(0deg) translateX(8px) rotate(0deg);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg) translateX(8px) rotate(-360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.register-more-header {
|
||||||
|
height: 250px;
|
||||||
|
position: relative;
|
||||||
|
.register-more-header-content {
|
||||||
|
width: 1200px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
.register-more-header-title {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.register-more-content {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 30px auto 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,178 @@
|
||||||
|
/** 统一社会信用代码：18 位，不含 I/O/S/V/Z */
|
||||||
|
export const CREDIT_CODE_PATTERN = /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/;
|
||||||
|
|
||||||
|
/** 18 位身份证号 */
|
||||||
|
export const ID_CARD_PATTERN = /^\d{17}[\dX]$/i;
|
||||||
|
|
||||||
|
/** 手机号 */
|
||||||
|
export const MOBILE_PHONE_PATTERN = /^1[3-9]\d{9}$/;
|
||||||
|
|
||||||
|
/** 固话或手机 */
|
||||||
|
export const PHONE_PATTERN = /^(\d{3,4}-?\d{7,8}|1[3-9]\d{9})$/;
|
||||||
|
|
||||||
|
/** 经度 */
|
||||||
|
export const LONGITUDE_PATTERN = /^-?((1[0-7]\d)|(\d{1,2}))(\.\d+)?$|^180(\.0+)?$/;
|
||||||
|
|
||||||
|
/** 纬度 */
|
||||||
|
export const LATITUDE_PATTERN = /^-?([1-8]?\d(\.\d+)?|90(\.0+)?)$/;
|
||||||
|
|
||||||
|
/** URL */
|
||||||
|
export const URL_PATTERN = /^(https?:\/\/)[\w.-]+(?:\.[\w.-]+)+[\w\-._~:/?#[\]@!$&'()*+,;=.]*$/;
|
||||||
|
|
||||||
|
export function creditCodeRule(required = true) {
|
||||||
|
return {
|
||||||
|
required,
|
||||||
|
message: required ? "请输入统一社会信用代码" : undefined,
|
||||||
|
pattern: CREDIT_CODE_PATTERN,
|
||||||
|
...(required ? {} : { validateTrigger: "onBlur" }),
|
||||||
|
validator: (_, value) => {
|
||||||
|
if (!value) {
|
||||||
|
return required ? Promise.reject(new Error("请输入统一社会信用代码")) : Promise.resolve();
|
||||||
|
}
|
||||||
|
if (!CREDIT_CODE_PATTERN.test(value.trim())) {
|
||||||
|
return Promise.reject(new Error("统一社会信用代码格式不正确"));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function idCardRule(required = true) {
|
||||||
|
return {
|
||||||
|
required,
|
||||||
|
validator: (_, value) => {
|
||||||
|
if (!value) {
|
||||||
|
return required ? Promise.reject(new Error("请输入身份证号")) : Promise.resolve();
|
||||||
|
}
|
||||||
|
const id = String(value).trim();
|
||||||
|
if (!ID_CARD_PATTERN.test(id)) {
|
||||||
|
return Promise.reject(new Error("身份证号格式不正确"));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function phoneRule(label = "联系电话", required = true) {
|
||||||
|
return {
|
||||||
|
required,
|
||||||
|
validator: (_, value) => {
|
||||||
|
if (!value) {
|
||||||
|
return required ? Promise.reject(new Error(`请输入${label}`)) : Promise.resolve();
|
||||||
|
}
|
||||||
|
const str = String(value).replace(/\s+/g, "");
|
||||||
|
if (!PHONE_PATTERN.test(str)) {
|
||||||
|
return Promise.reject(new Error(`${label}格式不正确`));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function mobileRule(label = "账号", required = true) {
|
||||||
|
return {
|
||||||
|
required,
|
||||||
|
validator: (_, value) => {
|
||||||
|
if (!value) {
|
||||||
|
return required ? Promise.reject(new Error(`请输入${label}`)) : Promise.resolve();
|
||||||
|
}
|
||||||
|
const str = String(value).replace(/\s+/g, "");
|
||||||
|
if (!MOBILE_PHONE_PATTERN.test(str)) {
|
||||||
|
return Promise.reject(new Error(`${label}应为11位手机号`));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function longitudeRule(required = false) {
|
||||||
|
return {
|
||||||
|
required,
|
||||||
|
validator: (_, value) => {
|
||||||
|
if (value === undefined || value === null || value === "") {
|
||||||
|
return required ? Promise.reject(new Error("请输入经度")) : Promise.resolve();
|
||||||
|
}
|
||||||
|
const num = Number(value);
|
||||||
|
if (Number.isNaN(num) || num < -180 || num > 180) {
|
||||||
|
return Promise.reject(new Error("经度格式不正确（-180 ~ 180）"));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function latitudeRule(required = false) {
|
||||||
|
return {
|
||||||
|
required,
|
||||||
|
validator: (_, value) => {
|
||||||
|
if (value === undefined || value === null || value === "") {
|
||||||
|
return required ? Promise.reject(new Error("请输入纬度")) : Promise.resolve();
|
||||||
|
}
|
||||||
|
const num = Number(value);
|
||||||
|
if (Number.isNaN(num) || num < -90 || num > 90) {
|
||||||
|
return Promise.reject(new Error("纬度格式不正确（-90 ~ 90）"));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function urlRule(label = "网址", required = false) {
|
||||||
|
return {
|
||||||
|
required,
|
||||||
|
validator: (_, value) => {
|
||||||
|
if (!value) {
|
||||||
|
return required ? Promise.reject(new Error(`请输入${label}`)) : Promise.resolve();
|
||||||
|
}
|
||||||
|
if (!URL_PATTERN.test(String(value).trim())) {
|
||||||
|
return Promise.reject(new Error(`${label}格式不正确`));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function positiveNumberRule(label, required = false) {
|
||||||
|
return {
|
||||||
|
required,
|
||||||
|
validator: (_, value) => {
|
||||||
|
if (value === undefined || value === null || value === "") {
|
||||||
|
return required ? Promise.reject(new Error(`请输入${label}`)) : Promise.resolve();
|
||||||
|
}
|
||||||
|
const num = Number(value);
|
||||||
|
if (Number.isNaN(num) || num < 0) {
|
||||||
|
return Promise.reject(new Error(`${label}应为非负数字`));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 非负整数（人员数量等） */
|
||||||
|
export function nonNegativeIntegerRule(label, required = false) {
|
||||||
|
return {
|
||||||
|
required,
|
||||||
|
validator: (_, value) => {
|
||||||
|
if (value === undefined || value === null || value === "") {
|
||||||
|
return required ? Promise.reject(new Error(`请输入${label}`)) : Promise.resolve();
|
||||||
|
}
|
||||||
|
const num = Number(value);
|
||||||
|
if (!Number.isInteger(num) || num < 0) {
|
||||||
|
return Promise.reject(new Error(`${label}应为非负整数`));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function dateRangeRule(label = "证书有效期") {
|
||||||
|
return {
|
||||||
|
validator: (_, value) => {
|
||||||
|
const allEmpty = Array.isArray(value) && value.every(item => item === "" || item == null);
|
||||||
|
if (allEmpty || !value || !value[0] || !value[1]) {
|
||||||
|
return Promise.reject(new Error(`请选择${label}`));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue