-
- {
- navData.map((item,index)=>{
- return
{setActiveIndex(-1)}}
- onMouseOver={()=>{setActiveIndex(index)}}
- onClick={()=>{clickItem(item)}}
- >
-
+
+
+ {
+ navData.map((item,index)=>{
+ return
{setActiveIndex(-1)}}
+ onMouseOver={()=>{setActiveIndex(index)}}
+ onClick={()=>{clickItem(item)}}
+ >
+
-
{item.text}
-
{item.en_name}
+
{item.text}
+
{item.en_name}
-
- })
- }
+
+ })
+ }
+
+
)
diff --git a/src/pages/Nav/index.scss b/src/pages/Nav/index.scss
index 4e40af0..4f20e57 100644
--- a/src/pages/Nav/index.scss
+++ b/src/pages/Nav/index.scss
@@ -1,38 +1,36 @@
-@function px2vh($h) {
- @return $h * 100vh / 970
-}
-@function px2vw($w) {
- @return $w * 100vw / 1920
-}
+
.nav-layout{
.cc-header{
position: absolute;
}
}
-.nav-contanier{
+.nav-content{
width: 100%;
height: 100%;
background-image: url('@/assets/images/nav/nav_bg.png');
background-size: 100% 100%;
background-position: center;
- padding: 30px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.nav-contanier{
+ width: 1600px;
+ height: 710px;
display: flex;
flex-direction: row;
align-items: center;
+ flex-wrap: wrap;
.item{
- // display: flex;
- // flex-direction: column;
- // align-items: center;
- // justify-content: center;
margin: 10px;
cursor: pointer;
background: url("@/assets/images/nav/nav_item.png");
background-size: 100% 100%;
background-position: center;
- width: 246px;
- height: 680px;
- padding-top: 130px;
+ width: 280px;
+ height: 330px;
+ padding-top: 30px;
position: relative;
&:hover{
@@ -46,7 +44,9 @@
font-size: 16px;
}
.line{
- margin-top: 50px;
+ margin-top: 30px;
+ height: 2px;
+ border-bottom: 2px solid #3e536c !important;
}
&::after{
content: '';
@@ -56,7 +56,7 @@
height: 4px;
border-radius: 2px;
position: absolute;
- bottom: -20px;
+ bottom: -10px;
}
}
.out-wrapper{
@@ -83,12 +83,13 @@
height: 2px;
width: 120px;
margin: auto ;
+ margin-top: 10px;
// background-color: red;
border-bottom: 2px solid #3E536C;
}
.zh-name{
text-align: center;
- margin-top: 60px;
+ // margin-top: 10px;
font-size: 18px;
font-weight: 700;
}
diff --git a/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/loadable.jsx b/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/loadable.jsx
index 24a5e7b..fac1251 100644
--- a/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/loadable.jsx
+++ b/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/loadable.jsx
@@ -1,5 +1,5 @@
import React, { useState, useRef, useEffect } from "react";
-import { ResultFlowResult, QuickMenu } from "@/components"
+import { ResultFlowResult, QuickMenu, ExportBtnNew } from "@/components"
import { Select, Button, Table, message, Pagination, Input, Modal, Image, DatePicker, Space, Upload } from 'antd'
import {
pageSizeOptions
@@ -36,6 +36,7 @@ function CallbackSuggestion(props) {
const [imgVisible, setImgVisible] = useState(false)
const [orderVisible, setOrderVisible] = useState(false)
const [evidenceVisible, setEvidenceVisible] = useState(false)
+ const exportRef = useRef(null)
//物品型号
const handleAdviseType = (value) => {
@@ -515,12 +516,17 @@ function CallbackSuggestion(props) {
}
}
- const exportData = () => {
+ const exportData = (start, end) => {
let data = {
- ...formData
+ ...formData,
+ start: start,
+ end: end
}
ajax.exportDataList(data).then(res => {
window.open(res.data.export_url)
+ exportRef.current.handleCancel()
+ }).catch(err => {
+ exportRef.current.handleError()
})
}
const checkPic = () => {
@@ -644,9 +650,21 @@ function CallbackSuggestion(props) {
共检索到{resultData.total_records}条结果
- */}
+ 导出}
+ modalType="noImg"
+ ref={exportRef}
+ totalRecords={resultData.total_records}
+ imgno={false}
+ postdata={{
+ formData: formData
+ }}
+ isTableModule={true}
+ onOk={exportData}
+ />
{
- let data = { ...holdData, ...pageInfo };
+ const exportData = (start, end) => {
+ let data = { ...holdData, ...pageInfo, start: start, end: end };
ajax.getComplainExport(data).then((res) => {
if (res?.data?.url) {
window.open(res.data.url);
+ exportRef.current.handleCancel()
} else {
message.error("导出异常");
+ exportRef.current.handleError()
}
});
};
@@ -1548,14 +1552,26 @@ function ComplainManage(props) {
>
设置
-
+ */}
+ 导出}
+ modalType="noImg"
+ ref={exportRef}
+ totalRecords={resultData.total}
+ imgno={false}
+ postdata={{
+ formData: formData
+ }}
+ isTableModule={true}
+ onOk={exportData}
+ />
{
+ const exportData=(start, end)=>{
let data={
- ...formData
+ ...formData,
+ start: start,
+ end: end
}
ajax.handleOffExport(data).then(res => {
window.open(res.data.url)
+ exportRef.current.handleCancel()
+ }).catch(err => {
+ exportRef.current.handleError()
})
}
+ const handleExport = (start, end) => {
+ exportData(start, end)
+ }
+
useEffect(()=>{
// getOffList()
getCouponOptions()
@@ -357,7 +367,19 @@ function WriteOffDetail() {
{resultData.total}
条结果
-
+ {/* */}
+ 导出}
+ modalType="noImg"
+ ref={exportRef}
+ totalRecords={resultData.total}
+ imgno={false}
+ postdata={{
+ formData: formData
+ }}
+ isTableModule={true}
+ onOk={handleExport}
+ />
{
+ exportData(start, end)
+ }
+
//切换分页
const changePn = (pn, length) => {
if (lastFormData.size === length) {
@@ -141,12 +147,17 @@ function WriteOffStat(props) {
}
//导出
- const exportData=()=>{
+ const exportData=(start, end)=>{
let data={
- ...formData
+ ...formData,
+ start: start,
+ end: end
}
ajax.handleCountExport(data).then(res => {
window.open(res.data.url)
+ exportRef.current.handleCancel()
+ }).catch(err => {
+ exportRef.current.handleError()
})
}
@@ -225,9 +236,21 @@ function WriteOffStat(props) {
共检索到{resultData.total}条结果
- */}
+ 导出}
+ modalType="noImg"
+ ref={exportRef}
+ totalRecords={resultData.total}
+ imgno={false}
+ postdata={{
+ formData: formData
+ }}
+ isTableModule={true}
+ onOk={handleExport}
+ />
diff --git a/src/pages/OperationCenter/OtherBusiness/ParkingCard/ParkingCardOrder/loadable.jsx b/src/pages/OperationCenter/OtherBusiness/ParkingCard/ParkingCardOrder/loadable.jsx
index 56154a1..997e48b 100644
--- a/src/pages/OperationCenter/OtherBusiness/ParkingCard/ParkingCardOrder/loadable.jsx
+++ b/src/pages/OperationCenter/OtherBusiness/ParkingCard/ParkingCardOrder/loadable.jsx
@@ -3,7 +3,7 @@ import { Select, Input, Popconfirm,Button, Table, message, DatePicker, Paginatio
import {
pageSizeOptions
} from '@/config/character.config.js'
-import { ResultFlowResult } from "@/components"
+import { ResultFlowResult, ExportBtnNew } from "@/components"
import { SearchOutlined, PlusOutlined,VerticalAlignBottomOutlined } from '@ant-design/icons';
import moment from 'moment'
import { useSetState,} from 'ahooks';
@@ -156,6 +156,7 @@ function ParkingCardOrder() {
})
const [lastFormData, setLastFormData] = useState(formData)
+ const exportRef = useRef(null)
const lastFormDataRef = useRef(formData)
@@ -292,17 +293,19 @@ function ParkingCardOrder() {
};
// 导出
- const ReportPaySummaryReport = () => {
+ const ReportPaySummaryReport = (start, end) => {
if(!resultData.total){
message.warning("暂无数据")
return
}
- ajax.exportOrder(formData).then(res => {
+ ajax.exportOrder({...formData, start: start, end: end}).then(res => {
if (parseInt(res?.status) === 20000){
Donwload(res.data?.url)
+ exportRef.current.handleCancel()
}
else {
message.error(res?.message);
+ exportRef.current.handleError()
}
}).catch(e =>
console.log(e))
@@ -675,14 +678,26 @@ function ParkingCardOrder() {
style={{width:110}}>
添加
-
+ */}
+ 导出}
+ modalType="noImg"
+ ref={exportRef}
+ totalRecords={resultData.total}
+ imgno={false}
+ postdata={{
+ formData: formData
+ }}
+ isTableModule={true}
+ onOk={ReportPaySummaryReport}
+ />
diff --git a/src/pages/OperationCenter/OtherBusiness/Staggered/StaggeredOrder/loadable.jsx b/src/pages/OperationCenter/OtherBusiness/Staggered/StaggeredOrder/loadable.jsx
index bafa9d2..cc9bf43 100644
--- a/src/pages/OperationCenter/OtherBusiness/Staggered/StaggeredOrder/loadable.jsx
+++ b/src/pages/OperationCenter/OtherBusiness/Staggered/StaggeredOrder/loadable.jsx
@@ -1,5 +1,5 @@
import React, { useState, useRef, useEffect } from "react";
-import { ResultFlowResult } from "@/components"
+import { ResultFlowResult, ExportBtnNew } from "@/components"
import { Select, Input, Button, Table, message, TreeSelect, Pagination, DatePicker, Cascader, Popover, Modal } from 'antd'
import {
pageSizeOptions
@@ -37,6 +37,7 @@ function StaggeredOrder(props) {
const [lastFormData, setLastFormData] = useState(formData)
const lastFormDataRef = useRef(formData)
const [editVisible, setEditVisible] = useState(false)
+ const exportRef = useRef(null)
//停车场名称
@@ -69,12 +70,17 @@ function StaggeredOrder(props) {
}
//导出
- const exportData = () => {
+ const exportData = (start, end) => {
let data = {
- ...formData
+ ...formData,
+ start: start,
+ end: end
}
ajax.getExportOrder(data).then(res => {
window.open(res.data.url)
+ exportRef.current.handleCancel()
+ }).catch(err => {
+ exportRef.current.handleError()
})
}
//列表
@@ -355,9 +361,21 @@ function StaggeredOrder(props) {
共检索到{resultData.total_records}条结果
- */}
+ 导出}
+ modalType="noImg"
+ ref={exportRef}
+ totalRecords={resultData.total_records}
+ imgno={false}
+ postdata={{
+ formData: formData
+ }}
+ isTableModule={true}
+ onOk={exportData}
+ />
{
@@ -50,12 +51,17 @@ function StaggeredStat(props) {
};
//导出
- const exportData = () => {
+ const exportData = (start, end) => {
let data = {
- ...formData
+ ...formData,
+ start: start,
+ end: end
}
ajax.getStaggeredStatExport(data).then(res => {
window.open(res.data.url)
+ exportRef.current.handleCancel()
+ }).catch(err => {
+ exportRef.current.handleError()
})
}
//列表
@@ -233,9 +239,21 @@ function StaggeredStat(props) {
共检索到{resultData.total_records}条结果
- */}
+ 导出}
+ modalType="noImg"
+ ref={exportRef}
+ totalRecords={resultData.total_records}
+ imgno={false}
+ postdata={{
+ formData: formData
+ }}
+ isTableModule={true}
+ onOk={exportData}
+ />
diff --git a/src/pages/OutRoadMgm/OutSegmentMgm/ChargeRulesMgm/AddModal.jsx b/src/pages/OutRoadMgm/OutSegmentMgm/ChargeRulesMgm/AddModal.jsx
index 73da2f1..133020e 100644
--- a/src/pages/OutRoadMgm/OutSegmentMgm/ChargeRulesMgm/AddModal.jsx
+++ b/src/pages/OutRoadMgm/OutSegmentMgm/ChargeRulesMgm/AddModal.jsx
@@ -192,12 +192,12 @@ function AddModal(props) {
return (
-