Browse Source
Revert "feat: 商户管理模块代码更新"
Revert "feat: 商户管理模块代码更新"
This reverts commit 9c16cce266.
tags/PMS_Frontend_v1.0.6-develop
23 changed files with 491 additions and 5202 deletions
-
2scripts/webpack.dev.js
-
BINsrc/assets/images/status_err.png
-
BINsrc/assets/images/status_normal.png
-
BINsrc/assets/images/warningIcon.png
-
6src/components/form/FormInput/index.jsx
-
21src/components/form/FormSelect/index.jsx
-
2src/components/form/FormSelectionBox/index.jsx
-
216src/pages/MerchantMgm/FunctionMgm/index.scss
-
1409src/pages/MerchantMgm/FunctionMgm/loadable.jsx
-
337src/pages/MerchantMgm/InvoiceConf/index.scss
-
1031src/pages/MerchantMgm/InvoiceConf/loadable.jsx
-
317src/pages/MerchantMgm/MerchantAdmin/index.scss
-
873src/pages/MerchantMgm/MerchantAdmin/loadable.jsx
-
255src/pages/MerchantMgm/MerchantInfo/index.scss
-
434src/pages/MerchantMgm/MerchantInfo/loadable.jsx
-
14src/router/menu-bk.js
-
440src/router/menu.js
-
56src/router/router.config.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
|
Before Width: 32 | Height: 32 | Size: 664 B |
|
Before Width: 32 | Height: 32 | Size: 943 B |
|
Before Width: 32 | Height: 32 | Size: 702 B |
1409
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
1031
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,866 +1,15 @@ |
|||||
import React, { useState, useRef, useEffect } from "react"; |
import React, { useState, useRef, useEffect } from "react"; |
||||
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'; |
|
||||
|
|
||||
|
// 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"; |
||||
function MerchantAdmin() { |
function MerchantAdmin() { |
||||
//默认 |
|
||||
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> |
|
||||
) |
|
||||
|
return <div>MerchantAdmin</div> |
||||
} |
} |
||||
|
|
||||
export default MerchantAdmin; |
|
||||
|
export default MerchantAdmin; |
||||
440
src/router/menu.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,90 +0,0 @@ |
|||||
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 |
|
||||
} |
|
||||
@ -1,65 +0,0 @@ |
|||||
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 |
|
||||
} |
|
||||
|
|
||||
@ -1,55 +0,0 @@ |
|||||
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 |
|
||||
} |
|
||||
|
|
||||
@ -1,31 +0,0 @@ |
|||||
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,11 +1,34 @@ |
|||||
import MerchantInfo from "./MerchantInfo"; |
|
||||
import invoiceConf from "./invoiceConf"; |
|
||||
import MerchantAdmin from "./MerchantAdmin"; |
|
||||
import functionMgm from "./functionMgm"; |
|
||||
|
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 |
||||
|
}) |
||||
|
} |
||||
|
|
||||
export default { |
export default { |
||||
...MerchantInfo, |
|
||||
...invoiceConf, |
|
||||
...MerchantAdmin, |
|
||||
...functionMgm |
|
||||
|
getSelectOption, |
||||
|
getTable, |
||||
|
addTenant |
||||
} |
} |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue