1100 lines
47 KiB
Vue
1100 lines
47 KiB
Vue
<template>
|
|
<view class="main">
|
|
<view class="top">
|
|
<view class="header" :style="{height: menu.bottom + 5 +'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"/>
|
|
<!-- <view class="headerTimeBox">-->
|
|
<!-- <picker mode="date" fields="month" :value="searchText" :end="lastDay" @change="bindDateChange" >-->
|
|
<!-- <view class="time">-->
|
|
<!-- <image class="timeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/timeIcon.svg"/>-->
|
|
<!-- <view class="text" >{{ searchText }}</view>-->
|
|
<!-- <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/timeUpDown.svg"></image>-->
|
|
<!-- </view>-->
|
|
<!-- </picker>-->
|
|
<!-- </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>
|
|
<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 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="bigBox">
|
|
<view class="revenueBoxHeader">
|
|
<!-- <view class="headerTitle">驿达营收</view>-->
|
|
<image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/nationalDay/revenueItemBg.png"/>
|
|
<view class="revenueContent">
|
|
<view class="sumBox">
|
|
<view class="left">
|
|
<image class="sumLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/sumLogo.svg"/>
|
|
<view class="headerTitle">驿达入账收入</view>
|
|
</view>
|
|
<view class="sumText">
|
|
<!-- <view class="sumMoney">{{pageDataObj.OwnerRevenue?$util.fmoney(pageDataObj.OwnerRevenue/10000,2):'0.00'}}</view>-->
|
|
<view class="sumMoney">{{OwnerListSum.EntrySum?$util.fmoney(OwnerListSum.EntrySum,2):'0.00'}}</view>
|
|
<view class="sumUnit">总计<span class="unit">/万元</span></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="revenueAmount">
|
|
<view class="amountItem" >
|
|
<view class="itemTop">
|
|
<view class="itemTopLeft">
|
|
<image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/amountEntry.svg"/>
|
|
<view class="itemTitle">入账合计</view>
|
|
<view class="itemUnit">/万元</view>
|
|
</view>
|
|
<view class="itemTopRight">{{OwnerListSum.EntrySum?$util.fmoney(OwnerListSum.EntrySum,2):'0.00'}}</view>
|
|
</view>
|
|
<view class="itemBottom" v-if="pageDataObj.OwnerList && pageDataObj.OwnerList.EntryList && pageDataObj.OwnerList.EntryList.length>0">
|
|
<view class="itemBottomItem" v-for="(item,index) in pageDataObj.OwnerList.EntryList" :key="index">
|
|
<view class="bottomItemTitle">{{ item.name }}</view>
|
|
<view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000,2):'0.00'}}</view>
|
|
</view>
|
|
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">业主自营</view>-->
|
|
<!-- <view class="bottomItemValue">3178</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">自营提成</view>-->
|
|
<!-- <view class="bottomItemValue">241.84</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">合租经营</view>-->
|
|
<!-- <view class="bottomItemValue">2586.45</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">固定租金</view>-->
|
|
<!-- <view class="bottomItemValue">1120.56</view>-->
|
|
<!-- </view>-->
|
|
</view>
|
|
</view>
|
|
<view class="amountItem" style="margin-top: 56rpx">
|
|
<view class="itemTop">
|
|
<view class="itemTopLeft">
|
|
<image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/amountReceived.svg"/>
|
|
<view class="itemTitle">到账合计</view>
|
|
<view class="itemUnit">/万元</view>
|
|
</view>
|
|
<view class="itemTopRight">{{OwnerListSum.AcountSum?$util.fmoney(OwnerListSum.AcountSum,2):'0.00'}}</view>
|
|
</view>
|
|
<view class="itemBottom" v-if="pageDataObj.OwnerList && pageDataObj.OwnerList.AcountList && pageDataObj.OwnerList.AcountList.length>0">
|
|
<view class="itemBottomItem" v-for="(item,index) in pageDataObj.OwnerList.AcountList" :key="index">
|
|
<view class="bottomItemTitle">{{ item.name }}</view>
|
|
<view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000,2):'0.00'}}</view>
|
|
|
|
</view>
|
|
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">业主自营</view>-->
|
|
<!-- <view class="bottomItemValue">3178</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">自营提成</view>-->
|
|
<!-- <view class="bottomItemValue">241.84</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">合租经营</view>-->
|
|
<!-- <view class="bottomItemValue">2586.45</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">固定租金</view>-->
|
|
<!-- <view class="bottomItemValue">1120.56</view>-->
|
|
<!-- </view>-->
|
|
</view>
|
|
</view>
|
|
<view class="amountItem" @click="handleGoMerchantAccount" style="margin-top: 56rpx">
|
|
<view class="itemTop">
|
|
<view class="itemTopLeft">
|
|
<image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/receivable.svg"/>
|
|
<view class="itemTitle">商家欠款</view>
|
|
<view class="itemUnit">/万元</view>
|
|
</view>
|
|
<view class="itemTopRight">{{OwnerListSum.ReceivableSum?$util.fmoney(OwnerListSum.ReceivableSum,2):'0.00'}}</view>
|
|
</view>
|
|
<view class="itemBottom" v-if="pageDataObj.OwnerList && pageDataObj.OwnerList.ReceivableList && pageDataObj.OwnerList.ReceivableList.length>0">
|
|
<view class="itemBottomItem" v-for="(item,index) in pageDataObj.OwnerList.ReceivableList" :key="index">
|
|
<view class="bottomItemTitle">{{ item.name }}</view>
|
|
<view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000,2):'0.00'}}</view>
|
|
</view>
|
|
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">业主自营</view>-->
|
|
<!-- <view class="bottomItemValue">3178</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">自营提成</view>-->
|
|
<!-- <view class="bottomItemValue">241.84</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">合租经营</view>-->
|
|
<!-- <view class="bottomItemValue">2586.45</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">固定租金</view>-->
|
|
<!-- <view class="bottomItemValue">1120.56</view>-->
|
|
<!-- </view>-->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="revenueBox merchantRevenue" style="margin-top: 24rpx">
|
|
<view class="bigBox">
|
|
<view class="revenueBoxHeader">
|
|
<!-- <view class="headerTitle">商家营收</view>-->
|
|
<image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/nationalDay/entryAdd.png"/>
|
|
<view class="revenueContent">
|
|
<view class="sumBox">
|
|
<view class="left">
|
|
<image class="sumLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/merchantsSum.svg"/>
|
|
<view class="headerTitle">商家入账收入</view>
|
|
</view>
|
|
<view class="sumText">
|
|
<!-- <view class="sumMoney">{{pageDataObj.MerchantRevenue?$util.fmoney(pageDataObj.MerchantRevenue/10000):"0.00"}}</view>-->
|
|
<view class="sumMoney">{{MerchantSum.EntrySum?$util.fmoney(MerchantSum.EntrySum,2):'0.00'}}</view>
|
|
<view class="sumUnit">总计<span class="unit">/万元</span></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="revenueAmount">
|
|
<view class="amountItem" >
|
|
<view class="itemTop">
|
|
<view class="itemTopLeft">
|
|
<image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/merchantsEntry.svg"/>
|
|
<view class="itemTitle">入账合计</view>
|
|
<view class="itemUnit">/万元</view>
|
|
</view>
|
|
<view class="itemTopRight">{{MerchantSum.EntrySum?$util.fmoney(MerchantSum.EntrySum,2):'0.00'}}</view>
|
|
</view>
|
|
<view class="itemBottom" v-if="pageDataObj.MerchantList && pageDataObj.MerchantList.EntryList && pageDataObj.MerchantList.EntryList.length>0">
|
|
<view class="itemBottomItem" v-for="(item,index) in pageDataObj.MerchantList.EntryList" :key="index">
|
|
<view class="bottomItemTitle">{{ item.name }}</view>
|
|
<view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000):"0.00"}}</view>
|
|
</view>
|
|
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">业主自营</view>-->
|
|
<!-- <view class="bottomItemValue">3178</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">自营提成</view>-->
|
|
<!-- <view class="bottomItemValue">241.84</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">合租经营</view>-->
|
|
<!-- <view class="bottomItemValue">2586.45</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">固定租金</view>-->
|
|
<!-- <view class="bottomItemValue">1120.56</view>-->
|
|
<!-- </view>-->
|
|
</view>
|
|
</view>
|
|
<view class="amountItem" style="margin-top: 56rpx">
|
|
<view class="itemTop">
|
|
<view class="itemTopLeft">
|
|
<image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/merchantsAmount.svg"/>
|
|
<view class="itemTitle">到账合计</view>
|
|
<view class="itemUnit">/万元</view>
|
|
</view>
|
|
<view class="itemTopRight">{{MerchantSum.AcountSum?$util.fmoney(MerchantSum.AcountSum,2):'0.00'}}</view>
|
|
</view>
|
|
<view class="itemBottom" v-if="pageDataObj.MerchantList && pageDataObj.MerchantList.AcountList && pageDataObj.MerchantList.AcountList.length>0">
|
|
<view class="itemBottomItem" v-for="(item,index) in pageDataObj.MerchantList.AcountList" :key="index">
|
|
<view class="bottomItemTitle">{{ item.name }}</view>
|
|
<view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000):"0.00"}}</view>
|
|
</view>
|
|
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">业主自营</view>-->
|
|
<!-- <view class="bottomItemValue">3178</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">自营提成</view>-->
|
|
<!-- <view class="bottomItemValue">241.84</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">合租经营</view>-->
|
|
<!-- <view class="bottomItemValue">2586.45</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">固定租金</view>-->
|
|
<!-- <view class="bottomItemValue">1120.56</view>-->
|
|
<!-- </view>-->
|
|
</view>
|
|
</view>
|
|
<view class="amountItem" style="margin-top: 56rpx">
|
|
<view class="itemTop">
|
|
<view class="itemTopLeft">
|
|
<image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/merchantsReceivable.svg"/>
|
|
<view class="itemTitle">应缴费用</view>
|
|
<view class="itemUnit">/万元</view>
|
|
</view>
|
|
<view class="itemTopRight">{{MerchantSum.ReceivableSum?$util.fmoney(MerchantSum.ReceivableSum,2):'0.00'}}</view>
|
|
</view>
|
|
<view class="itemBottom" v-if="pageDataObj.MerchantList && pageDataObj.MerchantList.ReceivableList && pageDataObj.MerchantList.ReceivableList.length>0">
|
|
<view class="itemBottomItem" v-for="(item,index) in pageDataObj.MerchantList.ReceivableList" :key="index">
|
|
<view class="bottomItemTitle">{{ item.name }}</view>
|
|
<view class="bottomItemValue">{{item.value?$util.fmoney(item.value/10000):"0.00"}}</view>
|
|
</view>
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">业主自营</view>-->
|
|
<!-- <view class="bottomItemValue">3178</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">自营提成</view>-->
|
|
<!-- <view class="bottomItemValue">241.84</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">合租经营</view>-->
|
|
<!-- <view class="bottomItemValue">2586.45</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">固定租金</view>-->
|
|
<!-- <view class="bottomItemValue">1120.56</view>-->
|
|
<!-- </view>-->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="revenueBox otherData" style="margin-top: 24rpx">
|
|
<view class="bigBox">
|
|
<view class="revenueBoxHeader">
|
|
<!-- <view class="headerTitle">其他数据</view>-->
|
|
<image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/expenditure.png"/>
|
|
<view class="revenueContent">
|
|
|
|
|
|
<view class="revenueAmount" style="margin-top: 48rpx">
|
|
<view class="amountItem">
|
|
<view class="itemTop">
|
|
<view class="itemTopLeft">
|
|
<image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/itemQuantity.svg"/>
|
|
<view class="itemTitle">项目数量</view>
|
|
<view class="itemUnit">/个</view>
|
|
</view>
|
|
<view class="itemTopRight">{{ pageDataObj.ProjectCount || 0 }}</view>
|
|
</view>
|
|
<view class="itemBottom">
|
|
<view class="itemBottomItem" v-for="(item,index) in pageDataObj.ProjectCountList" :key="index">
|
|
<view class="bottomItemTitle">{{ item.name }}</view>
|
|
<view class="bottomItemValue">{{ item.value || '0.00' }}</view>
|
|
</view>
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">业主自营</view>-->
|
|
<!-- <view class="bottomItemValue">102</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">自营提成</view>-->
|
|
<!-- <view class="bottomItemValue">44</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">合租经营</view>-->
|
|
<!-- <view class="bottomItemValue">220</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">固定租金</view>-->
|
|
<!-- <view class="bottomItemValue">123</view>-->
|
|
<!-- </view>-->
|
|
</view>
|
|
</view>
|
|
<view class="amountItem" style="margin-top: 56rpx">
|
|
<view class="itemTop">
|
|
<view class="itemTopLeft">
|
|
<image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/itemRate.svg"/>
|
|
<view class="itemTitle">项目占比</view>
|
|
<view class="itemUnit">/%</view>
|
|
</view>
|
|
<view class="itemTopRight">100%</view>
|
|
</view>
|
|
<view class="itemBottom">
|
|
<view class="itemBottomItem" v-for="(item,index) in pageDataObj.ProjectRatioList" :key="index">
|
|
<view class="bottomItemTitle">{{ item.name }}</view>
|
|
<view class="bottomItemValue">{{ item.value || '0.00' }}</view>
|
|
</view>
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">业主自营</view>-->
|
|
<!-- <view class="bottomItemValue">12%</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">自营提成</view>-->
|
|
<!-- <view class="bottomItemValue">9%</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">合租经营</view>-->
|
|
<!-- <view class="bottomItemValue">45%</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">固定租金</view>-->
|
|
<!-- <view class="bottomItemValue">25%</view>-->
|
|
<!-- </view>-->
|
|
</view>
|
|
</view>
|
|
<view class="amountItem" style="margin-top: 56rpx">
|
|
<view class="itemTop">
|
|
<view class="itemTopLeft">
|
|
<image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/customersRate.svg"/>
|
|
<view class="itemTitle">对客占比</view>
|
|
<view class="itemUnit">/%</view>
|
|
</view>
|
|
<view class="itemTopRight">100%</view>
|
|
</view>
|
|
<view class="itemBottom">
|
|
<view class="itemBottomItem" v-for="(item,index) in pageDataObj.RevenueRatioList" :key="index">
|
|
<view class="bottomItemTitle">{{ item.name }}</view>
|
|
<view class="bottomItemValue">{{ item.value || '0.00' }}</view>
|
|
</view>
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">业主自营</view>-->
|
|
<!-- <view class="bottomItemValue">44.59%</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">自营提成</view>-->
|
|
<!-- <view class="bottomItemValue">3.41%</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">合租经营</view>-->
|
|
<!-- <view class="bottomItemValue">36%</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">固定租金</view>-->
|
|
<!-- <view class="bottomItemValue">16%</view>-->
|
|
<!-- </view>-->
|
|
</view>
|
|
</view>
|
|
<view class="amountItem" style="margin-top: 56rpx">
|
|
<view class="itemTop">
|
|
<view class="itemTopLeft">
|
|
<image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/comprehensive.svg"/>
|
|
<view class="itemTitle">综合提成</view>
|
|
<view class="itemUnit">/%</view>
|
|
</view>
|
|
<view class="itemTopRight">{{ pageDataObj.CommissionRatio || '-' }}%</view>
|
|
</view>
|
|
<view class="itemBottom">
|
|
<view class="itemBottomItem" v-for="(item,index) in pageDataObj.CommissionList" :key="index">
|
|
<view class="bottomItemTitle">{{ item.name }}</view>
|
|
<view class="bottomItemValue">{{ item.value || '0.00' }}</view>
|
|
</view>
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">业主自营</view>-->
|
|
<!-- <view class="bottomItemValue">0%</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">自营提成</view>-->
|
|
<!-- <view class="bottomItemValue">0%</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">合租经营</view>-->
|
|
<!-- <view class="bottomItemValue">32.4%</view>-->
|
|
<!-- </view>-->
|
|
<!-- <view class="itemBottomItem">-->
|
|
<!-- <view class="bottomItemTitle">固定租金</view>-->
|
|
<!-- <view class="bottomItemValue">77.6%</view>-->
|
|
<!-- </view>-->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import request from '@/util/index.js'
|
|
export default {
|
|
data(){
|
|
return {
|
|
statusBarHeight: '',
|
|
menu: {},
|
|
lastDay: '',
|
|
searchText: '',
|
|
pageDataObj: {},
|
|
OwnerListSum: {},
|
|
MerchantSum: {},
|
|
thisMonth: 0,
|
|
selectTab: 1,// 选择的tab
|
|
selectIndex:0,// 选择的月份 或者累计
|
|
selectList:[],// 滚动的数组
|
|
currentScroll:'',// 当前滚动到的地方
|
|
}
|
|
},
|
|
onLoad(option){
|
|
console.log('option',option)
|
|
// 获取手机参数对页面进行适配 主要是用于拿到胶囊的位置
|
|
let systemInfo = uni.getSystemInfoSync()
|
|
this.statusBarHeight = Number(systemInfo.statusBarHeight)
|
|
uni.setStorageSync('phoneInfo',systemInfo)
|
|
this.menu = uni.getMenuButtonBoundingClientRect()
|
|
console.log('statusBarHeight',this.statusBarHeight)
|
|
console.log('menu',this.menu)
|
|
if (option.time){
|
|
this.lastDay = option.time
|
|
const date = new Date(this.lastDay)
|
|
let m = date.getMonth() + 1
|
|
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){
|
|
this.searchText = option.month
|
|
}
|
|
this.handleGetTableData()
|
|
},
|
|
methods:{
|
|
handleChangeTab(value){
|
|
this.selectTab = value
|
|
},
|
|
handleBack(){
|
|
uni.navigateBack({
|
|
delta: 1
|
|
});
|
|
},
|
|
handleGoMerchantAccount(){
|
|
uni.navigateTo({
|
|
url: '/pages/merchantAccount/index'
|
|
})
|
|
},
|
|
bindDateChange(e){
|
|
this.OwnerListSum = {}
|
|
this.MerchantSum = {}
|
|
this.pageDataObj = {}
|
|
console.log('e',e)
|
|
this.searchText = e.detail.value
|
|
this.handleGetTableData()
|
|
},
|
|
async handleGetTableData(){
|
|
uni.showLoading({
|
|
title:'正在加载'
|
|
})
|
|
const date = new Date(this.searchText)
|
|
let y = date.getFullYear()
|
|
let m = date.getMonth() + 1
|
|
if (m<10){
|
|
m = '0'+m
|
|
}
|
|
const req = {
|
|
pushProvinceCode:'340000',
|
|
StatisticsMonth:`${y}${m}`,
|
|
StatisticsDate:this.lastDay
|
|
}
|
|
const data = await request.$webGet('CommercialApi/Revenue/GetAccountReceivable',req)
|
|
console.log('data',data)
|
|
if (data.Result_Code===100){
|
|
this.pageDataObj = data.Result_Data
|
|
let OwnerAcountSum = 0
|
|
let OwnerEntrySum = 0
|
|
let OwnerReceivableSum = 0
|
|
|
|
let MerchantAcountSum = 0
|
|
let MerchantEntrySum = 0
|
|
let MerchantReceivableSum = 0
|
|
this.pageDataObj.OwnerList.AcountList.forEach(item=>{
|
|
OwnerAcountSum+=Number(item.value)
|
|
})
|
|
this.pageDataObj.OwnerList.EntryList.forEach(item=>{
|
|
OwnerEntrySum+=Number(item.value)
|
|
})
|
|
this.pageDataObj.OwnerList.ReceivableList.forEach(item=>{
|
|
OwnerReceivableSum+=Number(item.value)
|
|
})
|
|
|
|
this.pageDataObj.MerchantList.AcountList.forEach(item=>{
|
|
MerchantAcountSum+=Number(item.value)
|
|
})
|
|
this.pageDataObj.MerchantList.EntryList.forEach(item=>{
|
|
MerchantEntrySum+=Number(item.value)
|
|
})
|
|
this.pageDataObj.MerchantList.ReceivableList.forEach(item=>{
|
|
MerchantReceivableSum+=Number(item.value)
|
|
})
|
|
let OwnerListSum = {
|
|
AcountSum:this.$util.getMoney(OwnerAcountSum/ 10000),
|
|
EntrySum:this.$util.getMoney(OwnerEntrySum/ 10000),
|
|
ReceivableSum:this.$util.getMoney(OwnerReceivableSum / 10000)
|
|
}
|
|
let MerchantSum = {
|
|
AcountSum:this.$util.getMoney(MerchantAcountSum/ 10000),
|
|
EntrySum:this.$util.getMoney(MerchantEntrySum/ 10000),
|
|
ReceivableSum:this.$util.getMoney(MerchantReceivableSum/ 10000)
|
|
}
|
|
this.OwnerListSum = OwnerListSum
|
|
this.MerchantSum = MerchantSum
|
|
console.log('this.pageDataObj',this.pageDataObj)
|
|
}
|
|
uni.hideLoading()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped lang="scss">
|
|
@import '/static/public/revenueStatistics/stylesheet.css';
|
|
.main{
|
|
height: 100%;
|
|
background: #f5f5f5;
|
|
.top{
|
|
width: 100%;
|
|
height: 640rpx;
|
|
position: relative;
|
|
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{
|
|
position: fixed;
|
|
top: 0;left: 0;
|
|
width: 100%;
|
|
z-index: 9999;
|
|
//background: linear-gradient(#FF9434 0%,#FE9139 100%);
|
|
box-sizing: border-box;
|
|
.headerContent{
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 32rpx;
|
|
position: absolute;
|
|
bottom: 5px;
|
|
display: flex;
|
|
align-items: center;
|
|
.leftIcon{
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.headerTimeBox{
|
|
margin-left: 24rpx;
|
|
.time{
|
|
display: flex;
|
|
align-items: center;
|
|
.timeIcon{
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin-right: 8rpx;
|
|
}
|
|
.text{
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 600;
|
|
color: #FFFFFF;
|
|
line-height: 44rpx;
|
|
}
|
|
.icon{
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-left: 16rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
.pageTitle{
|
|
font-size: 56rpx;
|
|
font-family: Alimama ShuHeiTi;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
line-height: 68rpx;
|
|
position: absolute;
|
|
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{
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 32rpx 48rpx;
|
|
position: relative;
|
|
top: -260rpx;
|
|
//transform: translateY(-260rpx);
|
|
.revenueBox{
|
|
width: 100%;
|
|
height: 100%;
|
|
background:#fff;
|
|
border-radius: 24rpx;
|
|
box-sizing: border-box;
|
|
padding: 4rpx;
|
|
.bigBox{
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.revenueBoxHeader{
|
|
width: 100%;
|
|
border-radius: 12rpx 12rpx 0 0;
|
|
box-sizing: border-box;
|
|
padding: 22rpx 24rpx;
|
|
.headerTitle{
|
|
font-size: 36rpx;
|
|
font-family: Alimama ShuHeiTi;
|
|
font-weight: bold;
|
|
line-height: 44rpx;
|
|
}
|
|
.revenueImg{
|
|
position: absolute;
|
|
top: 0;right: 0;
|
|
width: 266rpx;
|
|
height: 208rpx;
|
|
}
|
|
.revenueContent{
|
|
z-index: 2;
|
|
width: 100%;
|
|
position: relative;
|
|
.sumBox{
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 32rpx 24rpx;
|
|
background: #fff;
|
|
border-radius: 12rpx;
|
|
margin-top: 22rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
.left{
|
|
display: flex;
|
|
align-items: center;
|
|
.sumLogo{
|
|
width: 96rpx;
|
|
height: 96rpx;
|
|
}
|
|
.headerTitle{
|
|
font-size: 36rpx;
|
|
font-family: Alimama ShuHeiTi;
|
|
font-weight: bold;
|
|
line-height: 44rpx;
|
|
margin-left: 12rpx;
|
|
}
|
|
}
|
|
|
|
.sumText{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
.sumMoney{
|
|
font-size: 36rpx;
|
|
font-family: DINAlternate-Bold, DINAlternate;
|
|
font-weight: bold;
|
|
color: #160002;
|
|
line-height: 44rpx;
|
|
}
|
|
.sumUnit{
|
|
margin-top: 8rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
color: #160002;
|
|
line-height: 40rpx;
|
|
.unit{
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
color: #A69E9F;
|
|
line-height: 40rpx;
|
|
margin-left: 4rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.revenueAmount{
|
|
width: 100%;
|
|
margin-top: 62rpx;
|
|
.amountItem{
|
|
.itemTop{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
.itemTopLeft{
|
|
display: flex;
|
|
align-items: center;
|
|
.leftIcon{
|
|
width: 72rpx;
|
|
height: 72rpx;
|
|
margin-right: 16rpx;
|
|
}
|
|
.itemTitle{
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 600;
|
|
color: #160002;
|
|
line-height: 44rpx;
|
|
}
|
|
.itemUnit{
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
color: #A69E9F;
|
|
margin-left: 4rpx;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
.itemTopRight{
|
|
font-size: 36rpx;
|
|
font-family: DINAlternate-Bold, DINAlternate;
|
|
font-weight: bold;
|
|
color: #160002;
|
|
line-height: 44rpx;
|
|
}
|
|
}
|
|
.itemBottom{
|
|
margin-top: 24rpx;
|
|
.itemBottomItem{
|
|
width: 25%;
|
|
display: inline-block;
|
|
.bottomItemTitle{
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
color: #A69E9F;
|
|
line-height: 40rpx;
|
|
margin-bottom: 4rpx;
|
|
}
|
|
.bottomItemValue{
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
color: #160002;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
.ydRevenue{
|
|
.revenueBoxHeader{
|
|
background: linear-gradient(#FCF3E5 0%, #FDF6EC 22%,#FFFFFF 40%, #FFFFFF 100%);
|
|
.headerTitle{
|
|
color: #EC6C00;
|
|
}
|
|
}
|
|
}
|
|
.merchantRevenue{
|
|
.revenueBoxHeader{
|
|
background: linear-gradient(#E9F5F9 0%, #E9F5F9 22%,#FFFFFF 40%, #FFFFFF 100%);
|
|
.headerTitle{
|
|
color: #018ABD;
|
|
}
|
|
}
|
|
}
|
|
.otherData{
|
|
.revenueBoxHeader{
|
|
background: linear-gradient(#F1F7FF 0%, #FFFFFF 20% , #FFFFFF 100%);
|
|
.headerTitle{
|
|
color: #096EF7;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.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>
|