From a3db1e2d34730b36eb995b2a62416b24429953c7 Mon Sep 17 00:00:00 2001 From: chenqiang Date: Fri, 17 Nov 2023 14:40:21 +0800 Subject: [PATCH] =?UTF-8?q?feat():=20=E5=AE=8C=E6=88=90=E8=AE=BE=E5=A4=87?= =?UTF-8?q?=E8=BF=90=E8=A1=8C=E7=BB=9F=E8=AE=A1=E9=A1=B5=E9=9D=A2=E7=9A=84?= =?UTF-8?q?=E7=BB=98=E5=88=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/equip/equip1.png | Bin 0 -> 5119 bytes src/assets/images/equip/equip2.png | Bin 0 -> 5264 bytes src/assets/images/equip/equip3.png | Bin 0 -> 5369 bytes src/assets/images/equip/equip4.png | Bin 0 -> 4911 bytes src/assets/images/equip/equip5.png | Bin 0 -> 5173 bytes .../EquipmentAly/EquipmentRunningStat/index.scss | 291 +++++++++ .../EquipmentAly/EquipmentRunningStat/loadable.jsx | 717 ++++++++++++++++++++- .../MemberStat/ParkingAly/loadable.jsx | 2 +- .../MemberStat/PayAly/loadable.jsx | 2 +- .../MemberStat/RegisterAly/loadable.jsx | 2 +- .../FinancialReport/BookReport/loadable.jsx | 20 +- .../FinancialReport/OperationReport/loadable.jsx | 16 +- .../FinancialReport/ParkCardReport/loadable.jsx | 13 +- .../ParkingIncomeReport/loadable.jsx | 15 +- .../FinancialReport/PayChannelStat/loadable.jsx | 12 +- .../FinancialReport/PaySummaryReport/loadable.jsx | 15 +- .../FinancialReport/PdaStat/loadable.jsx | 13 +- .../FinancialReport/PreOrderReport/loadable.jsx | 13 +- 18 files changed, 1073 insertions(+), 58 deletions(-) create mode 100644 src/assets/images/equip/equip1.png create mode 100644 src/assets/images/equip/equip2.png create mode 100644 src/assets/images/equip/equip3.png create mode 100644 src/assets/images/equip/equip4.png create mode 100644 src/assets/images/equip/equip5.png diff --git a/src/assets/images/equip/equip1.png b/src/assets/images/equip/equip1.png new file mode 100644 index 0000000000000000000000000000000000000000..e4e532569cbac65e84029514bddbe61971103e05 GIT binary patch literal 5119 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 literal 0 HcmV?d00001 diff --git a/src/assets/images/equip/equip5.png b/src/assets/images/equip/equip5.png new file mode 100644 index 0000000000000000000000000000000000000000..c0eccc55782fedd052c1d3d2c400cc69a794e641 GIT binary patch literal 5173 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 C-8=69 literal 0 HcmV?d00001 diff --git a/src/pages/DataAnalysisPrediction/EquipmentAly/EquipmentRunningStat/index.scss b/src/pages/DataAnalysisPrediction/EquipmentAly/EquipmentRunningStat/index.scss index 1838f71..7502c2c 100644 --- a/src/pages/DataAnalysisPrediction/EquipmentAly/EquipmentRunningStat/index.scss +++ b/src/pages/DataAnalysisPrediction/EquipmentAly/EquipmentRunningStat/index.scss @@ -3,3 +3,294 @@ $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); + +.ExceptionParkReport { + padding: 10px 0 10px 20px; + height: 100%; + position: relative; + + + + .body_cenf { + display: flex; + height: 100%; + + .left_search { + width: 370px; + height: 100%; + + .hrestit { + height: 21px; + width: 370px; + font-size: 16px; + font-family: Microsoft YaHei, Microsoft YaHei-Bold; + font-weight: 700; + text-align: left; + margin: 10px 0 10px; + } + + .form_item { + width: 100%; + display: flex; + align-items: center; + padding: 0 10px 16px 0; + + .lab { + width: 90px; + text-align: right; + margin-right: 10px; + } + + .labb { + width: 90px; + text-align: right; + margin-right: 10px; + // display: flex; + display: flex; + align-items: center; + + .daf { + margin-left: 4px; + // border: 1px solid var(--color-table-border-bottom-color); + } + } + + .labs { + width: 120px; + text-align: right; + // border: 1px solid var(--color-table-border-bottom-color); + margin-right: 10px; + } + + .inputs { + flex: 1; + // border: 1px solid var(--color-table-border-bottom-color); + border-radius: 4px; + overflow: hidden; + } + + .inputst { + // flex: 228px; + // border: 1px solid var(--color-table-border-bottom-color); + border-radius: 4px; + overflow: hidden; + } + } + + .but_on { + display: flex; + // align-items: center; + margin: 0 10px 0 0; + justify-content: space-between; + font-size: 16px; + font-size: 16px; + + span { + width: 110px; + height: 36px; + border-radius: 4px; + color: #ffffff; + margin-right: 10px; + text-align: center; + line-height: 36px; + cursor: pointer; + } + + .sear_ser, + .sear_rep { + background: linear-gradient(180deg, #3aa9ff, #59b7ff); + } + + .sear_res { + background: #636d80; + } + + .lent { + width: 230px; + margin-left: 20px; + } + } + } + + .right_tab { + width: calc(100% - 370px); + height: 100%; + padding: 20px; + background: var(--color-user-list-bg); + box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12); + border-radius: 28px 0 0 0; + + .sheisgirl { + margin: 10px 0; + display: flex; + height: 108px; + justify-content: space-between; + + .gchild { + display: flex; + flex-direction: column; + justify-content: space-between; + width: 19%; + border-radius: 10px; + padding: 10px 16px; + + .gps { + font-size: 20px; + } + + .gnu { + font-size: 14px; + } + + .gnum { + font-size: 18px; + } + } + } + + .sd { + display: flex; + justify-content: space-between; + margin-bottom: 12px; + + p { + margin-bottom: 0%; + font-size: 14px; + color: $color-text; + + span { + font-weight: 700; + margin: 0 4px; + color: $color-primary; + } + } + + + .sear_ser { + display: block; + width: 68px; + height: 34px; + border-radius: 4px; + color: #ffffff; + text-align: center; + line-height: 34px; + cursor: pointer; + background: linear-gradient(180deg, #3aa9ff, #59b7ff); + } + } + + .scrplltab { + width: 100%; + overflow-x: scroll; + // position: relative; + @include scrollBar(var(--color-user-list-bg), #3B97FF); + + .poxi { + cursor: pointer; + background-color: var(--color-table-header-bg); + width: 24px; + height: 50px; + position: fixed; + right: 20px; + top: 277px; + padding: 10px 8px; + z-index: 12; + + .colsa { + color: #3AA9FF; + } + } + + .showas { + top: 477px + } + } + + .table_raps { + // width: 3146px; + } + + .yisa_tabled { + width: 100%; + + .ant-table-thead { + th { + border: rgba(255, 255, 255, .08) 1px solid; + // background: var(--color-table-header-bg) !important; + + i { + cursor: pointer; + margin-left: 10px; + display: inline-block; + width: 14px; + height: 14px; + border: solid 1px $color-text; + border-radius: 7px; + line-height: 14px; + text-align: center; + } + + &::before { + display: none; + } + } + + .ant-table-selection-column { + text-align: center; + padding: 0; + } + } + + .ant-table-body { + @include scrollBar(var(--color-user-list-bg), #3B97FF); + + } + + // .ant-table-tbody { + // td { + // background: var(--color-table-body-bg) !important; + // border-bottom-color: var(--color-table-border-bottom-color); + // } + + // tr:nth-child(even) { + // td { + // background: var(--color-table-body-bg-nth-child-even) !important; + // } + // } + + // tr:nth-child(odd) { + // td { + // background: var(--color-table-body-bg-nth-child-even) !important; + // } + // } + // } + } + } + } +} + + +.ant-tooltip-inner, +.ant-tooltip-arrow-content:before { + background-color: $color-container-bg; +} + + +.selectcolsopt { + width: 160px; + height: 470px; + + .tirl { + font-size: 16px; + margin-bottom: 4px; + + + } + + .ant-checkbox-inner { + border-color: $color-text; + } + + font-size: 14px; + color: $color-text; +} \ No newline at end of file diff --git a/src/pages/DataAnalysisPrediction/EquipmentAly/EquipmentRunningStat/loadable.jsx b/src/pages/DataAnalysisPrediction/EquipmentAly/EquipmentRunningStat/loadable.jsx index 9ab07dc..0323c36 100644 --- a/src/pages/DataAnalysisPrediction/EquipmentAly/EquipmentRunningStat/loadable.jsx +++ b/src/pages/DataAnalysisPrediction/EquipmentAly/EquipmentRunningStat/loadable.jsx @@ -1,15 +1,714 @@ 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 { + message, + Pagination, + Table, + Select, + Input, + Popover, + Cascader, + AutoComplete, + Tooltip, + Checkbox, + Form, + DatePicker, +} from "antd"; +import { dictionary, utils } from "@/config/common"; +import moment from "moment"; +import { + FunnelPlotOutlined, + CloseOutlined, + InfoCircleOutlined, + DownOutlined, + UpOutlined, +} from "@ant-design/icons"; +import ajax from "@/services"; // 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 { ResultFlow } from "@/components"; +import "./index.scss"; +import Equip1 from "@/assets/images/equip/equip1.png"; +import Equip2 from "@/assets/images/equip/equip2.png"; +import Equip3 from "@/assets/images/equip/equip3.png"; +import Equip4 from "@/assets/images/equip/equip4.png"; +import Equip5 from "@/assets/images/equip/equip5.png"; // import { useLocation } from "react-router-dom"; +const { RangePicker } = DatePicker; +const { TextArea } = Input; function ExceptionParkReport() { - return
ExceptionParkReport
+ const formdata = { + operator_id: "0", //商户 + name: "", //停车场名称 + park_type: "", //车场类型 1=路内 2=路外 + operator_status: [], //商用状态(1为待上线，2为商用，3为试运营，4为下线) + area: [], + date_type: "1", + is_excel: 0, + start_time: moment() + .startOf("day") + .subtract(1, "days") + .format("YYYY-MM-DD"), + end_time: moment().endOf("day").subtract(1, "days").format("YYYY-MM-DD"), + pn: 1, + page_size: dictionary?.pageSizeOptions1[0], + }; + //图新展示 + const tabt = [ + { + text: "设备总数(个)", + value: 4642, + icon: Equip1, + }, + { + text: "离线次数(次)", + value: 1, + icon: Equip2, + tip: "离线时间大于20分钟，记为1次离线，连续离线不会记多次", + }, + { + text: "离线总时长", + value: "32天20时49分0秒", + icon: Equip3, + }, + { + text: "离线时长占比", + value: "99.58%", + icon: Equip4, + tip: "离线设备总时长/离线设备工作时长*100%", + }, + { + text: "离线时长占比", + subtext: "(全部设备)", + value: "0.71%", + icon: Equip5, + tip: "离线设备总时长/全区所有设备工作时长*100%", + }, + ]; + + const col = [ + { + title: "车场名称", + dataIndex: "road_name", + key: "road_name", + align: "center", + }, + { + title: "设备总数", + dataIndex: "date", + key: "date", + align: "center", + }, + { + title: "离线次数", + dataIndex: "date", + key: "date", + align: "center", + }, + { + title: "离线总时长", + dataIndex: "date", + key: "date", + align: "center", + }, + { + title: "离线设备离线时长占比", + dataIndex: "date", + key: "date", + align: "center", + }, + { + title: "全部设备离线时长占比", + dataIndex: "date", + key: "date", + align: "center", + }, + ]; + let form_data = sessionStorage.getItem("FormData_OperationReport"); + //检索 + const [FormData, setFormData] = useState( + form_data ? JSON.parse(form_data) : formdata + ); + //检索2 + const [FormDatas, setFormDatas] = useState( + form_data ? JSON.parse(form_data) : formdata + ); + //页码状态 + const [loading, setLoading] = useState(false); + //页面数据 + const [Data, setData] = useState({ + data: [], + total: 0, + }); + + //获取区域 + const [Area, setArea] = useState([]); + //商户 + const [Yunying, setYunying] = useState([]); + //自动填充 + const [options, setOptions] = useState([]); + + const [Open, setOpen] = useState(true); + //筛选 + const [selectArr, setSelectArr] = useState([]); + //是否展开显示 + const [Show, setShow] = useState(false); + const column = (arr) => { + let copr = []; + if (arr.length) { + col.forEach((ele, index) => { + if (ele.children) { + var lisr = []; + let bool = false; + ele.children.forEach((val) => { + if (!arr.includes(val.key)) { + lisr.push(val); + bool = true; + } + }); + if (bool) { + copr.push({ ...ele, children: [...lisr] }); + } + } else { + if (!arr.includes(ele.key)) { + copr.push(ele); + } + } + }); + } else { + copr = col; + } + return [...copr]; + }; + const onSearch = (searchText) => { + console.log(searchText); + setOptions([]); + }; + + //时间状态切换 + const TimeChange = () => { + let e = FormData.date_type; + let str = "date"; + let mat = "YYYY-MM-DD"; + if (e == 4) { + str = "year"; + mat = "YYYY"; + } else if (e == 3) { + str = "month"; + mat = "YYYY-MM"; + } else if (e == 2) { + str = "week"; + mat = "YYYY-MM-DD"; + } + return { str, mat }; + }; + //切换时间变化 + const SetTimeNow = (e) => { + let start = ""; + let end = ""; + if (e == 4) { + start = moment().format("YYYY"); + end = moment().format("YYYY"); + } else if (e == 3) { + start = moment().format("YYYY-MM"); + end = moment().format("YYYY-MM"); + } else if (e == 2) { + start = moment().day(1).format("YYYY-MM-DD"); + end = moment().day(7).format("YYYY-MM-DD"); + } else { + start = moment().startOf("day").subtract(1, "days").format("YYYY-MM-DD"); + end = moment().endOf("day").subtract(1, "days").format("YYYY-MM-DD"); + } + setFormData({ + ...FormData, + date_type: e, + start_time: start, + end_time: end, + }); + }; + + //页码 + function onShowSizeChange(pn, page_size) { + let temFormData = {}; + if (FormData.page_size == page_size) { + temFormData = { + ...FormData, + pn, + }; + } else { + temFormData = { + ...FormData, + pn: 1, + page_size, + }; + } + setFormData(temFormData); + setFormDatas(temFormData); + } + const onChange = (eal) => { + var e = eal; + var are = JSON.parse(JSON.stringify(selectArr)); + if (are.includes(e)) { + are.forEach((ele, index) => { + if (ele == e) { + are.splice(index, 1); + } + }); + } else { + are.push(e); + } + setSelectArr([...are]); + }; + + const SelectCol = () => { + return ( +
+

隐藏列

+ {col.map((ele) => { + if (ele.children) { + return ele.children.map((val) => { + return ( +
+ onChange(val.key)} + disabled={ + selectArr.length == 19 && !selectArr.includes(val.key) + } + > + {val.title} + +
+ ); + }); + } else { + return ( +
+ onChange(ele.key)} + disabled={ + selectArr.length == 19 && !selectArr.includes(ele.key) + } + > + {ele.title} + +
+ ); + } + })} +
+ ); + }; + //获取页面筛选数据 + const getSelectData = () => { + ajax.getAllOperator().then( + (res) => { + if (parseInt(res?.status) === 20000) { + setYunying(res.data); + } else { + message.error(res?.message); + } + setLoading(true); + }, + (err) => { + console.log(err); + setLoading(true); + } + ); + ajax.getAreaTree().then( + (res) => { + if (parseInt(res?.status) === 20000) { + setArea(res.data); + } else { + message.error(res?.message); + } + setLoading(true); + }, + (err) => { + console.log(err); + setLoading(true); + } + ); + }; + //下载 + const Daownload = (url) => { + var link = document.createElement("a"); + link.setAttribute("target", "_blank"); + link.style.display = "none"; + link.href = url ? url : ""; + document.body.appendChild(link); + link.click(); + document.body.removeChild(link); + }; + //导出 + const ReportPaySummaryReport = () => { + ajax.ElectInvoice.getOperationReport({ + ...FormDatas, + is_excel: 1, + }).then( + (res) => { + if (parseInt(res?.status) === 20000) { + Daownload(res?.data?.url); + } else { + message.error(res?.message); + } + }, + (err) => { + console.log(err); + } + ); + }; + //获取页面显示数据 + const getData = (data) => { + setLoading(false); + ajax.ElectInvoice.getOperationReport({ + ...data, + area: data?.area?.length ? data?.area[data.area.length - 1] : "", + }).then( + (res) => { + if (parseInt(res?.status) === 20000) { + setData({ + data: res?.data?.list || [], + total: res?.total || 0, + }); + setLoading(true); + } else { + message.error(res?.message); + } + setLoading(true); + }, + (err) => { + console.log(err); + setLoading(true); + } + ); + }; + useEffect(() => { + sessionStorage.setItem( + "FormData_OperationReport", + JSON.stringify(FormDatas) + ); + // getData(FormDatas); + //调用接口 + }, [FormDatas]); + useEffect(() => { + getSelectData(); + }, []); + return ( +
+
+
+
查询条件
+
+
+ 日期 +
+ + setFormData({ + ...FormData, + operator_id: e, + }) + } + /> +
+
+
+ 停车场 +
+ { + console.log(e); + setFormData({ + ...FormData, + name: e, + }); + }} + /> +
+
+
+ 车场类型 +
+