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-03-14 18:25:17 +08:00
parent 1f7c12375b
commit 7f142a79f8
6 changed files with 472 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
package-lock.json generated
View File

@ -7,6 +7,7 @@
"dependencies": { "dependencies": {
"chinese-lunar-calendar": "^1.0.1", "chinese-lunar-calendar": "^1.0.1",
"moment": "^2.30.1", "moment": "^2.30.1",
"numeral": "^2.0.6",
"sass": "^1.45.1", "sass": "^1.45.1",
"sass-loader": "^10.3.1", "sass-loader": "^10.3.1",
"vuex-persistedstate": "^4.1.0" "vuex-persistedstate": "^4.1.0"
@ -786,6 +787,14 @@
"node": ">=0.10.0" "node": ">=0.10.0"
} }
}, },
"node_modules/numeral": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/numeral/-/numeral-2.0.6.tgz",
"integrity": "sha512-qaKRmtYPZ5qdw4jWJD6bxEf1FJEqllJrwxCLIm0sQU/A7v2/czigzOb+C2uSiFsa9lBUzeH7M1oK+Q+OLxL3kA==",
"engines": {
"node": "*"
}
},
"node_modules/picocolors": { "node_modules/picocolors": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@ -1813,6 +1822,11 @@
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==" "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
}, },
"numeral": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/numeral/-/numeral-2.0.6.tgz",
"integrity": "sha512-qaKRmtYPZ5qdw4jWJD6bxEf1FJEqllJrwxCLIm0sQU/A7v2/czigzOb+C2uSiFsa9lBUzeH7M1oK+Q+OLxL3kA=="
},
"picocolors": { "picocolors": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",

1
package.json
View File

@ -2,6 +2,7 @@
"dependencies": { "dependencies": {
"chinese-lunar-calendar": "^1.0.1", "chinese-lunar-calendar": "^1.0.1",
"moment": "^2.30.1", "moment": "^2.30.1",
"numeral": "^2.0.6",
"sass": "^1.45.1", "sass": "^1.45.1",
"sass-loader": "^10.3.1", "sass-loader": "^10.3.1",
"vuex-persistedstate": "^4.1.0" "vuex-persistedstate": "^4.1.0"

9
pages/index/components/rateCharts.vue
View File

@ -33,20 +33,21 @@ export default {
success:{ success:{
handler(value){ handler(value){
this.preferPath = '' this.preferPath = ''
let sum = value[0] + value[1] let sum = value[0] + value[1] + value[2]
if (sum===0){ if (sum===0){
let res = { let res = {
series:[{ series:[{
data:[{name:'驿站营收',value:0},{name:'未完成',value:0}] data:[{name:'便利店',value:0},{name:'餐饮客房',value:0},{name:'商铺租赁',value:0}]
}] }]
} }
this.drawCharts(this.name,res) this.drawCharts(this.name,res)
}else{ }else{
let firstRate = Number(((value[0] / sum)*100).toFixed(2)) let firstRate = Number(((value[0] / sum)*100).toFixed(2))
let secondRate = 100 - Number(firstRate) let secondRate = Number(((value[1] / sum)*100).toFixed(2))
let thirdRate = 100 - Number(firstRate)- Number(secondRate)
let res = { let res = {
series:[{ series:[{
data:[{name:'驿站营收',value:firstRate},{name:'未完成',value:secondRate}] data:[{name:'便利店',value:firstRate},{name:'餐饮客房',value:secondRate},{name:'商铺租赁',value:thirdRate}]
}] }]
} }
this.drawCharts(this.name,res) this.drawCharts(this.name,res)

95
pages/index/index.vue
View File

@ -117,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`:`740rpx`}" @change="handleChangeSelect" :current="selectDetail"> <swiper class="detailBox" previous-margin="40rpx" next-margin="20rpx" :style="{height: loadMore?`1330rpx`:`710rpx`}" @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: 740rpx;"> <view class="top" style="height: 710rpx;">
<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"/>
@ -212,7 +212,7 @@
<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="1<=selectMonth && selectMonth<=3?['#DB573B','#FFAB30']:4<=selectMonth && selectMonth<=6?['#137BBD','#5DC1E0']:7<=selectMonth && selectMonth<=9?['#3663CB','#7CADF8']:['#A66A37','#DCA858']" :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> <text class="label">驿达入账:<text class="value">{{ydRate}}%</text></text>
@ -220,30 +220,40 @@
</view> </view>
</view> </view>
<view class="newRightBox"> <view class="newRightBox">
<view class="newRightItem"> <view class="newRightItem" v-for="(subItem,subIndex) in profitSharingList" :key="subIndex">
<view class="itemLeft"> <view class="itemLeft">
<view class="itemIcon" style="background: #1677FE"></view> <view class="itemIcon" :style="{background:subIndex===0?'#1677FE':subIndex===1?'#456497':subIndex===2?'#97A9C6':''}"></view>
<span class="itemName">便利店</span> <span class="itemName">{{subItem.name}}</span>
<span class="itemValue">3,100.65</span> <span class="itemValue">{{subItem.value?numeral(subItem.value/10000).format('0,0.00'):''}}</span>
</view> </view>
<view class="itemRight">+9.65%</view> <view class="itemRight">{{subItem.add}}</view>
</view>
<view class="newRightItem">
<view class="itemLeft">
<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="newRightItem">-->
<!-- <view class="itemLeft">-->
<!-- <view class="itemIcon" style="background: #1677FE"></view>-->
<!-- <span class="itemName">便利店</span>-->
<!-- <span class="itemValue">3,100.65</span>-->
<!-- </view>-->
<!-- <view class="itemRight">+9.65%</view>-->
<!-- </view>-->
<!-- <view class="newRightItem">-->
<!-- <view class="itemLeft">-->
<!-- <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>
<!-- <view class="rightBox">--> <!-- <view class="rightBox">-->
<!-- <view class="noticeItem">--> <!-- <view class="noticeItem">-->
@ -268,8 +278,8 @@
<view class="itemName">对客营收<span class="unit">/万元</span></view> <view class="itemName">对客营收<span class="unit">/万元</span></view>
</view> </view>
<view class="itemBottom"> <view class="itemBottom">
<span class="revenueNum">13,268.97</span> <span class="revenueNum">{{showTableData.YearRevenueAmount?numeral(showTableData.YearRevenueAmount/10000).format('0,0.00'):''}}</span>
<span class="revenueAdd">+14.91%</span> <span class="revenueAdd">{{showTableData.YearRevenueAdd?`${showTableData.YearRevenueAdd>0?'+':''}${showTableData.YearRevenueAdd}%`:'-'}}</span>
</view> </view>
</view> </view>
@ -279,13 +289,13 @@
<view class="itemName">营业收入<span class="unit">/万元</span></view> <view class="itemName">营业收入<span class="unit">/万元</span></view>
</view> </view>
<view class="itemBottom"> <view class="itemBottom">
<span class="revenueNum">13,268.97</span> <span class="revenueNum">{{showTableData.YearAccountRoyalty?numeral(showTableData.YearAccountRoyalty/10000).format('0,0.00'):''}}</span>
<span class="revenueAdd">+23.93%</span> <span class="revenueAdd">{{showTableData.YearAccountAdd?`${showTableData.YearAccountAdd>0?'+':''}${showTableData.YearAccountAdd}%`:'-'}}</span>
</view> </view>
</view> </view>
</view> </view>
<view class="showMoreLoading"> <view class="showMoreLoading">
<image @click="handleShowMore" class="showMorenDown" src="/static/images/newIndex/downIconMore.png"/> <image @click="handleShowMore" class="showMorenDown" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/downIconMore.png"/>
</view> </view>
<!-- <view class="goBusiness">--> <!-- <view class="goBusiness">-->
<!-- &lt;!&ndash; @click="handleGoProject"&ndash;&gt;--> <!-- &lt;!&ndash; @click="handleGoProject"&ndash;&gt;-->
@ -629,7 +639,7 @@
<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="['#2363FF','#B1C8FF']" :name="`${selectMonth}rate`"/> <rateCharts :success="moneyRateList" :colorList="['#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> <text class="label">驿达入账:<text class="value">{{ydRate}}%</text></text>
@ -1430,6 +1440,7 @@ import SliderPage from "./components/sliderPage.vue";
import UniDataSelect from "../../components/uni-data-select/uni-data-select.vue"; import UniDataSelect from "../../components/uni-data-select/uni-data-select.vue";
import NumberScroll from "./components/numberScroll.vue"; import NumberScroll from "./components/numberScroll.vue";
import moment from "moment"; import moment from "moment";
import numeral from "numeral";
var rincanvas = {}; var rincanvas = {};
export default { export default {
components: {SliderPage, RateCharts, MonthCharts, Tabbar,uniPopup,UniDataSelect,NumberScroll}, components: {SliderPage, RateCharts, MonthCharts, Tabbar,uniPopup,UniDataSelect,NumberScroll},
@ -1556,6 +1567,7 @@ export default {
externalMoney:'',// 外租收入 externalMoney:'',// 外租收入
currentMoney:'', currentMoney:'',
showMoreFixed:false,// 显示悬浮框 showMoreFixed:false,// 显示悬浮框
profitSharingList:[],// 分润占比旁边的list
} }
}, },
watch:{ watch:{
@ -1797,6 +1809,7 @@ export default {
uni.stopPullDownRefresh(); uni.stopPullDownRefresh();
}, },
methods:{ methods:{
numeral,
...mapActions(['memberLogin','getLoginCode']), ...mapActions(['memberLogin','getLoginCode']),
// 显示悬浮框 // 显示悬浮框
handleShowMore(){ handleShowMore(){
@ -2557,9 +2570,9 @@ export default {
request.$webGet('CommercialApi/Revenue/GetSummaryRevenueMonth',req).then(lastData=>{ request.$webGet('CommercialApi/Revenue/GetSummaryRevenueMonth',req).then(lastData=>{
flag3 = true flag3 = true
let result = lastData.Result_Data let result = lastData.Result_Data
console.log('result2',result)
let progressAll = 0 let progressAll = 0
this.currentPeriodData = result.MonthRevenueModel.CurAccountRoyalty this.currentPeriodData = result.MonthRevenueModel.CurAccountRoyalty
this.moneyRateList = [this.currentPeriodData.Royalty_Theory,this.currentPeriodData.SubRoyalty_Theory]
let sum = this.currentPeriodData.Royalty_Theory+this.currentPeriodData.SubRoyalty_Theory let sum = this.currentPeriodData.Royalty_Theory+this.currentPeriodData.SubRoyalty_Theory
console.log('currentPeriodData',this.currentPeriodData) console.log('currentPeriodData',this.currentPeriodData)
if(sum===0){ if(sum===0){
@ -2570,6 +2583,7 @@ export default {
this.shopRate = ((this.currentPeriodData.SubRoyalty_Theory / sum)*100).toFixed(2) this.shopRate = ((this.currentPeriodData.SubRoyalty_Theory / sum)*100).toFixed(2)
} }
console.log('result.BusinessTypeList',result.BusinessTypeList) console.log('result.BusinessTypeList',result.BusinessTypeList)
let shareList = [{},{},{}]
result.BusinessTypeList.forEach(item=>{ result.BusinessTypeList.forEach(item=>{
progressAll+=Number(item.value) progressAll+=Number(item.value)
let index = (item.value /10000).toString().indexOf('.') let index = (item.value /10000).toString().indexOf('.')
@ -2596,7 +2610,18 @@ export default {
item.addQOQ = null item.addQOQ = null
} }
} }
// 分润占比
if (item.name==='便利店'){
shareList[0] = item
}else if(item.name==='餐饮客房'){
shareList[1] = item
}else if(item.name==='商铺租赁'){
shareList[2] = item
}
}) })
console.log('shareList',shareList)
this.moneyRateList = [Number(shareList[0].value),Number(shareList[1].value),Number(shareList[2].value)]
this.profitSharingList = shareList
this.typeList = result.BusinessTypeList this.typeList = result.BusinessTypeList
this.revenueMoney = result.BusinessTypeList[0].showValue this.revenueMoney = result.BusinessTypeList[0].showValue
this.externalMoney = result.BusinessTypeList[1].showValue this.externalMoney = result.BusinessTypeList[1].showValue
@ -2628,6 +2653,10 @@ export default {
this.showTableData = result.MonthRevenueModel this.showTableData = result.MonthRevenueModel
console.log('result.MonthRevenueModel',result.MonthRevenueModel) console.log('result.MonthRevenueModel',result.MonthRevenueModel)
// 对客营收的同比增长
this.showTableData.YearRevenueAdd = (((this.showTableData.YearRevenueAmount - this.showTableData.YearRevenueYOY) / this.showTableData.YearRevenueYOY)*100).toFixed(2)
// 营业收入的同比增长
this.showTableData.YearAccountAdd = (((this.showTableData.YearAccountRoyalty - this.showTableData.YearAccountRoyaltyYOY) / this.showTableData.YearAccountRoyaltyYOY)*100).toFixed(2)
if (this.showTableData.RevenueYOY){ if (this.showTableData.RevenueYOY){
this.showTableData.add = Number(((this.showTableData.CashPay-this.showTableData.RevenueYOY)/this.showTableData.RevenueYOY*100).toFixed(2)) this.showTableData.add = Number(((this.showTableData.CashPay-this.showTableData.RevenueYOY)/this.showTableData.RevenueYOY*100).toFixed(2))
this.showTableData.add = this.showTableData.add>0?'+'+this.showTableData.add:this.showTableData.add this.showTableData.add = this.showTableData.add>0?'+'+this.showTableData.add:this.showTableData.add
@ -3409,7 +3438,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;
@ -3641,7 +3670,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
width: 100%; width: 100%;
background: #F9FAFC; background: #F9FAFC;
box-sizing: border-box; box-sizing: border-box;
padding: 28rpx 24rpx; padding: 24rpx 28rpx;
margin-top: 48rpx; margin-top: 48rpx;
.accountItem{ .accountItem{
width: 100%; width: 100%;

8
pages/nationalPage/springTravel.vue
View File

@ -45,10 +45,10 @@
</div> </div>
</div> </div>
<div class="waringText" v-if="isShowWarningTime"> <!-- <div class="waringText" v-if="isShowWarningTime">-->
<span style="display: block">{{`${allDateDay}营收数据需等待现场管理员校验完成...`}}</span> <!-- <span style="display: block">{{`${allDateDay}营收数据需等待现场管理员校验完成...`}}</span>-->
<span>{{`预计早上10点，请稍等...`}}</span> <!-- <span>{{`预计早上10点，请稍等...`}}</span>-->
</div> <!-- </div>-->
</div> </div>
<div class="overAllDataBottom"> <div class="overAllDataBottom">
<div class="contentTitleBox" style="margin-bottom: 16rpx"> <div class="contentTitleBox" style="margin-bottom: 16rpx">

433
pages/revenueStatistics/index.vue
View File

@ -21,16 +21,19 @@
<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'"/> <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>
<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> <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> <view :style="{height:'100%',width:`${68*selectList.length}px`}">
<view :id="'item'+index" :class="currentScroll===`item${index}`?'selectScrollItem':'scrollItem'" v-for="(item,index) in selectList" :key="index" @click="handleChangMonth(index)">{{item}}</view>
</view>
</scroll-view> </scroll-view>
</view> </view>
<view class="content"> <view class="content">
<view v-if="selectTab===1"> <view v-if="selectTab===1">
<!-- 对客营收 -->
<view class="customerRevenue"> <view class="customerRevenue">
<view class="contentRevenue"> <view class="contentRevenue">
<view class="contentTop"> <view class="contentTop">
<span class="contentMonth">{{thisMonth?thisMonth+'月':''}}</span> <span class="contentMonth">{{thisMonth?thisMonth+'月':'累计'}}</span>
<span class="contentTitle">对客营收 <span class="contentTitle">对客营收
<span class="contentUnit">/万元</span> <span class="contentUnit">/万元</span>
</span> </span>
@ -38,22 +41,22 @@
<view class="dataBox"> <view class="dataBox">
<view class="dataItem"> <view class="dataItem">
<span class="dataBigValue">+14.91%</span> <span class="dataBigValue">{{topDetail.RevenueINC?topDetail.RevenueINC.increaseRate<0?`${topDetail.RevenueINC.increaseRate}%`:`+${topDetail.RevenueINC.increaseRate}%` :'-'}}</span>
<span class="dataLabel">同比去年</span> <span class="dataLabel">同比去年</span>
</view> </view>
<view class="dataItem"> <view class="dataItem">
<span class="dataValue">13,268.97</span> <span class="dataValue">{{topDetail.RevenueINC ? numeral(topDetail.RevenueINC.curYearData /10000).format('0,0.00'):'-'}}</span>
<span class="dataLabel">2024年</span> <span class="dataLabel">2024年</span>
</view> </view>
<view class="dataItem"> <view class="dataItem">
<span class="dataValue">11,546.32</span> <span class="dataValue">{{topDetail.RevenueINC ? numeral(topDetail.RevenueINC.lYearData / 10000).format('0,0.00'):'-'}}</span>
<span class="dataLabel">2023年</span> <span class="dataLabel">2023年</span>
</view> </view>
</view> </view>
<view class="addBox"> <view class="addBox">
增长 增长
<span class="addNumber">+1,722.65</span> <span class="addNumber">{{topDetail.RevenueINC ? `${topDetail.RevenueINC.increaseData<0?'':'+'}${numeral(topDetail.RevenueINC.increaseData / 10000).format('0,0.00')}`:'-'}}</span>
</view> </view>
<view class="line"></view> <view class="line"></view>
@ -73,10 +76,121 @@
<view class="firstLabel">外包</view> <view class="firstLabel">外包</view>
<view class="secondLabel">餐商铺租赁</view> <view class="secondLabel">餐商铺租赁</view>
</view> </view>
<scroll-view class="tableRight" scroll-x="true">
<view class="labelBox">
<span class="label">2024年</span>
<span class="label">2023年</span>
<span class="label">增长</span>
<span class="label">增幅</span>
</view>
<view :class="item.type===1?'firstLabelBox':'secondLabelBox'" v-for="(item,index) in pageRevenueList" :key="index">
<span :class="item.type===1?'firstLabel':'secondLabel'">{{item.curYearData?numeral(item.curYearData/10000).format('0,0.00'):''}}</span>
<span :class="item.type===1?'firstLabel':'secondLabel'">{{item.lYearData?numeral(item.lYearData/10000).format('0,0.00'):''}}</span>
<span :class="item.type===1?'firstLabel':'secondLabel'">{{item.increaseData?`${item.increaseData<0?'':'+'}${numeral(item.increaseData/10000).format('0,0.00')}`:''}}</span>
<span :class="item.type===1?'firstLabel':'secondLabel'">{{item.increaseRate?`${item.increaseRate<0?'':'+'}${item.increaseRate}%`:''}}</span>
</view>
</scroll-view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- 营业收入 -->
<view class="customerRevenue" style="margin-top: 24rpx">
<view class="contentRevenue" style="background-image: url('https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueBg2.png')">
<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">{{topDetail.AccountINC?topDetail.AccountINC.increaseRate<0?`${topDetail.AccountINC.increaseRate}%`:`+${topDetail.AccountINC.increaseRate}%` :'-'}}</span>
<span class="dataLabel">同比去年</span>
</view>
<view class="dataItem">
<span class="dataValue">{{topDetail.AccountINC ? numeral(topDetail.AccountINC.curYearData /10000).format('0,0.00'):'-'}}</span>
<span class="dataLabel">2024年</span>
</view>
<view class="dataItem">
<span class="dataValue">{{topDetail.AccountINC ? numeral(topDetail.AccountINC.lYearData /10000).format('0,0.00'):'-'}}</span>
<span class="dataLabel">2023年</span>
</view>
</view>
<view class="addBox">
增长
<span class="addNumber">{{topDetail.AccountINC ? `${topDetail.AccountINC.increaseData<0?'':'+'}${numeral(topDetail.AccountINC.increaseData / 10000).format('0,0.00')}`:'-'}}</span>
</view>
<view class="line"></view>
<view class="tableBox">
<view class="tableTop">
<span class="tableTitle">营收明细</span>
<span class="tableUnit">/万元</span>
</view>
<view class="tableContent" style="height: 304rpx">
<view class="tableLeft">
<view class="label">类别</view>
<view class="firstLabel">自营 (除税)</view>
<view class="firstLabel">便利店</view>
<view class="firstLabel">餐饮客房</view>
</view>
<scroll-view class="tableRight" scroll-x="true">
<view class="labelBox">
<span class="label">2024年</span>
<span class="label">2023年</span>
<span class="label">增长</span>
<span class="label">增幅</span>
</view>
<view :class="item.type===1?'firstLabelBox':'secondLabelBox'" v-for="(item,index) in pageAccountList" :key="index">
<span :class="item.type===1?'firstLabel':'secondLabel'">{{item.curYearData?numeral(item.curYearData/10000).format('0,0.00'):''}}</span>
<span :class="item.type===1?'firstLabel':'secondLabel'">{{item.lYearData?numeral(item.lYearData/10000).format('0,0.00'):''}}</span>
<span :class="item.type===1?'firstLabel':'secondLabel'">{{item.increaseData?`${item.increaseData<0?'':'+'}${numeral(item.increaseData/10000).format('0,0.00')}`:''}}</span>
<span :class="item.type===1?'firstLabel':'secondLabel'">{{item.increaseRate?`${item.increaseRate<0?'':'+'}${item.increaseRate}%`:''}}</span>
</view>
</scroll-view>
</view>
</view>
</view>
</view>
<!-- 入区车流 -->
<view class="customerRevenue" style="margin-top: 24rpx">
<view class="contentRevenue" style="background-image: url('https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueBg3.png');background-size: cover;padding-bottom: 24rpx">
<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">{{topDetail.BayonetINC?`${topDetail.BayonetINC.increaseRate<0?'':'+'}${topDetail.BayonetINC.increaseRate}%` :'-'}}</span>
<span class="dataLabel">同比去年</span>
</view>
<view class="dataItem">
<span class="dataValue">{{topDetail.BayonetINC ? numeral(topDetail.BayonetINC.curYearData /10000).format('0,0.00'):'-'}}</span>
<span class="dataLabel">2024年</span>
</view>
<view class="dataItem">
<span class="dataValue">{{topDetail.BayonetINC ? numeral(topDetail.BayonetINC.lYearData /10000).format('0,0.00'):'-'}}</span>
<span class="dataLabel">2023年</span>
</view>
</view>
<view class="addBox">
增长
<span class="addNumber">{{topDetail.BayonetINC ? `${topDetail.BayonetINC.increaseData<0?'':'+'}${numeral(topDetail.BayonetINC.increaseData / 10000).format('0,0.00')}`:'-'}}</span>
</view>
</view>
</view>
</view> </view>
<view v-if="selectTab===2"> <view v-if="selectTab===2">
@ -84,12 +198,18 @@
<view class="bigBox"> <view class="bigBox">
<view class="revenueBoxHeader"> <view class="revenueBoxHeader">
<!-- <view class="headerTitle">驿达营收</view>--> <!-- <view class="headerTitle">驿达营收</view>-->
<image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/nationalDay/revenueItemBg.png"/> <!-- <image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/nationalDay/revenueItemBg.png"/>-->
<view class="revenueContent"> <view class="revenueContent">
<view class="contentTitleBox">
<span class="selectMonth">{{thisMonth?thisMonth+'月':'累计'}}</span>
<span class="contentTitle">驿达入账收入</span>
<span class="contentUnit">/万元</span>
</view>
<view class="sumBox"> <view class="sumBox">
<view class="left"> <view class="left">
<image class="sumLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/sumLogo.svg"/> <image class="sumLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/sumLogo.svg"/>
<view class="headerTitle">驿达入账收入</view> <!-- <view class="headerTitle">驿达入账收入</view>-->
</view> </view>
<view class="sumText"> <view class="sumText">
<!-- <view class="sumMoney">{{pageDataObj.OwnerRevenue?$util.fmoney(pageDataObj.OwnerRevenue/10000,2):'0.00'}}</view>--> <!-- <view class="sumMoney">{{pageDataObj.OwnerRevenue?$util.fmoney(pageDataObj.OwnerRevenue/10000,2):'0.00'}}</view>-->
@ -211,10 +331,15 @@
<!-- <view class="headerTitle">商家营收</view>--> <!-- <view class="headerTitle">商家营收</view>-->
<image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/nationalDay/entryAdd.png"/> <image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/nationalDay/entryAdd.png"/>
<view class="revenueContent"> <view class="revenueContent">
<view class="contentTitleBox">
<span class="selectMonth">{{thisMonth?thisMonth+'月':'累计'}}</span>
<span class="contentTitle">商家入账收入</span>
<span class="contentUnit">/万元</span>
</view>
<view class="sumBox"> <view class="sumBox">
<view class="left"> <view class="left">
<image class="sumLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/merchantsSum.svg"/> <image class="sumLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/merchantsSum.svg"/>
<view class="headerTitle">商家入账收入</view> <!-- <view class="headerTitle">商家入账收入</view>-->
</view> </view>
<view class="sumText"> <view class="sumText">
<!-- <view class="sumMoney">{{pageDataObj.MerchantRevenue?$util.fmoney(pageDataObj.MerchantRevenue/10000):"0.00"}}</view>--> <!-- <view class="sumMoney">{{pageDataObj.MerchantRevenue?$util.fmoney(pageDataObj.MerchantRevenue/10000):"0.00"}}</view>-->
@ -335,7 +460,11 @@
<image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/expenditure.png"/> <image class="revenueImg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/expenditure.png"/>
<view class="revenueContent"> <view class="revenueContent">
<view class="contentTitleBox">
<span class="selectMonth">{{thisMonth?thisMonth+'月':'累计'}}</span>
<span class="contentTitle">商家营收</span>
<span class="contentUnit">/万元</span>
</view>
<view class="revenueAmount" style="margin-top: 48rpx"> <view class="revenueAmount" style="margin-top: 48rpx">
<view class="amountItem"> <view class="amountItem">
<view class="itemTop"> <view class="itemTop">
@ -477,6 +606,8 @@
</template> </template>
<script> <script>
import request from '@/util/index.js' import request from '@/util/index.js'
import numeral from "numeral";
export default { export default {
data(){ data(){
return { return {
@ -492,37 +623,133 @@ export default {
selectIndex:0,// 选择的月份 或者累计 selectIndex:0,// 选择的月份 或者累计
selectList:[],// 滚动的数组 selectList:[],// 滚动的数组
currentScroll:'',// 当前滚动到的地方 currentScroll:'',// 当前滚动到的地方
useInfo:{},
topDetail:{},// tab是1 的时候 三块的顶部详情
pageRevenueList:[],// 页面上显示的对客营收
pageAccountList:[],// 页面上营业收入
curYear:2024,// 当前年
} }
}, },
onLoad(option){ async onLoad(option){
console.log('option',option) console.log('option',option)
uni.showLoading({
title:'正在加载'
})
// 获取手机参数对页面进行适配 主要是用于拿到胶囊的位置 // 获取手机参数对页面进行适配 主要是用于拿到胶囊的位置
let systemInfo = uni.getSystemInfoSync() let systemInfo = uni.getSystemInfoSync()
this.statusBarHeight = Number(systemInfo.statusBarHeight) this.statusBarHeight = Number(systemInfo.statusBarHeight)
uni.setStorageSync('phoneInfo',systemInfo) uni.setStorageSync('phoneInfo',systemInfo)
this.menu = uni.getMenuButtonBoundingClientRect() this.menu = uni.getMenuButtonBoundingClientRect()
console.log('statusBarHeight',this.statusBarHeight)
console.log('menu',this.menu) // 获取用户信息
let userInfo = uni.getStorageSync('vuex')
userInfo = JSON.parse(userInfo)
this.useInfo = JSON.parse(JSON.stringify(userInfo))
if (option.time){ if (option.time){
this.lastDay = option.time this.lastDay = option.time
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
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
const selectDate = new Date(option.month)
let selectYear = selectDate.getFullYear()
this.curYear = selectYear
const nowDate = new Date()
let nowYear = nowDate.getFullYear()
let monthNumber = 0
if (nowYear>selectYear){
monthNumber = 12
}else{
monthNumber = selectDate.getMonth() + 1
}
let selectMonth = selectDate.getMonth() + 1
this.thisMonth = selectMonth
this.selectIndex = selectMonth
this.currentScroll = 'item' + this.thisMonth
for (let i=1;i<=monthNumber;i++){
this.selectList.push(`${i}月`)
}
this.selectList.unshift('累计')
} }
this.handleGetTableData() console.log('this.selectList',this.selectList)
await this.handleGetRevenueData()
await this.handleGetTableData()
uni.hideLoading()
}, },
methods:{ methods:{
numeral,
async handleGetRevenueData(){
const date = new Date()
let y = date.getFullYear()
let m = date.getMonth() + 1
const type = this.currentScroll.split('item')[1]==='0'?2:1
const req = {
calcType: type,//计算方式：1【当月】，2【累计】
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
curYear: this.curYear,//本年年份
compareYear: this.curYear-1,//历年年份
StatisticsMonth:this.thisMonth===0?y>this.curYear?12:m:this.thisMonth,//结算月份
}
console.log('req',req)
const data = await request.$webGet('CommercialApi/Revenue/GetMonthlyBusinessAnalysis',req)
console.log('data',data)
let res = data.Result_Data.List
if (res && res.length>0){
let everyTop = {}// 每一块顶部内容的汇总对象
let revenueList = [{},{},{},{},{}]// 对客营收
let accountList = [{},{},{}]// 营业收入
res.forEach(item=>{
if (item.ServerpartName==='累计'){
everyTop = item
}else if(item.SPRegionTypeId===1){
// SPRegionTypeId===1 自营
revenueList[0] = {...item.RevenueINC, type:1}
accountList[0] = {...item.AccountINC, type:1}
}else if(item.SPRegionTypeId===2){
// SPRegionTypeId===2 外包
revenueList[3] = {...item.RevenueINC, type:1}
// accountList[3] = {...item.AccountINC, type:1}
}else if(item.ServerpartId===1){
revenueList[1] = {...item.RevenueINC, type:2}
accountList[1] = {...item.AccountINC, type:2}
}else if(item.ServerpartId===2){
revenueList[2] = {...item.RevenueINC,type:2}
accountList[2] = {...item.AccountINC,type:2}
}else if(item.ServerpartId===3){
revenueList[4] = {...item.RevenueINC,type:2}
// accountList[4] = {...item.AccountINC,type:2}
}
})
this.topDetail = everyTop
this.pageRevenueList = revenueList
this.pageAccountList = accountList
}
},
async handleChangMonth(index){
this.selectIndex = index
this.currentScroll = 'item' + index
this.thisMonth = index
uni.showLoading({
title:'正在加载'
})
await this.handleGetRevenueData()
await this.handleGetTableData()
uni.hideLoading()
},
handleChangeTab(value){ handleChangeTab(value){
this.selectTab = value this.selectTab = value
// if (value===1){
// this.handleGetRevenueData()
// }else{
// this.handleGetTableData()
// }
}, },
handleBack(){ handleBack(){
uni.navigateBack({ uni.navigateBack({
@ -538,27 +765,22 @@ export default {
this.OwnerListSum = {} this.OwnerListSum = {}
this.MerchantSum = {} this.MerchantSum = {}
this.pageDataObj = {} this.pageDataObj = {}
console.log('e',e)
this.searchText = e.detail.value this.searchText = e.detail.value
this.handleGetTableData() this.handleGetTableData()
}, },
async handleGetTableData(){ async handleGetTableData(){
uni.showLoading({
title:'正在加载' const date = new Date()
})
const date = new Date(this.searchText)
let y = date.getFullYear() let y = date.getFullYear()
let m = date.getMonth() + 1 let m = date.getMonth() + 1
if (m<10){ const type = this.currentScroll.split('item')[1]==='0'?2:1
m = '0'+m
}
const req = { const req = {
calcType: type,//计算方式：1【当月】，2【累计】
pushProvinceCode:'340000', pushProvinceCode:'340000',
StatisticsMonth:`${y}${m}`, StatisticsMonth:`${this.curYear}${this.thisMonth===0?y>this.curYear?12:`${m<10?'0'+m:m}`:`${this.thisMonth<10?'0'+this.thisMonth:this.thisMonth}`}`,
StatisticsDate:this.lastDay StatisticsDate:this.lastDay
} }
const data = await request.$webGet('CommercialApi/Revenue/GetAccountReceivable',req) const data = await request.$webGet('CommercialApi/Revenue/GetAccountReceivable',req)
console.log('data',data)
if (data.Result_Code===100){ if (data.Result_Code===100){
this.pageDataObj = data.Result_Data this.pageDataObj = data.Result_Data
let OwnerAcountSum = 0 let OwnerAcountSum = 0
@ -599,9 +821,7 @@ export default {
} }
this.OwnerListSum = OwnerListSum this.OwnerListSum = OwnerListSum
this.MerchantSum = MerchantSum this.MerchantSum = MerchantSum
console.log('this.pageDataObj',this.pageDataObj)
} }
uni.hideLoading()
} }
} }
} }
@ -624,7 +844,9 @@ export default {
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-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueBackground.png");
background-repeat: no-repeat;
background-size: cover;
box-sizing: border-box; box-sizing: border-box;
.headerContent{ .headerContent{
width: 100%; width: 100%;
@ -675,7 +897,6 @@ export default {
left: 32rpx; left: 32rpx;
} }
.tabBox{ .tabBox{
width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
position: absolute; position: absolute;
@ -691,9 +912,8 @@ export default {
height: 70rpx; height: 70rpx;
position: absolute; position: absolute;
left: 32rpx; left: 32rpx;
display: flex;
align-items: center;
.scrollItem{ .scrollItem{
width: 80rpx;
display: inline-block; display: inline-block;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
@ -705,6 +925,7 @@ export default {
margin-right: 56rpx; margin-right: 56rpx;
} }
.selectScrollItem{ .selectScrollItem{
width: 80rpx;
display: inline-block; display: inline-block;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 600; font-weight: 600;
@ -722,7 +943,7 @@ export default {
width: 80%; width: 80%;
position: absolute; position: absolute;
height: 4rpx; height: 4rpx;
left: 10%; left: 0;
bottom: -5px; bottom: -5px;
background: #fff; background: #fff;
} }
@ -768,13 +989,49 @@ export default {
z-index: 2; z-index: 2;
width: 100%; width: 100%;
position: relative; position: relative;
.contentTitleBox{
display: flex;
align-items: center;
.selectMonth{
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;
border-radius: 4rpx;
background: #F2792E;
margin-right: 8rpx;
}
.contentTitle{
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 32rpx;
color: #160002;
line-height: 44rpx;
text-align: left;
font-style: normal;
margin-right: 4rpx;
}
.contentUnit{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #9A9A9A;
line-height: 36rpx;
text-align: left;
font-style: normal;
}
}
.sumBox{ .sumBox{
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 32rpx 24rpx; padding: 32rpx 24rpx;
background: #fff; background: #fff;
border-radius: 12rpx; border-radius: 12rpx;
margin-top: 22rpx; margin-top: 32rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.left{ .left{
@ -892,7 +1149,10 @@ export default {
} }
.ydRevenue{ .ydRevenue{
.revenueBoxHeader{ .revenueBoxHeader{
background: linear-gradient(#FCF3E5 0%, #FDF6EC 22%,#FFFFFF 40%, #FFFFFF 100%); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueBg4.png");
background-repeat: no-repeat;
background-size: contain;
//background: linear-gradient(#FCF3E5 0%, #FDF6EC 22%,#FFFFFF 40%, #FFFFFF 100%);
.headerTitle{ .headerTitle{
color: #EC6C00; color: #EC6C00;
} }
@ -900,7 +1160,10 @@ export default {
} }
.merchantRevenue{ .merchantRevenue{
.revenueBoxHeader{ .revenueBoxHeader{
background: linear-gradient(#E9F5F9 0%, #E9F5F9 22%,#FFFFFF 40%, #FFFFFF 100%); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueBg5.png");
background-repeat: no-repeat;
background-size: contain;
//background: linear-gradient(#E9F5F9 0%, #E9F5F9 22%,#FFFFFF 40%, #FFFFFF 100%);
.headerTitle{ .headerTitle{
color: #018ABD; color: #018ABD;
} }
@ -908,7 +1171,10 @@ export default {
} }
.otherData{ .otherData{
.revenueBoxHeader{ .revenueBoxHeader{
background: linear-gradient(#F1F7FF 0%, #FFFFFF 20% , #FFFFFF 100%); background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueBg6.png");
background-repeat: no-repeat;
background-size: contain;
//background: linear-gradient(#F1F7FF 0%, #FFFFFF 20% , #FFFFFF 100%);
.headerTitle{ .headerTitle{
color: #096EF7; color: #096EF7;
} }
@ -930,7 +1196,7 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
box-sizing: border-box; box-sizing: border-box;
padding: 30rpx 22rpx; padding: 30rpx 22rpx 0;
.contentTop{ .contentTop{
display: flex; display: flex;
align-items: center; align-items: center;
@ -1002,7 +1268,7 @@ export default {
font-weight: bold; font-weight: bold;
font-size: 36rpx; font-size: 36rpx;
color: #160002; color: #160002;
line-height: 44rpx; line-height: 64rpx;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
} }
@ -1067,27 +1333,100 @@ export default {
.tableContent{ .tableContent{
margin-top: 16rpx; margin-top: 16rpx;
width: 100%; width: 100%;
height: 448rpx; height: 460rpx;
display: flex;
.tableLeft{ .tableLeft{
width: 192rpx; width: 192rpx;
height: 100%; height: 100%;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 4rpx 0rpx 6rpx 0rpx rgba(0,0,0,0.05); box-shadow: 4rpx 0rpx 6rpx 0rpx rgba(0,0,0,0.05);
box-sizing: border-box; box-sizing: border-box;
padding: 24rpx 0; padding: 24rpx 0 24rpx;
.label{ .label{
width: 100%; width: 100%;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #57607B; color: #57607B;
line-height: 32rpx; line-height: 50rpx;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
margin-bottom: 32rpx; display: inline-block;
height: 50rpx;
} }
.firstLabel{ .firstLabel{
width: 100%; width: 100%;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 28rpx;
color: #160002;
line-height: 40rpx;
text-align: left;
font-style: normal;
margin: 32rpx 0;
}
.secondLabel{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #160002;
line-height: 40rpx;
text-align: left;
font-style: normal;
padding-left: 16rpx;
margin: 32rpx 0;
}
}
.tableRight{
width: calc(100% - 192rpx);
height: 100%;
box-sizing: border-box;
padding: 24rpx 24rpx 0;
.labelBox{
width: 592rpx;
.label{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #57607B;
text-align: left;
font-style: normal;
display: inline-block;
width: 148rpx;
}
}
.firstLabelBox{
width: 592rpx;
height: 40rpx;
margin: 32rpx 0;
.firstLabel{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 26rpx;
color: #160002;
line-height: 40rpx;
text-align: left;
font-style: normal;
display: inline-block;
width: 148rpx;
}
}
.secondLabelBox{
width: 592rpx;
height: 40rpx;
margin: 32rpx 0;
.secondLabel{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 26rpx;
color: #160002;
line-height: 40rpx;
text-align: left;
font-style: normal;
display: inline-block;
width: 148rpx;
}
} }
} }
} }