ylj/ahyd_DIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
cclu 2024-04-07 18:13:24 +08:00
parent ec8a9ca99d
commit 65d53b712d
1 changed files with 408 additions and 280 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

688
pages/index/index.vue
View File

@ -256,7 +256,7 @@
<span class="itemName">{{subItem.name}}</span> <span class="itemName">{{subItem.name}}</span>
</view> </view>
<view class="itemCenter"> <view class="itemCenter">
{{subItem.value?numeral(subItem.value/10000).format('0,0.00'):''}} {{subItem.value?$util.getMoney(subItem.value/10000):''}}
</view> </view>
<view class="itemRight" :style="{color:subItem.add>0?'#E83944':subItem.add<0?'#0E9976':''}">{{subItem.add?`${subItem.add}%`:''}}</view> <view class="itemRight" :style="{color:subItem.add>0?'#E83944':subItem.add<0?'#0E9976':''}">{{subItem.add?`${subItem.add}%`:''}}</view>
</view> </view>
@ -596,14 +596,43 @@
</view> </view>
<view class="bigBox sss" v-else> <view class="bigBox sss" v-else>
<view class="box"> <view class="box">
<view class="top"> <view class="top" style="height: 640rpx;">
<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"/>
<text class="staticTitle">对客营收</text> <text class="staticTitle">{{ `-月对客销售` }}</text>
<span class="staticUnit">/万元</span> <span class="staticUnit">/万元</span>
<view class="moreIcon" @click.stop="changeShowRealBox">
<image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/>
<view v-if="showRealBox" class="realBox" @click.stop="changeShowRealBox">
<view class="field">
<view class="label">对客销售：</view>
<view class="value">{{'-'}}</view>
</view>
<view class="field">
<view class="label">自营销售：</view>
<view class="value">{{'-'}}</view>
</view>
<view class="field">
<view class="label" style="padding-left: 20rpx">便利店：</view>
<view class="value">{{'-'}}</view>
</view>
<view class="field">
<view class="label" style="padding-left: 20rpx">餐饮客房：</view>
<view class="value">{{'-'}}</view>
</view>
<view class="field">
<view class="label">外租收入：</view>
<view class="value">{{'-'}}</view>
</view>
<view class="field">
<view class="label" style="padding-left: 20rpx">商铺租赁：</view>
<view class="value">{{'-'}}</view>
</view>
</view>
</view>
</view> </view>
<view class="haveMore"> <view class="haveMore" @click="goToRevenueStatic">
<text class="haveMoreText">查看更多</text> <text class="haveMoreText">查看更多</text>
<image class="haveMoreICon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/haveMoreICon.svg"/> <image class="haveMoreICon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/haveMoreICon.svg"/>
</view> </view>
@ -612,109 +641,71 @@
<view class="revenueTop"> <view class="revenueTop">
<view class="revenueTopLeft"> <view class="revenueTopLeft">
<text class="revenueNumber">{{showTableData.CashPayChange?showTableData.CashPayChange:'0.00'}}</text> <text class="revenueNumber">{{showTableData.CashPayChange?showTableData.CashPayChange:'0.00'}}</text>
<!-- <view class="moreIcon" @click="changeShowRealBox">?-->
<!-- <view v-if="showRealBox" class="realBox" @click.stop="changeShowRealBox">-->
<!-- <view><text class="label">对客营收：</text>{{showTableData.CashPay?$util.fmoney($util.getMoney(showTableData.CashPay),2):'-'}}</view>-->
<!-- <view><text class="label">自营收入：</text>{{typeList && typeList.length>0?$util.fmoney($util.getMoney(typeList[0].value),2) : '-'}}</view>-->
<!-- <view><text class="label">外租收入：</text>{{typeList && typeList.length>0?$util.fmoney($util.getMoney(typeList[1].value),2) : '-'}}</view>-->
<!-- </view>-->
<!-- </view>-->
</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--> <text class="addValue" :style="{color:showTableData.add>0?'#E83944':showTableData.add<0?'#0E9976':''}">{{'-'}}%</text>
<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="rightNav">同比</text> <text class="rightNav">同比</text>
</view> </view>
</view> </view>
<view class="revenueNav"> <view class="revenueNav">
<!-- <text class="leftNav">{{selectMonth}}月对客营收<text class="unit">/万元</text></text>-->
<!-- <text class="leftNav">对客营收</text>-->
<!-- <text class="rightNav">同比</text>-->
</view> </view>
<view class="newBox"> <view class="newBox">
<view class="progress" @click="handleShowHaveNoticeBox">
<view class="have" :style="{width:progressObj.owner+'%'}"></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="message" >
<view class="smallDetailItem" style="margin-right: 14px">
<view class="messageTop">
<view class="type" style="background: #0D53FE"></view>
<text class="typeTitle">自营收入</text>
<!-- <text class="unit">/万元</text>-->
</view>
<view class="middle" v-if="typeList && typeList.length>0">
<text class="money">{{revenueMoney?$util.fmoney(revenueMoney || 0,2):''}}</text>
<view class="addItem">{{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: #B1C8FF"></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">
<rateCharts :success="moneyRateList" :colorList="['#1677FE','#456497','#97A9C6']" :name="`${selectMonth}rate`"/> <rateCharts :success="moneyRateList" :colorList="1<=selectMonth && selectMonth<=3?['#1677FE','#456497','#97A9C6']:4<=selectMonth && selectMonth<=6?['#1677FE','#456497','#97A9C6']:7<=selectMonth && selectMonth<=9?['#1677FE','#456497','#97A9C6']:['#1677FE','#456497','#97A9C6']" :name="`${selectMonth}rate`"/>
</view> </view>
<view class="haveNoticeBox" v-if="ydModal" @click.stop="handleShowYDModal"> <view class="haveNoticeBox" v-if="ydModal" @click.stop="handleShowYDModal">
<text class="label">驿达入账:<text class="value">{{ydRate}}%</text></text> <view class="field">
<text class="label">商家入账:<text class="value">{{shopRate}}%</text></text> <view class="label">便利店:</view>
<view class="value">-%</view>
</view>
<view class="field">
<view class="label">餐饮客房:</view>
<view class="value">-%</view></view>
<view class="field">
<view class="label">商铺租赁:</view>
<view class="value">-%</view>
</view>
</view> </view>
</view> </view>
<view class="rightBox"> <view class="newRightBox">
<view class="noticeItem"> <view class="newRightItem" v-for="(subItem,subIndex) in profitSharingList" :key="subIndex">
<view class="noticeTop" style="background: #2363FF"></view> <view class="itemLeft">
<view class="noticeText">驿达入账</view> <view class="itemIcon" :style="{background:subIndex===0?'#1677FE':subIndex===1?'#456497':subIndex===2?'#97A9C6':''}"></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> </view>
</view> <view class="itemCenter">-</view>
<view class="noticeItem"> <view class="itemRight" :style="{color:subItem.add>0?'#E83944':subItem.add<0?'#0E9976':''}">-</view>
<view class="noticeTop" style="background: #B1C8FF"></view>
<view class="noticeText">商家入账</view>
<!-- <span class="noticeSmallText">/万元</span>-->
<text class="noticeMoney">{{ currentPeriodData.SubRoyalty_Theory?$util.fmoney($util.getMoney(currentPeriodData.SubRoyalty_Theory / 10000),2):'-' }}</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- <view class="goBusiness">--> <view class="accountRevenue">
<!-- &lt;!&ndash; @click="handleGoProject"&ndash;&gt;--> <view class="accountItem" style="margin-bottom: 24rpx">
<!-- <view class="bussinessRight" >--> <view class="itemTop">
<!-- <span class="bussinessText">单位：万元</span>--> <view class="itemName">对客销售<span class="unit">/亿元</span></view>
<!-- <view class="moreIcon" @click="changeShowRealBox">?--> <view class="itemType">累计</view>
<!-- <view v-if="showRealBox" class="realBox" @click.stop="changeShowRealBox">--> </view>
<!-- <view><text class="label">对客营收：</text>{{showTableData.CashPay?$util.fmoney($util.getMoney(showTableData.CashPay),2):'-'}}</view>--> <view class="itemBottom">
<!-- <view><text class="label">自营收入：</text>{{typeList && typeList.length>0?$util.fmoney($util.getMoney(typeList[0].value),2) : '-'}}</view>--> <span class="revenueNum">-</span>
<!-- <view><text class="label">外租收入：</text>{{typeList && typeList.length>0?$util.fmoney($util.getMoney(typeList[1].value),2) : '-'}}</view>--> <span class="revenueAdd" :style="{color:showTableData.YearRevenueAddNumber>0?'#E83944':showTableData.YearRevenueAddNumber<0?'#0E9976':''}">-</span>
<!-- </view>--> <span class="revenueAdd" :style="{color:showTableData.YearRevenueAdd>0?'#E83944':showTableData.YearRevenueAdd<0?'#0E9976':''}">-</span>
<!-- </view>--> </view>
<!-- &lt;!&ndash; <span class="bussinessText">商家欠款</span>&ndash;&gt;--> </view>
<!-- &lt;!&ndash; <image class="staticIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stStaticMore.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stStaticMore.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stStaticMore.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stStaticMore.svg'"/>&ndash;&gt;-->
<!-- </view>--> <view class="accountItem">
<!-- </view>--> <view class="itemTop">
<view class="itemName">营业收入<span class="unit">/亿元</span></view>
<view class="itemType">除税累计</view>
</view>
<view class="itemBottom">
<span class="revenueNum">-</span>
<span class="revenueAdd" :style="{color:showTableData.YearAccountAddNumber>0?'#E83944':showTableData.YearAccountAddNumber<0?'#0E9976':''}">-</span>
<span class="revenueAdd" :style="{color:showTableData.YearAccountAdd>0?'#E83944':showTableData.YearAccountAdd<0?'#0E9976':''}">-</span>
</view>
</view>
</view>
</view> </view>
<view class="revenueBox" v-show="selectMonth!==index+1 && selectMonth !== ((index+1)%12===0?12:(index+1)%12)"> <view class="revenueBox" v-show="selectMonth!==index+1 && selectMonth !== ((index+1)%12===0?12:(index+1)%12)">
<view class="revenueTop"> <view class="revenueTop">
@ -729,9 +720,6 @@
</view> </view>
</view> </view>
<view class="revenueTopRight"> <view class="revenueTopRight">
<!--https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg-->
<!-- <image class="addReduce" :src="showTableData.add>0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/add.svg':showTableData.add>0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg':''"/>-->
<!-- <text class="addValue">-</text>-->
</view> </view>
</view> </view>
<view class="revenueNav"> <view class="revenueNav">
@ -773,26 +761,28 @@
<text class="addType">同比</text> <text class="addType">同比</text>
</view> </view>
</view> </view>
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="bottom" v-if="!loadMore" @click="handleChangeLoadMore"> <view class="bottom" style="height: 60rpx;" v-if="!loadMore">
<!-- <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="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stUp.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stUp.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stUp.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stUp.svg'"/> <image class="searchIcon" :style="{height:'16px',transform: loadMore?'rotate(180deg)':''}" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</view> </view>
<div class="otherDetail" v-else> <div class="otherDetail sss" v-else>
<view class="detail" v-show="selectMonth===index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)"> <view class="detail" v-show="selectMonth===index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)">
<view class="detailMessage"> <view class="detailMessage">
<view class="otherDetailTop"> <view class="otherDetailTop">
<view class="otherDetailTopLeft"> <view class="otherDetailTopLeft">
<view class="yearAll">{{showTableData.allRevenueYear?showTableData.allRevenueYear:''}}</view> <view class="yearAll">-</view>
<view class="yearLabel">年度累计<text class="unit">/亿元</text></view> <view class="yearLabel">年度累计<text class="unit">/亿元</text></view>
</view> </view>
<view class="otherDetailRight"> <view class="otherDetailRight">
<view class="otherDetailAddBox"> <view class="otherDetailAddBox">
<image class="otherDetailAddIcon" :src="Number(showTableData.yearYoY)>0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/add.svg':Number(yesObj.yearYOY)<0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg':''"/> <image class="otherDetailAddIcon" :src="Number(showTableData.yearYoY)>0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/add.svg':Number(yesObj.yearYOY)<0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg':''"/>
<text class="otherDetailAddValue">{{showTableData.yearYoY?showTableData.yearYoY+'%':''}}</text> <text class="otherDetailAddValue">-</text>
</view> </view>
<view class="otherDetailAddLabel">同比</view> <view class="otherDetailAddLabel">同比</view>
</view> </view>
@ -801,15 +791,15 @@
<view class="otherDetailMiddle"> <view class="otherDetailMiddle">
<view class="middleItem" style="margin-bottom: 16rpx"> <view class="middleItem" style="margin-bottom: 16rpx">
<text class="itemLabel">对客营收<text class="itemText">/环比</text></text> <text class="itemLabel">对客营收<text class="itemText">/环比</text></text>
<text class="itemValue">{{showTableData.customerQoQ?showTableData.customerQoQ:''}}</text> <text class="itemValue">-</text>
</view> </view>
<view class="middleItem" style="margin-bottom: 16rpx"> <view class="middleItem" style="margin-bottom: 16rpx">
<text class="itemLabel">自营收入<text class="itemText">/环比</text></text> <text class="itemLabel">自营收入<text class="itemText">/环比</text></text>
<text class="itemValue">{{typeList[0].addQOQ?typeList[0].addQOQ:''}}</text> <text class="itemValue">-</text>
</view> </view>
<view class="middleItem"> <view class="middleItem">
<text class="itemLabel">外租收入<text class="itemText">/环比</text></text> <text class="itemLabel">外租收入<text class="itemText">/环比</text></text>
<text class="itemValue">{{typeList[1].addQOQ?typeList[1].addQOQ:''}}</text> <text class="itemValue">-</text>
</view> </view>
</view> </view>
@ -823,8 +813,8 @@
<view class="itemCenter"> <view class="itemCenter">
</view> </view>
<view class="itemRight"> <view class="itemRight">
<text class="itemValue">{{trafficCurrentObj.Vehicle_AddUpCount?trafficCurrentObj.AddUpCount:''}}</text> <text class="itemValue">-</text>
<text class="itemText">{{`/${trafficeUnit || '-'}`}}</text> <text class="itemText">-</text>
</view> </view>
</view> </view>
<view class="bottomSmallItem"> <view class="bottomSmallItem">
@ -832,131 +822,130 @@
</view> </view>
<view class="itemCenter"> <view class="itemCenter">
<text class="itemValue">{{trafficYOYObj.Vehicle_GrowthRate?trafficYOYObj.Vehicle_GrowthRate>0?'+'+trafficYOYObj.Vehicle_GrowthRate+'%':trafficYOYObj.Vehicle_GrowthRate+'%':'-'}}</text> <text class="itemValue">-</text>
<text class="itemText">/同比</text> <text class="itemText">/同比</text>
</view> </view>
<view class="itemRight"> <view class="itemRight">
<text class="itemValue">{{trafficQOQObj.Vehicle_GrowthRate?trafficQOQObj.Vehicle_GrowthRate>0?'+'+trafficQOQObj.Vehicle_GrowthRate+'%':trafficQOQObj.Vehicle_GrowthRate+'%':'-'}}</text> <text class="itemValue">-</text>
<text class="itemText">/环比</text> <text class="itemText">/环比</text>
</view> </view>
</view> </view>
</view> </view>
<view class="bottomItem" @click="handleShowTrafficDetail" style="margin-bottom: 16rpx"> <view class="bottomItem" @click="handleShowTrafficDetail" style="margin-bottom: 16rpx">
<view class="bottomSmallItem"> <view class="bottomSmallItem">
<view class="itemLeft"> <view class="itemLeft">
<image class="leftIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stEntryRate.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stEntryRate.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stEntryRate.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stEntryRate.svg'"/> <image class="leftIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stEntryRate.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stEntryRate.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stEntryRate.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stEntryRate.svg'"/>
<text class="itemTitle">入区率</text> <text class="itemTitle">入区率</text>
</view>
<view class="itemCenter">
</view>
<view class="itemRight">
<text class="itemValue">{{trafficCurrentObj.Entry_Rate?trafficCurrentObj.Entry_Rate + '%':''}}</text>
</view>
</view> </view>
<view class="bottomSmallItem"> <view class="itemCenter">
<view class="itemLeft"> </view>
</view> <view class="itemRight">
<view class="itemCenter"> <text class="itemValue">-</text>
<text class="itemValue">{{trafficYOYObj.Entry_GrowthRate?trafficYOYObj.Entry_GrowthRate>0?'+'+trafficYOYObj.Entry_GrowthRate+'%':trafficYOYObj.Entry_GrowthRate+'%':'-'}}</text> </view>
<text class="itemText">/同比</text> </view>
</view> <view class="bottomSmallItem">
<view class="itemRight"> <view class="itemLeft">
<text class="itemValue">{{trafficQOQObj.Entry_GrowthRate?trafficQOQObj.Entry_GrowthRate>0?'+'+trafficQOQObj.Entry_GrowthRate+'%':trafficQOQObj.Entry_GrowthRate+'%':'-'}}</text> </view>
<text class="itemText">/环比</text> <view class="itemCenter">
</view> <text class="itemValue">-</text>
<text class="itemText">/同比</text>
</view>
<view class="itemRight">
<text class="itemValue">-</text>
<text class="itemText">/环比</text>
</view>
</view>
</view>
<view class="bottomItem">
<view class="bottomSmallItem">
<view class="itemLeft">
<image class="leftIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stEntryFix.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stEntryFix.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stEntryFix.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stEntryFix.svg'"/>
<text class="itemTitle">停留时长</text>
</view>
<view class="itemCenter">
</view>
<view class="itemRight">
<text class="itemValue">-</text>
</view>
</view>
<view class="bottomSmallItem">
<view class="itemLeft">
</view>
<view class="itemCenter">
<text class="itemValue">-</text>
<text class="itemText">/同比</text>
</view>
<view class="itemRight">
<text class="itemValue">-</text>
<text class="itemText">/环比</text>
</view> </view>
</view> </view>
<view class="bottomItem" @click="handleShowTrafficDetail"> </view>
<view class="bottomSmallItem">
<view class="itemLeft">
<image class="leftIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stEntryFix.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stEntryFix.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stEntryFix.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stEntryFix.svg'"/>
<text class="itemTitle">停留时长</text>
</view>
<view class="itemCenter">
</view>
<view class="itemRight">
<text class="itemValue">{{trafficCurrentObj.Stay_Times?trafficCurrentObj.Stay_Times + '分钟':''}}</text>
</view>
</view>
<view class="bottomSmallItem">
<view class="itemLeft">
</view>
<view class="itemCenter">
<text class="itemValue">{{trafficYOYObj.StayTimes_GrowthRate?trafficYOYObj.StayTimes_GrowthRate>0?'+'+trafficYOYObj.StayTimes_GrowthRate+'%':trafficYOYObj.StayTimes_GrowthRate+'%':'-'}}</text>
<text class="itemText">/同比</text>
</view>
<view class="itemRight">
<text class="itemValue">{{trafficQOQObj.StayTimes_GrowthRate?trafficQOQObj.StayTimes_GrowthRate>0?'+'+trafficQOQObj.StayTimes_GrowthRate+'%':trafficQOQObj.StayTimes_GrowthRate+'%':'-'}}</text>
<text class="itemText">/环比</text>
</view>
</view>
<view class="monthDetail" @click.stop="handleShowTrafficDetail" v-if="false">
<view class="monthItem">
<text class="label">{{ `${index+1}月入区车流` }}</text>
<text class="value">-</text>
</view> </view>
<view class="monthItem">
<view class="monthDetail" @click.stop="handleShowTrafficDetail" v-if="false"> <text class="label">{{ `${index+1}月入区率` }}</text>
<view class="monthItem"> <text class="value">-</text>
<text class="label">{{ `${index+1}月入区车流` }}</text> </view>
<text class="value">{{trafficCurrentObj.Vehicle_Count?$util.noDecimal(trafficCurrentObj.Vehicle_Count) + '辆':''}}</text> <view class="monthItem">
</view> <text class="label">{{ `${index+1}月停留时长` }}</text>
<view class="monthItem"> <text class="value">-</text>
<text class="label">{{ `${index+1}月入区率` }}</text>
<text class="value">{{trafficCurrentObj.Entry_Rate?trafficCurrentObj.Entry_Rate + '%':''}}</text>
</view>
<view class="monthItem">
<text class="label">{{ `${index+1}月停留时长` }}</text>
<text class="value">{{trafficCurrentObj.Stay_Times?trafficCurrentObj.Stay_Times + '分钟':''}}</text>
</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="detail" v-show="selectMonth===index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)"> <div class="noShowMoreBox" @click="handleChangeLoadMore" >
<view class="detailItem"> <image v-if="loadMore" class="noShowMore" :style="{transform:`${loadMore?'rotate(-90deg)':''}`}" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
<p class="price">-</p> </div>
<p class="itemName">长款金额<text class="itemUnit">/元</text></p> </view>
</view> <view class="detail" v-if=false v-show="selectMonthIndex!==index+1 || selectMonthIndex !== ((index+1)%12===0?12:(index+1)%12)">
<view class="detailItem"> <view class="detailItem">
<p class="price">-</p> <p class="price">-</p>
<p class="itemName">短款金额<text class="itemUnit">/元</text></p> <p class="itemName">长款金额<text class="itemUnit">/元</text></p>
</view>
<view class="detailItem">
<p class="price">-</p>
<p class="itemName">优惠金额<text class="itemUnit">/元</text></p>
</view>
<view class="detailItem">
<p class="price" :style="{color:isBig?'red':''}">-</p>
<div class="itemName" style="display: flex;align-items: center">
<text>门店上传</text>
</div>
</view>
<view class="detailItem">
<p class="price">-</p>
<p class="itemName">商品出售<text class="itemUnit">/件</text></p>
</view>
<view class="detailItem">
<p class="price">-</p>
<p class="itemName">商品均价<text class="itemUnit">/元</text></p>
</view>
<view class="detailItem">
<p class="price">-</p>
<p class="itemName">日均入区<text class="itemUnit">/辆</text></p>
</view>
<view class="detailItem">
<p class="price">-</p>
<p class="itemName">入区率<text class="itemUnit">/%</text></p>
</view>
<view class="detailItem">
<p class="price">-</p>
<p class="itemName">停留时长<text class="itemUnit">/分钟</text></p>
</view>
</view> </view>
</div> <view class="detailItem">
<div class="noShowMoreBox" @click="handleChangeLoadMore" > <p class="price">-</p>
<image v-if="loadMore" class="noShowMore" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/> <p class="itemName">短款金额<text class="itemUnit">/元</text></p>
</div> </view>
</view> <view class="detailItem">
<p class="price">-</p>
<p class="itemName">优惠金额<text class="itemUnit">/元</text></p>
</view>
<view class="detailItem">
<p class="price" :style="{color:isBig?'red':''}">-</p>
<div class="itemName" style="display: flex;align-items: center">
<text>门店上传</text>
</div>
</view>
<view class="detailItem">
<p class="price">-</p>
<p class="itemName">商品出售<text class="itemUnit">/件</text></p>
</view>
<view class="detailItem">
<p class="price">-</p>
<p class="itemName">商品均价<text class="itemUnit">/元</text></p>
</view>
<view class="detailItem">
<p class="price">-</p>
<p class="itemName">日均入区<text class="itemUnit">/辆</text></p>
</view>
<view class="detailItem">
<p class="price">-</p>
<p class="itemName">入区率<text class="itemUnit">/%</text></p>
</view>
<view class="detailItem">
<p class="price">-</p>
<p class="itemName">停留时长<text class="itemUnit">/分钟</text></p>
</view>
</view>
</div>
</view> </view>
</swiper-item> </swiper-item>
</block> </block>
@ -2494,7 +2483,7 @@ export default {
},1500) },1500)
} }
} }
},1000) },750)
}, },
@ -4158,9 +4147,8 @@ $iphoneHeight: env(safe-area-inset-bottom);
display: inline-block; display: inline-block;
.bigBox{ .bigBox{
width: calc(100% - 10px)!important; width: calc(100% - 10px)!important;
height: 460rpx;
background: #fff; background: #fff;
box-shadow: 0rpx 20rpx 40rpx 0rpx rgba(1,27,90,0.06); //box-shadow: 0rpx 20rpx 40rpx 0rpx rgba(1,27,90,0.06);
border-radius: 38rpx; border-radius: 38rpx;
padding: 4rpx; padding: 4rpx;
box-sizing: border-box; box-sizing: border-box;
@ -4170,11 +4158,11 @@ $iphoneHeight: env(safe-area-inset-bottom);
border-radius: 32rpx; border-radius: 32rpx;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
box-shadow: 0rpx 20rpx 40rpx 0rpx rgba(1,27,90,0.06);
//background: rgba(254, 192, 168,0.8); //background: rgba(254, 192, 168,0.8);
.top{ .top{
width: 100%; width: 100%;
height: 550rpx; background: linear-gradient(180deg, #DCE6FF 0%, #FFFFFF 80%, #FFFFFF 100%);
background: linear-gradient(180deg, #DCE6FF 0%, #FFFFFF 68%, #FFFFFF 100%);
border-bottom-right-radius: 32rpx; border-bottom-right-radius: 32rpx;
border-bottom-left-radius: 32rpx; border-bottom-left-radius: 32rpx;
box-sizing: border-box; box-sizing: border-box;
@ -4206,6 +4194,50 @@ $iphoneHeight: env(safe-area-inset-bottom);
color: #A69E9F; color: #A69E9F;
line-height: 40rpx; line-height: 40rpx;
} }
.moreIcon{
width: 32rpx;
height: 32rpx;
display: flex;
align-items: center;
justify-content: center;
color: #A69E9F;
font-size: 12px;
font-weight: 600;
margin-left: 6px;
position: relative;
z-index:21;
.noticeIcon{
width: 32rpx;
height: 32rpx;
}
.realBox{
position: absolute;
left: 0;top: 10px;
transform: translateX(-50%);
//right: 0;bottom: 0;
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:21;
width: 360rpx;
.field{
text-align: right;
display: flex;
.label{
display: inline-block;
width: 160rpx;
text-align: left;
box-sizing: border-box;
}
.value{
width: 200rpx;
text-align: right;
}
}
}
}
.staticIcon{ .staticIcon{
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
@ -4242,12 +4274,11 @@ $iphoneHeight: env(safe-area-inset-bottom);
display: flex; display: flex;
align-items: center; align-items: center;
.revenueNumber{ .revenueNumber{
font-size: 48rpx;
font-family: DINAlternate-Bold, DINAlternate; font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold; font-weight: bold;
font-size: 56rpx;
color: #160002; color: #160002;
line-height: 64rpx; line-height: 56rpx;
font-style: normal;
} }
.moreIcon{ .moreIcon{
width: 12px; width: 12px;
@ -4284,22 +4315,19 @@ $iphoneHeight: env(safe-area-inset-bottom);
border-radius: 50%; border-radius: 50%;
} }
.addValue{ .addValue{
font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold;
font-size: 36rpx; font-size: 36rpx;
font-family: DINAlternate, DINAlternate;
font-weight: bold;
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;
text-align: left; margin-left: 4rpx;
font-style: normal;
} }
} }
@ -4477,64 +4505,68 @@ $iphoneHeight: env(safe-area-inset-bottom);
display: flex; display: flex;
align-items: center; align-items: center;
.label{ .label{
width: 100rpx; width: 140rpx;
text-align: left; text-align: left;
} }
.value{ .value{
width: 100rpx;
font-family: DINAlternate-Bold, DINAlternate; font-family: DINAlternate-Bold, DINAlternate;
text-align: right; text-align: right;
} }
} }
} }
} }
//.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{
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;
.newRightItem{ .newRightItem{
width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin: 8rpx 0;
.itemLeft{ .itemLeft{
display: flex;
align-items: center;
width: 33%;
.itemIcon{ .itemIcon{
width: 12rpx; width: 12rpx;
height: 12rpx; height: 12rpx;
@ -4550,31 +4582,117 @@ $iphoneHeight: env(safe-area-inset-bottom);
text-align: left; text-align: left;
font-style: normal; font-style: normal;
display: inline-block; display: inline-block;
width: 100rpx; width: 120rpx;
}
.itemValue{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 28rpx;
color: #160002;
line-height: 40rpx;
text-align: left;
font-style: normal;
} }
} }
.itemCenter{
display: inline-block;
width: 33%;
font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold;
font-size: 28rpx;
color: #160002;
line-height: 40rpx;
text-align: right;
font-style: normal;
}
.itemRight{ .itemRight{
font-family: DINAlternate, DINAlternate; display: inline-block;
width: 33%;
font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold; font-weight: bold;
font-size: 28rpx; font-size: 28rpx;
color: #E83944; color: #E83944;
line-height: 40rpx; line-height: 40rpx;
text-align: center; text-align: right;
font-style: normal; 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;
justify-content: space-between;
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-Bold, DINAlternate;
font-weight: bold;
font-size: 32rpx;
color: #160002;
line-height: 44rpx;
text-align: left;
font-style: normal;
}
.revenueAdd{
font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold;
font-size: 32rpx;
color: #E83944;
line-height: 44rpx;
text-align: left;
font-style: normal;
}
}
}
}
.showMoreLoading{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 16rpx;
.showMorenDown{
width: 32rpx;
height: 32rpx;
}
}
.goBusiness{ .goBusiness{
width: 100%; width: 100%;
display: flex; display: flex;
@ -4624,8 +4742,18 @@ $iphoneHeight: env(safe-area-inset-bottom);
} }
} }
} }
.noShowMoreBox{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;bottom: 8px;
.noShowMore{
width: 25px;
height: 14px;
}
}
.monthBox{ .monthBox{
display: inline-block; display: inline-block;
position: absolute; position: absolute;
@ -4665,13 +4793,13 @@ $iphoneHeight: env(safe-area-inset-bottom);
} }
.otherDetail{ .otherDetail{
width: 100%; width: 100%;
margin-top: 30px; //margin-top: 30px;
.detail{ .detail{
width: 100%; width: 100%;
//height: 290px; //height: 290px;
box-sizing: border-box; box-sizing: border-box;
padding: 16px 16px 8px; padding: 16px 16px 8px;
background: linear-gradient(180deg, #DCE6FF 0%, #FFFFFF 68%, #FFFFFF 100%); //background: linear-gradient(180deg, #DCE6FF 0%, #FFFFFF 68%, #FFFFFF 100%);
border-bottom-left-radius: 32rpx; border-bottom-left-radius: 32rpx;
border-bottom-right-radius: 32rpx; border-bottom-right-radius: 32rpx;
//margin-top: 12px; //margin-top: 12px;
@ -4852,7 +4980,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-top: 12rpx; margin-top: 14rpx;
.noShowMore{ .noShowMore{
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;