23 changed files with 5202 additions and 491 deletions
-
2scripts/webpack.dev.js
-
BINsrc/assets/images/status_err.png
-
BINsrc/assets/images/status_normal.png
-
BINsrc/assets/images/warningIcon.png
-
2src/components/form/FormInput/index.jsx
-
11src/components/form/FormSelect/index.jsx
-
2src/components/form/FormSelectionBox/index.jsx
-
216src/pages/MerchantMgm/FunctionMgm/index.scss
-
1407src/pages/MerchantMgm/FunctionMgm/loadable.jsx
-
337src/pages/MerchantMgm/InvoiceConf/index.scss
-
1029src/pages/MerchantMgm/InvoiceConf/loadable.jsx
-
317src/pages/MerchantMgm/MerchantAdmin/index.scss
-
871src/pages/MerchantMgm/MerchantAdmin/loadable.jsx
-
255src/pages/MerchantMgm/MerchantInfo/index.scss
-
336src/pages/MerchantMgm/MerchantInfo/loadable.jsx
-
6src/router/menu-bk.js
-
6src/router/menu.js
-
90src/services/MerchantMgm/InvoiceConf/index.js
-
65src/services/MerchantMgm/MerchantAdmin/index.js
-
55src/services/MerchantMgm/MerchantInfo/index.js
-
31src/services/MerchantMgm/functionMgm/index.js
-
39src/services/MerchantMgm/index.js
|
After Width: 32 | Height: 32 | Size: 664 B |
|
After Width: 32 | Height: 32 | Size: 943 B |
|
After Width: 32 | Height: 32 | Size: 702 B |
1407
src/pages/MerchantMgm/FunctionMgm/loadable.jsx
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1029
src/pages/MerchantMgm/InvoiceConf/loadable.jsx
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,15 +1,866 @@ |
|||
import React, { useState, useRef, useEffect } from "react"; |
|||
// import { message, Pagination, Table, Space, Modal, } from "antd"; |
|||
// import { dictionary, utils } from "@/config/common"; |
|||
// import moment from 'moment' |
|||
// import { useSessionStorageState, useUpdateEffect, useSize, useUpdate } from 'ahooks'; |
|||
// import ajax from "@/services" |
|||
// import { FormInput, FormSelect, OptionPanel, ResultPanel, FormSliderPicker, AreaCascader, ImgResize, ImgZoom, } from "@/components" |
|||
// import "./index.scss"; |
|||
// import errorImg from "@/assets/images/layout/error.png" |
|||
// import { useLocation } from "react-router-dom"; |
|||
import { Input, Select, message, Popover, Pagination, Table, Form, Radio, Modal, Button } from "antd"; |
|||
import { pageSizeOptions } from '@/config/character.config.js' |
|||
import moment from 'moment' |
|||
import { useSetState } from 'ahooks'; |
|||
import ajax from "@/services" |
|||
import "./index.scss"; |
|||
import status_normal from '@/assets/images/status_normal.png' |
|||
import status_err from '@/assets/images/status_err.png' |
|||
import warningIcon from "@/assets/images/warningIcon.png"; |
|||
import { SearchOutlined} from '@ant-design/icons'; |
|||
|
|||
function MerchantAdmin() { |
|||
return <div>MerchantAdmin</div> |
|||
//默认 |
|||
const parameter = { |
|||
id: 1, |
|||
operatorid: '',//商户ID |
|||
shop_name: '',//商户名称 |
|||
manage_type: '',//经营业务类型 |
|||
manage_type_name: "",//经营业务类型 |
|||
account: "",//管理员账号 |
|||
username: "",//姓名 |
|||
phone: "",//电话 |
|||
email: "",//邮箱 |
|||
sex: "",//性别 |
|||
status: 0,//状态 |
|||
create_time: "",//创建时间 |
|||
start: moment().subtract(90, 'days').startOf('day').format('YYYY-MM-DD HH:mm:ss'), |
|||
end: moment().format('YYYY-MM-DD HH:mm:ss'), |
|||
pn: 1, |
|||
page_size: Number(pageSizeOptions[0]), // 每页条数 |
|||
} |
|||
//商户名称下拉 |
|||
const [tenantPull, setTenantPull] = useState([]) |
|||
//等待状态 |
|||
const [loading, setLoading] = useState(false) // 等待状态 |
|||
//表格数据 |
|||
const [tableData, setTableData] = useState([]) |
|||
//检索表单 |
|||
const [formData, setFormData] = useSetState(parameter) |
|||
const [lastFormData, setLastFormData] = useState(formData) |
|||
const lastFormDataRef = useRef(formData) |
|||
|
|||
const [searchForm] = Form.useForm() |
|||
//是否第一次检索表单 |
|||
const [isFirst,setIsFirst]=useState(false) |
|||
//查看表单记录 |
|||
const [records, setRecords] = useState({}) |
|||
//总条数 |
|||
const [total, setTotal] = useState() |
|||
//创建管理员开关 |
|||
const [createVisible, setCreateVisible] = useState(false) |
|||
//编辑开关 |
|||
const [updateVisible, setUpdateVisible] = useState(false) |
|||
//查看开关 |
|||
const [checkVisible, setCheckVisible] = useState(false) |
|||
//编辑表单 |
|||
const [updateForm] = Form.useForm() |
|||
//性别单选 |
|||
const [sexValue, setSexValue] = useState(1); |
|||
//重置密码确认框 |
|||
const [confirm, setConfirm] = useState(false) |
|||
//禁用确认框 |
|||
const [banBtn, setBanBtn] = useState(false) |
|||
//启用确认框 |
|||
const [startBtn, setStartBtn] = useState(false) |
|||
//id |
|||
const [ID, setID] = useState() |
|||
//表头 |
|||
const columns = [ |
|||
{ |
|||
title: '序号', |
|||
dataIndex: 'id', |
|||
key: 'id', |
|||
align: "center", |
|||
}, |
|||
{ |
|||
title: '商户名称', |
|||
key: 'shop_name', |
|||
dataIndex: 'shop_name', |
|||
align: "center", |
|||
}, |
|||
{ |
|||
title: '经营业务类型', |
|||
key: 'manage_type_name', |
|||
dataIndex: 'manage_type_name', |
|||
align: "center", |
|||
}, |
|||
{ |
|||
title: '管理员账号', |
|||
key: 'account', |
|||
dataIndex: 'account', |
|||
align: "center", |
|||
}, |
|||
{ |
|||
title: '管理员姓名', |
|||
key: 'username', |
|||
dataIndex: 'username', |
|||
align: "center", |
|||
}, |
|||
{ |
|||
title: '手机号', |
|||
key: 'phone', |
|||
dataIndex: 'phone', |
|||
align: "center", |
|||
}, |
|||
{ |
|||
title: '邮箱', |
|||
key: 'email', |
|||
dataIndex: 'email', |
|||
align: "center", |
|||
}, |
|||
{ |
|||
title: '性别', |
|||
key: 'sex_status_name', |
|||
dataIndex: 'sex_status_name', |
|||
align: "center", |
|||
}, |
|||
{ |
|||
title: '添加时间', |
|||
key: 'create_time', |
|||
dataIndex: 'create_time', |
|||
align: "center", |
|||
}, |
|||
{ |
|||
title: '状态', |
|||
key: 'user_status_name', |
|||
dataIndex: 'user_status_name', |
|||
align: "center", |
|||
render: (value, row, index) => { |
|||
return ( |
|||
<> |
|||
{ |
|||
row.user_status == 1 ? |
|||
<img src={status_normal}></img> : |
|||
<img src={status_err}></img> |
|||
} |
|||
</> |
|||
) |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
key: 'operation', |
|||
dataIndex: 'operation', |
|||
align: "center", |
|||
render: (text, record, index) => { |
|||
return <> |
|||
<Popover content={ |
|||
<div className="operateBtn" style={{ cursor: "pointer" }} trigger="hover"> |
|||
<div onClick={() => { checkBtn(index) }}>详情</div> |
|||
<div onClick={() => { resetPassWordBtn(index) }}>重置密码</div> |
|||
{ |
|||
record.user_status == 2 ? |
|||
<> |
|||
<div onClick={() => { updateBtn(record) }}>编辑</div> |
|||
<div onClick={() => { stopBtn(record) }}>启用</div> |
|||
</> : <div onClick={() => { stopBtn(record) }}>停用</div> |
|||
} |
|||
</div>}> |
|||
<button className="scheduleBtn">操作</button> |
|||
</Popover> |
|||
</> |
|||
}, |
|||
}, |
|||
] |
|||
|
|||
//状态类型下拉框 |
|||
const statusType = [ |
|||
{ |
|||
label: "全部", |
|||
value: 0 |
|||
}, |
|||
{ |
|||
label: "启用", |
|||
value: 1 |
|||
}, |
|||
{ |
|||
label: "禁用", |
|||
value: 2 |
|||
}, |
|||
] |
|||
|
|||
//获取商户名称的下拉 |
|||
const getTenantNamePull = () => { |
|||
ajax.getTenantPull().then( |
|||
res => { |
|||
if (res.status == 20000) { |
|||
setTenantPull(res.data) |
|||
} else { |
|||
message.error(res.message) |
|||
} |
|||
} |
|||
).catch( |
|||
err => { console.log(err); } |
|||
) |
|||
} |
|||
|
|||
//获取表格数据 |
|||
const getTable = () => { |
|||
const value =searchForm.getFieldsValue(["shop_name","phone","username","account","status"]) |
|||
console.log(value); |
|||
setLoading(true) |
|||
ajax.getMerchantAdminTable(value).then( |
|||
res => { |
|||
if (res.status == 20000) { |
|||
setTableData(res.data.list) |
|||
setTotal(res.data.total_records) |
|||
setIsFirst(true) |
|||
if (banBtn) { |
|||
setTimeout( |
|||
() => { |
|||
message.success("禁用成功", 2.5) |
|||
}, 1000 |
|||
) |
|||
setBanBtn(false) |
|||
} |
|||
if (startBtn) { |
|||
setTimeout( |
|||
() => { |
|||
message.success("启用成功", 2.5) |
|||
}, 1000 |
|||
) |
|||
setStartBtn(false) |
|||
} |
|||
} else { |
|||
message.error(res.message) |
|||
} |
|||
setLoading(false) |
|||
} |
|||
).catch( |
|||
(err) => { |
|||
console.log(err) |
|||
} |
|||
) |
|||
} |
|||
|
|||
//搜索数据 |
|||
const getSearchData = () => { |
|||
getTable() |
|||
} |
|||
|
|||
//重置数据 |
|||
const getResetData = () => { |
|||
searchForm.setFieldsValue( |
|||
{ |
|||
shop_name: '', |
|||
phone: '', |
|||
account: '', |
|||
username: '', |
|||
status: 0 |
|||
} |
|||
) |
|||
if(isFirst){ |
|||
getTable() |
|||
} |
|||
} |
|||
|
|||
//切换分页 |
|||
const changePn = (pn, length) => { |
|||
if (lastFormData.page_size === length) { |
|||
setLastFormData(Object.assign({}, lastFormData, { pn: pn })) |
|||
lastFormDataRef.current = Object.assign({}, lastFormData, { pn: pn }) |
|||
getTable(Object.assign({}, lastFormData, { pn: pn })) |
|||
} |
|||
} |
|||
//切换每页条数 |
|||
const changeLength = (pn, length) => { |
|||
setFormData(Object.assign({}, formData, { pn: 1, page_size: length })) |
|||
setLastFormData(Object.assign({}, lastFormData, { pn: 1, page_size: length })) |
|||
lastFormDataRef.current = Object.assign({}, lastFormData, { pn: 1, page_size: length }) |
|||
getTable(Object.assign({}, lastFormData, { pn: 1, page_size: length })) |
|||
} |
|||
|
|||
//创建管理员 |
|||
const createData = () => { |
|||
setCreateVisible(true) |
|||
updateForm.setFieldsValue( |
|||
{ |
|||
shop_name: '', |
|||
phone: '', |
|||
account: '', |
|||
_name: '', |
|||
email: '', |
|||
sex_status: '' |
|||
} |
|||
) |
|||
} |
|||
//点击取消-返回上一层 |
|||
const createOncancel = () => { |
|||
setCreateVisible(false) |
|||
setUpdateVisible(false) |
|||
setCheckVisible(false) |
|||
} |
|||
|
|||
//编辑管理员-提交按钮 |
|||
const submitUpdate = () => { |
|||
const value = updateForm.getFieldsValue(['shop_name', 'phone', 'name', 'account', 'email', 'sex_status']) |
|||
ajax.updateMerchantAdmin(value).then( |
|||
res => { |
|||
if (res.status == 20000) { |
|||
setCreateVisible(false) |
|||
setUpdateVisible(false) |
|||
message.success("已提交", 2.5) |
|||
} else { |
|||
message.error(res.message) |
|||
} |
|||
} |
|||
).catch( |
|||
err => { |
|||
console.log(err); |
|||
} |
|||
) |
|||
|
|||
} |
|||
//创建新管理员-提交按钮 |
|||
const submitAdd = () => { |
|||
const value = updateForm.getFieldsValue(['shop_name', 'phone', '_name', 'account', 'email', 'sex_status']) |
|||
ajax.addMerchantAdmin(value).then( |
|||
res => { |
|||
if (res.status == 20000) { |
|||
setCreateVisible(false) |
|||
setUpdateVisible(false) |
|||
message.success("已提交", 2.5) |
|||
} else { |
|||
message.error(res.message) |
|||
} |
|||
} |
|||
).catch( |
|||
err => { |
|||
console.log(err); |
|||
} |
|||
) |
|||
|
|||
} |
|||
//编辑 |
|||
function updateBtn(record) { |
|||
setUpdateVisible(true) |
|||
setFormData(record) |
|||
//数据回显 |
|||
updateForm.setFieldsValue( |
|||
{ |
|||
shop_name: record.shop_name, |
|||
phone: record.phone, |
|||
account: record.account, |
|||
_name: record.username, |
|||
email: record.email, |
|||
sex_status: parseInt(record.sex_status) |
|||
} |
|||
) |
|||
|
|||
} |
|||
//查看 |
|||
function checkBtn(index) { |
|||
setCheckVisible(true) |
|||
ajax.checkMerchantAdmin(index).then( |
|||
res => { |
|||
if (res.status == 20000) { |
|||
setRecords(res.data) |
|||
} else { |
|||
message.error(res.message) |
|||
} |
|||
} |
|||
).catch( |
|||
err => { console.log(err); } |
|||
) |
|||
} |
|||
//启用/停用 |
|||
function stopBtn(record) { |
|||
if (record.user_status == 1) { |
|||
//禁用 |
|||
setBanBtn(true) |
|||
} else { |
|||
//启用 |
|||
setStartBtn(true) |
|||
} |
|||
setID(record.id) |
|||
} |
|||
|
|||
const handleAdminStatus = () => { |
|||
ajax.updateAdminStatus(ID).then( |
|||
res => { |
|||
if (res.status == 20000) { |
|||
getTable() |
|||
} else { |
|||
message.error(res.message) |
|||
} |
|||
} |
|||
).catch( |
|||
err => { |
|||
console.log(err); |
|||
} |
|||
) |
|||
} |
|||
//重置密码 |
|||
const resetPassWordBtn = (index) => { |
|||
setConfirm(true) |
|||
setID(index) |
|||
} |
|||
|
|||
const handleReset = () => { |
|||
ajax.resetPassWord(ID).then( |
|||
res => { |
|||
if (res.status == 20000) { |
|||
getTable() |
|||
setConfirm(false) |
|||
message.success("重置成功", 2.5) |
|||
} else { |
|||
message.error(res.message) |
|||
} |
|||
} |
|||
).catch( |
|||
err => { console.log(err); } |
|||
) |
|||
} |
|||
//关闭重置密码确认框,关闭禁用确认框 |
|||
const handleCancel = () => { |
|||
setConfirm(false) |
|||
setBanBtn(false) |
|||
setStartBtn(false) |
|||
message.warning("已取消操作", 2.5) |
|||
} |
|||
|
|||
//性别单选框改变 |
|||
const onChange = (e) => { |
|||
setSexValue(e.target.value); |
|||
}; |
|||
//新增--商户名选择搜索框 |
|||
const filterOption = (input, option) => |
|||
(option?.label ?? '').toLowerCase().includes(input.toLowerCase()); |
|||
|
|||
useEffect( |
|||
() => { |
|||
getTenantNamePull() |
|||
}, [] |
|||
) |
|||
return ( |
|||
<div id="MerchantAdmin" > |
|||
{ |
|||
!createVisible && !updateVisible && !checkVisible ? |
|||
<> |
|||
<div className="panel"> |
|||
<div className="panel-1"> |
|||
<Form |
|||
form={searchForm} |
|||
layout="inline" |
|||
> |
|||
<Form.Item |
|||
label="商户名称：" |
|||
name="shop_name" |
|||
className="search-form" |
|||
> |
|||
<Select |
|||
className="yisa-select" |
|||
options={tenantPull} |
|||
placeholder="请选择" |
|||
/> |
|||
</Form.Item> |
|||
<Form.Item |
|||
label="手机号：" |
|||
name="phone" |
|||
className="search-form" |
|||
rules={[ |
|||
{ |
|||
validator: (rule, value) => { |
|||
let reg = new RegExp(/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/); |
|||
if (!reg.test(value)) { |
|||
return Promise.reject('手机号码不合法'); |
|||
} else { |
|||
return Promise.resolve(); |
|||
} |
|||
} |
|||
}, |
|||
]} |
|||
> |
|||
<Input |
|||
placeholder="请输入手机号" |
|||
/> |
|||
</Form.Item> |
|||
<Form.Item |
|||
label="姓名：" |
|||
name="username" |
|||
className="search-form" |
|||
> |
|||
<Input |
|||
placeholder="请输入姓名" |
|||
/> |
|||
</Form.Item> |
|||
</Form> |
|||
</div> |
|||
<div className="panel-2"> |
|||
<Form |
|||
form={searchForm} |
|||
layout="inline" |
|||
initialValues={{ |
|||
status: statusType[0].value, |
|||
}} |
|||
> |
|||
<Form.Item |
|||
label="管理员账号：" |
|||
name="account" |
|||
className="search-form" |
|||
rules={[ |
|||
{ |
|||
validator: (rule, value) => { |
|||
let reg = new RegExp(/^[0-9]+$/); |
|||
if (!reg.test(value)) { |
|||
return Promise.reject('管理员账号不合法'); |
|||
} else { |
|||
return Promise.resolve(); |
|||
} |
|||
} |
|||
}, |
|||
]} |
|||
> |
|||
<Input |
|||
className="form-input" |
|||
placeholder="请输入管理员账号" |
|||
// onBlur={handleBlurNumber} |
|||
/> |
|||
</Form.Item> |
|||
<Form.Item |
|||
label="状态：" |
|||
name="status" |
|||
className="search-form" |
|||
> |
|||
<Select |
|||
className="yisa-select" |
|||
options={statusType} |
|||
placeholder="请选择" |
|||
/> |
|||
</Form.Item> |
|||
<Form.Item |
|||
className="btnBox" |
|||
> |
|||
<Button type="primary" className="search-btn btn" icon={<SearchOutlined />} onClick={() => { getSearchData() }}> |
|||
搜索 |
|||
</Button> |
|||
<Button type="primary" className="reset-btn btn" onClick={() => { getResetData() }}> |
|||
条件重置 |
|||
</Button> |
|||
<Button type="primary" className="create-btn btn" onClick={() => { createData() }}> |
|||
创建用户 |
|||
</Button> |
|||
</Form.Item> |
|||
</Form> |
|||
</div> |
|||
</div> |
|||
|
|||
<Table |
|||
columns={columns} |
|||
className="table" |
|||
pagination={false} |
|||
dataSource={tableData} |
|||
loading={loading} |
|||
></Table> |
|||
<Pagination |
|||
className="pagination-common" |
|||
showSizeChanger |
|||
showQuickJumper |
|||
showTotal={() => { |
|||
if (total) { |
|||
return `共 ${total} 条` |
|||
} |
|||
else return `共 0 条` |
|||
} |
|||
} |
|||
total={total} |
|||
current={formData.pn} |
|||
pageSize={formData.page_size} |
|||
pageSizeOptions={pageSizeOptions} |
|||
onChange={changePn} |
|||
onShowSizeChange={changeLength} |
|||
/> |
|||
{ |
|||
confirm ? |
|||
<Modal |
|||
title="提示" |
|||
open={confirm} |
|||
onCancel={handleCancel} |
|||
width={400} |
|||
getContainer={document.getElementById('MerchantAdmin')} |
|||
footer={ |
|||
[ |
|||
<Button key="back" onClick={handleCancel} style={{ color: "#3f3d3d" }}> |
|||
取消 |
|||
</Button>, |
|||
<Button key="submit" type="primary" onClick={handleReset} style={{ background: "#409EFF", color: "#fff" }}> |
|||
确定 |
|||
</Button>, |
|||
] |
|||
} |
|||
> |
|||
<div className="warning"> |
|||
<img src={warningIcon}></img> |
|||
<span>此操作将重置该用户密码, 是否继续?</span> |
|||
</div> |
|||
</Modal> |
|||
: '' |
|||
} |
|||
{ |
|||
banBtn ? |
|||
<Modal |
|||
title="提示" |
|||
open={banBtn} |
|||
onCancel={handleCancel} |
|||
width={400} |
|||
getContainer={document.getElementById('MerchantAdmin')} |
|||
footer={ |
|||
[ |
|||
<Button key="back" onClick={handleCancel} style={{ color: "#3f3d3d" }}> |
|||
取消 |
|||
</Button>, |
|||
<Button key="submit" type="primary" onClick={handleAdminStatus} style={{ background: "#409EFF", color: "#fff" }}> |
|||
确定 |
|||
</Button>, |
|||
] |
|||
} |
|||
> |
|||
<div className="warning"> |
|||
<img src={warningIcon}></img> |
|||
<span>此操作将禁用该用户, 是否继续?</span> |
|||
</div> |
|||
</Modal> : '' |
|||
} |
|||
{ |
|||
startBtn ? |
|||
<Modal |
|||
title="提示" |
|||
open={startBtn} |
|||
onCancel={handleCancel} |
|||
width={400} |
|||
getContainer={document.getElementById('MerchantAdmin')} |
|||
footer={ |
|||
[ |
|||
<Button key="back" onClick={handleCancel} style={{ color: "#3f3d3d" }}> |
|||
取消 |
|||
</Button>, |
|||
<Button key="submit" type="primary" onClick={handleAdminStatus} style={{ background: "#409EFF", color: "#fff" }}> |
|||
确定 |
|||
</Button>, |
|||
] |
|||
} |
|||
> |
|||
<div className="warning"> |
|||
<img src={warningIcon}></img> |
|||
<span>此操作将启用该用户, 是否继续?</span> |
|||
</div> |
|||
</Modal> : '' |
|||
} |
|||
</> : '' |
|||
} |
|||
|
|||
{ |
|||
createVisible || updateVisible ? |
|||
<div id="create"> |
|||
<div className="create-form"> |
|||
<div className="container"> |
|||
{ |
|||
createVisible ? |
|||
<Form |
|||
form={updateForm} |
|||
labelAlign='left' |
|||
labelCol={{ span: 8 }} |
|||
wrapperCol={{ span: 16 }} |
|||
style={{ width: 400 }} |
|||
initialValues={{ sex_status: '1' }} |
|||
className="form-wrap" |
|||
> |
|||
<Form.Item |
|||
label="商户：" |
|||
name="shop_name" |
|||
required={true} |
|||
rules={[{ required: true }]} |
|||
> |
|||
<Select |
|||
filterOption={filterOption} |
|||
optionFilterProp="label" |
|||
showSearch |
|||
options={tenantPull} |
|||
> |
|||
</Select> |
|||
</Form.Item> |
|||
|
|||
<Form.Item |
|||
label="手机号码" |
|||
name="phone" |
|||
required={true} |
|||
validateFirst={true} // 出错时两个校验分别生效 |
|||
rules={[ |
|||
{ |
|||
validator: (rule, value) => { |
|||
let reg = new RegExp(/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/); |
|||
if (!reg.test(value)) { |
|||
return Promise.reject('手机号码不合法'); |
|||
} else if (value = '') { |
|||
return Promise.reject('手机号码不能为空'); |
|||
} else { |
|||
return Promise.resolve(); |
|||
} |
|||
} |
|||
}, |
|||
]} |
|||
|
|||
> |
|||
<Input placeholder="请输入手机号码" /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item |
|||
label="登录名" |
|||
name="account" |
|||
required={true} |
|||
rules={[{ required: true }]} |
|||
> |
|||
<Input placeholder="请输入登录名" /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item |
|||
label="姓名" |
|||
name="_name" |
|||
required={true} |
|||
rules={[{ required: true }]} |
|||
> |
|||
<Input placeholder="请输入姓名" /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item |
|||
label="邮箱" |
|||
name="email" |
|||
> |
|||
<Input placeholder="请输入邮箱" /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item |
|||
label="性别" |
|||
name="sex_status" |
|||
> |
|||
<Radio.Group onChange={onChange} value={sexValue}> |
|||
<Radio value={1}>男</Radio> |
|||
<Radio value={2}>女</Radio> |
|||
</Radio.Group> |
|||
</Form.Item> |
|||
|
|||
</Form> : |
|||
<Form |
|||
form={updateForm} |
|||
labelAlign='left' |
|||
labelCol={{ span: 8 }} |
|||
wrapperCol={{ span: 16 }} |
|||
style={{ width: 400 }} |
|||
initialValues={{ sex_status: '1' }} |
|||
className="form-wrap" |
|||
> |
|||
<Form.Item |
|||
label="商户：" |
|||
name="shop_name" |
|||
> |
|||
{formData.shop_name} |
|||
</Form.Item> |
|||
|
|||
<Form.Item |
|||
label="手机号码" |
|||
name="phone" |
|||
required={true} |
|||
validateFirst={true} // 出错时两个校验分别生效 |
|||
rules={[ |
|||
{ |
|||
validator: (rule, value) => { |
|||
let reg = new RegExp(/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/); |
|||
if (!reg.test(value)) { |
|||
return Promise.reject('手机号码不合法'); |
|||
} else if (value = '') { |
|||
return Promise.reject('手机号码不能为空'); |
|||
} else { |
|||
return Promise.resolve(); |
|||
} |
|||
} |
|||
}, |
|||
]} |
|||
|
|||
> |
|||
<Input placeholder="请输入手机号码" /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item |
|||
label="登录名" |
|||
name="account" |
|||
required={true} |
|||
rules={[{ required: true }]} |
|||
> |
|||
{formData.account} |
|||
</Form.Item> |
|||
|
|||
<Form.Item |
|||
label="姓名" |
|||
name="_name" |
|||
required={true} |
|||
rules={[{ required: true }]} |
|||
> |
|||
<Input placeholder="请输入姓名" /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item |
|||
label="邮箱" |
|||
name="email" |
|||
> |
|||
<Input placeholder="请输入邮箱" /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item |
|||
label="性别" |
|||
name="sex_status" |
|||
> |
|||
<Radio.Group onChange={onChange} value={sexValue}> |
|||
<Radio value={1}>男</Radio> |
|||
<Radio value={2}>女</Radio> |
|||
</Radio.Group> |
|||
</Form.Item> |
|||
|
|||
</Form> |
|||
} |
|||
</div> |
|||
{ |
|||
createVisible && !updateVisible ? |
|||
<div className="btns"> |
|||
<Button className="btn-1 btn" onClick={submitAdd} type="primary" htmlType="submit">提交</Button> |
|||
<Button className="btn-2 btn" onClick={createOncancel}>取消</Button> |
|||
</div> : |
|||
<div className="btns"> |
|||
<Button className="btn-1 btn" onClick={submitUpdate} type="primary" htmlType="submit">提交</Button> |
|||
<Button className="btn-2 btn" onClick={createOncancel}>取消</Button> |
|||
</div> |
|||
} |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
: '' |
|||
} |
|||
|
|||
{ |
|||
checkVisible ? |
|||
<div id="check"> |
|||
<div className="check-form"> |
|||
<div className="btns"> |
|||
<button className="btn" onClick={createOncancel}>返回</button> |
|||
</div> |
|||
<div className="container"> |
|||
<div className="title">系统管理员详情</div> |
|||
<div className="item"><div className="item-title">商户：</div><span>{records.shop_name}</span></div> |
|||
<div className="item"><div className="item-title">手机号：</div><span>{records.phone}</span></div> |
|||
<div className="item"><div className="item-title">登录名：</div><span>{records.account}</span></div> |
|||
<div className="item"><div className="item-title">姓名：</div><span>{records.username}</span></div> |
|||
<div className="item"><div className="item-title">邮箱：</div><span>{records.email}</span></div> |
|||
<div className="item"><div className="item-title">性别：</div><span>{records.sex_status}</span></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
: '' |
|||
} |
|||
|
|||
</div> |
|||
) |
|||
} |
|||
|
|||
export default MerchantAdmin; |
|||
@ -0,0 +1,90 @@ |
|||
import ajax from "@/config/ajax" |
|||
|
|||
//获取表格数据
|
|||
const getInvoiceTable=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantreceipt/get_all_receipt", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//获取商户名称的下拉
|
|||
const getTenantPull=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/operator/get_all_operator", |
|||
type:"get", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//获取计税方式的下拉
|
|||
const getTaxWayPull=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantreceipt/get_tax_type", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//获取税率的下拉
|
|||
const getTaxRatePull=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantreceipt/get_percent_type", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
//获取开票项目的下拉
|
|||
const getInvoiceItemPull=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantreceipt/get_item_list", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//获取含税标志的下拉
|
|||
const getTaxTypePull=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantreceipt/get_include_tax_list", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//新建保存
|
|||
const createForm=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantreceipt/add_receipt", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
//查看详情
|
|||
const checkForm=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantreceipt/show_receipt", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
//启用、停用
|
|||
const updateInvoiceStatus=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantreceipt//update_status", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
export default { |
|||
getInvoiceTable, |
|||
getTenantPull, |
|||
getTaxWayPull, |
|||
getTaxRatePull, |
|||
getInvoiceItemPull, |
|||
getTaxTypePull, |
|||
createForm, |
|||
checkForm, |
|||
updateInvoiceStatus |
|||
} |
|||
@ -0,0 +1,65 @@ |
|||
import ajax from "@/config/ajax" |
|||
|
|||
|
|||
//获取表格数据
|
|||
const getMerchantAdminTable=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchant/get_all_merchant", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//增加
|
|||
const addMerchantAdmin=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchant/add_merchant", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//查看详情
|
|||
const checkMerchantAdmin=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchant/show_merchant", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
//编辑
|
|||
const updateMerchantAdmin=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchant/edit_merchant", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//启用/停用
|
|||
const updateAdminStatus=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchant/update_status", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//重置密码
|
|||
const resetPassWord=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchant/update_pwd", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
export default { |
|||
getMerchantAdminTable, |
|||
addMerchantAdmin, |
|||
checkMerchantAdmin, |
|||
updateAdminStatus, |
|||
updateMerchantAdmin, |
|||
resetPassWord |
|||
} |
|||
|
|||
@ -0,0 +1,55 @@ |
|||
import ajax from "@/config/ajax" |
|||
|
|||
//下拉框
|
|||
const getSelectOption = (p)=>{ |
|||
return ajax({ |
|||
url: "/api/com/common/get_sys_config", |
|||
type: 'get', |
|||
data: p |
|||
}) |
|||
} |
|||
|
|||
//获取表格数据
|
|||
const getMerchantInfoTable=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/merchant/get_table", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//增加商户
|
|||
const addTenant=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantinfo/add_merchant", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//查看详情
|
|||
const checkTenant=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantinfo/show_merchant", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//启用/停用
|
|||
const updateStatus=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantinfo/update_status", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
export default { |
|||
getSelectOption, |
|||
getMerchantInfoTable, |
|||
addTenant, |
|||
checkTenant, |
|||
updateStatus |
|||
} |
|||
|
|||
@ -0,0 +1,31 @@ |
|||
import ajax from "@/config/ajax" |
|||
|
|||
|
|||
//获取表格数据
|
|||
const getFunctionMgmTable=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantreceipt/get_all_func", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//增加
|
|||
|
|||
|
|||
//查看详情
|
|||
|
|||
//编辑
|
|||
|
|||
|
|||
//启用/停用
|
|||
|
|||
|
|||
//重置密码
|
|||
|
|||
|
|||
export default { |
|||
getFunctionMgmTable, |
|||
|
|||
} |
|||
|
|||
@ -1,34 +1,11 @@ |
|||
import ajax from "@/config/ajax" |
|||
|
|||
//下拉框
|
|||
const getSelectOption = (p)=>{ |
|||
return ajax({ |
|||
url: "/api/com/common/get_sys_config", |
|||
type: 'get', |
|||
data: p |
|||
}) |
|||
} |
|||
|
|||
//获取表格数据
|
|||
const getTable=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/merchant/get_table", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
|
|||
//增加商户
|
|||
const addTenant=(p)=>{ |
|||
return ajax({ |
|||
url:"/api/bpm/merchantinfo/add_merchan", |
|||
type:"post", |
|||
data:p |
|||
}) |
|||
} |
|||
import MerchantInfo from "./MerchantInfo"; |
|||
import invoiceConf from "./invoiceConf"; |
|||
import MerchantAdmin from "./MerchantAdmin"; |
|||
import functionMgm from "./functionMgm"; |
|||
|
|||
export default { |
|||
getSelectOption, |
|||
getTable, |
|||
addTenant |
|||
...MerchantInfo, |
|||
...invoiceConf, |
|||
...MerchantAdmin, |
|||
...functionMgm |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue