Skip to content

W
wms
Commit fa3f7a99 authored by 李翰林's avatar 李翰林
Browse files
Options

注册

parent e171143f
Show whitespace changes
Inline Side-by-side
Showing with 355 additions and 0 deletions
src/pages/user/Login/index.jsx
View file @ fa3f7a99
......@@ -131,6 +131,132 @@ const Login = () => {
<div className="cover">
<img alt="logo" src={require("@/assets/logo_white.png")} />
</div>
{visible && (
<div className={styles.search}>
<h2
style={{
fontSize: 16,
borderBottom: "6px solid #eee",
marginBottom: 12,
paddingBottom: 12,
}}
className="spread"
>
<a>查询注册进度</a>
<CloseOutlined
style={{ color: "red" }}
onClick={() => {
setvisible(false);
}}
></CloseOutlined>
</h2>
<Search
placeholder="请输入用户名"
allowClear
onSearch={(value) => {
if (value) {
doFetch({
url: "/ngic-auth/sysAccountApply/queryByAccount",
params: { accountName: value.replace(/^\s+|\s+$/g, "") },
}).then((res) => {
if (res.code == "0000") {
let data = res?.data?.data;
setdata(data);
}
});
}
}}
style={{ width: "100%", marginBottom: 15 }}
/>
<ProDescriptions
columns={[
{
title: "用户名",
dataIndex: "accountName",
key: "accountName",
},
{
title: "姓名",
dataIndex: "userName",
key: "userName",
},
{
title: "联系电话",
dataIndex: "telephone",
key: "telephone",
},
{
title: "工厂",
dataIndex: "factoryName",
key: "factoryName",
},
{
title: "组织",
dataIndex: "departmentName",
key: "departmentName",
},
{
title: "负责仓库",
dataIndex: "chargeStoreName",
key: "chargeStoreName",
},
{
title: "角色",
dataIndex: "roleName",
key: "roleName",
},
{
title: "直属领导",
dataIndex: "parentName",
key: "parentName",
},
{
title: "邮箱",
dataIndex: "mailNo",
key: "mailNo",
},
{
title: "审批结果",
dataIndex: "auditResultName",
key: "auditResultName",
},
{
title: "审批意见",
dataIndex: "auditOpinion",
key: "auditOpinion",
},
{
title: "审批状态",
dataIndex: "statusName",
key: "statusName",
},
{
title: "备注",
dataIndex: "remark",
key: "remark",
},
{
title: "申请时间",
dataIndex: "applyTime",
key: "applyTime",
},
{
title: "审批时间",
dataIndex: "auditTime",
key: "auditTime",
},
{
title: "审批人",
dataIndex: "auditUserName",
key: "auditUserName",
},
]}
column={1}
dataSource={data}
></ProDescriptions>
</div>
)}
</div>
</Col>
<Col
......@@ -203,6 +329,17 @@ const Login = () => {
activeKey={tabkey}
onChange={settabkey}
tabBarStyle={{ color: "#fff" }}
tabBarExtraContent={
<a
style={{ color: "rgba(255,255,255,0.6)" }}
onClick={(e) => {
e.stopPropagation();
setvisible(true);
}}
>
查询注册进度
</a>
}
>
<TabPane tab="登录" key="1">
{tabkey == "1" && (
......@@ -242,6 +379,224 @@ const Login = () => {
</>
)}
</TabPane>
<TabPane tab="注册" key="2">
{tabkey == "2" && (
<Row className="reg" gutter={12}>
<Col span={8}>
<ProFormText
fieldProps={{
style: {
height: 32,
},
}}
name="accountName"
label={<b>用户名</b>}
placeholder="请输入用户名"
rules={[
{
required: true,
message: "请输入用户名!",
},
]}
/>
</Col>
<Col span={8}>
<ProFormText
fieldProps={{
style: {
height: 32,
},
}}
name="userName"
label={<b>姓名</b>}
placeholder="请输入姓名"
rules={[
{
required: true,
message: "请输入姓名!",
},
]}
/>
</Col>
<Col span={8}>
<ProFormText
fieldProps={{
style: {
height: 32,
},
}}
name="telephone"
label={<b>联系电话</b>}
placeholder="请输入联系电话"
rules={[
{
required: false,
message: "请输入联系电话!",
},
{
pattern:
/^(((\d{3,4}-)?[0-9]{7,8})|(1(3|4|5|6|7|8|9)\d{9}))$/,
message: "手机号格式错误！",
},
]}
/>
</Col>
<Col span={8}>
<ProFormTreeSelect
name="departmentId"
label={<b>组织</b>}
placeholder="请选择组织"
fieldProps={{
fieldNames: {
label: "title",
value: "key",
children: "children",
},
}}
request={async () => {
let res = await departmentTree({});
return res?.data?.dataList ?? [];
}}
rules={[
{
required: true,
message: "请选择组织!",
},
]}
/>
</Col>
<Col span={8}>
<ProFormSelect
fieldProps={{
mode: "multiple",
maxTagCount: 1,
}}
name="factoryIdList"
label={<b>工厂</b>}
placeholder="请选择工厂"
request={async () => {
let res = await factorySelectRegister({});
return res?.data?.dataList ?? [];
}}
rules={[
{
required: true,
message: "请选择工厂!",
},
]}
/>
</Col>
<Col span={8}>
<ProFormDependency name={["factoryIdList"]}>
{({ factoryIdList }) => {
return (
<ProFormSelect
fieldProps={{
mode: "multiple",
maxTagCount: 1,
}}
name="storeIdList"
label={<b>负责仓库</b>}
placeholder={"请选择负责仓库"}
params={{ factoryIdList }}
request={async (params) => {
let res = await storeselectionBoxAll(params);
return res?.data?.dataList ?? [];
}}
rules={[
{
required: false,
message: "请选择负责仓库!",
},
]}
/>
);
}}
</ProFormDependency>
</Col>
<Col span={8}>
<ProFormSelect
fieldProps={{
mode: "multiple",
maxTagCount: 1,
}}
name="roleIdList"
label={<b>角色配置</b>}
placeholder="请选择角色配置"
request={async () => {
let res = await roleSelectRegister({});
return res?.data?.dataList ?? [];
}}
rules={[
{
required: false,
message: "请选择角色配置!",
},
]}
/>
</Col>
<Col span={8}>
<ProFormSelect
name="parentId"
label={<b>直属领导</b>}
placeholder="请选择直属领导"
request={async () => {
let res = await allUserSelect({});
return res?.data?.dataList ?? [];
}}
rules={[
{
required: false,
message: "请选择直属领导!",
},
]}
/>
</Col>
<Col span={8}>
<ProFormText
fieldProps={{
style: {
height: 32,
},
}}
name="mailNo"
label={<b>邮箱</b>}
placeholder="请输入邮箱"
rules={[
{
required: false,
message: "请输入邮箱!",
},
]}
/>
</Col>
<Col span={24}>
<ProFormTextArea
name="remark"
label={<b>备注</b>}
placeholder="请输入备注"
request={async () => {
let res = await allUserSelect({});
return res?.data?.dataList ?? [];
}}
rules={[
{
required: false,
message: "请输入备注!",
},
]}
/>
</Col>
</Row>
)}
</TabPane>
</Tabs>
<div
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment