Browse Source

fix(): 解决大屏周转率错误显示问题

master
chenqiang 1 year ago
parent
commit
d832671082
  1. 4
      src/pages/DataAnalysisPrediction/ParkingOverview/index.scss
  2. 70
      src/pages/DataAnalysisPrediction/ParkingOverview/loadable.jsx

4
src/pages/DataAnalysisPrediction/ParkingOverview/index.scss

@ -531,7 +531,7 @@ $color-primary : var(--color-primary);
.tfff {
display: flex;
flex-direction: column;
justify-content: space-between;
// justify-content: space-between;
}
.fsagsxf {
@ -543,7 +543,7 @@ $color-primary : var(--color-primary);
.topcarlv {
display: flex;
justify-content: space-between;
justify-content: space-around;
padding: 0 20px;
.tpph {

70
src/pages/DataAnalysisPrediction/ParkingOverview/loadable.jsx

@ -1743,7 +1743,7 @@ const ParkingOverview = connect(function mapStateToProps(state) {
GetRevenueAnalysis(RoadSelect, "1");
if (CarRoad[CarShow]?.type == 2) {
setRoadturn(true);
GetrateRank("1");
GetrateRank(RoadSelect, "1");
GetincomeType(RoadSelect, "1");
GetOverviewData(RoadSelect);
} else {
@ -2135,7 +2135,7 @@ const ParkingOverview = connect(function mapStateToProps(state) {
? "实时收入占比"
: RoadSelect == "2"
? "路段收费率排行榜"
: "路段周转TOP3"}
: "车场周转率TOP3"}
</div>
{CarRoad[CarShow]?.type != 2 ? (
@ -2160,33 +2160,45 @@ const ParkingOverview = connect(function mapStateToProps(state) {
{CarRoad[CarShow]?.type == 1 ? (
<div className="topcarlv">
<div className="tpph topt">
{/* <img src={TOP2} alt="" /> */}
<span>TOP2</span>
<p>
{RoadSelect == 3 ? "周转率" : "收费率"}
{Cartop[1]?.rate || 0}
</p>
<div title={Cartop[1]?.name || ""}>{Cartop[1]?.name || ""}</div>
</div>
<div className="tpph topo">
{/* <img src={TOP1} alt="" /> */}
<span>TOP1</span>
<p>
{RoadSelect == 3 ? "周转率" : "收费率"}
{Cartop[0]?.rate || 0}
</p>
<div title={Cartop[0]?.name || ""}>{Cartop[0]?.name || ""}</div>
</div>
<div className="tpph tops">
{/* <img src={TOP3} alt="" /> */}
<span>TOP3</span>
<p>
{RoadSelect == 3 ? "周转率" : "收费率"}
{Cartop[2]?.rate || 0}
</p>
<div title={Cartop[2]?.name || ""}>{Cartop[2]?.name || ""}</div>
</div>
{Cartop[1]?.name && (
<div className="tpph topt">
{/* <img src={TOP2} alt="" /> */}
<span>TOP2</span>
<p>
{RoadSelect == 3 ? "周转率" : "收费率"}
{Cartop[1]?.rate || 0}
</p>
<div title={Cartop[1]?.name || ""}>
{Cartop[1]?.name || ""}
</div>
</div>
)}
{Cartop[0]?.name && (
<div className="tpph topo">
{/* <img src={TOP1} alt="" /> */}
<span>TOP1</span>
<p>
{RoadSelect == 3 ? "周转率" : "收费率"}
{Cartop[0]?.rate || 0}
</p>
<div title={Cartop[0]?.name || ""}>
{Cartop[0]?.name || ""}
</div>
</div>
)}
{Cartop[2]?.name && (
<div className="tpph tops">
{/* <img src={TOP3} alt="" /> */}
<span>TOP3</span>
<p>
{RoadSelect == 3 ? "周转率" : "收费率"}
{Cartop[2]?.rate || 0}
</p>
<div title={Cartop[2]?.name || ""}>
{Cartop[2]?.name || ""}
</div>
</div>
)}
</div>
) : (
<ReactEcharts

Loading…
Cancel
Save