update
This commit is contained in:
ylj20011123
parent
2fc99587bf
commit
e56b53fb0c
@ -3,7 +3,8 @@
|
||||
<div class="top">
|
||||
<img class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/specialBg.png" />
|
||||
<div class="header" :style="{ height: menu.height + 'px', top: menu.top + 'px' }">
|
||||
<image class="backArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg" @click="handleBack"/>
|
||||
<image class="backArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"
|
||||
@click="handleBack" />
|
||||
<div class="timeSelect">
|
||||
<!-- <img class="selectIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/selectDate.png"/>-->
|
||||
<picker mode="date" :value="searchText" :end="lastDay" @change="bindDateChange">
|
||||
@ -18,7 +19,8 @@
|
||||
<div class="boxLeft">
|
||||
<div class="headerTitle">实时车流预警</div>
|
||||
<!-- 注: 1个小时入区流量比5月同一时间流量增幅150%以上且每小时入区车辆超过100辆-->
|
||||
<span class="notice" v-if="selectTab===1">{{ `注: 1个小时入区流量比${showMonth}月同一时间流量增幅150%以上且每小时入区车辆超过100辆` }}</span>
|
||||
<span class="notice" v-if="selectTab === 1">{{ `注: 1个小时入区流量比上月同一时间流量增幅150%以上且每小时入区车辆超过100辆`
|
||||
}}</span>
|
||||
<span class="notice" v-if="selectTab === 2">注: 前20个从今日零时起至今流量与月均同时段增幅情况</span>
|
||||
</div>
|
||||
<div class="boxRight">
|
||||
@ -47,15 +49,18 @@
|
||||
<div class="sortItem" :style="{ width: 'calc(100% - 330rpx)' }">服务区</div>
|
||||
<div class="sortItem">
|
||||
<span class="sortItemText" @click="handleChangeSort(1)">今日</span>
|
||||
<img class="sortIcon" :style="{transform:sortType===1?'':`rotate(-180deg)`}" :src="sortNumber===1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/selectSortIcon.png':'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/sortIcon.png'"/>
|
||||
<img class="sortIcon" :style="{ transform: sortType === 1 ? '' : `rotate(-180deg)` }"
|
||||
:src="sortNumber === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/selectSortIcon.png' : 'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/sortIcon.png'" />
|
||||
</div>
|
||||
<div class="sortItem">
|
||||
<span class="sortItemText" @click="handleChangeSort(2)">月均</span>
|
||||
<img class="sortIcon" :style="{transform:sortType===1?'':`rotate(-180deg)`}" :src="sortNumber===2?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/selectSortIcon.png':'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/sortIcon.png'"/>
|
||||
<img class="sortIcon" :style="{ transform: sortType === 1 ? '' : `rotate(-180deg)` }"
|
||||
:src="sortNumber === 2 ? 'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/selectSortIcon.png' : 'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/sortIcon.png'" />
|
||||
</div>
|
||||
<div class="sortItem">
|
||||
<span class="sortItemText" @click="handleChangeSort(3)">增幅</span>
|
||||
<img class="sortIcon" :style="{transform:sortType===1?'':`rotate(-180deg)`}" :src="sortNumber===3?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/selectSortIcon.png':'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/sortIcon.png'"/>
|
||||
<img class="sortIcon" :style="{ transform: sortType === 1 ? '' : `rotate(-180deg)` }"
|
||||
:src="sortNumber === 3 ? 'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/selectSortIcon.png' : 'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/sortIcon.png'" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="unitBox" v-if="selectTab === 1">
|
||||
@ -65,7 +70,8 @@
|
||||
<span class="unit">单位：万辆</span>
|
||||
</div>
|
||||
|
||||
<scroll-view class="listBigBox" :style="{height:selectTab===1?'calc(100ch - 320px)':'calc(100ch - 356px)'}" :scroll-y="true">
|
||||
<scroll-view class="listBigBox"
|
||||
:style="{ height: selectTab === 1 ? 'calc(100ch - 320px)' : 'calc(100ch - 356px)' }" :scroll-y="true">
|
||||
<div class="listItem" v-for="(item, index) in tableList" :key="index">
|
||||
<div class="itemLeft">
|
||||
<image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/car/itemLeftBg.svg" />
|
||||
@ -77,17 +83,26 @@
|
||||
<div class="contentRight">
|
||||
<div class="rightTop">
|
||||
<view class="rightTopLeft">
|
||||
<img class="NoIcon" v-if="index<=2" :src="index===0?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/No1.png':index===1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/No2.png':index===2?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/No3.png':''"/>
|
||||
<img class="NoIcon" v-if="index <= 2"
|
||||
:src="index === 0 ? 'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/No1.png' : index === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/No2.png' : index === 2 ? 'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/No3.png' : ''" />
|
||||
<view class="otherIcon" v-else>{{ index + 1 }}</view>
|
||||
<!-- <view class="indexBox" :style="{backgroundImage:`url(${index===0?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/No1.svg':index===1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/No2.svg':index===2?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/No3.svg':''})`}">{{index+1}}</view>-->
|
||||
<!-- <text class="areaName">{{item.SPRegionType_Name||'-'}}</text>-->
|
||||
</view>
|
||||
<view class="rightTopRight">
|
||||
<view class="valueItem">{{item.VEHICLE_COUNT?item.VEHICLE_COUNT<100?`${item.VEHICLE_COUNT}(辆)`:selectTab===2?$util.getMoney(item.VEHICLE_COUNT / 10000):$util.getMoneyNoDecimal(item.VEHICLE_COUNT):''}}</view>
|
||||
<view class="valueItem">{{item.MONTHVEHICLE_COUNT?item.MONTHVEHICLE_COUNT<100?`${item.MONTHVEHICLE_COUNT}(辆)`:selectTab===2?$util.getMoney(item.MONTHVEHICLE_COUNT / 10000):$util.getMoneyNoDecimal(item.MONTHVEHICLE_COUNT):''}}</view>
|
||||
<view class="valueItem">{{ item.VEHICLE_COUNT ? item.VEHICLE_COUNT
|
||||
< 100 ? `${item.VEHICLE_COUNT}(辆)` : selectTab === 2 ? $util.getMoney(item.VEHICLE_COUNT / 10000) :
|
||||
$util.getMoneyNoDecimal(item.VEHICLE_COUNT) : '' }}</view>
|
||||
<view class="valueItem">{{ item.MONTHVEHICLE_COUNT ? item.MONTHVEHICLE_COUNT
|
||||
< 100 ? `${item.MONTHVEHICLE_COUNT}(辆)` : selectTab === 2 ? $util.getMoney(item.MONTHVEHICLE_COUNT
|
||||
/ 10000) : $util.getMoneyNoDecimal(item.MONTHVEHICLE_COUNT) : '' }}</view>
|
||||
<view class="valueItem">
|
||||
<span :style="{color:item.VEHICLE_RATE>0?'red':item.VEHICLE_RATE<0?'#0E9976':''}">{{item.VEHICLE_RATE>0?'+':item.VEHICLE_RATE<0?'':''}}</span>
|
||||
<span :style="{color:item.VEHICLE_RATE>0?'red':item.VEHICLE_RATE<0?'#0E9976':''}">{{item.VEHICLE_RATE?item.VEHICLE_RATE+'%':'-'}}</span>
|
||||
<span
|
||||
:style="{ color: item.VEHICLE_RATE > 0 ? 'red' : item.VEHICLE_RATE < 0 ? '#0E9976' : '' }">
|
||||
{{ item.VEHICLE_RATE > 0 ? '+' : item.VEHICLE_RATE < 0 ? '' : '' }} </span>
|
||||
<span
|
||||
:style="{ color: item.VEHICLE_RATE > 0 ? 'red' : item.VEHICLE_RATE < 0 ? '#0E9976' : '' }">
|
||||
{{ item.VEHICLE_RATE ? item.VEHICLE_RATE + '%' : '-' }}</span>
|
||||
</view>
|
||||
<!-- <image class="addIcon" :src="Number(item.VEHICLE_RATE)>100?'/static/images/examine/add.svg':Number(item.VEHICLE_RATE)===100?'':'/static/images/examine/reduce.svg'"/>-->
|
||||
<!-- <span class="add">{{item.VEHICLE_RATE}}%</span>-->
|
||||
@ -189,7 +204,7 @@ export default {
|
||||
// this.searchText = '2023-06-21'
|
||||
const date = new Date(this.time)
|
||||
let m = date.getMonth()
|
||||
this.showMonth = m
|
||||
this.showMonth = m === 0 ? 12 : m
|
||||
let d = date.getDate()
|
||||
if (d < 10) {
|
||||
d = '0' + d
|
||||
@ -231,7 +246,7 @@ export default {
|
||||
bindDateChange(e) {
|
||||
const date = new Date(e.detail.value)
|
||||
let m = date.getMonth()
|
||||
this.showMonth = m
|
||||
this.showMonth = m === 0 ? 12 : m
|
||||
const d = date.getDate()
|
||||
this.searchText = e.detail.value
|
||||
this.showDay = d < 10 ? '0' + d : d
|
||||
@ -384,15 +399,18 @@ export default {
|
||||
.main {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
|
||||
.top {
|
||||
width: 100%;
|
||||
height: 212px;
|
||||
position: relative;
|
||||
|
||||
.bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
@ -400,21 +418,26 @@ export default {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.backArrow {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.timeSelect {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.selectIcon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.time {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.text {
|
||||
margin: 0 5px;
|
||||
font-size: 32rpx;
|
||||
@ -423,6 +446,7 @@ export default {
|
||||
color: #FFFFFF;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
@ -430,6 +454,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topBox {
|
||||
position: absolute;
|
||||
left: 16px;
|
||||
@ -438,8 +463,10 @@ export default {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.boxLeft {
|
||||
width: calc(100% - 200rpx);
|
||||
|
||||
.headerTitle {
|
||||
font-size: 24px;
|
||||
font-family: AlimamaShuHeiTi;
|
||||
@ -448,6 +475,7 @@ export default {
|
||||
line-height: 24px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.notice {
|
||||
font-size: 12px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
@ -457,10 +485,12 @@ export default {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.boxRight {
|
||||
width: 112rpx;
|
||||
height: 112rpx;
|
||||
position: relative;
|
||||
|
||||
.day {
|
||||
font-size: 48rpx;
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
@ -468,13 +498,16 @@ export default {
|
||||
color: #4983FD;
|
||||
line-height: 56rpx;
|
||||
position: absolute;
|
||||
top: 50%;left: 50%;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -7px);
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.dayBox {
|
||||
position: absolute;
|
||||
top: 0;left: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@ -491,6 +524,7 @@ export default {
|
||||
border-radius: 32rpx 32rpx 0 0;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
.contentTab {
|
||||
width: 100%;
|
||||
height: 108rpx;
|
||||
@ -500,6 +534,7 @@ export default {
|
||||
background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
|
||||
.tabItem {
|
||||
width: 44%;
|
||||
height: 100%;
|
||||
@ -512,6 +547,7 @@ export default {
|
||||
padding: 32rpx 26rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.selectTab {
|
||||
width: 56%;
|
||||
font-size: 32rpx;
|
||||
@ -524,6 +560,7 @@ export default {
|
||||
background-size: 100% 100%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.selectTab2 {
|
||||
width: 56%;
|
||||
font-size: 32rpx;
|
||||
@ -537,16 +574,19 @@ export default {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.contentList {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 32rpx;
|
||||
|
||||
.sortBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 24rpx;
|
||||
position: relative;
|
||||
|
||||
.sortItem {
|
||||
width: 110rpx;
|
||||
font-size: 28rpx;
|
||||
@ -554,6 +594,7 @@ export default {
|
||||
font-weight: 400;
|
||||
color: #A69E9F;
|
||||
line-height: 40rpx;
|
||||
|
||||
.sortItemText {
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -561,6 +602,7 @@ export default {
|
||||
color: #A69E9F;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.sortIcon {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
@ -569,10 +611,12 @@ export default {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.unitBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
.unit {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -582,42 +626,51 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.noticeBox {
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin-top: 4px;
|
||||
|
||||
.notice {
|
||||
font-size: 12px;
|
||||
color: gray;
|
||||
}
|
||||
}
|
||||
|
||||
.contentList {
|
||||
width: 100%;
|
||||
border-radius: 8px;
|
||||
margin-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
overflow: hidden;
|
||||
|
||||
.contentItem {
|
||||
background: #fff;
|
||||
padding: 19px 16px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.index {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
|
||||
.boxBg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #10BFCE;
|
||||
filter: blur(4px);
|
||||
position: absolute;
|
||||
top: 0;left: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.indexText {
|
||||
position: absolute;
|
||||
top: 50%;left: 50%;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 2;
|
||||
font-size: 16px;
|
||||
@ -627,10 +680,12 @@ export default {
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.serviceBox {
|
||||
width: 35%;
|
||||
display: inline-block;
|
||||
margin-left: 8px;
|
||||
|
||||
.name {
|
||||
font-size: 18px;
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
@ -638,6 +693,7 @@ export default {
|
||||
color: #160002;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.position {
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
@ -646,8 +702,10 @@ export default {
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.numberBox {
|
||||
width: 30%;
|
||||
|
||||
.number {
|
||||
font-size: 20px;
|
||||
font-family: DINAlternate-Bold, DINAlternate;
|
||||
@ -655,6 +713,7 @@ export default {
|
||||
color: #160002;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.unit {
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
@ -664,14 +723,17 @@ export default {
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.addBox {
|
||||
width: calc(30% - 20px);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.addIcon {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.add {
|
||||
font-size: 20px;
|
||||
font-family: DINAlternate-Bold, DINAlternate;
|
||||
@ -682,12 +744,14 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.listBigBox {
|
||||
width: 100%;
|
||||
|
||||
margin-top: 24rpx;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 12px;
|
||||
|
||||
.listItem {
|
||||
width: 100%;
|
||||
padding: 24rpx;
|
||||
@ -696,6 +760,7 @@ export default {
|
||||
background: #F7F7F7;
|
||||
margin-bottom: 24rpx;
|
||||
display: flex;
|
||||
|
||||
.itemLeft {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
@ -704,17 +769,21 @@ export default {
|
||||
position: relative;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
|
||||
.bg {
|
||||
position: absolute;
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
top: 0;left: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.statueBox {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 0;right: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 76rpx;
|
||||
height: 32rpx;
|
||||
font-size: 20rpx;
|
||||
@ -726,6 +795,7 @@ export default {
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nameBox {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
@ -733,6 +803,7 @@ export default {
|
||||
left: 20rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.serviceName {
|
||||
font-size: 30rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -740,6 +811,7 @@ export default {
|
||||
color: #7F020B;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
|
||||
.serviceLabel {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -749,23 +821,28 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentRight {
|
||||
width: calc(100% - 176rpx);
|
||||
margin-left: 16rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
||||
.rightTop {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.rightTopLeft {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.NoIcon {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.otherIcon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
@ -793,6 +870,7 @@ export default {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.areaName {
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -802,9 +880,11 @@ export default {
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.rightTopRight {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.valueItem {
|
||||
width: 110rpx;
|
||||
font-size: 28rpx;
|
||||
@ -820,6 +900,7 @@ export default {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.add {
|
||||
font-size: 20px;
|
||||
font-family: DINAlternate-Bold, DINAlternate;
|
||||
@ -829,13 +910,15 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rightBottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.distance {
|
||||
display: inline-block;
|
||||
width: 94rpx;
|
||||
width: 120rpx;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
@ -845,6 +928,7 @@ export default {
|
||||
color: #786B6C;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.address {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -857,20 +941,24 @@ export default {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.goMap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 4rpx 16rpx;
|
||||
padding: 4rpx 8rpx;
|
||||
background: #4e92f6;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8rpx;
|
||||
|
||||
.mapIcon {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-right: 8rpx;
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
|
||||
.mapText {
|
||||
color: #fff;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@ -878,6 +966,7 @@ export default {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
.itemLabel {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -885,6 +974,7 @@ export default {
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.itemValue {
|
||||
font-size: 28rpx;
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
@ -898,6 +988,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//.listItem{
|
||||
// margin-bottom: 12px;
|
||||
// border: 1px solid #D9DBE0;
|
||||
@ -1162,5 +1253,4 @@ export default {
|
||||
// color: gray;
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
</style>
|
||||
//}</style>
|
||||
|
||||
@ -16,7 +16,8 @@
|
||||
<view class="content">
|
||||
<view class="uni-input">{{ res.ServerpartName ? res.ServerpartName : '' }}</view>
|
||||
<p class="area">{{ res.SPRegionTypeName ? res.SPRegionTypeName : '' }}</p>
|
||||
<image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"></image>
|
||||
<image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
@ -26,11 +27,17 @@
|
||||
|
||||
<view class="detailFixed" :style="{ top: menu.bottom + 12 + 'px' }" v-if="showDetailFixed">
|
||||
<view class="itemDetail">
|
||||
<text :class="res.RevenueINC.increaseRate>0?'value red':res.RevenueINC.increaseRate<0?'value green':''">{{ res.RevenueINC.increaseRate?res.RevenueINC.increaseRate>0?`+${res.RevenueINC.increaseRate}%`:res.RevenueINC.increaseRate<0?`${res.RevenueINC.increaseRate}%`:'0':'-' }}</text>
|
||||
<text
|
||||
:class="res.RevenueINC.increaseRate > 0 ? 'value red' : res.RevenueINC.increaseRate < 0 ? 'value green' : ''">{{
|
||||
res.RevenueINC.increaseRate ? res.RevenueINC.increaseRate > 0 ? `+${res.RevenueINC.increaseRate}%` :
|
||||
res.RevenueINC.increaseRate < 0 ? `${res.RevenueINC.increaseRate}%` : '0' : '-' }}</text>
|
||||
<text class="label">对客营收</text>
|
||||
</view>
|
||||
<view class="itemDetail">
|
||||
<text :class="res.BayonetINC.increaseRate>0?'value red':res.BayonetINC.increaseRate<0?'value green':''">{{ res.BayonetINC.increaseRate?res.BayonetINC.increaseRate>0?`+${res.BayonetINC.increaseRate}%`:res.BayonetINC.increaseRate<0?`${res.BayonetINC.increaseRate}%`:'0':'-' }}</text>
|
||||
<text
|
||||
:class="res.BayonetINC.increaseRate > 0 ? 'value red' : res.BayonetINC.increaseRate < 0 ? 'value green' : ''">{{
|
||||
res.BayonetINC.increaseRate ? res.BayonetINC.increaseRate > 0 ? `+${res.BayonetINC.increaseRate}%` :
|
||||
res.BayonetINC.increaseRate < 0 ? `${res.BayonetINC.increaseRate}%` : '0' : '-' }}</text>
|
||||
<text class="label">入区车流</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -49,20 +56,25 @@
|
||||
<view class="typeBoxContent">
|
||||
<view style="width: 40%;display: inline-block">
|
||||
<view class="valueItem">
|
||||
<text :class="res.RevenueINC.increaseRate>0?'valueAdd':res.RevenueINC.increaseRate<0?'valueGreen':''">{{ res.RevenueINC.increaseRate?res.RevenueINC.increaseRate>0?`+${res.RevenueINC.increaseRate}%`:res.RevenueINC.increaseRate<0?`${res.RevenueINC.increaseRate}%`:'0':'-' }}</text>
|
||||
<text
|
||||
:class="res.RevenueINC.increaseRate > 0 ? 'valueAdd' : res.RevenueINC.increaseRate < 0 ? 'valueGreen' : ''">{{
|
||||
res.RevenueINC.increaseRate ? res.RevenueINC.increaseRate > 0 ? `+${res.RevenueINC.increaseRate}%`
|
||||
: res.RevenueINC.increaseRate < 0 ? `${res.RevenueINC.increaseRate}%` : '0' : '-' }}</text>
|
||||
<text class="label">同比去年</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="width: 30%;display: inline-block">
|
||||
<view class="valueItem">
|
||||
<text class="value">{{res.RevenueINC && res.RevenueINC.curYearData?$util.getMoney(res.RevenueINC.curYearData/10000):'-'}}</text>
|
||||
<text class="label">2024年</text>
|
||||
<text class="value">{{ res.RevenueINC &&
|
||||
res.RevenueINC.curYearData ? $util.getMoney(res.RevenueINC.curYearData / 10000) : '-' }}</text>
|
||||
<text class="label">{{ currentYear }}年</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="width: 30%;display: inline-block">
|
||||
<view class="valueItem">
|
||||
<text class="value">{{res.RevenueINC && res.RevenueINC.lYearData?$util.getMoney(res.RevenueINC.lYearData/10000):'-'}}</text>
|
||||
<text class="label">2023年</text>
|
||||
<text class="value">{{ res.RevenueINC &&
|
||||
res.RevenueINC.lYearData ? $util.getMoney(res.RevenueINC.lYearData / 10000) : '-' }}</text>
|
||||
<text class="label">{{ currentYear - 1 }}年</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -84,20 +96,25 @@
|
||||
<view class="typeBoxContent">
|
||||
<view style="width: 40%;display: inline-block">
|
||||
<view class="valueItem">
|
||||
<text :class="res.BayonetINC.increaseRate>0?'valueAdd':res.BayonetINC.increaseRate<0?'valueGreen':''">{{ res.BayonetINC.increaseRate?res.BayonetINC.increaseRate>0?`+${res.BayonetINC.increaseRate}%`:res.BayonetINC.increaseRate<0?`${res.BayonetINC.increaseRate}%`:'0':'-' }}</text>
|
||||
<text
|
||||
:class="res.BayonetINC.increaseRate > 0 ? 'valueAdd' : res.BayonetINC.increaseRate < 0 ? 'valueGreen' : ''">{{
|
||||
res.BayonetINC.increaseRate ? res.BayonetINC.increaseRate > 0 ? `+${res.BayonetINC.increaseRate}%`
|
||||
: res.BayonetINC.increaseRate < 0 ? `${res.BayonetINC.increaseRate}%` : '0' : '-' }}</text>
|
||||
<text class="label">同比去年</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="width: 30%;display: inline-block">
|
||||
<view class="valueItem">
|
||||
<text class="value">{{res.BayonetINC && res.BayonetINC.curYearData?$util.getMoney(res.BayonetINC.curYearData/10000):'-'}}</text>
|
||||
<text class="label">2024年</text>
|
||||
<text class="value">{{ res.BayonetINC &&
|
||||
res.BayonetINC.curYearData ? $util.getMoney(res.BayonetINC.curYearData / 10000) : '-' }}</text>
|
||||
<text class="label">{{ currentYear }}年</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="width: 30%;display: inline-block">
|
||||
<view class="valueItem">
|
||||
<text class="value">{{res.BayonetINC && res.BayonetINC.lYearData?$util.getMoney(res.BayonetINC.lYearData/10000):'-'}}</text>
|
||||
<text class="label">2023年</text>
|
||||
<text class="value">{{ res.BayonetINC &&
|
||||
res.BayonetINC.lYearData ? $util.getMoney(res.BayonetINC.lYearData / 10000) : '-' }}</text>
|
||||
<text class="label">{{ currentYear - 1 }}年</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -110,10 +127,21 @@
|
||||
|
||||
<view class="descBox">
|
||||
<text class="monthText">
|
||||
{{selectType===1?`${res.ServerpartName}${date || ''}度车流`:selectType===2?`${res.ServerpartName}${date || ''}车流`:selectType===3?`${res.ServerpartName}${date || ''}车流`:selectType===4?`${res.ServerpartName}${date || ''}车流`:''}}
|
||||
<text>{{res.BayonetINC.increaseRate>0?'增加':res.BayonetINC.increaseRate<0?'减少':''}}<text :style="{color:res.BayonetINC.increaseRate>0?'#E83944':res.BayonetINC.increaseRate<0?'#127E5B':''}">{{res.BayonetINC.increaseRate?`${Math.abs(res.BayonetINC.increaseRate)}%`:'-'}}</text></text>
|
||||
{{selectType===1?'，对客营收':selectType===2?'，门店的营收减少':selectType===3?'，对客营收':selectType===4?'，对客营收':''}}
|
||||
<text v-if="selectType!==2">{{res.RevenueINC.increaseRate>0?'增加':res.RevenueINC.increaseRate<0?'减少':''}}<text :style="{color:res.RevenueINC.increaseRate>0?'#E83944':res.RevenueINC.increaseRate<0?'#127E5B':''}">{{res.RevenueINC.increaseRate?`${Math.abs(res.RevenueINC.increaseRate)}%`:'-'}}</text></text>
|
||||
{{ selectType === 1 ? `${res.ServerpartName}${date || ''}度车流` : selectType === 2 ?
|
||||
`${res.ServerpartName}${date ||
|
||||
''}车流` : selectType === 3 ? `${res.ServerpartName}${date || ''}车流` : selectType === 4 ?
|
||||
`${res.ServerpartName}${date
|
||||
|| ''}车流` : '' }}
|
||||
<text>{{ res.BayonetINC.increaseRate > 0 ? '增加' : res.BayonetINC.increaseRate < 0 ? '减少' : '' }}<text
|
||||
:style="{ color: res.BayonetINC.increaseRate > 0 ? '#E83944' : res.BayonetINC.increaseRate < 0 ? '#127E5B' : '' }">
|
||||
{{ res.BayonetINC.increaseRate ? `${Math.abs(res.BayonetINC.increaseRate)}%` : '-' }}</text></text>
|
||||
{{ selectType === 1 ? '，对客营收' : selectType === 2 ? '，门店的营收减少' : selectType === 3 ? '，对客营收' : selectType
|
||||
=== 4 ? '，对客营收' : '' }}
|
||||
<text v-if="selectType !== 2">{{ res.RevenueINC.increaseRate > 0 ? '增加' : res.RevenueINC.increaseRate
|
||||
< 0 ? '减少' : '' }}<text
|
||||
:style="{ color: res.RevenueINC.increaseRate > 0 ? '#E83944' : res.RevenueINC.increaseRate < 0 ? '#127E5B' : '' }">
|
||||
{{ res.RevenueINC.increaseRate ? `${Math.abs(res.RevenueINC.increaseRate)}%` : '-' }}
|
||||
</text></text>
|
||||
</text>
|
||||
|
||||
|
||||
@ -129,9 +157,14 @@
|
||||
<view class="other" v-if="ownerShop.ServerpartShopName">
|
||||
<image class="notice" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png" />
|
||||
同期商超营收增长
|
||||
<text :style="{color: ownerShop.RevenueINC.increaseRate>0?'#E83944':ownerShop.RevenueINC.increaseRate<0?'#127E5B':''}">{{`${ownerShop.RevenueINC.increaseRate?ownerShop.RevenueINC.increaseRate+'%':''}`}}</text>
|
||||
<text
|
||||
:style="{ color: ownerShop.RevenueINC.increaseRate > 0 ? '#E83944' : ownerShop.RevenueINC.increaseRate < 0 ? '#127E5B' : '' }">{{
|
||||
`${ownerShop.RevenueINC.increaseRate ? ownerShop.RevenueINC.increaseRate + '%' : ''}` }}</text>
|
||||
</view>
|
||||
<view class="monthText">
|
||||
{{ selectType === 1 ? '请关注服务区整体营收呈现下降的情况！' : selectType === 2 ? '请关注服务区部分门店营收呈现下降的情况！' : selectType ===
|
||||
3 ? '不匹配，请关注营收与车流增幅产生较大差异的服务区！' : selectType === 4 ? '不匹配，请关注营收与车流降幅产生较大差异的服务区！' : '' }}
|
||||
</view>
|
||||
<view class="monthText">{{selectType===1?'请关注服务区整体营收呈现下降的情况！':selectType===2?'请关注服务区部分门店营收呈现下降的情况！':selectType===3?'不匹配，请关注营收与车流增幅产生较大差异的服务区！':selectType===4?'不匹配，请关注营收与车流降幅产生较大差异的服务区！':''}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -150,19 +183,27 @@
|
||||
</view>
|
||||
<view class="sortItem" style="width: 124rpx" @click="handleChangeSortName(1)">
|
||||
<view class="sort">
|
||||
<view class="topName">2024年</view>
|
||||
<view class="topName">{{ currentYear }}年</view>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="upIcon"
|
||||
:style="{ transform: sortName === 1 ? sortType === 1 ? `` : `rotate(180deg)` : `` }"
|
||||
:src="sortType === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg' : sortName === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
<image class="bottomIcon"
|
||||
:style="{ transform: sortName === 1 ? sortType === 1 ? `` : `rotate(180deg)` : 'rotate(-180deg)' }"
|
||||
:src="sortType === 1 && sortName === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sortItem" style="width: 124rpx" @click="handleChangeSortName(2)">
|
||||
<view class="sort">
|
||||
<view class="topName">2023年</view>
|
||||
<view class="topName">{{ currentYear - 1 }}年</view>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="upIcon"
|
||||
:style="{ transform: sortName === 2 ? sortType === 1 ? `` : `rotate(180deg)` : `` }"
|
||||
:src="sortType === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg' : sortName === 2 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
<image class="bottomIcon"
|
||||
:style="{ transform: sortName === 2 ? sortType === 1 ? `` : `rotate(180deg)` : 'rotate(-180deg)' }"
|
||||
:src="sortType === 1 && sortName === 2 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -170,8 +211,12 @@
|
||||
<view class="sort">
|
||||
<view class="topName">增长</view>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" :style="{transform: sortName===3?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===3?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===3?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===3?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="upIcon"
|
||||
:style="{ transform: sortName === 3 ? sortType === 1 ? `` : `rotate(180deg)` : `` }"
|
||||
:src="sortType === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg' : sortName === 3 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
<image class="bottomIcon"
|
||||
:style="{ transform: sortName === 3 ? sortType === 1 ? `` : `rotate(180deg)` : 'rotate(-180deg)' }"
|
||||
:src="sortType === 1 && sortName === 3 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -179,15 +224,20 @@
|
||||
<view class="sort">
|
||||
<view class="topName">增幅</view>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" :style="{transform: sortName===4?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===4?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===4?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===4?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="upIcon"
|
||||
:style="{ transform: sortName === 4 ? sortType === 1 ? `` : `rotate(180deg)` : `` }"
|
||||
:src="sortType === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg' : sortName === 4 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
<image class="bottomIcon"
|
||||
:style="{ transform: sortName === 4 ? sortType === 1 ? `` : `rotate(180deg)` : 'rotate(-180deg)' }"
|
||||
:src="sortType === 1 && sortName === 4 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="listBox">
|
||||
<view class="listItem" v-for="(item,index) in dataList" :key="index" :style="{background: item.ServerpartShopName==='自营超市'?'#ececec':'#F8F8F8'}">
|
||||
<view class="listItem" v-for="(item, index) in dataList" :key="index"
|
||||
:style="{ background: item.ServerpartShopName === '自营超市' ? '#ececec' : '#F8F8F8' }">
|
||||
<view class="listItemTop">
|
||||
<view class="listItemLeft">
|
||||
<view class="logoBox">
|
||||
@ -199,7 +249,8 @@
|
||||
<text class="MERCHANTS_NAME" v-if="item.MERCHANTS_NAME">{{ item.MERCHANTS_NAME }}</text>
|
||||
</view>
|
||||
<view class="itemTypeBox">
|
||||
<text v-if="item.SettlementModes" class="mode" style="margin-right: 8rpx">{{ SETTLEMENT_MODESOBJ[item.SettlementModes] || '' }}</text>
|
||||
<text v-if="item.SettlementModes" class="mode" style="margin-right: 8rpx">{{
|
||||
SETTLEMENT_MODESOBJ[item.SettlementModes] || '' }}</text>
|
||||
<text v-if="item.BusinessType" class="type">{{ businessTypeObj[item.BusinessType] || '' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -211,13 +262,17 @@
|
||||
|
||||
<view class="listItemBottom" style="margin-bottom: 16rpx;margin-top: 24rpx">
|
||||
<view class="bottomValue name" style="width: 56rpx">营收</view>
|
||||
<view class="bottomValue value" style="width: 124rpx">{{item.RevenueINC && item.RevenueINC.curYearData?$util.getMoney(item.RevenueINC.curYearData/10000):'-'}}</view>
|
||||
<view class="bottomValue value" style="width: 124rpx">{{item.RevenueINC && item.RevenueINC.lYearData?$util.getMoney(item.RevenueINC.lYearData/10000):'-'}}</view>
|
||||
<view class="bottomValue value" style="width: 84rpx">{{item.RevenueINC && item.RevenueINC.increaseData?$util.getMoney(item.RevenueINC.increaseData/10000):'-'}}</view>
|
||||
<view :class="item.RevenueINC.increaseRate<0?'bottomValue greenAdd':item.RevenueINC.increaseRate>0?'bottomValue add':''" style="width: 124rpx">{{item.RevenueINC.increaseRate?
|
||||
<view class="bottomValue value" style="width: 124rpx">{{ item.RevenueINC &&
|
||||
item.RevenueINC.curYearData ? $util.getMoney(item.RevenueINC.curYearData / 10000) : '-' }}</view>
|
||||
<view class="bottomValue value" style="width: 124rpx">{{ item.RevenueINC &&
|
||||
item.RevenueINC.lYearData ? $util.getMoney(item.RevenueINC.lYearData / 10000) : '-' }}</view>
|
||||
<view class="bottomValue value" style="width: 84rpx">{{ item.RevenueINC &&
|
||||
item.RevenueINC.increaseData ? $util.getMoney(item.RevenueINC.increaseData / 10000) : '-' }}</view>
|
||||
<view
|
||||
:class="item.RevenueINC.increaseRate < 0 ? 'bottomValue greenAdd' : item.RevenueINC.increaseRate > 0 ? 'bottomValue add' : ''"
|
||||
style="width: 124rpx">{{ item.RevenueINC.increaseRate ?
|
||||
item.RevenueINC.increaseRate > 0 ? `+${item.RevenueINC.increaseRate}%` :
|
||||
item.RevenueINC.increaseRate<0?`${item.RevenueINC.increaseRate}%`
|
||||
:'':''}}</view>
|
||||
item.RevenueINC.increaseRate < 0 ? `${item.RevenueINC.increaseRate}%` : '' : '' }}</view>
|
||||
</view>
|
||||
<!-- <view class="listItemBottom">-->
|
||||
<!-- <view class="bottomValue name" style="width: 56rpx">车流</view>-->
|
||||
@ -258,6 +313,7 @@
|
||||
otherList: [],// 除了自营超市以外的门店数据
|
||||
ownerShop: {},// 自营超市的门店数据
|
||||
showDetailFixed: false,// 车流和营收的增长 在下拉之后悬浮在页面上
|
||||
currentYear: 2025// 当前年
|
||||
}
|
||||
},
|
||||
onLoad(query) {
|
||||
@ -269,6 +325,10 @@
|
||||
if (query.obj) {
|
||||
this.res = JSON.parse(query.obj)
|
||||
}
|
||||
if (query.currentYear) {
|
||||
this.currentYear = Number(query.currentYear)
|
||||
}
|
||||
console.log('this.resthis.res', this.res)
|
||||
if (query.date) {
|
||||
this.date = query.date
|
||||
}
|
||||
@ -429,19 +489,23 @@
|
||||
.scrollBox {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
|
||||
.earlyWarningDetail {
|
||||
width: 100%;
|
||||
background: #F3F3F3;
|
||||
|
||||
.earlyTop {
|
||||
width: 100%;
|
||||
//height: 616rpx;
|
||||
background: #F3F3F3;
|
||||
position: relative;
|
||||
|
||||
.earlyTopBg {
|
||||
width: 100%;
|
||||
height: 430rpx;
|
||||
background: linear-gradient(180deg, #D8E3FF 0%, #F3F3F3 100%);
|
||||
}
|
||||
|
||||
.headerBox {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
@ -453,24 +517,29 @@
|
||||
//padding: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.backIconBox {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
margin-right: 18rpx;
|
||||
|
||||
.backIcon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.picker {
|
||||
.selectService {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.select {
|
||||
height: 32px;
|
||||
background: #F8F8FA;
|
||||
@ -481,9 +550,11 @@
|
||||
padding-right: 8rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.uni-input {
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
@ -492,6 +563,7 @@
|
||||
font-weight: 600;
|
||||
color: #160002;
|
||||
}
|
||||
|
||||
.area {
|
||||
font-size: 12px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
@ -500,10 +572,12 @@
|
||||
line-height: 40px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.rightArrow {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.noticeText {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -518,6 +592,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.detailFixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
@ -528,10 +603,12 @@
|
||||
box-sizing: border-box;
|
||||
padding: 32rpx;
|
||||
z-index: 20;
|
||||
|
||||
.itemDetail {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
//align-items: center;
|
||||
.value {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
@ -541,12 +618,15 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.green {
|
||||
color: #127E5B;
|
||||
}
|
||||
|
||||
.red {
|
||||
color: #E83944;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
@ -558,6 +638,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.revenueBox {
|
||||
position: absolute;
|
||||
width: calc(100% - 48rpx);
|
||||
@ -566,15 +647,18 @@
|
||||
border-radius: 16rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 2rpx;
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
background: linear-gradient(180deg, #CDE1FF 0%, #FFFFFF 30%);
|
||||
border-radius: 14rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 24rpx 22rpx;
|
||||
|
||||
.typeBox {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
.bg {
|
||||
width: 208rpx;
|
||||
height: 208rpx;
|
||||
@ -582,9 +666,11 @@
|
||||
right: -22rpx;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.typeBoxTop {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.monthText {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
@ -598,6 +684,7 @@
|
||||
border-radius: 4rpx;
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
@ -607,6 +694,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.unit {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
@ -618,14 +706,17 @@
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.typeBoxContent {
|
||||
display: flex;
|
||||
margin-top: 24rpx;
|
||||
|
||||
.valueItem {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
|
||||
.valueAdd {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
@ -635,6 +726,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.valueGreen {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
@ -644,6 +736,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
@ -653,6 +746,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.value {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
@ -664,8 +758,10 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.addBox {
|
||||
margin-top: 16rpx;
|
||||
|
||||
.label {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
@ -675,6 +771,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.addValue {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
@ -685,6 +782,7 @@
|
||||
font-style: normal;
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
|
||||
.addGreenValue {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
@ -696,11 +794,13 @@
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.handleGo {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
position: absolute;
|
||||
right: 16rpx;top: 70%;
|
||||
right: 16rpx;
|
||||
top: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -718,6 +818,7 @@
|
||||
box-sizing: border-box;
|
||||
padding: 16rpx;
|
||||
margin-top: 24rpx;
|
||||
|
||||
.monthText {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
@ -726,6 +827,7 @@
|
||||
margin-bottom: 8rpx;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.other {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -733,17 +835,20 @@
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: gray;
|
||||
|
||||
.notice {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin: 0 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.descTitle {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: gray;
|
||||
|
||||
.desc {
|
||||
color: red;
|
||||
}
|
||||
@ -760,14 +865,17 @@
|
||||
box-sizing: border-box;
|
||||
padding: 24rpx 32rpx;
|
||||
margin-top: 32rpx;
|
||||
|
||||
.contentTop {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.topIcon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
.topTitle {
|
||||
font-size: 32rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -782,12 +890,15 @@
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 28rpx;
|
||||
|
||||
.sortItem {
|
||||
display: inline-block;
|
||||
|
||||
.sort {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
|
||||
.topName {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -795,15 +906,18 @@
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.sortIconBox {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 10rpx;
|
||||
|
||||
.upIcon {
|
||||
width: 16rpx;
|
||||
height: 12rpx;
|
||||
margin-bottom: 4rpx;
|
||||
}
|
||||
|
||||
.bottomIcon {
|
||||
width: 16rpx;
|
||||
height: 12rpx;
|
||||
@ -817,6 +931,7 @@
|
||||
width: 100%;
|
||||
height: calc(100% - 70px);
|
||||
margin-top: 16rpx;
|
||||
|
||||
.listItem {
|
||||
width: 100%;
|
||||
background: #F8F8F8;
|
||||
@ -824,20 +939,24 @@
|
||||
box-sizing: border-box;
|
||||
padding: 24rpx;
|
||||
margin-bottom: 24rpx;
|
||||
|
||||
.listItemTop {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.listItemLeft {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
|
||||
.logoBox {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
margin-right: 16rpx;
|
||||
|
||||
.logo {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@ -847,6 +966,7 @@
|
||||
.titleBox {
|
||||
width: calc(100% - 96rpx);
|
||||
flex: 1;
|
||||
|
||||
.itemTitle {
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -859,6 +979,7 @@
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.MERCHANTS_NAME {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
@ -876,6 +997,7 @@
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.itemTypeBox {
|
||||
.mode {
|
||||
display: inline-block;
|
||||
@ -890,6 +1012,7 @@
|
||||
font-style: normal;
|
||||
padding: 2rpx 8rpx;
|
||||
}
|
||||
|
||||
.type {
|
||||
background: #E3EFFF;
|
||||
border-radius: 4rpx;
|
||||
@ -905,6 +1028,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.listItemRight {
|
||||
.warningIcon {
|
||||
width: 40rpx;
|
||||
@ -917,8 +1041,9 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.bottomValue{
|
||||
}
|
||||
|
||||
.bottomValue {}
|
||||
|
||||
.name {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -928,6 +1053,7 @@
|
||||
margin-left: 4rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.value {
|
||||
font-size: 28rpx;
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
@ -935,6 +1061,7 @@
|
||||
color: #160002;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.add {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
@ -944,6 +1071,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.greenAdd {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
|
||||
@ -12,7 +12,8 @@
|
||||
<view class="timeIconBox">
|
||||
<image class="timeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/selectIcon.svg" />
|
||||
</view>
|
||||
<text class="timeText" @click="handleShowPopup">{{`${startDate}${endDate===startDate?'':`-${endDate}`}`}}</text>
|
||||
<text class="timeText" @click="handleShowPopup">{{ `${startDate}${endDate === startDate ? '' :
|
||||
`-${endDate}`}` }}</text>
|
||||
<!-- <uni-datetime-picker v-model="datetimerange" type="daterange"/>-->
|
||||
<!-- <picker class="timeSelect" mode="date" fields="month" :end="end" onChange="handleGetStartTime(e)">{{startDate}}</picker>-->
|
||||
<!-- <span class="timeSelect" style="margin: 0 4rpx">-</span>-->
|
||||
@ -52,7 +53,8 @@
|
||||
<text class="value">{{ sumObj['车流增加，营收增长不匹配'] || 0 }}</text>
|
||||
</view>
|
||||
|
||||
<view :class="selectTab===4?'contentItem selectItem':'contentItem'" style="margin-bottom: 0" @click="handleChangeWarningTab(4)">
|
||||
<view :class="selectTab === 4 ? 'contentItem selectItem' : 'contentItem'" style="margin-bottom: 0"
|
||||
@click="handleChangeWarningTab(4)">
|
||||
<view style="display: flex;align-items: center">
|
||||
<image class="itemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/dataIcon.png" />
|
||||
<text class="contentText">车流减少，营收降低不匹配</text>
|
||||
@ -62,14 +64,16 @@
|
||||
|
||||
<view class="descBox">
|
||||
<view class="descTitle">
|
||||
<text>预警说明：</text><view class="desc">
|
||||
<text>预警说明：</text>
|
||||
<view class="desc">
|
||||
{{ '请重点关注带' }}
|
||||
<image class="notice" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png" />
|
||||
{{ selectTab === 1 ? '标识的服务区，入区车流增加自营商超营收同步增长，服务区整体营收呈现下降的情况！' :
|
||||
selectTab === 2 ? '标识的服务区，入区车流增加自营商超营收同步增长，服务区部分门店营收呈现下降的情况！' :
|
||||
selectTab === 3 ? '标识的服务区，营收与车流增幅产生较大差异的服务区！增幅差额=车流增幅-营收增幅，越大越不好，倒序排列' :
|
||||
selectTab === 4 ? '标识的服务区，营收与车流降幅产生较大差异的服务区！增幅差额=销售增幅-车流降幅，越大越不好，倒序排列' : '' }}
|
||||
</view></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -156,15 +160,21 @@
|
||||
<view class="sortItem" style="width: 25%;justify-content: flex-end" @click="handleChangeSortName(1)">
|
||||
<text class="sortName">对客营收</text>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="upIcon" :style="{ transform: sortName === 1 ? sortType === 1 ? `` : `rotate(180deg)` : `` }"
|
||||
:src="sortType === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg' : sortName === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
<image class="bottomIcon"
|
||||
:style="{ transform: sortName === 1 ? sortType === 1 ? `` : `rotate(180deg)` : 'rotate(-180deg)' }"
|
||||
:src="sortType === 1 && sortName === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="sortItem" style="width: 25%;justify-content: flex-end" @click="handleChangeSortName(2)">
|
||||
<text class="sortName">入区车流</text>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="upIcon" :style="{ transform: sortName === 2 ? sortType === 1 ? `` : `rotate(180deg)` : `` }"
|
||||
:src="sortType === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg' : sortName === 2 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
<image class="bottomIcon"
|
||||
:style="{ transform: sortName === 2 ? sortType === 1 ? `` : `rotate(180deg)` : 'rotate(-180deg)' }"
|
||||
:src="sortType === 1 && sortName === 2 ? 'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg' : 'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -173,7 +183,8 @@
|
||||
<view class="listItem" v-for="(item, index) in dataList" :key="index" @click="handleGoDetail(item)">
|
||||
<view class="itemTop">
|
||||
<view class="itemTopLeft">
|
||||
<image v-if="index<=2" class="topItemIcon" :src="index===0?'https://eshangtech.com/ShopICO/ahyd-BID/warning/sort1st.png':index===1?'https://eshangtech.com/ShopICO/ahyd-BID/warning/sort2st.png':index===2?'https://eshangtech.com/ShopICO/ahyd-BID/warning/sort3st.png':''"/>
|
||||
<image v-if="index <= 2" class="topItemIcon"
|
||||
:src="index === 0 ? 'https://eshangtech.com/ShopICO/ahyd-BID/warning/sort1st.png' : index === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/warning/sort2st.png' : index === 2 ? 'https://eshangtech.com/ShopICO/ahyd-BID/warning/sort3st.png' : ''" />
|
||||
<view class="otherIcon" v-else>{{ index + 1 }}</view>
|
||||
<text class="name">{{ item.ServerpartName.split('服务区')[0] || '' }}</text>
|
||||
<text class="unit">/服务区</text>
|
||||
@ -199,17 +210,29 @@
|
||||
<text class="itemTopName">对客营收</text>
|
||||
<text class="itemTopUnit">/万元</text>
|
||||
</view>
|
||||
<image v-if="false" class="addReduce" :src="Number(item.RevenueINC.increaseRate)>0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/add.svg':Number(item.RevenueINC.increaseRate)<0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg':''"/>
|
||||
<image v-if="false" class="addReduce"
|
||||
:src="Number(item.RevenueINC.increaseRate) > 0 ? 'https://eshangtech.com/ShopICO/ahyd-BID/examine/add.svg' : Number(item.RevenueINC.increaseRate) < 0 ? 'https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg' : ''" />
|
||||
|
||||
</view>
|
||||
<!-- <view :class="item.RevenueINC.curYearData<item.RevenueINC.lYearData?'itemGreenValue':'itemValue' ">{{ item.RevenueINC.curYearData?item.RevenueINC.curYearData>0?`+${$util.getMoney(item.RevenueINC.curYearData / 10000)}`:item.RevenueINC.curYearData<0?`${$util.getMoney(item.RevenueINC.curYearData / 10000)}`:'0':'-' }}</view>-->
|
||||
<view class="normalValue">{{ item.RevenueINC.curYearData?item.RevenueINC.curYearData>0?`+${$util.getMoney(item.RevenueINC.curYearData / 10000)}`:item.RevenueINC.curYearData<0?`${$util.getMoney(item.RevenueINC.curYearData / 10000)}`:'0':'-' }}</view>
|
||||
<view class="normalValue">{{
|
||||
item.RevenueINC.curYearData ? item.RevenueINC.curYearData > 0 ?
|
||||
`+${$util.getMoney(item.RevenueINC.curYearData
|
||||
/ 10000)}` : item.RevenueINC.curYearData < 0 ? `${$util.getMoney(item.RevenueINC.curYearData /
|
||||
10000)}` : '0':'-' }}</view>
|
||||
<view class="addRate" style="display: flex;align-items: center;justify-content: space-between">
|
||||
<!-- 增长-->
|
||||
<!-- <text :class="item.RevenueINC.increaseData>0?'redValue':item.RevenueINC.increaseData<0?'greenValue':''" style="margin-right: 8rpx">{{item.RevenueINC.increaseData?item.RevenueINC.increaseData>0?`+${$util.getMoney(item.RevenueINC.increaseData / 10000)}`:item.RevenueINC.increaseData<0?`${$util.getMoney(item.RevenueINC.increaseData / 10000)}`:'0':'-' }}</text>-->
|
||||
<text class="normalValue" style="margin-right: 8rpx">{{item.RevenueINC.increaseData?item.RevenueINC.increaseData>0?`+${$util.getMoney(item.RevenueINC.increaseData / 10000)}`:item.RevenueINC.increaseData<0?`${$util.getMoney(item.RevenueINC.increaseData / 10000)}`:'0':'-' }}</text>
|
||||
<text class="normalValue" style="margin-right: 8rpx">{{ item.RevenueINC.increaseData ?
|
||||
item.RevenueINC.increaseData > 0 ? `+${$util.getMoney(item.RevenueINC.increaseData
|
||||
/ 10000)}` : item.RevenueINC.increaseData < 0 ? `${$util.getMoney(item.RevenueINC.increaseData /
|
||||
10000)}`:'0':'-' }}</text>
|
||||
<!-- 增幅-->
|
||||
<text :class="item.RevenueINC.increaseRate>0?'redValue':item.RevenueINC.increaseRate<0?'greenValue':''">{{item.RevenueINC.increaseRate?item.RevenueINC.increaseRate>0?`+${item.RevenueINC.increaseRate}%`:item.RevenueINC.increaseRate<0?`${item.RevenueINC.increaseRate}%`:'0':'-' }}</text>
|
||||
<text
|
||||
:class="item.RevenueINC.increaseRate > 0 ? 'redValue' : item.RevenueINC.increaseRate < 0 ? 'greenValue' : ''">{{
|
||||
item.RevenueINC.increaseRate ? item.RevenueINC.increaseRate > 0 ?
|
||||
`+${item.RevenueINC.increaseRate}%` : item.RevenueINC.increaseRate < 0 ?
|
||||
`${item.RevenueINC.increaseRate}%` : '0' : '-' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -222,17 +245,29 @@
|
||||
<text class="itemTopName">入区车流</text>
|
||||
<text class="itemTopUnit">/万辆</text>
|
||||
</view>
|
||||
<image v-if="false" class="addReduce" :src="Number(item.BayonetINC.increaseRate)>0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/add.svg':Number(item.BayonetINC.increaseRate)<0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg':''"/>
|
||||
<image v-if="false" class="addReduce"
|
||||
:src="Number(item.BayonetINC.increaseRate) > 0 ? 'https://eshangtech.com/ShopICO/ahyd-BID/examine/add.svg' : Number(item.BayonetINC.increaseRate) < 0 ? 'https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg' : ''" />
|
||||
|
||||
</view>
|
||||
<!-- <view :class="item.BayonetINC.curYearData<item.BayonetINC.lYearData?'itemGreenValue':'itemValue' ">{{ item.BayonetINC.curYearData?item.BayonetINC.curYearData>0?`+${$util.getMoney(item.BayonetINC.curYearData / 10000)}`:item.BayonetINC.curYearData<0?`${$util.getMoney(item.BayonetINC.curYearData / 10000)}`:'0':'-' }}</view>-->
|
||||
<view class="normalValue">{{ item.BayonetINC.curYearData?item.BayonetINC.curYearData>0?`+${$util.getMoney(item.BayonetINC.curYearData / 10000)}`:item.BayonetINC.curYearData<0?`${$util.getMoney(item.BayonetINC.curYearData / 10000)}`:'0':'-' }}</view>
|
||||
<view class="normalValue">{{
|
||||
item.BayonetINC.curYearData ? item.BayonetINC.curYearData > 0 ?
|
||||
`+${$util.getMoney(item.BayonetINC.curYearData
|
||||
/ 10000)}` : item.BayonetINC.curYearData < 0 ? `${$util.getMoney(item.BayonetINC.curYearData /
|
||||
10000)}`:'0':'-' }}</view>
|
||||
<view class="addRate" style="display: flex;align-items: center;justify-content: space-between">
|
||||
<!-- 增长-->
|
||||
<!-- <text :class="item.BayonetINC.increaseData>0?'redValue':item.BayonetINC.increaseData<0?'greenValue':''" style="margin-right: 8rpx">{{item.BayonetINC.increaseData?item.BayonetINC.increaseData>0?`+${$util.getMoney(item.BayonetINC.increaseData / 10000)}`:item.BayonetINC.increaseData<0?`${$util.getMoney(item.BayonetINC.increaseData / 10000)}`:'0':'-' }}</text>-->
|
||||
<text class="normalValue" style="margin-right: 8rpx">{{item.BayonetINC.increaseData?item.BayonetINC.increaseData>0?`+${$util.getMoney(item.BayonetINC.increaseData / 10000)}`:item.BayonetINC.increaseData<0?`${$util.getMoney(item.BayonetINC.increaseData / 10000)}`:'0':'-' }}</text>
|
||||
<text class="normalValue" style="margin-right: 8rpx">{{ item.BayonetINC.increaseData ?
|
||||
item.BayonetINC.increaseData > 0 ? `+${$util.getMoney(item.BayonetINC.increaseData
|
||||
/ 10000)}` : item.BayonetINC.increaseData < 0 ? `${$util.getMoney(item.BayonetINC.increaseData
|
||||
/ 10000)}`:'0':'-' }}</text>
|
||||
<!-- 增幅-->
|
||||
<text :class="item.BayonetINC.increaseRate>0?'redValue':item.BayonetINC.increaseRate<0?'greenValue':''">{{item.BayonetINC.increaseRate?item.BayonetINC.increaseRate>0?`+${item.BayonetINC.increaseRate}%`:item.BayonetINC.increaseRate<0?`${item.BayonetINC.increaseRate}%`:'':'-' }}</text>
|
||||
<text
|
||||
:class="item.BayonetINC.increaseRate > 0 ? 'redValue' : item.BayonetINC.increaseRate < 0 ? 'greenValue' : ''">{{
|
||||
item.BayonetINC.increaseRate ? item.BayonetINC.increaseRate > 0 ?
|
||||
`+${item.BayonetINC.increaseRate}%` : item.BayonetINC.increaseRate < 0 ?
|
||||
`${item.BayonetINC.increaseRate}%` : '' : '-' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -245,39 +280,49 @@
|
||||
<view class="uniPopup">
|
||||
<view class="uniPopupTop">
|
||||
<text class="uniPopupTitle">筛选</text>
|
||||
<image @click="hidePopup" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg"></image>
|
||||
<image @click="hidePopup" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg">
|
||||
</image>
|
||||
</view>
|
||||
|
||||
<view class="filterBox">
|
||||
<view class="filterTitle">统计时间</view>
|
||||
<view class="filterTimeBox">
|
||||
<picker class="timeSelect" mode="date" fields="month" :start="'2024-01-01'" :end="end" @change="handleGetStartTime">{{startDate}}</picker>
|
||||
<picker class="timeSelect" mode="date" fields="month" :start="'2024-01-01'" :end="end"
|
||||
@change="handleGetStartTime">{{ startDate }}</picker>
|
||||
<span class="timeSelect" style="margin: 0 4rpx">-</span>
|
||||
<picker class="timeSelect" mode="date" fields="month" :start="start" :end="end" @change="handleGetEndTime">{{endDate}}</picker>
|
||||
<picker class="timeSelect" mode="date" fields="month" :start="start" :end="end"
|
||||
@change="handleGetEndTime">{{ endDate }}</picker>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="filterBox" style="margin-top: 48rpx">
|
||||
<view class="filterTitle">经营模式</view>
|
||||
<view class="filterItemList">
|
||||
<view :class="statisticsType===1?'filterItem selectFilterItem':'filterItem'" @click="handleChangeStaticType(1)">便利店</view>
|
||||
<view :class="statisticsType===2?'filterItem selectFilterItem':'filterItem'" @click="handleChangeStaticType(2)">餐饮客房</view>
|
||||
<view :class="statisticsType===3?'filterItem selectFilterItem':'filterItem'" @click="handleChangeStaticType(3)">商铺租赁</view>
|
||||
<view :class="statisticsType === 1 ? 'filterItem selectFilterItem' : 'filterItem'"
|
||||
@click="handleChangeStaticType(1)">便利店</view>
|
||||
<view :class="statisticsType === 2 ? 'filterItem selectFilterItem' : 'filterItem'"
|
||||
@click="handleChangeStaticType(2)">餐饮客房</view>
|
||||
<view :class="statisticsType === 3 ? 'filterItem selectFilterItem' : 'filterItem'"
|
||||
@click="handleChangeStaticType(3)">商铺租赁</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="filterBox" style="margin-top: 48rpx">
|
||||
<view class="filterTitle">经营业态</view>
|
||||
<view class="filterItemList">
|
||||
<view :class="shopTrade===item.value?'filterItem selectFilterItem':'filterItem'" v-for="(item,index) in shopTradeList" :key="index" @click="handleChangeShopTrade(item.value)">{{item.label}}</view>
|
||||
<view :class="shopTrade === item.value ? 'filterItem selectFilterItem' : 'filterItem'"
|
||||
v-for="(item, index) in shopTradeList" :key="index" @click="handleChangeShopTrade(item.value)">
|
||||
{{ item.label }}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="filterBox" style="margin-top: 48rpx">
|
||||
<view class="filterTitle">排行类型</view>
|
||||
<view class="filterItemList">
|
||||
<view :class="sorterType===1?'filterItem selectFilterItem':'filterItem'" @click="handleChangeSorterType(1)">全局排行</view>
|
||||
<view :class="sorterType===2?'filterItem selectFilterItem':'filterItem'" @click="handleChangeSorterType(2)">管理排行</view>
|
||||
<view :class="sorterType === 1 ? 'filterItem selectFilterItem' : 'filterItem'"
|
||||
@click="handleChangeSorterType(1)">全局排行</view>
|
||||
<view :class="sorterType === 2 ? 'filterItem selectFilterItem' : 'filterItem'"
|
||||
@click="handleChangeSorterType(2)">管理排行</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -449,8 +494,8 @@
|
||||
// 跳转详情
|
||||
handleGoDetail(obj) {
|
||||
let date = ''
|
||||
let currentYear = new Date(this.startDate.replace('/', '-')).getFullYear()
|
||||
if (this.startDate === this.endDate) {
|
||||
console.log('this.startDate',this.startDate)
|
||||
let month = new Date(this.startDate.replace('/', '-')).getMonth() + 1
|
||||
console.log('month', month)
|
||||
date = `${month < 10 ? '0' + month : month}月`
|
||||
@ -458,7 +503,7 @@
|
||||
date = `${moment(this.startDate.replace('/', '-')).format('YYYYMM')}-${moment(this.endDate.replace('/', '-')).format('YYYYMM')}`
|
||||
}
|
||||
|
||||
this.$util.toNextRoute('navigateTo', `/pages/earlyWarning/detail?obj=${JSON.stringify(obj)}&date=${date}&type=${this.selectTab}`)
|
||||
this.$util.toNextRoute('navigateTo', `/pages/earlyWarning/detail?obj=${JSON.stringify(obj)}&date=${date}&type=${this.selectTab}¤tYear=${currentYear}`)
|
||||
},
|
||||
// 返回上一级
|
||||
handleBack() {
|
||||
@ -608,16 +653,19 @@
|
||||
.earlyWarningBox {
|
||||
width: 100%;
|
||||
background: #F3F3F3;
|
||||
|
||||
.earlyTop {
|
||||
width: 100%;
|
||||
height: 780rpx;
|
||||
background: #F3F3F3;
|
||||
position: relative;
|
||||
|
||||
.earlyTopBg {
|
||||
width: 100%;
|
||||
height: 430rpx;
|
||||
background: linear-gradient(180deg, #D8E3FF 0%, #F3F3F3 100%);
|
||||
}
|
||||
|
||||
.headerBox {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
@ -629,27 +677,33 @@
|
||||
//padding: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.backIconBox {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
margin-right: 18rpx;
|
||||
|
||||
.backIcon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.timeBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.timeIconBox {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 12rpx;
|
||||
|
||||
.timeIcon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.timeText {
|
||||
font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
|
||||
font-weight: bold;
|
||||
@ -659,6 +713,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.timeSelect {
|
||||
font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
|
||||
font-weight: bold;
|
||||
@ -668,6 +723,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.downIcon {
|
||||
width: 30rpx;
|
||||
height: 24rpx;
|
||||
@ -675,12 +731,14 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.errorWarning {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 32rpx;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
|
||||
.errorTitle {
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
@ -691,11 +749,13 @@
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
padding: 24rpx;
|
||||
|
||||
.warningIcon {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
@ -706,6 +766,7 @@
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.errorContent {
|
||||
width: 100%;
|
||||
//height: 328rpx;
|
||||
@ -721,12 +782,14 @@
|
||||
justify-content: space-between;
|
||||
padding: 12rpx 12rpx;
|
||||
border-radius: 12rpx;
|
||||
|
||||
//margin-bottom: 24rpx;
|
||||
.itemIcon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
.contentText {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
@ -736,6 +799,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.value {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-size: 28rpx;
|
||||
@ -745,9 +809,11 @@
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.selectItem {
|
||||
background: #D9E9FF;
|
||||
}
|
||||
|
||||
.descBox {
|
||||
width: 100%;
|
||||
background: #F8F8F8;
|
||||
@ -755,15 +821,18 @@
|
||||
box-sizing: border-box;
|
||||
padding: 16rpx;
|
||||
margin-top: 24rpx;
|
||||
|
||||
.descTitle {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: gray;
|
||||
|
||||
.desc {
|
||||
color: red;
|
||||
display: inline;
|
||||
font-size: 24rpx;
|
||||
|
||||
.notice {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
@ -784,20 +853,25 @@
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
padding: 32rpx;
|
||||
|
||||
.contentTitle {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.contentTitleLeft {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.contentIcon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.titleBox {
|
||||
margin-left: 12rpx;
|
||||
|
||||
.title {
|
||||
font-size: 32rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -805,6 +879,7 @@
|
||||
color: #160002;
|
||||
line-height: 44rpx;
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -815,6 +890,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentTitleRight {
|
||||
.fixedRight {
|
||||
width: 138rpx;
|
||||
@ -832,11 +908,13 @@
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
|
||||
.filterIcon {
|
||||
width: 24rpx;
|
||||
height: 28rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
|
||||
.searchCountBox {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
@ -858,18 +936,21 @@
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.selectBox {
|
||||
width: 100%;
|
||||
height: 72rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 28rpx;
|
||||
|
||||
.scrollBox {
|
||||
//width: calc(100% - 140rpx);
|
||||
width: 100%;
|
||||
height: 72rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
//white-space: nowrap;
|
||||
.scrollItem {
|
||||
background: #F5F5F5;
|
||||
@ -878,11 +959,13 @@
|
||||
padding: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.itemImg {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
@ -893,13 +976,16 @@
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.selectScroll {
|
||||
background: #ECF2FF !important;
|
||||
|
||||
.text {
|
||||
color: #2363FF !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fixedRight {
|
||||
width: 138rpx;
|
||||
height: 72rpx;
|
||||
@ -915,11 +1001,13 @@
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
|
||||
.filterIcon {
|
||||
width: 24rpx;
|
||||
height: 28rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
|
||||
.searchCountBox {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
@ -939,16 +1027,19 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dataList {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
//height: calc(100% - 200rpx);
|
||||
margin-top: 24rpx;
|
||||
|
||||
.listTitle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #F1F1F1;
|
||||
padding-bottom: 16rpx;
|
||||
|
||||
.titleName {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -956,9 +1047,11 @@
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.sortItem {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.sortName {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -966,15 +1059,18 @@
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.sortIconBox {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 16rpx;
|
||||
|
||||
.upIcon {
|
||||
width: 16rpx;
|
||||
height: 12rpx;
|
||||
margin-bottom: 4rpx;
|
||||
}
|
||||
|
||||
.bottomIcon {
|
||||
width: 16rpx;
|
||||
height: 12rpx;
|
||||
@ -982,24 +1078,30 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.listContent {
|
||||
width: 100%;
|
||||
height: calc(100% - 60rpx);
|
||||
margin-top: 24rpx;
|
||||
|
||||
.listItem {
|
||||
width: 100%;
|
||||
margin-bottom: 40rpx;
|
||||
|
||||
.itemTop {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.itemTopLeft {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.topItemIcon {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.otherIcon {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
@ -1018,6 +1120,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -1025,6 +1128,7 @@
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.unit {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -1034,6 +1138,7 @@
|
||||
margin-left: 4rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.message {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
@ -1045,15 +1150,18 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
|
||||
.warningNotice {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 16rpx;
|
||||
|
||||
.notice {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
.shopNumber {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
@ -1064,6 +1172,7 @@
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.moreIcon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
@ -1077,6 +1186,7 @@
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 16rpx;
|
||||
|
||||
.secondItem {
|
||||
width: calc((100% - 18rpx) / 2);
|
||||
background: #F7F8FA;
|
||||
@ -1084,6 +1194,7 @@
|
||||
padding: 16rpx 24rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
|
||||
.bg {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@ -1091,16 +1202,19 @@
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.bg {
|
||||
width: 144rpx;
|
||||
height: 144rpx
|
||||
}
|
||||
}
|
||||
|
||||
.secondItemTop {
|
||||
margin-bottom: 4rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.itemTopName {
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -1108,6 +1222,7 @@
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.itemTopUnit {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -1116,6 +1231,7 @@
|
||||
line-height: 36rpx;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
|
||||
.addReduce {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
@ -1123,6 +1239,7 @@
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.normalValue {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-size: 24rpx;
|
||||
@ -1131,6 +1248,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.itemValue {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
@ -1140,6 +1258,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.itemGreenValue {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
@ -1149,8 +1268,10 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.addRate {
|
||||
margin-top: 4rpx;
|
||||
|
||||
.normalValue {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-size: 24rpx;
|
||||
@ -1159,6 +1280,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.redValue {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
@ -1168,6 +1290,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.greenValue {
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
@ -1177,6 +1300,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.unit {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
@ -1201,11 +1325,13 @@
|
||||
height: 1050rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 32rpx;
|
||||
|
||||
.uniPopupTop {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.uniPopupTitle {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
@ -1215,6 +1341,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.close {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
@ -1224,6 +1351,7 @@
|
||||
|
||||
.filterBox {
|
||||
margin-top: 40rpx;
|
||||
|
||||
.filterTitle {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
@ -1233,10 +1361,12 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.filterItemList {
|
||||
margin: 24rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.filterItem {
|
||||
width: calc((100% - 32rpx)/3);
|
||||
display: flex;
|
||||
@ -1255,19 +1385,23 @@
|
||||
border-radius: 8rpx;
|
||||
padding: 12rpx 0;
|
||||
}
|
||||
|
||||
.selectFilterItem {
|
||||
color: #2363FF;
|
||||
background: #ECF2FF;
|
||||
}
|
||||
|
||||
.filterItem:nth-child(3) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.filterTimeBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 24rpx;
|
||||
|
||||
.timeSelect {
|
||||
width: calc((100% - 20px)/2);
|
||||
}
|
||||
|
||||
@ -386,7 +386,8 @@
|
||||
|
||||
<view class="contentItem">
|
||||
租金交付已完成
|
||||
<text class="money">{{ item.rentDelivery ? item.rentDelivery > 100 ? 100 : item.rentDelivery + '%' :
|
||||
<text class="money">{{ item.rentDelivery ? item.rentDelivery > 100 ? 100 :
|
||||
item.rentDelivery.toFixed(2) + '%' :
|
||||
'-'
|
||||
}}</text>
|
||||
</view>
|
||||
|
||||
@ -642,7 +642,8 @@ export default {
|
||||
bindDateChange(e) { // 切换日期 加载选中日期的营收数据
|
||||
// let nowDate = this.theRequest.time
|
||||
let selectT = new Date(e.detail.value)
|
||||
if (selectT <= new Date(this.lastDay)) {
|
||||
|
||||
// if (selectT <= new Date(this.lastDay)) {
|
||||
this.theRequest.time = e.detail.value
|
||||
this.theRequest.month = this.$util.cutDate(e.detail.value, 'YYYYMM')
|
||||
this.sevenDate = [this.$util.cutDate(selectT, 'MM.DD', -13),
|
||||
@ -660,7 +661,7 @@ export default {
|
||||
uni.hideLoading()
|
||||
})
|
||||
// 移除不必要的$forceUpdate
|
||||
}
|
||||
// }
|
||||
|
||||
},
|
||||
toDetail(item, provinceId) { // 如果当前页面至存在一个初始化的省份编码 则不需要传入参数provinceId
|
||||
|
||||
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user