This commit is contained in:
cclu 2024-03-13 19:46:12 +08:00
parent 8e9d6d6923
commit e9b7cdaaf0
14 changed files with 1228 additions and 491 deletions

View File

@ -4,6 +4,79 @@
<view class="meng" v-if="showHaveNotice" @click.stop="handleShowHaveNoticeBox"></view> <view class="meng" v-if="showHaveNotice" @click.stop="handleShowHaveNoticeBox"></view>
<view class="meng" v-if="showMonthDetail" @click.stop="handleShowTrafficDetail"></view> <view class="meng" v-if="showMonthDetail" @click.stop="handleShowTrafficDetail"></view>
<view class="meng" v-if="ydModal" @click.stop="handleShowYDModal"></view> <view class="meng" v-if="ydModal" @click.stop="handleShowYDModal"></view>
<view class="showMoreFixedBox" v-if="showMoreFixed" @click="handleShowMore">
<view class="fixedBox">
<view class="otherDetailBottom">
<view class="bottomItem" style="margin-bottom: 16rpx">
<view class="bottomSmallItem">
<view class="itemLeft">
<view class="itemMonth">{{ `${selectMonth<10?'0'+selectMonth:selectMonth}`}}</view>
<view class="itemTitle">入区车流
<span class="unit">/百万辆</span>
</view>
</view>
<view class="itemRight">
<text class="itemValue">{{trafficCurrentObj.Vehicle_AddUpCount?trafficCurrentObj.AddUpCount:''}}</text>
</view>
</view>
<view class="itemData">
<text class="itemValue">{{trafficYOYObj.Vehicle_GrowthRate?trafficYOYObj.Vehicle_GrowthRate>0?'+'+trafficYOYObj.Vehicle_GrowthRate+'%':trafficYOYObj.Vehicle_GrowthRate+'%':'-'}}</text>
<text class="itemText">同比</text>
</view>
<view class="itemData">
<text class="itemValue" style="color: #0E9976">{{trafficQOQObj.Vehicle_GrowthRate?trafficQOQObj.Vehicle_GrowthRate>0?'+'+trafficQOQObj.Vehicle_GrowthRate+'%':trafficQOQObj.Vehicle_GrowthRate+'%':'-'}}</text>
<text class="itemText">环比</text>
</view>
</view>
<view class="bottomItem" style="margin-bottom: 16rpx">
<view class="bottomSmallItem">
<view class="itemLeft">
<view class="itemMonth">{{ `${selectMonth<10?'0'+selectMonth:selectMonth}`}}</view>
<view class="itemTitle">入区率
<span class="unit">/%</span></view>
</view>
<view class="itemRight">
<text class="itemValue">{{trafficCurrentObj.Entry_Rate?trafficCurrentObj.Entry_Rate:''}}</text>
</view>
</view>
<view class="itemData">
<text class="itemValue">{{trafficYOYObj.Entry_GrowthRate?trafficYOYObj.Entry_GrowthRate>0?'+'+trafficYOYObj.Entry_GrowthRate+'%':trafficYOYObj.Entry_GrowthRate+'%':'-'}}</text>
<text class="itemText">同比</text>
</view>
<view class="itemData">
<text class="itemValue" style="color: #0E9976">{{trafficQOQObj.Entry_GrowthRate?trafficQOQObj.Entry_GrowthRate>0?'+'+trafficQOQObj.Entry_GrowthRate+'%':trafficQOQObj.Entry_GrowthRate+'%':'-'}}</text>
<text class="itemText">环比</text>
</view>
</view>
<view class="bottomItem">
<view class="bottomSmallItem">
<view class="itemLeft">
<view class="itemMonth">{{ `${selectMonth<10?'0'+selectMonth:selectMonth}`}}</view>
<view class="itemTitle">停留时长
<span class="unit">/分钟</span></view>
</view>
<view class="itemRight">
<text class="itemValue">{{trafficCurrentObj.Stay_Times?trafficCurrentObj.Stay_Times:''}}</text>
</view>
</view>
<view class="itemData">
<text class="itemValue">{{trafficYOYObj.StayTimes_GrowthRate?trafficYOYObj.StayTimes_GrowthRate>0?'+'+trafficYOYObj.StayTimes_GrowthRate+'%':trafficYOYObj.StayTimes_GrowthRate+'%':'-'}}</text>
<text class="itemText">同比</text>
</view>
<view class="itemData">
<text class="itemValue" style="color: #0E9976">{{trafficQOQObj.StayTimes_GrowthRate?trafficQOQObj.StayTimes_GrowthRate>0?'+'+trafficQOQObj.StayTimes_GrowthRate+'%':trafficQOQObj.StayTimes_GrowthRate+'%':'-'}}</text>
<text class="itemText">环比</text>
</view>
</view>
</view>
</view>
</view>
<!-- 根据要显示的内容 切换高度 --> <!-- 根据要显示的内容 切换高度 -->
<view class="header"> <view class="header">
<!-- :style="{height:loadMore?`calc(${(776/750)*phoneWidth + 260}px)`:`calc(${(776/750)*phoneWidth - 10}px)`}"--> <!-- :style="{height:loadMore?`calc(${(776/750)*phoneWidth + 260}px)`:`calc(${(776/750)*phoneWidth - 10}px)`}"-->
@ -44,12 +117,12 @@
<!-- ,height:loadMore?'200px':'38px'--> <!-- ,height:loadMore?'200px':'38px'-->
<div class="storeDetail" :style="{ top: menu.bottom + 13 + 'px',left:0 + 'px'}"> <div class="storeDetail" :style="{ top: menu.bottom + 13 + 'px',left:0 + 'px'}">
<swiper class="detailBox" previous-margin="40rpx" next-margin="20rpx" :style="{height: loadMore?`1330rpx`:`620rpx`}" @change="handleChangeSelect" :current="selectDetail"> <swiper class="detailBox" previous-margin="40rpx" next-margin="20rpx" :style="{height: loadMore?`1330rpx`:`740rpx`}" @change="handleChangeSelect" :current="selectDetail">
<block v-for="(item,index) in swiperList" :key="index"> <block v-for="(item,index) in swiperList" :key="index">
<swiper-item :item-id="index" :data-item-id="index" :class="selectMonth === index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)?'detailItemBox':'noSelectItemBox'"> <swiper-item :item-id="index" :data-item-id="index" :class="selectMonth === index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)?'detailItemBox':'noSelectItemBox'">
<view class="bigBox" v-if="selectMonth === index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)"> <view class="bigBox" v-if="selectMonth === index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)">
<view class="box"> <view class="box">
<view class="top" style="height: 550rpx;"> <view class="top" style="height: 740rpx;">
<view class="topTop"> <view class="topTop">
<view class="statistics" @click="goToRevenueStatic"> <view class="statistics" @click="goToRevenueStatic">
<image class="staticImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stStaticIcon.svg"/> <image class="staticImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stStaticIcon.svg"/>
@ -83,7 +156,7 @@
</view> </view>
<view class="revenueTopRight" v-if="showTableData.add"> <view class="revenueTopRight" v-if="showTableData.add">
<!--https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg--> <!--https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg-->
<image class="addReduce" :src="Number(showTableData.add)>0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/add.svg':Number(showTableData.add)<0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg':''"/> <!-- <image class="addReduce" :src="Number(showTableData.add)>0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/add.svg':Number(showTableData.add)<0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg':''"/>-->
<text class="addValue">{{showTableData.add?showTableData.add:'-'}}%</text> <text class="addValue">{{showTableData.add?showTableData.add:'-'}}%</text>
<text class="rightNav">同比</text> <text class="rightNav">同比</text>
</view> </view>
@ -94,47 +167,48 @@
<!-- <text class="rightNav">同比</text>--> <!-- <text class="rightNav">同比</text>-->
</view> </view>
<view class="newBox"> <view class="newBox">
<view class="progress" @click="handleShowHaveNoticeBox" :style="{background:1<=selectMonth && selectMonth<=3?'#FFAB30':4<=selectMonth && selectMonth<=6?'#5DC1E0':7<=selectMonth && selectMonth<=9?'#7CADF8':'#DCA858'}">
<view class="have" :style="{width:progressObj.owner+'%',background:1<=selectMonth && selectMonth<=3?'#DB573B':4<=selectMonth && selectMonth<=6?'#137BBD':7<=selectMonth && selectMonth<=9?'#3663CB':'#A66A37'}"></view>
<view class="haveNoticeBox" v-if="showHaveNotice" @click.stop="handleShowHaveNoticeBox">
<text class="label">自营:<text class="value">{{progressObj.owner}}%</text></text>
<text class="label">外租:<text class="value">{{progressObj.other}}%</text></text>
</view>
</view> <!-- <view class="progress" @click="handleShowHaveNoticeBox" :style="{background:1<=selectMonth && selectMonth<=3?'#FFAB30':4<=selectMonth && selectMonth<=6?'#5DC1E0':7<=selectMonth && selectMonth<=9?'#7CADF8':'#DCA858'}">-->
<view class="message" > <!-- <view class="have" :style="{width:progressObj.owner+'%',background:1<=selectMonth && selectMonth<=3?'#DB573B':4<=selectMonth && selectMonth<=6?'#137BBD':7<=selectMonth && selectMonth<=9?'#3663CB':'#A66A37'}"></view>-->
<view class="smallDetailItem" style="margin-right: 14px"> <!-- <view class="haveNoticeBox" v-if="showHaveNotice" @click.stop="handleShowHaveNoticeBox">-->
<view class="messageTop"> <!-- <text class="label">自营:<text class="value">{{progressObj.owner}}%</text></text>-->
<view class="type" :style="{background:1<=selectMonth && selectMonth<=3?'#DB573B':4<=selectMonth && selectMonth<=6?'#137BBD':7<=selectMonth && selectMonth<=9?'#3663CB':'#A66A37'}"></view> <!-- <text class="label">外租:<text class="value">{{progressObj.other}}%</text></text>-->
<text class="typeTitle">驿达自营</text> <!-- </view>-->
<!-- <text class="unit">/万元</text>--> <!-- </view>-->
</view> <!-- <view class="message" >-->
<view class="middle" v-if="typeList && typeList.length>0"> <!-- <view class="smallDetailItem" style="margin-right: 14px">-->
<text class="money">{{revenueMoney?$util.fmoney(revenueMoney || 0,2):''}}</text> <!-- <view class="messageTop">-->
<view class="addItem" v-if="monthAdd">{{monthAdd || ''}}%</view> <!-- <view class="type" :style="{background:1<=selectMonth && selectMonth<=3?'#DB573B':4<=selectMonth && selectMonth<=6?'#137BBD':7<=selectMonth && selectMonth<=9?'#3663CB':'#A66A37'}"></view>-->
</view> <!-- <text class="typeTitle">驿达自营</text>-->
<view class="messageBottom" v-if="typeList && typeList[0].add"> <!-- &lt;!&ndash; <text class="unit">/万元</text>&ndash;&gt;-->
<text class="addText">{{typeList[0].add?typeList[0].add:''}}</text> <!-- </view>-->
<text class="addType">同比</text> <!-- <view class="middle" v-if="typeList && typeList.length>0">-->
</view> <!-- <text class="money">{{revenueMoney?$util.fmoney(revenueMoney || 0,2):''}}</text>-->
</view> <!-- <view class="addItem" v-if="monthAdd">{{monthAdd || ''}}%</view>-->
<!-- </view>-->
<!-- <view class="messageBottom" v-if="typeList && typeList[0].add">-->
<!-- <text class="addText">{{typeList[0].add?typeList[0].add:''}}</text>-->
<!-- <text class="addType">同比</text>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="smallDetailItem">-->
<!-- <view class="messageTop">-->
<!-- <view class="type" :style="{background:1<=selectMonth && selectMonth<=3?'#FFAB30':4<=selectMonth && selectMonth<=6?'#5DC1E0':7<=selectMonth && selectMonth<=9?'#7CADF8':'#DCA858'}"></view>-->
<!-- <text class="typeTitle">商铺租赁</text>-->
<!-- &lt;!&ndash; <text class="unit">/万元</text>&ndash;&gt;-->
<!-- </view>-->
<!-- <view class="middle">-->
<!-- <text class="money">{{externalMoney?$util.fmoney(externalMoney || 0,2):''}}</text>-->
<!-- &lt;!&ndash; <view class="addItem">+13.18%</view>&ndash;&gt;-->
<!-- </view>-->
<!-- <view class="messageBottom" v-if="typeList && typeList[1].add">-->
<!-- <text class="addText">{{typeList[1].add?typeList[1].add:''}}</text>-->
<!-- <text class="addType">同比</text>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<view class="smallDetailItem">
<view class="messageTop">
<view class="type" :style="{background:1<=selectMonth && selectMonth<=3?'#FFAB30':4<=selectMonth && selectMonth<=6?'#5DC1E0':7<=selectMonth && selectMonth<=9?'#7CADF8':'#DCA858'}"></view>
<text class="typeTitle">商铺租赁</text>
<!-- <text class="unit">/万元</text>-->
</view>
<view class="middle">
<text class="money">{{externalMoney?$util.fmoney(externalMoney || 0,2):''}}</text>
<!-- <view class="addItem">+13.18%</view>-->
</view>
<view class="messageBottom" v-if="typeList && typeList[1].add">
<text class="addText">{{typeList[1].add?typeList[1].add:''}}</text>
<text class="addType">同比</text>
</view>
</view>
</view>
<view class="moneyRate"> <view class="moneyRate">
<view class="leftBox" @click="handleShowYDModal" v-if="showRateChart"> <view class="leftBox" @click="handleShowYDModal" v-if="showRateChart">
<view class="rateChartsBox"> <view class="rateChartsBox">
@ -145,21 +219,73 @@
<text class="label">商家入账:<text class="value">{{shopRate}}%</text></text> <text class="label">商家入账:<text class="value">{{shopRate}}%</text></text>
</view> </view>
</view> </view>
<view class="rightBox"> <view class="newRightBox">
<view class="noticeItem"> <view class="newRightItem">
<view class="noticeTop" :style="{background:1<=selectMonth && selectMonth<=3?'#DB573B':4<=selectMonth && selectMonth<=6?'#137BBD':7<=selectMonth && selectMonth<=9?'#3663CB':'#A66A37'}"></view> <view class="itemLeft">
<view class="noticeText">营业收入</view> <view class="itemIcon" style="background: #1677FE"></view>
<!-- <span class="noticeSmallText">/万元</span>--> <span class="itemName">便利店</span>
<text class="noticeMoney">{{currentPeriodData.Royalty_Theory?$util.fmoney($util.getMoney(currentPeriodData.Royalty_Theory / 10000),2):'-'}}</text> <span class="itemValue">3,100.65</span>
</view> </view>
<view class="noticeItem"> <view class="itemRight">+9.65%</view>
<view class="noticeTop" :style="{background:1<=selectMonth && selectMonth<=3?'#FFAB30':4<=selectMonth && selectMonth<=6?'#5DC1E0':7<=selectMonth && selectMonth<=9?'#7CADF8':'#DCA858'}"></view> </view>
<view class="noticeText">商家入账</view> <view class="newRightItem">
<!-- <span class="noticeSmallText">/万元</span>--> <view class="itemLeft">
<text class="noticeMoney">{{ currentPeriodData.SubRoyalty_Theory?$util.fmoney($util.getMoney(currentPeriodData.SubRoyalty_Theory / 10000),2):'-' }}</text> <view class="itemIcon" style="background: #456497"></view>
<span class="itemName">餐饮客房</span>
<span class="itemValue">1,875.23</span>
</view>
<view class="itemRight">+23.87%</view>
</view>
<view class="newRightItem">
<view class="itemLeft">
<view class="itemIcon" style="background: #97A9C6"></view>
<span class="itemName">商铺租赁</span>
<span class="itemValue">4,921.86</span>
</view>
<view class="itemRight">+15.02%</view>
</view>
</view>
<!-- <view class="rightBox">-->
<!-- <view class="noticeItem">-->
<!-- <view class="noticeTop" :style="{background:1<=selectMonth && selectMonth<=3?'#DB573B':4<=selectMonth && selectMonth<=6?'#137BBD':7<=selectMonth && selectMonth<=9?'#3663CB':'#A66A37'}"></view>-->
<!-- <view class="noticeText">营业收入</view>-->
<!-- &lt;!&ndash; <span class="noticeSmallText">/万元</span>&ndash;&gt;-->
<!-- <text class="noticeMoney">{{currentPeriodData.Royalty_Theory?$util.fmoney($util.getMoney(currentPeriodData.Royalty_Theory / 10000),2):'-'}}</text>-->
<!-- </view>-->
<!-- <view class="noticeItem">-->
<!-- <view class="noticeTop" :style="{background:1<=selectMonth && selectMonth<=3?'#FFAB30':4<=selectMonth && selectMonth<=6?'#5DC1E0':7<=selectMonth && selectMonth<=9?'#7CADF8':'#DCA858'}"></view>-->
<!-- <view class="noticeText">商家入账</view>-->
<!-- &lt;!&ndash; <span class="noticeSmallText">/万元</span>&ndash;&gt;-->
<!-- <text class="noticeMoney">{{ currentPeriodData.SubRoyalty_Theory?$util.fmoney($util.getMoney(currentPeriodData.SubRoyalty_Theory / 10000),2):'-' }}</text>-->
<!-- </view>-->
<!-- </view>-->
</view>
</view>
<view class="accountRevenue">
<view class="accountItem" style="margin-bottom: 24rpx">
<view class="itemTop">
<view class="itemType">累计</view>
<view class="itemName">对客营收<span class="unit">/万元</span></view>
</view>
<view class="itemBottom">
<span class="revenueNum">13,268.97</span>
<span class="revenueAdd">+14.91%</span>
</view>
</view>
<view class="accountItem">
<view class="itemTop">
<view class="itemType">累计</view>
<view class="itemName">营业收入<span class="unit">/万元</span></view>
</view>
<view class="itemBottom">
<span class="revenueNum">13,268.97</span>
<span class="revenueAdd">+23.93%</span>
</view> </view>
</view> </view>
</view> </view>
<view class="showMoreLoading">
<image @click="handleShowMore" class="showMorenDown" src="/static/images/newIndex/downIconMore.png"/>
</view> </view>
<!-- <view class="goBusiness">--> <!-- <view class="goBusiness">-->
<!-- &lt;!&ndash; @click="handleGoProject"&ndash;&gt;--> <!-- &lt;!&ndash; @click="handleGoProject"&ndash;&gt;-->
@ -238,7 +364,8 @@
</view> </view>
</view> </view>
</view> </view>
<view class="bottom" v-if="!loadMore" @click="handleChangeLoadMore"> <!-- <view class="bottom" v-if="!loadMore" @click="handleChangeLoadMore">-->
<view class="bottom" v-if="false" @click="handleChangeLoadMore">
<text class="searchText">查看更多</text> <text class="searchText">查看更多</text>
<image class="searchIcon" :style="{height:'16px',transform: loadMore?'rotate(180deg)':''}" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/> <image class="searchIcon" :style="{height:'16px',transform: loadMore?'rotate(180deg)':''}" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</view> </view>
@ -1427,7 +1554,8 @@ export default {
showRateChart:true,// showRateChart:true,//
revenueMoney:'',// revenueMoney:'',//
externalMoney:'',// externalMoney:'',//
currentMoney:'' currentMoney:'',
showMoreFixed:false,//
} }
}, },
watch:{ watch:{
@ -1537,7 +1665,6 @@ export default {
this.phoneWidth = systemInfo.windowWidth this.phoneWidth = systemInfo.windowWidth
// //
// 2023 // 2023
console.log('this.lastDay',this.lastDay)
const nowDate = new Date(this.nowDay) const nowDate = new Date(this.nowDay)
let holiday = nowDate.getDay() let holiday = nowDate.getDay()
this.howDay = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"][holiday] this.howDay = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"][holiday]
@ -1550,7 +1677,6 @@ export default {
let swiperList = [] let swiperList = []
if (2023-y<0){ if (2023-y<0){
sum = 12 * (y - 2023) + m sum = 12 * (y - 2023) + m
console.log('sum',sum)
for (let i=0;i<sum;i++){ for (let i=0;i<sum;i++){
if (i<=11){ if (i<=11){
swiperList.push({key:i}) swiperList.push({key:i})
@ -1566,17 +1692,13 @@ export default {
swiperList.push({key:`2023${i<10?'0'+i:i}`}) swiperList.push({key:`2023${i<10?'0'+i:i}`})
} }
} }
console.log('sum',sum)
console.log('swiperList',swiperList)
this.swiperList = swiperList this.swiperList = swiperList
// //
this.selectDetail = this.handleGetSwiperIndex(this.lastDay) this.selectDetail = this.handleGetSwiperIndex(this.lastDay)
console.log('this.selectDetail',this.selectDetail)
// //
this.nowMonth = date.getMonth() + 1 this.nowMonth = date.getMonth() + 1
// //
this.selectMonth = date.getMonth() + 1 this.selectMonth = date.getMonth() + 1
console.log('this.selectMonth',this.selectMonth)
// //
this.startDate = `${date.getFullYear()}-01` this.startDate = `${date.getFullYear()}-01`
@ -1617,7 +1739,6 @@ export default {
// //
// , // ,
this.seat = uni.getStorageSync('seatInfo') this.seat = uni.getStorageSync('seatInfo')
console.log('this.seat11',!this.seat)
if (!this.seat){ if (!this.seat){
//stroge //stroge
wx.getFuzzyLocation({ wx.getFuzzyLocation({
@ -1677,13 +1798,15 @@ export default {
}, },
methods:{ methods:{
...mapActions(['memberLogin','getLoginCode']), ...mapActions(['memberLogin','getLoginCode']),
//
handleShowMore(){
this.showMoreFixed = !this.showMoreFixed
},
// //
handleChangeVersion(e){ handleChangeVersion(e){
console.log('e',e)
this.selectVersion = e this.selectVersion = e
uni.setStorageSync('version',this.selectVersion) uni.setStorageSync('version',this.selectVersion)
if (this.selectVersion===2){ if (this.selectVersion===2){
console.log('e2222')
uni.switchTab({ uni.switchTab({
url:`/pages/index/old/index` url:`/pages/index/old/index`
}) })
@ -1857,7 +1980,6 @@ export default {
latitude:seat.latitude, latitude:seat.latitude,
} }
const data = await request.$webGet('CommercialApi/BaseInfo/GetServerpartList',req) const data = await request.$webGet('CommercialApi/BaseInfo/GetServerpartList',req)
console.log('datanearestService',data)
let nearService = uni.getStorageSync('nearService') let nearService = uni.getStorageSync('nearService')
if (!nearService){ if (!nearService){
let res = { let res = {
@ -2038,7 +2160,6 @@ export default {
StatisticsDate:this.nowDay StatisticsDate:this.nowDay
} }
request.$webGet('CommercialApi/Revenue/GetCurRevenue',req).then(res=>{ request.$webGet('CommercialApi/Revenue/GetCurRevenue',req).then(res=>{
console.log('res',res)
// this.currentMoney = this.$util.fmoney(res.Result_Data.CurRevenueAmount,2) // this.currentMoney = this.$util.fmoney(res.Result_Data.CurRevenueAmount,2)
this.currentMoney = res.Result_Data.CurRevenueAmount.toFixed(2) this.currentMoney = res.Result_Data.CurRevenueAmount.toFixed(2)
@ -2847,6 +2968,129 @@ $iphoneHeight: env(safe-area-inset-bottom);
top: 0;left: 0; top: 0;left: 0;
z-index: 20; z-index: 20;
} }
.showMoreFixedBox{
width: 100vw;
height: 100vh;
position: fixed;
top: 0;left: 0;
z-index: 1000000;
background: rgba(7, 7, 7, 0.5);
.fixedBox{
width: calc(100vw - 64rpx);
box-sizing: border-box;
padding: 32rpx 38rpx;
border-radius: 16rpx;
background: #fff;
position: fixed;
top: 10vh; left: 32rpx;
.otherDetailBottom{
.bottomItem{
width: 100%;
.bottomSmallItem{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.itemLeft{
display: flex;
align-items: center;
.itemMonth{
padding: 4rpx 8rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #FFFFFF;
line-height: 24rpx;
text-align: left;
font-style: normal;
background: #F2792E;
border-radius: 4rpx;
margin-right: 8rpx;
}
.itemTitle{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #160002;
line-height: 44rpx;
text-align: left;
font-style: normal;
.unit{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #A69E9F;
line-height: 44rpx;
text-align: left;
font-style: normal;
margin-left: 4rpx;
}
}
}
.itemRight{
.itemValue{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 36rpx;
color: #160002;
line-height: 44rpx;
text-align: center;
font-style: normal;
}
}
}
.itemData{
display: flex;
justify-content: flex-end;
align-items: center;
.itemValue{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 28rpx;
color: #E83944;
line-height: 32rpx;
text-align: center;
font-style: normal;
}
.itemText{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #A69E9F;
line-height: 40rpx;
text-align: left;
font-style: normal;
margin-left: 4rpx;
}
}
}
.monthDetail{
position: absolute;
left: 50%;top: 50%;
transform: translate(-50%,-50%);
display: inline-block;
padding: 5px 10px;
background: #fff;
border-radius: 10rpx;
box-shadow: 0rpx 0rpx 40rpx 0rpx rgba(244, 138, 143, 0.21);
z-index:9;
.monthItem{
.label{
display: inline-block;
width: 100px;
}
.value{
display: inline-block;
text-align: left;
margin-right: 12rpx;
}
}
}
}
}
}
.header { .header {
width: 100%; width: 100%;
background: linear-gradient(180deg, #DCE6FF 0%, #F3F4F9 100%); background: linear-gradient(180deg, #DCE6FF 0%, #F3F4F9 100%);
@ -3341,6 +3585,137 @@ $iphoneHeight: env(safe-area-inset-bottom);
} }
} }
} }
.newRightBox{
height: 100%;
flex: 1;
.newRightItem{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 8rpx 0;
.itemLeft{
display: flex;
align-items: center;
.itemIcon{
width: 12rpx;
height: 12rpx;
margin-right: 12rpx;
border-radius: 50%;
}
.itemName{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #160002;
line-height: 40rpx;
text-align: left;
font-style: normal;
display: inline-block;
width: 120rpx;
}
.itemValue{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 28rpx;
color: #160002;
line-height: 40rpx;
text-align: left;
font-style: normal;
}
}
.itemRight{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 28rpx;
color: #E83944;
line-height: 40rpx;
text-align: center;
font-style: normal;
}
}
}
}
}
.accountRevenue{
width: 100%;
background: #F9FAFC;
box-sizing: border-box;
padding: 28rpx 24rpx;
margin-top: 48rpx;
.accountItem{
width: 100%;
.itemTop{
display: flex;
align-items: center;
margin-bottom: 8rpx;
.itemType{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #FFFFFF;
line-height: 24rpx;
text-align: left;
font-style: normal;
padding:4rpx 8rpx;
background: #F2792E;
border-radius: 4rpx;
margin-right: 8rpx;
}
.itemName{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #160002;
line-height: 40rpx;
text-align: left;
font-style: normal;
.unit{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #9A9A9A;
line-height: 36rpx;
text-align: left;
font-style: normal;
margin-left: 4rpx
}
}
}
.itemBottom{
display: flex;
align-items: center;
justify-content: space-between;
.revenueNum{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 36rpx;
color: #160002;
line-height: 44rpx;
text-align: left;
font-style: normal;
}
.revenueAdd{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 36rpx;
color: #E83944;
line-height: 44rpx;
text-align: left;
font-style: normal;
}
}
}
}
.showMoreLoading{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 14rpx;
.showMorenDown{
width: 40rpx;
height: 50rpx;
} }
} }
.goBusiness{ .goBusiness{
@ -3729,11 +4104,12 @@ $iphoneHeight: env(safe-area-inset-bottom);
display: flex; display: flex;
align-items: center; align-items: center;
.revenueNumber{ .revenueNumber{
font-size: 48rpx; font-family: DINAlternate, DINAlternate;
font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold; font-weight: bold;
font-size: 56rpx;
color: #160002; color: #160002;
line-height: 56rpx; line-height: 64rpx;
font-style: normal;
} }
.moreIcon{ .moreIcon{
width: 12px; width: 12px;
@ -3770,19 +4146,22 @@ $iphoneHeight: env(safe-area-inset-bottom);
border-radius: 50%; border-radius: 50%;
} }
.addValue{ .addValue{
font-size: 36rpx;
font-family: DINAlternate, DINAlternate; font-family: DINAlternate, DINAlternate;
font-weight: bold; font-weight: bold;
font-size: 36rpx;
color: #E83944; color: #E83944;
line-height: 40rpx; line-height: 40rpx;
text-align: left;
font-style: normal;
} }
.rightNav{ .rightNav{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 28rpx;
color: #A69E9F; color: #A69E9F;
line-height: 40rpx; line-height: 40rpx;
margin-left: 4rpx; text-align: left;
font-style: normal;
} }
} }
@ -3823,7 +4202,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
//padding: 16rpx 16rpx 0; //padding: 16rpx 16rpx 0;
//background: linear-gradient(135deg, #FFE3BA 0%, #FFF5E5 40%, #FFF1DB 78%, #FFDABC 100%); border-radius: 16rpx; //background: linear-gradient(135deg, #FFE3BA 0%, #FFF5E5 40%, #FFF1DB 78%, #FFDABC 100%); border-radius: 16rpx;
//margin-top: 32rpx; //margin-top: 32rpx;
margin-top: 48rpx; margin-top: 32rpx;
.progress{ .progress{
width: 100%; width: 100%;
height: 18rpx; height: 18rpx;
@ -3961,41 +4340,89 @@ $iphoneHeight: env(safe-area-inset-bottom);
} }
} }
} }
.rightBox{ //.rightBox{
// flex: 1;
// display: flex;
// align-items: center;
// .noticeItem{
// width: 50%;
// .noticeTop{
// width: 24rpx;
// height: 12rpx;
// background: #A66A37;
// border-radius: 6rpx;
// margin-bottom: 8rpx;
// }
// .noticeText{
// font-size: 28rpx;
// font-family: PingFangSC, PingFang SC;
// font-weight: 400;
// color: #160002;
// line-height: 40rpx;
// margin-bottom: 6rpx;
// .noticeSmallText{
// font-size: 28rpx;
// font-family: PingFangSC, PingFang SC;
// font-weight: 400;
// color: #A69E9F;
// line-height: 40rpx;
// margin-left: 4rpx;
// }
// }
// .noticeMoney{
// font-size: 36rpx;
// font-family: DINAlternate-Bold, DINAlternate;
// font-weight: bold;
// color: #160002;
// line-height: 44rpx;
// }
// }
//}
.newRightBox{
height: 100%;
flex: 1; flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
.noticeItem{ .newRightItem{
width: 50%; display: flex;
.noticeTop{ align-items: center;
width: 24rpx; justify-content: space-between;
.itemLeft{
.itemIcon{
width: 12rpx;
height: 12rpx; height: 12rpx;
background: #A66A37; margin-right: 12rpx;
border-radius: 6rpx; border-radius: 50%;
margin-bottom: 8rpx;
} }
.noticeText{ .itemName{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 28rpx;
color: #160002; color: #160002;
line-height: 40rpx; line-height: 40rpx;
margin-bottom: 6rpx; text-align: left;
.noticeSmallText{ font-style: normal;
font-size: 28rpx; display: inline-block;
font-family: PingFangSC, PingFang SC; width: 100rpx;
font-weight: 400;
color: #A69E9F;
line-height: 40rpx;
margin-left: 4rpx;
} }
} .itemValue{
.noticeMoney{ font-family: DINAlternate, DINAlternate;
font-size: 36rpx;
font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold; font-weight: bold;
font-size: 28rpx;
color: #160002; color: #160002;
line-height: 44rpx; line-height: 40rpx;
text-align: left;
font-style: normal;
}
}
.itemRight{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 28rpx;
color: #E83944;
line-height: 40rpx;
text-align: center;
font-style: normal;
} }
} }
} }

View File

@ -4,22 +4,82 @@
<view class="header" :style="{height: menu.bottom + 5 +'px'}"> <view class="header" :style="{height: menu.bottom + 5 +'px'}">
<view class="headerContent" :style="{height: (menu.bottom - menu.top) + 'px'}"> <view class="headerContent" :style="{height: (menu.bottom - menu.top) + 'px'}">
<image class="leftIcon" @click="handleBack" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"/> <image class="leftIcon" @click="handleBack" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"/>
<view class="headerTimeBox"> <!-- <view class="headerTimeBox">-->
<picker mode="date" fields="month" :value="searchText" :end="lastDay" @change="bindDateChange" > <!-- <picker mode="date" fields="month" :value="searchText" :end="lastDay" @change="bindDateChange" >-->
<view class="time"> <!-- <view class="time">-->
<image class="timeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/timeIcon.svg"/> <!-- <image class="timeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/timeIcon.svg"/>-->
<view class="text" >{{ searchText }}</view> <!-- <view class="text" >{{ searchText }}</view>-->
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/timeUpDown.svg"></image> <!-- <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/timeUpDown.svg"></image>-->
</view> <!-- </view>-->
</picker> <!-- </picker>-->
<!-- </view>-->
</view> </view>
</view> </view>
<!-- <view class="pageTitle" :style="{top: menu.bottom + 5 + 12 +'px'}">营收统计</view>-->
<view class="tabBox" :style="{top: menu.bottom + 5 + 12 +'px'}">
<image class="tabItem" @click="handleChangeTab(1)" :src="selectTab===1?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/activeFirstTab.png':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/firstTab.png'"/>
<image class="tabItem" @click="handleChangeTab(2)" :src="selectTab===2?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/activeSecondTab.png':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/secondTab.png'"/>
</view> </view>
<view class="pageTitle" :style="{top: menu.bottom + 5 + 12 +'px'}">营收统计</view> <scroll-view :style="{top: menu.bottom + 5 + 12 + 40 +'px'}" class="scrollView" :current="currentScroll" scroll-x="true" :scroll-into-view="'item'+selectIndex" scroll-with-animation>
<view :class="currentScroll===`item${index+1}`?'selectScrollItem':'scrollItem'" v-for="(item,index) in selectList" :key="index">{{item}}</view>
</scroll-view>
</view> </view>
<view class="content"> <view class="content">
<view v-if="selectTab===1">
<view class="customerRevenue">
<view class="contentRevenue">
<view class="contentTop">
<span class="contentMonth">{{thisMonth?thisMonth+'月':''}}</span>
<span class="contentTitle">对客营收
<span class="contentUnit">/万元</span>
</span>
</view>
<view class="dataBox">
<view class="dataItem">
<span class="dataBigValue">+14.91%</span>
<span class="dataLabel">同比去年</span>
</view>
<view class="dataItem">
<span class="dataValue">13,268.97</span>
<span class="dataLabel">2024</span>
</view>
<view class="dataItem">
<span class="dataValue">11,546.32</span>
<span class="dataLabel">2023</span>
</view>
</view>
<view class="addBox">
增长
<span class="addNumber">+1,722.65</span>
</view>
<view class="line"></view>
<view class="tableBox">
<view class="tableTop">
<span class="tableTitle">营收明细</span>
<span class="tableUnit">/万元</span>
</view>
<view class="tableContent">
<view class="tableLeft">
<view class="label">类别</view>
<view class="firstLabel">自营</view>
<view class="secondLabel">便利店</view>
<view class="secondLabel">餐饮客房</view>
<view class="firstLabel">外包</view>
<view class="secondLabel">餐商铺租赁</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view v-if="selectTab===2">
<view class="revenueBox ydRevenue"> <view class="revenueBox ydRevenue">
<view class="bigBox"> <view class="bigBox">
<view class="revenueBoxHeader"> <view class="revenueBoxHeader">
@ -411,6 +471,8 @@
</view> </view>
</view> </view>
</view> </view>
</view>
</view> </view>
</template> </template>
<script> <script>
@ -425,7 +487,11 @@ export default {
pageDataObj: {}, pageDataObj: {},
OwnerListSum: {}, OwnerListSum: {},
MerchantSum: {}, MerchantSum: {},
thisMonth:0 thisMonth: 0,
selectTab: 1,// tab
selectIndex:0,//
selectList:[],//
currentScroll:'',//
} }
}, },
onLoad(option){ onLoad(option){
@ -442,6 +508,12 @@ export default {
const date = new Date(this.lastDay) const date = new Date(this.lastDay)
let m = date.getMonth() + 1 let m = date.getMonth() + 1
this.thisMonth = m this.thisMonth = m
for (let i=1;i<=this.thisMonth;i++){
this.selectList.push(`${i}`)
}
this.selectList.unshift('累计')
this.currentScroll = 'item' + this.thisMonth
} }
if (option.month){ if (option.month){
this.searchText = option.month this.searchText = option.month
@ -449,6 +521,9 @@ export default {
this.handleGetTableData() this.handleGetTableData()
}, },
methods:{ methods:{
handleChangeTab(value){
this.selectTab = value
},
handleBack(){ handleBack(){
uni.navigateBack({ uni.navigateBack({
delta: 1 delta: 1
@ -538,15 +613,18 @@ export default {
background: #f5f5f5; background: #f5f5f5;
.top{ .top{
width: 100%; width: 100%;
height: 560rpx; height: 640rpx;
position: relative; position: relative;
background: linear-gradient(#FF7F37 0%, #FDA03E 60%, #F5F5F5 100%);; background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueBackground.png");
background-repeat: no-repeat;
background-size: 100% 100%;
//background: linear-gradient(#FF7F37 0%, #FDA03E 60%, #F5F5F5 100%);
.header{ .header{
position: fixed; position: fixed;
top: 0;left: 0; top: 0;left: 0;
width: 100%; width: 100%;
z-index: 9999; z-index: 9999;
background: linear-gradient(#FF9434 0%,#FE9139 100%); //background: linear-gradient(#FF9434 0%,#FE9139 100%);
box-sizing: border-box; box-sizing: border-box;
.headerContent{ .headerContent{
width: 100%; width: 100%;
@ -596,6 +674,59 @@ export default {
position: absolute; position: absolute;
left: 32rpx; left: 32rpx;
} }
.tabBox{
width: 100%;
display: flex;
align-items: center;
position: absolute;
left: 32rpx;
.tabItem{
width: 204rpx;
height: 68rpx;
margin-right: 48rpx;
}
}
.scrollView{
width: calc(100vw - 64rpx);
height: 70rpx;
position: absolute;
left: 32rpx;
display: flex;
align-items: center;
.scrollItem{
display: inline-block;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 32rpx;
color: #AFD1FF;
line-height: 44rpx;
text-align: left;
font-style: normal;
margin-right: 56rpx;
}
.selectScrollItem{
display: inline-block;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 32rpx;
height: 50rpx;
color: #FFFFFF;
text-align: left;
font-style: normal;
position: relative;
margin-right: 56rpx;
}
.selectScrollItem:after{
content:'';
display: inline-block;
width: 80%;
position: absolute;
height: 4rpx;
left: 10%;
bottom: -5px;
background: #fff;
}
}
} }
.content{ .content{
width: 100%; width: 100%;
@ -759,7 +890,6 @@ export default {
} }
} }
.ydRevenue{ .ydRevenue{
.revenueBoxHeader{ .revenueBoxHeader{
background: linear-gradient(#FCF3E5 0%, #FDF6EC 22%,#FFFFFF 40%, #FFFFFF 100%); background: linear-gradient(#FCF3E5 0%, #FDF6EC 22%,#FFFFFF 40%, #FFFFFF 100%);
@ -784,6 +914,186 @@ export default {
} }
} }
} }
.customerRevenue{
width: 100%;
padding: 2rpx;
box-sizing: border-box;
background: #fff;
border-radius: 16rpx;
.contentRevenue{
width: 100%;
height: 100%;
border-radius: 16rpx;
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueBg1.png");
background-repeat: no-repeat;
background-size: contain;
box-sizing: border-box;
padding: 30rpx 22rpx;
.contentTop{
display: flex;
align-items: center;
.contentMonth{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #FFFFFF;
line-height: 24rpx;
text-align: left;
font-style: normal;
padding: 2rpx 8rpx;
border-radius: 4rpx;
margin-right: 8rpx;
background: #F2792E;
}
.contentTitle{
display: flex;
align-items: center;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 32rpx;
color: #160002;
line-height: 44rpx;
text-align: left;
font-style: normal;
margin-right: 8rpx;
.contentUnit{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #9A9A9A;
line-height: 36rpx;
text-align: left;
font-style: normal;
}
}
}
.dataBox{
width: 100%;
display: flex;
align-items: center;
.dataItem{
width: calc(100% / 3);
display: flex;
flex-direction: column;
margin-top: 32rpx;
.dataBigValue{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 36rpx;
color: #E83944;
line-height: 64rpx;
text-align: left;
font-style: normal;
}
.dataLabel{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #9A9A9A;
line-height: 36rpx;
text-align: left;
font-style: normal;
}
.dataValue{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 36rpx;
color: #160002;
line-height: 44rpx;
text-align: left;
font-style: normal;
}
}
}
.addBox{
display: flex;
align-items: center;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #9A9A9A;
line-height: 36rpx;
text-align: left;
font-style: normal;
margin-top: 16rpx;
.addNumber{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 28rpx;
color: #E83944;
line-height: 32rpx;
text-align: left;
font-style: normal;
margin-left: 8rpx;
}
}
.line{
width: 100%;
height: 2rpx;
background: #F5F4F4;
margin: 40rpx 0;
}
.tableBox{
.tableTop{
display: flex;
align-items: center;
.tableTitle{
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 28rpx;
color: #160002;
line-height: 40rpx;
text-align: left;
font-style: normal;
}
.tableUnit{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #9A9A9A;
line-height: 36rpx;
text-align: left;
font-style: normal;
margin-left: 4rpx;
}
}
.tableContent{
margin-top: 16rpx;
width: 100%;
height: 448rpx;
.tableLeft{
width: 192rpx;
height: 100%;
background: #FFFFFF;
box-shadow: 4rpx 0rpx 6rpx 0rpx rgba(0,0,0,0.05);
box-sizing: border-box;
padding: 24rpx 0;
.label{
width: 100%;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #57607B;
line-height: 32rpx;
text-align: left;
font-style: normal;
margin-bottom: 32rpx;
}
.firstLabel{
width: 100%;
}
}
}
}
}
}
} }
} }
</style> </style>

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 637 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB