diff --git a/scripts/webpack.dev.js b/scripts/webpack.dev.js
index f251a53..8c53632 100644
--- a/scripts/webpack.dev.js
+++ b/scripts/webpack.dev.js
@@ -12,7 +12,7 @@ let _devConfig = {
proxy: {
"/PMS": {
// target: "http://192.168.8.7:3001/mock/3247",
- target: "http://10.10.128.65:3001/mock/11",
+ target: "http://10.10.128.65:3001/mock/18",
pathRewrite: {
"^/PMS": "",
},
diff --git a/src/assets/images/status_err.png b/src/assets/images/status_err.png
deleted file mode 100644
index cebba9a..0000000
Binary files a/src/assets/images/status_err.png and /dev/null differ
diff --git a/src/assets/images/status_normal.png b/src/assets/images/status_normal.png
deleted file mode 100644
index b1d1085..0000000
Binary files a/src/assets/images/status_normal.png and /dev/null differ
diff --git a/src/assets/images/warningIcon.png b/src/assets/images/warningIcon.png
deleted file mode 100644
index f14056c..0000000
Binary files a/src/assets/images/warningIcon.png and /dev/null differ
diff --git a/src/components/form/FormInput/index.jsx b/src/components/form/FormInput/index.jsx
index 855b1c7..dcc5578 100644
--- a/src/components/form/FormInput/index.jsx
+++ b/src/components/form/FormInput/index.jsx
@@ -28,7 +28,6 @@ export default function FormInput(props) {
} = props;
const setValue = (e)=>{
-
if(isReceive){
onChange(e)
}else{
@@ -36,7 +35,6 @@ export default function FormInput(props) {
const val = e.target.value.split(',').map( function (curr) {
return curr.replace(/[\!\@\#\$\%\^\&\*\?\?\!\_\——]/g, "");
}).join('')
-
e.target.value=val
}
onChange(e)
@@ -59,7 +57,7 @@ export default function FormInput(props) {
)}
{
yisaLabel ?
-
+
:
null
}
diff --git a/src/pages/MerchantMgm/FunctionMgm/index.scss b/src/pages/MerchantMgm/FunctionMgm/index.scss
index b5fc842..1838f71 100644
--- a/src/pages/MerchantMgm/FunctionMgm/index.scss
+++ b/src/pages/MerchantMgm/FunctionMgm/index.scss
@@ -3,219 +3,3 @@ $color-container-bg : var(--color-container-bg);
$color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
-
-#FunctionMgm{
- .panel {
- width: 100%;
- padding-top: 20px;
- padding-left: 10px;
- background: none;
-
- .search-form{
- margin-left: 10px;
- }
-
- .label {
- width: 90px;
- text-align-last: end;
- }
-
-
- .yisa-select {
- width: 190px;
-
- .ant-select-selector {
- background: transparent;
- border-color: var(--color-border);
- }
-
- }
-
- .form-input {
- width: 190px;
- background: transparent;
- border-color: var(--color-border);
- }
-
- .ant-select-arrow {
- background: none !important;
- }
-
- .ant-input {
- background: transparent;
- border-color: var(--color-border);
- }
-
-
- .panel-1 {
- display: flex;
- }
- .btnBox {
- display: flex;
- align-items: center;
- margin-left: 30px;
-
- .btn {
- margin: 0 5px;
- border-radius: 5px;
- border: none;
- }
-
- .search-btn {
- background-color: #409EFF;
- }
-
- .reset-btn {
- color: #000;
- background-color: #fff;
- }
-
- .create-btn {
- background-color: #67C23A;
-
- }
- }
-
- }
-
- .table {
- width: 98%;
- margin: 15px 10px 10px 15px;
-
-
- .ant-table-thead {
- th {
- padding: 0px 16px;
- height: 50px;
- }
-
- .ant-table-cell {
- background: var(--color-table-header-bg) !important;
- font-weight: 700;
-
- &::before {
- display: none;
- }
- }
- }
-
- .ant-table-tbody {
- tr {
- &:nth-child(2n) {
- td {
- background: #3E4557 !important;
- }
- }
-
- &:hover {
- td {
- background: #3E4557 !important;
- }
- }
-
- td {
- background: #3E4557 !important;
- border-bottom-color: #f2f2f2;
- }
- }
- }
-
- .ant-pagination-options {
- .ant-select {
- &:hover {
- .ant-select-selector {
- border-color: #f5f6f9;
- box-shadow: none;
- }
- }
- }
-
- .ant-select-selector {
- border-color: #f5f6f9;
- }
-
- .ant-select-focused {
- .ant-select-selector {
- box-shadow: none !important;
- border-color: #f5f6f9 !important;
- }
- }
-
- .ant-pagination-options-quick-jumper {
- input {
- background: #3E4557;
- border-color: #f5f6f9;
-
- &:focus {
- box-shadow: none;
- }
- }
- }
- }
- }
-
- .table-status-normal {
- width: 20px;
- height: 20px;
- border-radius: 50%;
- border: 1px solid #67C23A;
- }
-
- .table-status-err {
- width: 20px;
- height: 20px;
- border-radius: 50%;
- border: 1px solid red;
- }
-
- .scheduleBtn {
- background: #409eff;
- border: none;
- width: 50px;
- border-radius: 4px;
- cursor: pointer;
- }
-
- .updateCard{
- padding: 20px;
- .title {
- display: flex;
- align-items: center;
- font-size: 18px;
- color: #fff;
- font-weight: 500;
-
- &::before {
- content: '';
- display: inline-block;
- margin-right: 10px;
- width: 5px;
- height: 20px;
- border-radius: 10px;
- background-color: #409eff;
- }
- }
- .form-note{
- margin: 20px 0 0 30px;
- .ant-form-item-label{
- width: 100px;
- text-align-last: right;
- }
- .ant-input{
- background: transparent;
- border-color: var(--color-border);
- }
- .btns{
- margin-left: 96px;
-
- .btn{
- margin: 0 8px;
- background-color: #fff;
- color: #606266;
- border: none;
- border-radius: 4px;
- }
- }
- }
- }
-}
diff --git a/src/pages/MerchantMgm/FunctionMgm/loadable.jsx b/src/pages/MerchantMgm/FunctionMgm/loadable.jsx
index 6323541..a91372b 100644
--- a/src/pages/MerchantMgm/FunctionMgm/loadable.jsx
+++ b/src/pages/MerchantMgm/FunctionMgm/loadable.jsx
@@ -1,1402 +1,15 @@
-import React, { useState, useRef, useEffect, createContext } from "react";
-import { Input, Select, message, Popover, Pagination, Table,Tree, DatePicker, Form, Radio, Upload, Space, Modal, Cascader, Button } from "antd";
+import React, { useState, useRef, useEffect } from "react";
+// import { message, Pagination, Table, Space, Modal, } from "antd";
// import { dictionary, utils } from "@/config/common";
-import { pageSizeOptions } from '@/config/character.config.js'
-import { LoadingOutlined, PlusOutlined } from '@ant-design/icons';
-import moment from 'moment'
-import { FormInput, FormSelect, ImgUpload, SystemSearch, FormDatePicker, Icon, ResultFlow, ExportBtn, SearchTabs } from "@/components"
-import { useSessionStorageState, useUpdateEffect, useSize, useUpdate, 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, DeleteOutlined } from '@ant-design/icons';
-import { assign } from "lodash";
-
+// 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 FunctionMgm() {
- //默认
- const parameter = {
- tenantName: "",
- manage_type: "",
- note: "",
- updateAt: "",
- manage_type_name: "",
- pn: 1,
- page_size: Number(pageSizeOptions[0]), // 每页条数
- }
- //等待状态
- const [loading, setLoading] = useState(false) // 等待状态
- //表格数据
- const [tableData, setTableData] = useState([])
- //表头
- const columns = [
- {
- title: '序号',
- dataIndex: 'id',
- key: 'id',
- align: "center",
- },
- {
- title: '商户名称',
- key: 'tenantName',
- dataIndex: 'tenantName',
- align: "center",
- },
- {
- title: '经营业务类型',
- key: 'manage_type_name',
- dataIndex: 'manage_type_name',
- align: "center",
- },
- {
- title: '备注',
- key: 'note',
- dataIndex: 'note',
- align: "center",
- },
- {
- title: '创建时间',
- key: 'updateAt',
- dataIndex: 'updateAt',
- align: "center",
- },
- {
- title: '操作',
- key: 'operation',
- dataIndex: 'operation',
- align: "center",
- render: (text, record, index) => {
- return <>
-
{ updateBtn(record) }} trigger="hover" style={{ color: '#409EFF', cursor: "pointer" }}>编辑
- >
- },
- },
- ]
- //检索表单
- const [formData, setFormData] = useSetState(parameter)
- const [lastFormData, setLastFormData] = useState(formData)
- const lastFormDataRef = useRef(formData)
-
- const [searchForm]=Form.useForm()
- //是否第一次检索表单
- const [isFirst,setIsFirst]=useState(false)
- //商户名称下拉
- const [tenantPull, setTenantPull] = useState([])
- //总条数
- const [total, setTotal] = useState()
- //编辑开关
- const [updateVisible, setUpdateVisible] = useState(false)
- //更新表单
- const [updateForm]=Form.useForm()
- //绑定功能
- const treeData = [
- {
- title: '路内停车管理系统',
- key: '0',
- children: [
- {
- title: '停车场管理',
- key: '0-0',
- children: [
- {
- title: '停车场管理',
- key: '0-0-0',
- children: [
- {
- title: '【按钮】查询',
- key: '0-0-0-0',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- },
- {
- title: '【按钮】停车场配置',
- key: '',
- },
- ]
- },
- {
- title: '停车记录查询',
- key: '0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】详情',
- key: '',
- },
- ]
- },
- {
- title: '泊位列表',
- key: '0-0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- },
- ]
- },
- ],
- },
- {
- title: '业务管理',
- key: '0-0-1',
- children: [
- {
- title: '计费规则管理',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- },
- ]
- },
- {
- title: '白名单管理',
- key: '',
- children: [
- {
- title: '白名单记录',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- },
- {
- title: '【按钮】修改',
- key: '',
- },
- {
- title: '【按钮】启用',
- key: '',
- },
- ]
- },
- {
- title: '白名单申请',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】创建申请',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- },
- {
- title: '【按钮】修改',
- key: '',
- },
- {
- title: '【按钮】删除',
- key: '',
- },
- ]
- },
- {
- title: '白名单审核',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】审核',
- key: '',
- },
- ]
- },
- ]
- },
- ],
- },
- {
- title: '人员管理',
- key: '0-0-1',
- children: [
- {
- title: '人员管理',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】离职/在职',
- key: '',
- },
- ]
- },
- {
- title: '人员考勤',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- ]
- },
- ],
- },
- {
- title: '设备管理',
- key: '0-0-0-1',
- children: [
- {
- title: '路内车场设备监控',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】详情',
- key: '',
- },
- ]
- },
- {
- title: '路外车场设备监控',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】详情',
- key: '',
- },
- ]
- },
- {
- title: '视频监控设备管理',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】删除',
- key: '',
- },
- {
- title: '【按钮】查看监控',
- key: '',
- },
- ]
- },
- {
- title: '杆位管理',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- },
- {
- title: '【按钮】导入',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- {
- title: 'PDA管理',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】删除',
- key: '',
- },
- ]
- },
- {
- title: '品牌管理',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- ]
- },
- ]
- },
- {
- title: '运营统计',
- key: '0-0-1',
- children: [
- {
- title: '停车场数据分析',
- key: '',
- children: [
- {
- title: '停车场实况数据',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- ]
- },
- {
- title: '停车场运营分析',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- ]
- },
-
- ]
- },
- ],
- },
- {
- title: '财务管理',
- key: '0-0-1',
- children: [
- {
- title: '停车场欠费订单',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- {
- title: '欠费追缴查询',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- {
- title: '停车场收入报表',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- {
- title: '营收总报表',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- {
- title: '收费员收入统计',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- {
- title: '支付渠道统计',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- }
- ]
- },
- {
- title: '发票记录',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】冲红重开',
- key: '',
- },
- ]
- },
- {
- title: '停车支付订单',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- ],
- },
- ],
- },
- {
- title: '路外停车管理系统',
- key: '0-0',
- children: [
- {
- title: '停车场管理',
- key: '0-0-0',
- children: [
- {
- title: '停车场管理',
- key: '0-0-0-0',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- },
- {
- title: '【按钮】二维码下载',
- key: '',
- },
- {
- title: '【按钮】保存并同步',
- key: '',
- },
- {
- title: '【按钮】停车场配置',
- key: '',
- },
- ]
- },
- {
- title: '计费规则管理',
- key: '0-0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】删除',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- },
- ]
- },
- {
- title: '停车记录查询',
- key: '0-0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】详情',
- key: '',
- },
- ]
- },
- ],
- },
- {
- title: '人员管理',
- key: '0-0-1',
- children: [
- {
- title: '交接班报表',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- },
- ]
- },
- {
- title: 'MS收费员管理',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】在职/离职',
- key: '',
- },
- ]
- },
- ],
- },
- {
- title: '设备管理',
- key: '0-0-0-1',
- children: [
- {
- title: '视频监控设备管理',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】删除',
- key: '',
- },
- {
- title: '【按钮】查看监控',
- key: '',
- },
- ]
- },
- {
- title: '路外设备管理',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- }
- ]
- }
- ]
- },
- {
- title: '运营统计',
- key: '0-0-1',
- children: [
- {
- title: '停车场数据分析',
- key: '',
- children: [
- {
- title: '停车场实况数据',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- ]
- },
- {
- title: '停车场运营分析',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- ]
- },
-
- ]
- },
- ],
- },
- {
- title: '异常管理',
- key: '0-0-1',
- children: [
- {
- title: '抬杆记录',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- {
- title: '特殊放行记录',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- {
- title: '车牌修正记录',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- }
- ],
- },
- {
- title: '财务管理',
- key: '0-0-1',
- children: [
- {
- title: '停车场支付订单',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- {
- title: '营收总报表',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- {
- title: '停车场收入报表',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- ]
- },
- {
- title: '支付渠道统计',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- ]
- },
- ],
- },
- ],
- },
- {
- title: '充电管理系统',
- key: '0-0',
- children: [
- {
- title: '实时监控',
- key: '0-0-0',
- children: [
- {
- title: '电桩监控',
- key: '0-0-0-0',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】查看详情',
- key: '',
- },
- {
- title: '【按钮】远程监控',
- key: '',
- },
- {
- title: '【按钮】状态变更记录',
- key: '',
- },
- ]
- },
- {
- title: '充电监控',
- key: '0-0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】查看详情',
- key: '',
- },
- ]
- },
- {
- title: '地锁监控',
- key: '0-0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】查看详情',
- key: '',
- },
- ]
- },
- {
- title: '充电泊位监控',
- key: '0-0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】查看详情',
- key: '',
- },
- ]
- },
- ],
- },
- {
- title: '记录查询',
- key: '0-0-1',
- children: [
- {
- title: '充电订单',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- {
- title: '【按钮】查看详情',
- key: '',
- },
- ]
- },
- {
- title: '开锁记录',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- }
- ]
- },
- {
- title: '预约订单',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】导出',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- },
- ]
- },
- {
- title: '违规行为记录',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】详情',
- key: '',
- },
- ]
- },
- ],
- },
- ]
- },
- {
- title: '系统管理',
- key: '0-0',
- children: [
- {
- title: '商户信息查看',
- key: '0-0-0',
- children: [
- {
- title: '【按钮】查询',
- key: '0-0-0-0',
- },
- {
- title: '【Tab】商户信息',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- ]
- },
- {
- title: '【Tab】发票配置',
- key: '',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- ]
- },
- {
- title: '计费规则管理',
- key: '0-0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】删除',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- },
- ]
- },
- {
- title: '停车记录查询',
- key: '0-0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】详情',
- key: '',
- },
- ]
- },
- ],
- },
- {
- title: '管理员管理',
- key: '0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】离职',
- key: '',
- },
- ],
- },
- {
- title: '角色管理',
- key: '0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】删除',
- key: '',
- },
- ],
- },
- {
- title: '组织架构',
- key: '0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】添加',
- key: '',
- },
- {
- title: '【按钮】编辑',
- key: '',
- },
- {
- title: '【按钮】删除',
- key: '',
- },
- ],
- },
- {
- title: '系统日志',
- key: '0-0-1',
- children: [
- {
- title: '【按钮】查询',
- key: '',
- },
- {
- title: '【按钮】查看',
- key: '',
- }
- ],
- },
- ],
- },
- ];
- //获取商户名称的下拉
- 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'])
- setLoading(true)
- ajax.getFunctionMgmTable(value).then(
- res => {
- if (res.status == 20000) {
- setTableData(res.data.list)
- setTotal(res.data.total_records)
- setIsFirst(true)
- } else {
- message.error(res.message)
- }
- setLoading(false)
- }
- ).catch(
- (err) => {
- console.log(err)
- }
- )
- }
- //搜索数据
- const getSearchData = () => {
- 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 getResetData = () => {
- searchForm.setFieldsValue({
- shop_name:""
- })
- if(isFirst){
- getTable()
- }
- }
-
- //编辑
- const updateBtn = (record) => {
- setUpdateVisible(true)
- updateForm.setFieldsValue(
- {
- shop_name:record.tenantName,
- note:record.note
- }
- )
- setFormData(record)
- }
- //点击取消-返回上一层
- const createOncancel = () => {
- setUpdateVisible(false)
- }
- //编辑后提交
- const submitUpdate=()=>{
-
- }
-
- const onSelect = (selectedKeys, info) => {
- console.log('selected', selectedKeys, info);
- };
- const onCheck = (checkedKeys, info) => {
- console.log('onCheck', checkedKeys, info);
- };
-
- useEffect(
- () => {
- getTenantNamePull()
- }, []
- )
- return (
-
- {
- !updateVisible ?
- <>
-
-
-
-
-
-
- } onClick={() => { getSearchData() }}>
- 查询
-
-
-
-
-
-
-
-
-
{
- if (total) {
- return `共 ${total} 条`
- }
- else return `共 0 条`
- }
- }
- total={total}
- current={formData.pn}
- pageSize={formData.page_size}
- pageSizeOptions={pageSizeOptions}
- onChange={changePn}
- onShowSizeChange={changeLength}
- />
- > : ''
- }
-
- {
- updateVisible ?
-
-
商户功能管理
-
-
-
- {formData.tenantName}
-
-
-
-
-
-
-
-
-
-
-
- {/* */}
-
-
-
-
-
-
-
-
-
-
-
: ''
- }
-
-
- )
+ return
FunctionMgm
}
-export default FunctionMgm;
+export default FunctionMgm;
\ No newline at end of file
diff --git a/src/pages/MerchantMgm/InvoiceConf/index.scss b/src/pages/MerchantMgm/InvoiceConf/index.scss
index 31e8667..1838f71 100644
--- a/src/pages/MerchantMgm/InvoiceConf/index.scss
+++ b/src/pages/MerchantMgm/InvoiceConf/index.scss
@@ -3,340 +3,3 @@ $color-container-bg : var(--color-container-bg);
$color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
-
-.invoiceConf {
- .panel {
- width: 100%;
- height: 100px;
- padding-top: 20px;
- padding-left: 0.625rem;
- background: none;
-
- .btn {
- margin: 5px 5px;
- border-radius: 5px;
- border: none;
- }
- .reset-btn {
- color: #000;
- background-color: #fff;
- }
-
- .create-btn {
- background-color: #67C23A;
-
- }
-
- .search-btn {
- background-color: #409EFF;
- }
- .panel-1 {
- display: flex;
- align-items: center;
-
- .ant-input{
- background: transparent;
- border-color: var(--color-border);
- }
-
- .form-item{
- margin: 5px 40px;
- }
-
-
- .ant-select-arrow {
- background: none !important;
- }
-
-
- .yisa-cascader {
- width: 8rem;
- background: transparent;
- border-color: var(--color-border);
- }
-
- .yisa-select {
- width: 11.875rem;
-
- .ant-select-selector {
- background: transparent;
- border-color: var(--color-border);
- }
-
- }
-
- .search-group-item {
- margin-right: 0.625rem;
- width: 16.875rem;
- background: transparent;
- border-color: var(--color-border);
-
- }
- }
-
-
- }
-
- .table {
- width: 98%;
- margin: 15px 10px 10px 15px;
-
-
- .ant-table-thead {
- th {
- padding: 0px 16px;
- height: 50px;
- }
-
- .ant-table-cell {
- background: var(--color-table-header-bg) !important;
- font-weight: 700;
-
- &::before {
- display: none;
- }
- }
- }
-
- .ant-table-tbody {
- tr {
- &:nth-child(2n) {
- td {
- background: #3E4557 !important;
- }
- }
-
- &:hover {
- td {
- background: #3E4557 !important;
- }
- }
-
- td {
- background: #3E4557 !important;
- border-bottom-color: #f2f2f2;
- }
- }
- }
-
- .ant-pagination-options {
- .ant-select {
- &:hover {
- .ant-select-selector {
- border-color: #f5f6f9;
- box-shadow: none;
- }
- }
- }
-
- .ant-select-selector {
- border-color: #f5f6f9;
- }
-
- .ant-select-focused {
- .ant-select-selector {
- box-shadow: none !important;
- border-color: #f5f6f9 !important;
- }
- }
-
- .ant-pagination-options-quick-jumper {
- input {
- background: #3E4557;
- border-color: #f5f6f9;
-
- &:focus {
- box-shadow: none;
- }
- }
- }
- }
- }
-
- .scheduleBtn {
- background: #409eff;
- border: none;
- width: 50px;
- border-radius: 4px;
- cursor: pointer;
- }
-
- #create {
- height: 800px;
- overflow-y: scroll;
-
- .create-form {
- .btns {
- display: flex;
- justify-content: end;
- margin-right: 20px;
- margin-top: 10px;
-
- .btn {
- width: 70px;
- height: 36px;
- border: none;
- border-radius: 4px;
- text-align: center;
- cursor: pointer;
- }
-
- .btn-1 {
- color: #fff;
- background-color: #409EFF;
- margin-right: 10px;
- }
-
- .btn-2 {
- background-color: #fff;
- color: #000;
- }
- }
-
- .container {
- padding: 20px 20px;
- display: flex;
-
- .left {
- width: 50%;
- margin-right: 20px;
-
- .left-1 {
- width: 500px;
- }
-
- .left-2 {
- width: 500px;
- background-color: #3E4557;
- }
-
- .left-3 {
- width: 500px;
- }
-
- .cc-form-input {
- margin: 10px 5px 20px 30px;
-
- .cc-form-name {
- width: 100px;
- text-align: right;
- }
- }
-
- .select {
- margin: 10px 5px 20px 30px;
-
- .form-select-single-name {
- width: 100px;
- text-align: right;
- }
- }
-
- .selectionBox {
- margin-left: 64px;
- }
-
-
- }
-
- .right {
- width: 50%;
-
- .right-wrap {
- width: 500px;
-
- .cc-form-input {
- margin: 10px 5px 20px 30px;
-
- .cc-form-name {
- width: 110px;
- text-align: right;
- }
- }
- }
-
- }
-
- }
- }
- }
-
- #check {
- height: 800px;
- overflow-y: scroll;
-
- .check-form {
- .btns {
- display: flex;
- justify-content: end;
- margin-right: 20px;
- margin-top: 10px;
-
- .btn {
- width: 70px;
- height: 36px;
- border: none;
- border-radius: 4px;
- text-align: center;
- cursor: pointer;
- background-color: #fff;
- color: #000;
- }
-
-
- }
-
- .container {
- padding: 20px 20px;
- display: flex;
-
- .left {
- width: 50%;
- margin: 0 20px;
- display: flex;
- flex-direction: column;
-
- .left-wrap {
- width: 300px;
- margin-bottom: 40px;
-
- .item {
- margin: 15px;
-
- .item-title {
- display: inline-block;
- width: 100px;
- text-align-last: end;
- white-space: nowrap;
- }
- }
-
-
- }
-
- }
-
- .right {
- width: 50%;
-
- .right-wrap {
- width: 500px;
- .item {
- margin: 15px;
-
- .item-title {
- display: inline-block;
- width: 100px;
- text-align-last: end;
- white-space: nowrap;
- }
- }
-
- }
-
- }
-
- }
- }
- }
-}
diff --git a/src/pages/MerchantMgm/InvoiceConf/loadable.jsx b/src/pages/MerchantMgm/InvoiceConf/loadable.jsx
index 2ec92a2..51cf4c1 100644
--- a/src/pages/MerchantMgm/InvoiceConf/loadable.jsx
+++ b/src/pages/MerchantMgm/InvoiceConf/loadable.jsx
@@ -1,1024 +1,15 @@
import React, { useState, useRef, useEffect } from "react";
-import { Input, Select, Cascader, DatePicker, Button, message, Pagination, Table, Popover, Form, Radio, Space, Modal, } from "antd";
-import { dictionary, utils } from "@/config/common";
-import moment from 'moment'
-import { pageSizeOptions } from '@/config/character.config.js'
-import { useSessionStorageState, useUpdateEffect, useSize, useUpdate, useSetState } from 'ahooks';
-import ajax from "@/services"
-import { FormInput, FormSelect, FormSelectionBox, 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 { SearchOutlined, DeleteOutlined } from '@ant-design/icons';
-
-const { RangePicker } = DatePicker;
-
-
+// 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 InvoiceConf() {
- //默认
- const parameter = {
- info_id: '',//发票ID
- tenantName: '',
- receipt_type: 0,//发票平台
- receipt_type_name: '',
- invoice_item: '',//开票项目
- sell_name: '',
- sell_num: '',//销货方识别号
- drawer_name: '',
- updatePerson: '',
- updateAt: '',
- type: 1,
- status: 0,
- status_name: '',
- start: moment().subtract(90, 'days').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
- end: moment().format('YYYY-MM-DD HH:mm:ss'),
-
- tax_way: '',//计税方式
- tax_type: '',//含税标志
- tax_rate: '',//税率
- code: "",
- auth_code: "",
- request_url: "",
- request_code: "",
- request_func: '',
- namespace: "",
- tax_name: "",
- tax_num: "",
- sell_name: "",
- sell_num: '',//销货方识别号
- sell_address: "",
- sell_phone: '',
- sell_bank_name: '',
- sell_bank_num: '',
- pay_name: '',
- check_name: '',
- mini_amount: '',
- max_amount: '',
- order_type: '',//订单类型
- pn: 1,
- page_size: Number(pageSizeOptions[0]), // 每页条数
- }
-
- //检索表单
- const [formData, setFormData] = useSetState(parameter)
- const [lastFormData, setLastFormData] = useState(formData)
- const lastFormDataRef = useRef(formData)
- const [records, setRecords] = useState({})
-
- const [searchForm] = Form.useForm()
- //是否第一次检索表单
- const [isFirst,setIsFirst]=useState(false)
- //表格数据
- const [tableData, setTableData] = useState([])
- //等待状态
- const [loading, setLoading] = useState(false) // 等待状态
- //总条数
- const [total, setTotal] = useState()
-
- //商户名称下拉
- const [tenantPull, setTenantPull] = useState([])
- //计税方式下拉
- const [taxWay, setTaxWay] = useState([])
- //税率下拉
- const [taxRate, setTaxRate] = useState([])
- //含税标志下拉
- const [taxType, setTaxType] = useState([])
- //开票项目下拉
- const [invoiceItem, setInvoiceItem] = useState([])
- //新增开关
- const [createVisible, setCreateVisible] = useState(false)
- //查看开关
- const [checkVisible, setCheckVisible] = useState(false)
-
- //商户类型选择
- const tenantOption = [
- {
- label: '商户名称',
- value: 1,
- },
- {
- label: '销货方名称',
- value: 2,
- },
- {
- label: '销货放识别号',
- value: 3,
- },
- ]
- //发票平台
- const invoicePlat = [
- {
- label: '全部',
- value: 0,
- },
- {
- label: '航信',
- value: 1,
- },
- {
- label: '航信诺诺',
- value: 2,
- },
- {
- label: '百旺',
- value: 3,
- },
- ]
- //发票平台单选
- const invoicePlatSelection = [
- {
- label: '航信',
- value: 1,
- },
- {
- label: '航信诺诺',
- value: 2,
- },
- {
- label: '百旺',
- value: 3,
- },
- ]
- //订单类型的复选
- const orderType = [
- {
- label: '停车支付订单',
- value: 1,
- },
- {
- label: '停车卡订单',
- value: 2,
- },
- ]
-
- //状态
- const statusType = [
- {
- label: '全部',
- value: 0,
- },
- {
- label: '已启用',
- value: 1,
- },
- {
- label: '已停用',
- value: 2,
- },
- ]
-
- //表头
- const columns = [
- {
- title: '配置ID',
- dataIndex: 'info_id',
- key: 'info_id',
- align: "center",
- },
- {
- title: '商户名称',
- key: 'tenantName',
- dataIndex: 'tenantName',
- align: "center",
- },
- {
- title: '发票平台',
- key: 'receipt_type_name',
- dataIndex: 'receipt_type_name',
- align: "center",
- },
- {
- title: '开票项目',
- key: 'invoice_item',
- dataIndex: 'invoice_item',
- align: "center",
- },
- {
- title: '销货方名称',
- key: 'sell_name',
- dataIndex: 'sell_name',
- align: "center",
- },
- {
- title: '销货方识别号',
- key: 'sell_num',
- dataIndex: 'sell_num',
- align: "center",
- },
- {
- title: '开票人',
- key: 'drawer_name',
- dataIndex: 'drawer_name',
- align: "center",
- },
- {
- title: '状态',
- key: 'status',
- dataIndex: 'status',
- align: "center",
- render: (value, row, index) => {
- return (
- <>
- {
- row.status == 1 ?
-
已启用
:
-
已停用
- }
- >
- )
- }
- },
- {
- title: '最后操作人',
- key: 'updatePerson',
- dataIndex: 'updatePerson',
- align: "center",
- },
- {
- title: '最后修改时间',
- key: 'updateAt',
- dataIndex: 'updateAt',
- align: "center",
- },
- {
- title: '操作',
- key: 'operation',
- dataIndex: 'operation',
- align: "center",
- render: (text, record, index) => {
- return <>
-
- { checkBtn(index) }}>详情
- {
- record.status == 2 ?
- <>
- { updateBtn(index) }}>编辑
- { stopBtn(index) }}>启用
- > : { stopBtn(index) }}>停用
- }
-
- }>
-
@@ -622,16 +558,20 @@ function MerchantInfo() {
className="yisa-cascader"
placeholder="商户名称"
options={tenantNamePull}
- value={formData?.type}
onChange={e => {
- setFormData(Object.assign({ ...formData, type: e }))
+ setFormData(Object.assign(formData, { tenantNamePull: e }))
+ setTenantNamePull(e)
}}
/>
}
placeholder="请输入"
- value={formData.type_name}
onChange={e => {
- setFormData(Object.assign({ ...formData, type_name: e.target.value }))
+ if (tenantNamePull == 1) {
+ setFormData(Object.assign(formData, { tenantCode: e.target.value }))
+ }
+ else {
+ setFormData(Object.assign(formData, { tenantName: e.target.value }))
+ }
}}
/>
@@ -641,10 +581,11 @@ function MerchantInfo() {
className="yisa-select"
options={tenantType}
placeholder="请选择"
- value={formData?.tenantType}
+ hasUnlimited={false}
onChange={
e => {
- setFormData(Object.assign({ ...formData, tenantType: e }))
+ setFormData(Object.assign(formData, { tenantType: e }))
+ console.log(e);
}
}
/>
@@ -655,8 +596,9 @@ function MerchantInfo() {
className="yisa-select"
options={businessType}
placeholder="请选择"
- value={formData.businessType}
- onChange={e => { setFormData(Object.assign({ ...formData, businessType: e })) }}
+ hasUnlimited={false}
+ showClose={true}
+ onChange={e => { setFormData(Object.assign(formData, { businessType: e })) }}
/>
@@ -665,8 +607,9 @@ function MerchantInfo() {
className="yisa-select"
options={status}
placeholder="请选择"
- value={formData.status}
- onChange={e => { setFormData(Object.assign({ ...formData, status: e })) }}
+ hasUnlimited={false}
+ showClose={true}
+ onChange={e => { setFormData(Object.assign(formData, { status: e })) }}
/>
@@ -754,8 +697,8 @@ function MerchantInfo() {
labelPosition="left"
placeholder="请输入商户名称"
isRequired={true}
- className="form-item"
- value={formCreate.tenantName}
+ className="form-item"
+ value={records.tenantName}
showClose={true}
onChange={e => {
setFormCreate(Object.assign({ ...formCreate, tenantName: e.target.value }))
@@ -766,8 +709,8 @@ function MerchantInfo() {
labelPosition="left"
placeholder="请输入商户编码"
isRequired={true}
- className="form-item"
- value={formCreate.tenantCode}
+ className="form-item"
+ value={records.tenantCode}
showClose={true}
onChange={e => {
setFormCreate({ ...formCreate, tenantCode: e.target.value })
@@ -777,55 +720,33 @@ function MerchantInfo() {
yisaLabel="商户类型:"
yisaData={tenantType}
defaultValue={tenantType || null}
- value={formCreate.tenantType}
+ value={records.tenantType}
placeholder="请选择"
hasUnlimited={false}
showClose={true}
- required={true}
+ required={true}
className="select"
onChange={e => {
setFormCreate(Object.assign({ ...formCreate, tenantType: e }))
}}
/>
-