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 2023-11-14 18:32:17 +08:00
parent f911967e35
commit c7dfdaae0d
3 changed files with 340 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
pages/revenue/component/otherCharts.vue
View File

@ -1,7 +1,7 @@
<template>
<view class="main">
<image v-if="preferPath" style="width: 136rpx;height: 136rpx" :src="preferPath"></image>
<canvas v-else style="width: 136rpx;height: 136rpx" class="month" canvas-id="month" id="month"/>
<image style="width: 136rpx;height: 136rpx;position:absolute;top: 0;left: 0" :src="preferPath"></image>
<canvas :style="{display:hide?'inline':'none'}" style="width: 136rpx;height: 136rpx;position:absolute;top: 0;left: 0" class="month" :canvas-id="name" id="month"/>
</view>
</template>
@ -12,7 +12,8 @@ export default {
name: "otherCharts",
data(){
return {
preferPath:''
preferPath:'',
hide:true
}
},
props:{
@ -23,13 +24,22 @@ export default {
colorList:{
type: Array,
default:[]
},
name:{
type: String,
default: ''
}
},
onUnload(){
let canvas = document.getElementById('month');
let context = uni.createCanvasContext(this.name,this);
context.clearRect(0, 0, canvas.width, canvas.height);
},
watch:{
success:{
handler(value){
this.hide = true
this.preferPath = ''
console.log('value111',value)
let success = Number(value)>100?100:Number(value)
let error = Number(100 - value)<0?0:Number(100 - value)
let res = {
@ -37,8 +47,16 @@ export default {
data:[{name:'已完成',value:success},{name:'未完成',value:error}]
}]
}
console.log('res',res)
this.drawCharts('month',res)
if (value){
this.drawCharts(this.name,res)
}else{
let res = {
series: [{
data: [{name: '已完成', value: 0}, {name: '未完成', value: 100}]
}]
}
this.drawCharts(this.name, res)
}
},
immediate:true
}
@ -86,14 +104,13 @@ export default {
}
});
setTimeout( ()=>{
this.canvasToTempImage('month')
},100)
this.canvasToTempImage(this.name)
},500)
},
canvasToTempImage(id){
uni.canvasToTempFilePath({
canvasId:id,
complete:(res)=>{
console.log('res2',res)
if (res.tempFilePath){
uni.getFileSystemManager().readFile({
filePath: res.tempFilePath,
@ -101,6 +118,7 @@ export default {
success: res => {
let base64 = 'data:image/png;base64,' + res.data;
this.preferPath = base64
this.hide = false
}
})
}
@ -115,5 +133,6 @@ export default {
.main{
width: 128rpx;
height: 128rpx;
position: relative;
}
</style>

60
pages/revenue/component/yearCharts.vue
View File

@ -1,7 +1,7 @@
<template>
<view style="width: 68rpx;height: 68rpx">
<image v-if="preferPath" style="width: 68rpx;height: 68rpx" :src="preferPath"></image>
<canvas v-else style="width: 68rpx;height: 68rpx" class="month" canvas-id="month" id="month"/>
<view style="width: 68rpx;height: 68rpx;position: relative">
<image style="width: 68rpx;height: 68rpx;position:absolute;top: 0;left: 0" :src="preferPath"></image>
<canvas v-if="hide" style="width: 68rpx;height: 68rpx;position:absolute;top: 0;left: 0" class="month" :canvas-id="name" id="month"/>
</view>
</template>
@ -13,19 +13,31 @@ export default {
name: "YearCharts",
data() {
return {
preferPath:''
preferPath:'',
showImg:false,
hide:true
}
},
props: {
success: {
type: Number,
default: 0
},
name:{
type: String,
default: ''
}
},
onUnload(){
let canvas = document.getElementById('month');
let context = uni.createCanvasContext(this.name,this);
context.clearRect(0, 0, canvas.width, canvas.height);
},
watch: {
success: {
handler(value) {
console.log('value111', value)
this.hide = true
this.preferPath= ''
let success = Number(value) > 100 ? 100 : Number(value)
let error = Number(100 - value) < 0 ? 0 : Number(100 - value)
let res = {
@ -33,13 +45,33 @@ export default {
data: [{name: '已完成', value: success}, {name: '未完成', value: error}]
}]
}
console.log('res',res)
this.drawCharts('month', res)
}
if (value){
this.drawCharts(this.name, res)
}else{
let res = {
series: [{
data: [{name: '已完成', value: 0}, {name: '未完成', value: 100}]
}]
}
this.drawCharts(this.name, res)
}
},
immediate:true
},
preferPath:{
handler(value){
if (value){
this.showImg = true
}else{
this.showImg = false
}
},
immediate:true
}
},
methods: {
drawCharts(id, data) {
const ctx = uni.createCanvasContext(id, this);
let _this = this
uChartsInstance[id] = new uCharts({
@ -75,15 +107,17 @@ export default {
}
}
});
console.log('_this.hide',_this.hide)
setTimeout( ()=>{
this.canvasToTempImage('month')
},100)
console.log('this.name',this.name)
this.canvasToTempImage(this.name)
},500)
},
canvasToTempImage(id){
uni.canvasToTempFilePath({
wx.canvasToTempFilePath({
canvasId:id,
complete:(res)=>{
console.log('res1',res)
console.log('res',res)
if (res.tempFilePath){
uni.getFileSystemManager().readFile({
filePath: res.tempFilePath,
@ -91,6 +125,8 @@ export default {
success: res => {
let base64 = 'data:image/png;base64,' + res.data;
this.preferPath = base64
this.hide = false
console.log('this.hide ',this.hide )
}
})
}

385
pages/revenue/index.vue
View File

@ -28,88 +28,96 @@
</view>
<view class="pageNotice">*以下经营数据由财务部提供填入(非系统计算)</view>
<view class="headerDetail" :style="{top: (menu.bottom+68) +'px'}">
<view class="detailBox">
<image class="monthSumBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/monthSum.png"/>
<swiper style="height: 220px" @change="handleChangeSwiper" :current="selectMonth" :indicator-dots="true">
<block v-for="(item,index) in monthList" :key="index">
<swiper-item :item-id="index" :data-item-id="selectMonth" :style="{zIndex:index+1}">
<view class="detailBox" >
<image class="monthSumBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/monthSum.png"/>
<view class="detailPage">
<text class="detailPageTitle">{{ `${thisMonth}月累计收支比例` }}</text>
<view class="notice" @click="handleShowNotice('showCost')">?
<view class="noticeBox" :style="{left:'10%'}" v-if="showCost" @click.stop="handleShowNotice('showCost')">
<view>成本比：本月成本 / 本月收入</view>
<view>本月收入：营业收入 + 营业外收入</view>
<view>收支比：本月成本 / 本月支出</view>
<view>本月支出=管理费用 + 销售费用 + 财务费用 + 营业外支出</view>
</view>
</view>
</view>
<view class="moneyBox">
<view class="moneyItem">
<view class="itemTop">
<view class="itemChart">
<YearCharts :success="pageDetail.monthAmount.CostInRate"/>
</view>
<view class="itemMessage">
<!-- <text class="itemRate">{{ `${pageDetail.monthAmount.CostInRate||''}%` }}</text>-->
<text class="itemRate">{{ `44.36%` }}</text>
<view class="itemLabel">成本比</view>
</view>
</view>
<view class="successBox">
<view class="successBoxItem">
<!-- <text class="successNumber">{{ pageDetail.monthAmount.ThisMonthIn?$util.fmoney(pageDetail.monthAmount.ThisMonthIn / 10000,2):'' }}</text>-->
<text class="successNumber">{{ '6,760.00' }}</text>
<view class="successTime">本月收入
<text class="successUnit">/万元</text>
<view class="detailPage">
<text class="detailPageTitle">{{ `${thisMonth}月累计收支比例` }}</text>
<view class="notice" @click="handleShowNotice('showCost')">?
<view class="noticeBox" :style="{left:'10%'}" v-if="showCost" @click.stop="handleShowNotice('showCost')">
<view>成本比：本月成本 / 本月收入</view>
<view>本月收入：营业收入 + 营业外收入</view>
<view>支出比：累积支出/支出预计</view>
<view>本月支出=管理费用 + 销售费用 + 财务费用 + 营业外支出</view>
</view>
</view>
</view>
<view class="successBoxItem" style="margin-top: 12rpx">
<!-- <text class="successNumber" style="color: #E83944">{{-->
<!-- `${pageDetail.monthAmount.IncomeChangeRate>0?'+':pageDetail.monthAmount.IncomeChangeRate<0?'-':''}${pageDetail.monthAmount.IncomeChangeRate||''}%`-->
<!-- }}</text> -->
<text class="successNumber" style="color: #E83944">{{
`32.86%`
}}</text>
<text class="successTime">同比</text>
</view>
</view>
</view>
<view class="moneyBox" v-if="index===selectMonth">
<view class="moneyItem">
<view class="itemTop">
<view class="itemChart" :style="{display:showCost?'none':'inline'}">
<!-- <YearCharts :success="pageDetail.monthAmount.CostInRate"/>-->
<YearCharts :success="currentResult.costRatio || 0" :name="'costRatio'+index" />
</view>
<view class="itemMessage">
<!-- <text class="itemRate">{{ `${pageDetail.monthAmount.CostInRate||''}%` }}</text>-->
<text class="itemRate">{{ `${currentResult.costRatio||'-'}%` }}</text>
<view class="itemLabel">成本比</view>
</view>
</view>
<view class="successBox">
<view class="successBoxItem">
<!-- <text class="successNumber">{{ pageDetail.monthAmount.ThisMonthIn?$util.fmoney(pageDetail.monthAmount.ThisMonthIn / 10000,2):'' }}</text>-->
<text class="successNumber">{{ currentResult.thisMonthInCome||'-' }}</text>
<view class="successTime">本月收入
<text class="successUnit">/万元</text>
</view>
</view>
<view class="successBoxItem" style="margin-top: 12rpx">
<!-- <text class="successNumber" style="color: #E83944">{{-->
<!-- `${pageDetail.monthAmount.IncomeChangeRate>0?'+':pageDetail.monthAmount.IncomeChangeRate<0?'-':''}${pageDetail.monthAmount.IncomeChangeRate||''}%`-->
<!-- }}</text> -->
<text class="successNumber" style="color: #E83944">{{
`${currentResult.costYear||'-'}%`
}}</text>
<text class="successTime">同比</text>
</view>
<view class="moneyItem">
<view class="itemTop">
<view class="itemChart">
<YearCharts :success="pageDetail.monthAmount.InOutRate"/>
</view>
<view class="itemMessage">
<!-- <text class="itemRate">{{`${pageDetail.monthAmount.InOutRate||''}%`}}</text>-->
<text class="itemRate">{{`56.29%`}}</text>
<view class="itemLabel">收支比</view>
</view>
</view>
<view class="successBox">
<view class="successBoxItem">
<!-- <text class="successNumber">{{ $util.fmoney(pageDetail.monthAmount.ThisMonthOut/10000,2) }}</text>-->
<text class="successNumber">{{ '3,805.24' }}</text>
<view class="successTime">
本月支出
<text class="successUnit">/万元</text>
</view>
</view>
</view>
<view class="successBoxItem" style="margin-top: 12rpx">
<!-- <text class="successNumber" style="color: #E83944">{{-->
<!-- `${pageDetail.monthAmount.PayoutChangeRate>0?'+':pageDetail.monthAmount.PayoutChangeRate<0?'-':''}${pageDetail.monthAmount.PayoutChangeRate||''}%`-->
<!-- }}</text>-->
<text class="successNumber" style="color: #E83944">{{
`65.62%`
}}</text>
<text class="successTime">同比</text>
<view class="moneyItem">
<view class="itemTop">
<view class="itemChart" :style="{display:showCost?'none':'inline'}">
<!-- <YearCharts :success="pageDetail.monthAmount.InOutRate"/>-->
<YearCharts :success="currentResult.expendRatio || 0" :name="'expendRatio'+index" />
</view>
<view class="itemMessage">
<!-- <text class="itemRate">{{`${pageDetail.monthAmount.InOutRate||''}%`}}</text>-->
<text class="itemRate">{{`${currentResult.expendRatio||'-'}%`}}</text>
<view class="itemLabel">支出比</view>
</view>
</view>
<view class="successBox">
<view class="successBoxItem">
<!-- <text class="successNumber">{{ $util.fmoney(pageDetail.monthAmount.ThisMonthOut/10000,2) }}</text>-->
<text class="successNumber">{{ currentResult.thisMonthExpend || '-' }}</text>
<view class="successTime">
本月支出
<text class="successUnit">/万元</text>
</view>
</view>
<view class="successBoxItem" style="margin-top: 12rpx">
<!-- <text class="successNumber" style="color: #E83944">{{-->
<!-- `${pageDetail.monthAmount.PayoutChangeRate>0?'+':pageDetail.monthAmount.PayoutChangeRate<0?'-':''}${pageDetail.monthAmount.PayoutChangeRate||''}%`-->
<!-- }}</text>-->
<text class="successNumber" style="color: #E83944">{{
`${currentResult.expendYear||'-'}%`
}}</text>
<text class="successTime">同比</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</swiper-item>
</block>
</swiper>
</view>
</view>
@ -120,8 +128,11 @@
<view class="itemBoxTitle">{{ `${thisYear}年度累计利润` }}</view>
<view class="notice" @click="handleShowNotice('successRate')">?
<view class="noticeBox" :style="{left:'10%',top:'15px'}" v-if="successRate" @click.stop="handleShowNotice('successRate')">
<view>利润总额完成率=本年累计/年度预算<br/>{{ `(${$util.fmoney(pageDetail.yearProfit.ThisYearTotal/10000,2)} / ${$util.fmoney(pageDetail.yearProfit.ThisYearBudget/10000,2)})` }}</view>
<view>净利润完成度=本年净利润/净利润预算<br/>{{ `(${$util.fmoney(pageDetail.yearProfit.ThisYearTotalC/10000,2)} / ${$util.fmoney(pageDetail.yearProfit.ThisYearBudgetC/10000,2)})` }}</view>
<!-- <view>利润总额完成率=本年累计/年度预算<br/>{{ `(${$util.fmoney(pageDetail.yearProfit.ThisYearTotal/10000,2)} / ${$util.fmoney(pageDetail.yearProfit.ThisYearBudget/10000,2)})` }}</view>-->
<!-- <view>净利润完成度=本年净利润/净利润预算<br/>{{ `(${$util.fmoney(pageDetail.yearProfit.ThisYearTotalC/10000,2)} / ${$util.fmoney(pageDetail.yearProfit.ThisYearBudgetC/10000,2)})` }}</view> -->
<view>利润总额完成率=本年累计/年度预算<br/>{{ `(${currentResult.profitThisYearReal||'-'} / ${currentResult.profitBudgetThisYearReal||'-'})` }}</view>
<view>净利润完成度=本年净利润/净利润预算<br/>{{ `(${currentResult.thisYearNetProfitReal||'-'} / ${currentResult.thisYearNetProfitBudgetReal||'-'})` }}</view>
</view>
</view>
</view>
@ -132,28 +143,33 @@
<text class="successLabelText">完成率</text>
</view>
<!-- <text class="successValue">{{`${pageDetail.yearProfit.CompleteRate||''}%`}}</text>-->
<text class="successValue">{{`88.43%`}}</text>
<text class="successValue">{{`${currentResult.profitRate || '-'}%`}}</text>
</view>
<view class="progress">
<!-- <view class="have" :style="{width:secondBoxProgress>100?'100%':pageDetail.yearProfit.CompleteRate}"></view>-->
<view class="have" :style="{width:secondBoxProgress>100?'100%':'88.43%'}"></view>
<view class="have" :style="{width:currentResult.profitRate>100?'100%':`${currentResult.profitRate}%`}"></view>
</view>
<view class="yearDetail">
<view class="yearItem">
<view class="itemValue">{{$util.fmoney(pageDetail.yearProfit.ThisYearTotal/10000,2)}}</view>
<!-- <view class="itemValue">{{$util.fmoney(pageDetail.yearProfit.ThisYearTotal/10000,2)}}</view>-->
<view class="itemValue">{{ currentResult.profitThisYear||'-' }}</view>
<text class="itemLabel">本年累计<text class="itemUnit">/万元</text></text>
</view>
<view class="yearItem">
<view class="itemValue">{{$util.fmoney(pageDetail.yearProfit.ThisYearBudget/10000,2)}}</view>
<!-- <view class="itemValue">{{$util.fmoney(pageDetail.yearProfit.ThisYearBudget/10000,2)}}</view>-->
<view class="itemValue">{{currentResult.profitBudgetThisYear||'-'}}</view>
<text class="itemLabel">年度预算<text class="itemUnit">/万元</text></text>
</view>
<view class="yearItem" style="width: 80px">
<!-- <view class="itemValue" style="color: #E83944">{{-->
<!-- `${pageDetail.yearProfit.TRate>0?'+':pageDetail.yearProfit.TRate<0?'-':''}${pageDetail.yearProfit.TRate||''}%`-->
<!-- }}</view> -->
<view class="itemValue" style="color: #E83944">{{
`${pageDetail.yearProfit.TRate>0?'+':pageDetail.yearProfit.TRate<0?'-':''}${pageDetail.yearProfit.TRate||''}%`
`${currentResult.profitYOY || '-'}%`
}}</view>
<text class="itemLabel">同比</text>
</view>
@ -161,13 +177,13 @@
<view class="yearDetail">
<view class="yearItem">
<!-- <view class="itemValue">{{$util.fmoney(pageDetail.yearProfit.ThisYearTotalC/10000,2)}}</view>-->
<view class="itemValue">{{`486.00`}}</view>
<view class="itemValue">{{currentResult.thisYearNetProfit||'-'}}</view>
<text class="itemLabel">本年净利润<text class="itemUnit">/万元</text></text>
</view>
<view class="yearItem">
<!-- <view class="itemValue">{{$util.fmoney(pageDetail.yearProfit.ThisYearBudgetC/10000,2)}}</view>-->
<view class="itemValue">{{`550.00`}}</view>
<view class="itemValue">{{currentResult.thisYearNetProfitBudget||'-'}}</view>
<text class="itemLabel">净利润预算<text class="itemUnit">/万元</text></text>
</view>
@ -176,7 +192,7 @@
<!-- `${pageDetail.yearProfit.CompleteRateC||''}%`-->
<!-- }}</view> -->
<view class="itemValue" style="color: #E83944">{{
`88.43%`
`${currentResult.thisYearNetProfitSuccess||'-'}%`
}}</view>
<view class="itemLabel" style="display: flex;align-items: center">完成度</view>
</view>
@ -203,7 +219,7 @@
<view class="itemDetailBox">
<!-- @click="handleShowNotice('revenueSuccess')"-->
<view class="leftCharts" >
<OtherCharts :success="thirdBoxRate" :colorList="['#9E3CE9', '#ECD8FB']" />
<OtherCharts :success="thirdBoxRate" :colorList="['#9E3CE9', '#ECD8FB']" />
<text class="numberValue">65.12%</text>
</view>
<!-- <view class="notices">-->
@ -264,8 +280,10 @@
<!-- <view>包含营业外收入</view>-->
<!-- <view>完成率=本年累计 / 年度预算<br/>{{ `(${$util.fmoney(pageDetail.Income.ThisYearTotal,2)} / ${$util.fmoney(pageDetail.Income.ThisYearBudget,2)})` }}</view>-->
<!-- <view>成本比=本年累计成本/本年累计收入<br/>{{ `(${$util.fmoney(pageDetail.Income.ThisYearCost,2)} / ${$util.fmoney(pageDetail.Income.ThisYearTotal,2)})` }}</view> -->
<view>完成率=本年累计收入 / 年度预算<br/>{{ `(619,033,365.94 / 800,500,000.00)` }}</view>
<view>成本比=本年累计成本/本年累计收入<br/>{{ `243,936,015.66 / 619,033,365.94)` }}</view>
<!-- <view>完成率=本年累计收入 / 年度预算<br/>{{ `(619,033,365.94 / 800,500,000.00)` }}</view>-->
<!-- <view>成本比=本年累计成本/本年累计收入<br/>{{ `243,936,015.66 / 619,033,365.94)` }}</view> -->
<view>完成率=本年累计收入 / 年度预算<br/>{{ `(${currentResult.inComeThisYearReal||'-'} / ${currentResult.thisYearInComeBudgetReal||'-'})` }}</view>
<view>成本比=本年累计成本/本年累计收入<br/>{{ `${currentResult.costReal||'-'} /${currentResult.inComeThisYearReal||'-'})` }}</view>
<view>年度预算：年度预算包含营业外</view>
<view>年度预算同比： 本年累计收入的同比值</view>
</view>
@ -274,15 +292,15 @@
<image class="monthSumBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/allInCome.png" />
<view class="itemDetailBox">
<view class="leftCharts" >
<OtherCharts :success="77.33" :colorList="['#FC7909', '#FEE4CE']" />
<OtherCharts :success="currentResult.inComeSuccess" :colorList="['#FC7909', '#FEE4CE']" :name="'inComeSuccess'+selectMonth"/>
<!-- <text class="numberValue" style="color: #FE7500">{{`${pageDetail.Income.CompleteRate||''}%`}}</text>-->
<text class="numberValue" style="color: #FE7500">{{`77.33%`}}</text>
<text class="numberValue" style="color: #FE7500">{{`${currentResult.inComeSuccess || '-'}%`}}</text>
</view>
<view class="rightBox">
<view class="rightBoxTop">
<view class="itemTop">
<!-- <text class="itemTopValue">{{ $util.fmoney(pageDetail.Income.ThisYearTotal/10000,2) }}</text>-->
<text class="itemTopValue">{{ `61,903.00` }}</text>
<text class="itemTopValue">{{ currentResult.inComeThisYear || '' }}</text>
<view class="itemTopTitle" style="display: flex;align-items: center">
本年累计
<text class="itemTopUnit">/万元</text>
@ -290,14 +308,14 @@
</view>
<view class="itemRateBox">
<!-- <view class="addRate">{{`${pageDetail.Income.CostRate||''}%`}}</view>-->
<view class="addRate">{{`39.41%`}}</view>
<view class="addRate">{{`${currentResult.thisYearCostRatio || '-'}%`}}</view>
<view class="rateText" style="display: flex;align-items: center">成本比</view>
</view>
</view>
<view class="rightBoxTop" style="margin-top: 32rpx">
<view class="itemTop">
<!-- <text class="itemTopValue">{{$util.fmoney(pageDetail.Income.ThisYearBudget/10000,2)}}</text>-->
<text class="itemTopValue">{{`80,050.00`}}</text>
<text class="itemTopValue">{{ currentResult.thisYearInComeBudget||'-' }}</text>
<view class="itemTopTitle" style="display: flex;align-items: center">
年度预算
<text class="itemTopUnit">/万元</text>
@ -305,7 +323,7 @@
</view>
<view class="itemRateBox">
<!-- <view class="addRate">{{`${pageDetail.Income.IncomeChangeRate>0?'+':pageDetail.Income.IncomeChangeRate<0?'-':''}${pageDetail.Income.IncomeChangeRate||''}%`}}</view>-->
<view class="addRate">{{`70.92%`}}</view>
<view class="addRate">{{`${currentResult.thisYearInComeYOY||'-'}%`}}</view>
<view class="rateText" style="display: flex;align-items: center">同比</view>
</view>
</view>
@ -328,8 +346,8 @@
<view>便利店、餐饮及客房的累计数</view>
<!-- <view>完成率 = 本年累计自营收入 / 自营收入的年度预算<br/>{{ `(${$util.fmoney(item.ThisYearTotal,2)} / ${$util.fmoney(item.ThisYearBudget,2)})` }}</view>-->
<!-- <view>{{ `本月占比 = ${thisMonth}月自营收入 / 本年累计自营收入(${$util.fmoney(item.ThisMonthIncome,2)} / ${$util.fmoney(item.ThisYearTotal,2)}) `}}</view> -->
<view>完成率 = 本年累计自营收入 / 自营收入的年度预算<br/>{{ `(449,927,347.31 / 538,140,000.00)` }}</view>
<view>{{ `本月占比 = ${thisMonth}月自营收入 / 本年累计自营收入(50,843,071.60 / 449,927,347.31) `}}</view>
<view>完成率 = 本年累计自营收入 / 自营收入的年度预算<br/>{{ `(${currentResult.selfThisYearReal||'-'} / ${currentResult.selfThisYearBudgetReal||'-'})` }}</view>
<view>{{ `本月占比 = ${thisMonth}月自营收入 / 本年累计自营收入(${currentResult.selfThisMonthReal||'-'} / ${currentResult.selfThisYearReal||'-'}) `}}</view>
<!-- <view>服务区自营小计：完成率=服务区自营收入 / 自营收入的年度预算<br/>{{ `${$util.fmoney(item.ServerpartIncome,2)} / ${$util.fmoney(item.ThisYearBudget,2)}` }}</view>-->
<view>服务区自营小计：城市店、批发团购及通道费的累计数</view>
<!-- <view>分公司收入小计：完成率=分公司收入 / 自营收入的年度预算<br/>{{ `${$util.fmoney(item.FilialeIncome,2)} / ${$util.fmoney(item.ThisYearBudget,2)}` }}</view>-->
@ -346,20 +364,20 @@
<view class="itemSmallDetail">
<view class="itemSmallLeftBox" >
<OtherCharts :success="83.61" :colorList="['#FC7909', '#F9DCC2']" />
<text class="leftValue">{{ `83.61%` }}</text>
<OtherCharts :success="currentResult.selfRate" :colorList="['#FC7909', '#F9DCC2']" :name="'selfRate'+selectMonth" />
<text class="leftValue">{{ `${currentResult.selfRate||'-'}%` }}</text>
</view>
<view class="itemSmallRightBox">
<view class="rightTopItem">
<view class="itemDetail">
<!-- <view class="detailValue" style="font-size: 26rpx">{{$util.fmoney(item.ThisYearTotal/10000,2)}}</view>-->
<view class="detailValue" style="font-size: 26rpx">{{'44,992.73'}}</view>
<view class="detailValue" style="font-size: 26rpx">{{currentResult.selfThisYear || '-'}}</view>
<view class="detailTitle">本年累计<text class="detailTitleUnit">/万元</text></view>
</view>
<view class="itemDetail">
<view class="detailValue" style="font-size: 26rpx;display: flex;align-items: center">
<!-- {{$util.fmoney(item.ThisMonthIncome/10000,2)}}-->
{{'5,084.31'}}
{{currentResult.selfThisMonth || '-'}}
</view>
<view class="detailTitle">
{{ `${thisMonth}月累计` }}
@ -370,12 +388,12 @@
<view class="rightTopItem" style="margin-top: 32rpx">
<view class="itemDetail">
<!-- <view class="detailValue">{{$util.fmoney(item.ThisYearBudget/10000,2)}}</view>-->
<view class="detailValue">{{'53,814.00'}}</view>
<view class="detailValue">{{currentResult.selfThisYearBudget || '-'}}</view>
<view class="detailTitle">年度预算<text class="detailTitleUnit">/万元</text></view>
</view>
<view class="itemRight">
<!-- <view class="rightValue">{{ `${item.ThisMonthIncomeRate||''}%` }}</view>-->
<view class="rightValue">{{ `11.3%` }}</view>
<view class="rightValue">{{ `${currentResult.selfThisMonthRate || '-'}%` }}</view>
<view class="rightLabel" style="display: flex;align-items: center">本月占比</view>
</view>
</view>
@ -392,7 +410,7 @@
<view class="smallSumRight" style="display: flex;align-items: center">
<text class="successText" style="margin-left: 4rpx">完成率</text>
<!-- <text class="successValue">{{ `${subItem.CompleteRate||''}%`}}</text>-->
<text class="successValue">{{ `83.5%`}}</text>
<text class="successValue">{{ `${currentResult.selfStoreRate||'-'}%`}}</text>
</view>
</view>
@ -405,7 +423,7 @@
<view class="smallSumRight" style="display: flex;align-items: center">
<text class="successText" style="margin-left: 4rpx">完成率</text>
<!-- <text class="successValue">{{ `${item.FilialeCompleteRate ||''}%`}}</text>-->
<text class="successValue">{{ `84.17%`}}</text>
<text class="successValue">{{ `${currentResult.selfRoomRate||'-'}%`}}</text>
</view>
</view>
</view>
@ -426,8 +444,8 @@
<view>场地租赁、物业及受托代管、公共服务补贴、营业外收入的累计数</view>
<!-- <view>完成率=7月其他收入 / 其他收入的年度预算{{ `(${$util.fmoney(item.ThisYearTotal,2)}/ ${$util.fmoney(item.ThisYearBudget ,2)})` }}</view>-->
<!-- <view>本月占比=7月其他收入 / 本年累计其他收入{{ `(${$util.fmoney(item.ThisMonthIncome ,2)}/ ${$util.fmoney(item.ThisYearTotal ,2)})` }}</view> -->
<view>完成率= 7月其他收入 / 其他收入的年度预算{{ `(169,106,018.63/ 262,360,000.00)` }}</view>
<view>本月占比 = 7月其他收入 / 本年累计其他收入{{ `(169,106,018.63/ 16,758,130.53)` }}</view>
<view>{{ `完成率= ${thisMonth}月其他收入 / 其他收入的年度预算( ${currentResult.otherThisMonthReal||'-'}/${currentResult.otherThisYearBudgetReal||'-'} )` }}</view>
<view>{{ `本月占比 = ${thisMonth}月其他收入 / 本年累计其他收入( ${currentResult.otherThisMonthReal||'-'}/${currentResult.otherThisYearReal||'-'} )` }}</view>
<view>服务区租赁小计：商铺、充电桩、汽修、加油站的租赁累计收入</view>
<!-- <view>服务区租赁小计完成率=服务区租赁累计收入 / 本年累计其他收入<br/>{{ `(${$util.fmoney(item.ServerpartIncome ,2)}/ ${$util.fmoney(item.ThisYearBudget,2)})` }}</view>-->
</view>
@ -444,21 +462,21 @@
<view class="itemSmallDetail">
<view class="itemSmallLeftBox" >
<OtherCharts :success="64.46" :colorList="['#FC7909', '#F9DCC2']" />
<OtherCharts :success="currentResult.otherRate" :colorList="['#FC7909', '#F9DCC2']" :name="'otherRate'+selectMonth" />
<!-- <text class="leftValue">{{ `${item.CompleteRate || ''}%` }}</text>-->
<text class="leftValue">{{ `64.46%` }}</text>
<text class="leftValue">{{ `${currentResult.otherRate || '-'}%` }}</text>
</view>
<view class="itemSmallRightBox">
<view class="rightTopItem">
<view class="itemDetail">
<!-- <view class="detailValue" style="font-size: 26rpx">{{$util.fmoney(item.ThisYearTotal/10000,2)}}</view>-->
<view class="detailValue" style="font-size: 26rpx">{{'16,910.60'}}</view>
<view class="detailValue" style="font-size: 26rpx">{{currentResult.otherThisYear || '-'}}</view>
<view class="detailTitle">本年累计<text class="detailTitleUnit">/万元</text></view>
</view>
<view class="itemDetail">
<view class="detailValue" style="font-size: 26rpx;display: flex;align-items: center">
<!-- {{$util.fmoney(item.ThisMonthIncome/10000,2)}}-->
{{'1,675.81'}}
{{currentResult.otherThisMonth || '-'}}
</view>
<view class="detailTitle">
{{ `${thisMonth}月累计` }}
@ -469,12 +487,12 @@
<view class="rightTopItem" style="margin-top: 32rpx">
<view class="itemDetail">
<!-- <view class="detailValue">{{$util.fmoney(item.ThisYearBudget/10000,2)}}</view>-->
<view class="detailValue">{{'26,236.00'}}</view>
<view class="detailValue">{{currentResult.otherThisYearBudget || '-'}}</view>
<view class="detailTitle">年度预算<text class="detailTitleUnit">/万元</text></view>
</view>
<view class="itemRight">
<!-- <view class="rightValue">{{ `${item.ThisMonthIncomeRate||''}%` }}</view>-->
<view class="rightValue">{{ `9.91%` }}</view>
<view class="rightValue">{{ `${currentResult.otherThisMonthRate||'-'}%` }}</view>
<view class="rightLabel" style="display: flex;align-items: center">本月占比</view>
</view>
</view>
@ -490,7 +508,7 @@
<view class="smallSumRight" style="display: flex;align-items: center">
<text class="successText" style="margin-left: 4rpx">完成率</text>
<text class="successValue">{{ `63.83%`}}</text>
<text class="successValue">{{ `${currentResult.leaseRate|| '-'}%`}}</text>
</view>
</view>
@ -502,7 +520,7 @@
<view class="smallSumRight" style="display: flex;align-items: center">
<text class="successText" style="margin-left: 4rpx">完成率</text>
<text class="successValue">{{ `67.83%`}}</text>
<text class="successValue">{{ `${currentResult.propertyRate|| '-'}%`}}</text>
</view>
</view>
</view>
@ -510,14 +528,14 @@
</view>
</view>
<view class="expenditure">
<view class="expenditure" v-if="currentResult.month===9">
<view class="itemBox">
<view class="itemBoxTitle" style="color: #096EF7">支出合计</view>
<image class="monthSumBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/expenditure.png" />
<view class="itemDetailBox">
<view class="leftCharts">
<!-- <OtherCharts :success="pageDetail.Cost.CompleteRate" :colorList="['#1679FF', '#E7F1FF']" />-->
<OtherCharts :success="77.09" :colorList="['#1679FF', '#E7F1FF']" />
<OtherCharts :success="77.09" :colorList="['#1679FF', '#E7F1FF']" :name="'CompleteRate'+selectMonth" />
<!-- <text class="numberValue" style="color: #1679FF">{{`${pageDetail.Cost.CompleteRate || ''}%`}}</text>-->
<text class="numberValue" style="color: #1679FF">{{`77.09%`}}</text>
</view>
@ -535,7 +553,7 @@
<view class="itemRateBox">
<!-- <view class="addRate">{{`${pageDetail.Cost.InOutRate||''}%` }}</view>-->
<view class="addRate">{{`100.79%` }}</view>
<view class="rateText">收支比</view>
<view class="rateText">支出比</view>
</view>
</view>
<view class="rightBoxTop">
@ -571,7 +589,7 @@
<view class="itemSmallDetail">
<view class="itemSmallLeftBox">
<!-- <OtherCharts :success="item.CompleteRate" :colorList="['#1679FF', '#E7F1FF']" />-->
<OtherCharts :success="84.13" :colorList="['#1679FF', '#E7F1FF']" />
<OtherCharts :success="84.13" :colorList="['#1679FF', '#E7F1FF']" :name="'CompleteRate2'+selectMonth" />
<text class="leftValue">{{`84.13%`}}</text>
</view>
<view class="itemSmallRightBox">
@ -626,7 +644,7 @@
<view class="itemSmallDetail">
<view class="itemSmallLeftBox">
<OtherCharts :success="64.57" :colorList="['#1679FF', '#E7F1FF']" />
<OtherCharts :success="64.57" :colorList="['#1679FF', '#E7F1FF']" :name="'rate2'+selectMonth" />
<text class="leftValue">{{`64.57%`}}</text>
</view>
<view class="itemSmallRightBox">
@ -677,7 +695,7 @@
<view class="itemSmallDetail">
<view class="itemSmallLeftBox">
<OtherCharts :success="74.54" :colorList="['#1679FF', '#E7F1FF']" />
<OtherCharts :success="74.54" :colorList="['#1679FF', '#E7F1FF']" :name="'rate3'+selectMonth" />
<!-- <text class="leftValue">{{`${item.CompleteRate||''}%`}}</text>-->
<text class="leftValue">{{`74.54%`}}</text>
</view>
@ -730,7 +748,7 @@
<view class="itemSmallDetail">
<view class="itemSmallLeftBox">
<OtherCharts :success="59.46" :colorList="['#1679FF', '#E7F1FF']" />
<OtherCharts :success="59.46" :colorList="['#1679FF', '#E7F1FF']" :name="'rate4'+selectMonth" />
<text class="leftValue">{{`59.46%`}}</text>
</view>
<view class="itemSmallRightBox">
@ -827,6 +845,113 @@ export default {
thisMonth:'',// 当前月份
pageDetail:'',// 接口返回的数据
childrenShow:false,// 收入合计的显示框
CostInRate:44.36,
InOutRate:56.29,
monthList:[7,8,9],// 月份列表
selectMonth:0,// 当前选中的月份
monthResult:[
// 7月
{
month:7,// 月份
costRatio:39.39,// 成本比
expendRatio:167.27,// 支出比
thisMonthInCome:'7,099.41',// 本月收入
thisMonthExpend:'4,244.22',// 本月支出
costYear:'+50.59',// 成本同比
expendYear:'+9.12',// 支出同比
profitRate:141.45,// 累计利润完成率
profitThisYear:'389.00',// 本年累计
profitThisYearReal:'389.00',// 本年累计详情
profitBudgetThisYear:'275.00',// 年度预算
profitBudgetThisYearReal:'275.00',// 年度预算详情
profitYOY:'+105.59',// 累计利润同比
thisYearNetProfit:'292.00',// 净利润
thisYearNetProfitReal:'292.00',// 净利润详情
thisYearNetProfitBudget:'156.00',// 净利润预算
thisYearNetProfitBudgetReal:'156.00',// 净利润预算详情
thisYearNetProfitSuccess:'187.18',// 净利润完成度
inComeSuccess:65.18,// 收入完成率
inComeThisYear:'47,376.60',// 本年收入累计
inComeThisYearReal:'473,766,021.71',// 本年收入累计详情
thisYearCostRatio:38.11,// 本年成本比
thisYearInComeBudget:'72,687.00',// 年度收入预算
thisYearInComeBudgetReal:'726,870,000.00',// 年度收入预算详情
costReal:'180,563,832.50',// 累计成本
thisYearInComeYOY:'+48.54',// 年度收入同比
selfRate:71.70,// 自营收入小计完成率
selfThisYear:'33,978.75',// 自营收入小计本年累计
selfThisYearReal:'339,787,552.17',// 自营收入小计本年累计详情
selfThisMonth:'5,070.82',// 自营收入小计本月
selfThisMonthReal:'50,708,267.25',// 自营收入小计本月详情
selfThisYearBudget:'47,392',// 自营收入小计年度预算
selfThisYearBudgetReal:'473,920,000.00',// 自营收入小计年度预算详情
selfThisMonthRate:'14.92',// 自营收入小计本月占比
selfStoreRate:'',// 便利店完成率
selfRoomRate:'',// 餐饮客房完成率
otherRate:'52.97',// 其他收入小计完成率
otherThisYear:'13,397.84',// 其他收入小计本年累计
otherThisYearReal:'133,978,469.54',// 其他收入小计本年累计详情
otherThisMonth:'2,028.58',// 其他收入小计本月
otherThisMonthReal:'20,285,867.69',// 其他收入小计本月详情
otherThisYearBudget:'25,295.00',//其他收入小计年度预算
otherThisYearBudgetReal:'252,950,000.00',//其他收入小计年度预算详情
otherThisMonthRate:'15.14',//其他收入预算本月占比
leaseRate:'35.99',// 租赁完成率
propertyRate:'',//物业及受托代管
},
{
month:8,// 月份
},
{
month:9,// 月份
costRatio:44.36,// 成本比
expendRatio:56.29,// 支出比
thisMonthInCome:'6,760.00',// 本月收入
thisMonthExpend:'3805.24',// 本月支出
costYear:'32.86',// 成本同比
expendYear:'65.62',// 支出同比
profitRate:88.43,// 累计利润完成率
profitThisYear:'486.00',// 本年累计
profitThisYearReal:'486.00',// 本年累计详情
profitBudgetThisYear:'550.00',// 年度预算
profitBudgetThisYearReal:'550.00',// 年度预算详情
profitYOY:'+194',// 累计利润同比
thisYearNetProfit:'486.00',// 净利润
thisYearNetProfitReal:'486.00',// 净利润详情
thisYearNetProfitBudget:'550.00',// 净利润预算
thisYearNetProfitBudgetReal:'550.00',// 净利润预算详情
thisYearNetProfitSuccess:'88.43',// 净利润完成度
inComeSuccess:77.33,// 收入完成率
inComeThisYear:'61,903.00',// 本年收入累计
inComeThisYearReal:'619,033,365.94',// 本年收入累计详情
thisYearCostRatio:39.41,// 本年成本比
thisYearInComeBudget:'80,050.00',// 年度收入预算
thisYearInComeBudgetReal:'800,500,000.00',// 年度收入预算详情
costReal:'243,936,015.66',// 累计成本详情
thisYearInComeYOY:'70.92',// 年度收入同比
selfRate:83.61,// 自营收入小计完成率
selfThisYear:'44,992.73',// 自营收入小计本年累计
selfThisYearReal:'449,927,347.31',// 自营收入小计本年累计详情
selfThisMonth:'5,084.31',// 自营收入小计本月
selfThisMonthReal:'50,843,071.60',// 自营收入小计本月详情
selfThisYearBudget:'53,814.00',// 自营收入小计年度预算
selfThisYearBudgetReal:'538,140,000.00',// 自营收入小计年度预算详情
selfThisMonthRate:'11.3',// 自营收入小计本月占比
selfStoreRate:'83.5',// 便利店完成率
selfRoomRate:'84.17',// 餐饮客房完成率
otherRate:'64.46',// 其他收入小计完成率
otherThisYear:'16,910.60',// 其他收入小计本年累计
otherThisYearReal:'16,758,130.53',// 其他收入小计本年累计详情
otherThisMonth:'1,675.81',// 其他收入小计本月
otherThisMonthReal:'169,106,018.63',// 其他收入小计本月详情
otherThisYearBudget:'26,236.00',//其他收入小计年度预算
otherThisYearBudgetReal:'262,360,000.00',//其他收入小计年度预算详情
otherThisMonthRate:'9.91',//其他收入预算本月占比
leaseRate:'63.83',// 租赁完成率
propertyRate:'67.83',//物业及受托代管
}
],// 789月份的数据
currentResult:{},// 选择的数据
}
},
onLoad(){
@ -854,10 +979,11 @@ export default {
this.thisYear = y
this.startDate = `${y}-07`
this.endData = `${y}-09`
this.single = `${y}-09`
this.thisMonth = '09'
this.single = `${y}-07`
this.thisMonth = '07'
// 请求的方法
this.handleGetData()
this.currentResult = this.monthResult[this.selectMonth]
},
methods:{
// 点击出现备注
@ -1036,6 +1162,15 @@ export default {
this.thisYear = e.detail.value.split('-')[0]
this.thisMonth = e.detail.value.split('-')[1]
console.log('this.thisMonth',this.thisMonth)
if (this.thisMonth.indexOf('7')!==-1){
this.selectMonth = 0
}else if(this.thisMonth.indexOf('8')!==-1){
this.selectMonth = 1
}else if(this.thisMonth.indexOf('9')!==-1){
this.selectMonth = 2
}
console.log('selectMonth',this.selectMonth)
this.currentResult = this.monthResult[this.selectMonth]
this.handleGetData()
},
// 收入合计点击子项出现的悬浮框
@ -1049,6 +1184,14 @@ export default {
}
console.log('userRevenueSmallSum',this.userRevenueSmallSum)
console.log('otherSmallSum',this.otherSmallSum)
},
// 滑动swiper的方法
handleChangeSwiper(e){
console.log('e',e)
this.selectMonth = e.target.current
this.thisMonth = this.monthList[this.selectMonth]
this.single = `${this.thisYear}-${this.thisMonth<10?'0'+this.thisMonth:this.thisMonth}`
this.currentResult = this.monthResult[this.selectMonth]
}
}
}