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-16 17:26:12 +08:00
parent c7dfdaae0d
commit bbe78c3b54
3 changed files with 406 additions and 284 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
<template>
<view class="main">
<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"/>
<image v-if="preferPath" style="width: 136rpx;height: 136rpx" :src="preferPath"></image>
<canvas v-if="name" style="width: 136rpx;height: 136rpx;position:fixed;left: 100%" class="month" :canvas-id="name" id="month"/>
</view>
</template>
@ -30,11 +30,6 @@ export default {
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){
@ -63,49 +58,53 @@ export default {
},
methods:{
drawCharts(id,data){
const ctx = uni.createCanvasContext(id, this);
let _this = this
uChartsInstance[id] = new uCharts({
type: "ring",
context: ctx,
width: 64,
height: 64,
series: data.series,
animation: false,
rotate: false,
rotateLock: false,
background: "#FFFFFF",
color: _this.colorList,
padding: [0,0,0,0],
dataLabel: false,
enableScroll: false,
legend: {
show: false,
position: "right",
lineHeight: 25
},
title: {
name: "完成率",
fontSize: 10,
color: "#A69E9F"
},
extra: {
ring: {
ringWidth: 8,
activeOpacity: 0.5,
activeRadius: 10,
offsetAngle: -90,
labelWidth: 0,
border: false,
borderWidth: 3,
customRadius: 32,
borderColor: "#FFFFFF"
if (this.name){
console.log('this.name',this.name)
const ctx = uni.createCanvasContext(id, this);
let _this = this
uChartsInstance[id] = new uCharts({
type: "ring",
context: ctx,
width: 64,
height: 64,
series: data.series,
animation: false,
rotate: false,
rotateLock: false,
background: "#FFFFFF",
color: _this.colorList,
padding: [0,0,0,0],
dataLabel: false,
enableScroll: false,
legend: {
show: false,
position: "right",
lineHeight: 25
},
title: {
name: "完成率",
fontSize: 10,
color: "#A69E9F"
},
extra: {
ring: {
ringWidth: 8,
activeOpacity: 0.5,
activeRadius: 10,
offsetAngle: -90,
labelWidth: 0,
border: false,
borderWidth: 3,
customRadius: 32,
borderColor: "#FFFFFF"
}
}
}
});
setTimeout( ()=>{
this.canvasToTempImage(this.name)
},500)
});
setTimeout( ()=>{
this.canvasToTempImage(this.name)
},500)
}
},
canvasToTempImage(id){
uni.canvasToTempFilePath({
@ -133,6 +132,5 @@ export default {
.main{
width: 128rpx;
height: 128rpx;
position: relative;
}
</style>

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

@ -1,7 +1,7 @@
<template>
<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 style="width: 68rpx;height: 68rpx">
<image v-if="preferPath" style="width: 68rpx;height: 68rpx;" :src="preferPath"></image>
<canvas v-if="name" style="width: 68rpx;height: 68rpx;position:fixed;left: 100%" class="month" :canvas-id="name" id="month"/>
</view>
</template>
@ -28,11 +28,6 @@ export default {
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) {
@ -71,50 +66,49 @@ export default {
},
methods: {
drawCharts(id, data) {
const ctx = uni.createCanvasContext(id, this);
let _this = this
uChartsInstance[id] = new uCharts({
type: "ring",
context: ctx,
width: 34,
height: 34,
series: data.series,
animation: false,
rotate: false,
rotateLock: false,
background: "#FFFFFF",
color: ["#018ABD", "#CCE8F2"],
padding: [0,0,0,0],
dataLabel: false,
enableScroll: false,
legend: {
show: false,
position: "right",
lineHeight: 25
},
extra: {
ring: {
ringWidth: 4,
activeOpacity: 0.5,
activeRadius: 10,
offsetAngle: -90,
labelWidth: 0,
border: false,
borderWidth: 3,
customRadius: 17,
borderColor: "#FFFFFF"
if (this.name){
const ctx = uni.createCanvasContext(id, this);
let _this = this
uChartsInstance[id] = new uCharts({
type: "ring",
context: ctx,
width: 34,
height: 34,
series: data.series,
animation: false,
rotate: false,
rotateLock: false,
background: "#FFFFFF",
color: ["#018ABD", "#CCE8F2"],
padding: [0,0,0,0],
dataLabel: false,
enableScroll: false,
legend: {
show: false,
position: "right",
lineHeight: 25
},
extra: {
ring: {
ringWidth: 4,
activeOpacity: 0.5,
activeRadius: 10,
offsetAngle: -90,
labelWidth: 0,
border: false,
borderWidth: 3,
customRadius: 17,
borderColor: "#FFFFFF"
}
}
}
});
console.log('_this.hide',_this.hide)
setTimeout( ()=>{
console.log('this.name',this.name)
this.canvasToTempImage(this.name)
},500)
});
setTimeout( ()=>{
this.canvasToTempImage(this.name)
},500)
}
},
canvasToTempImage(id){
wx.canvasToTempFilePath({
uni.canvasToTempFilePath({
canvasId:id,
complete:(res)=>{
console.log('res',res)
@ -126,7 +120,6 @@ export default {
let base64 = 'data:image/png;base64,' + res.data;
this.preferPath = base64
this.hide = false
console.log('this.hide ',this.hide )
}
})
}

499
pages/revenue/index.vue
View File

@ -40,16 +40,16 @@
<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>
</view>
</view>
</view>
<view class="moneyBox" v-if="index===selectMonth">
<view class="moneyBox">
<view class="moneyItem">
<view class="itemTop">
<view class="itemChart" :style="{display:showCost?'none':'inline'}">
<view class="itemChart">
<!-- <YearCharts :success="pageDetail.monthAmount.CostInRate"/>-->
<YearCharts :success="currentResult.costRatio || 0" :name="'costRatio'+index" />
</view>
@ -74,7 +74,7 @@
<text class="successNumber" style="color: #E83944">{{
`${currentResult.costYear||'-'}%`
}}</text>
<text class="successTime">同比</text>
<text class="successTime">收入同比</text>
</view>
</view>
@ -82,7 +82,7 @@
<view class="moneyItem">
<view class="itemTop">
<view class="itemChart" :style="{display:showCost?'none':'inline'}">
<view class="itemChart">
<!-- <YearCharts :success="pageDetail.monthAmount.InOutRate"/>-->
<YearCharts :success="currentResult.expendRatio || 0" :name="'expendRatio'+index" />
</view>
@ -109,7 +109,7 @@
<text class="successNumber" style="color: #E83944">{{
`${currentResult.expendYear||'-'}%`
}}</text>
<text class="successTime">同比</text>
<text class="successTime">成本同比</text>
</view>
</view>
</view>
@ -211,7 +211,7 @@
<view>不包含营业外收入</view>
<view>完成率=本年累计 / 年度预算<br/>(472,356,021.71/725,370,000.00)</view>
<view>成本比=本年成本/本年累计收入<br/>(180,563,832.50/472,356,021.71)</view>
<view>年度预算同比：本年累计营收的同比值</view>
<view>年度累计收入同比：本年累计收入的同比值</view>
</view>
</view>
</view>
@ -255,7 +255,7 @@
<view class="itemRateBox">
<view class="addRate">+47.81%</view>
<view class="rateText" style="display: flex;align-items: center">
同比
收入同比
<!-- <view class="notice" @click="handleShowNotice('budgetSum')">?-->
<!-- <view class="noticeBox" :style="{ right: '0px', top: '80%' }" v-if="budgetSum"-->
<!-- @click.stop="handleShowNotice('budgetSum')">-->
@ -283,7 +283,7 @@
<!-- <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>成本比=本年累计成本/本年累计收入<br/>{{ `(${currentResult.costReal||'-'} /${currentResult.inComeThisYearReal||'-'})` }}</view>
<view>年度预算：年度预算包含营业外</view>
<view>年度预算同比： 本年累计收入的同比值</view>
</view>
@ -292,7 +292,7 @@
<image class="monthSumBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/allInCome.png" />
<view class="itemDetailBox">
<view class="leftCharts" >
<OtherCharts :success="currentResult.inComeSuccess" :colorList="['#FC7909', '#FEE4CE']" :name="'inComeSuccess'+selectMonth"/>
<OtherCharts :success="currentResult.inComeSuccess" :colorList="['#FC7909', '#FEE4CE']" :name="'inComeSuccess'"/>
<!-- <text class="numberValue" style="color: #FE7500">{{`${pageDetail.Income.CompleteRate||''}%`}}</text>-->
<text class="numberValue" style="color: #FE7500">{{`${currentResult.inComeSuccess || '-'}%`}}</text>
</view>
@ -364,7 +364,7 @@
<view class="itemSmallDetail">
<view class="itemSmallLeftBox" >
<OtherCharts :success="currentResult.selfRate" :colorList="['#FC7909', '#F9DCC2']" :name="'selfRate'+selectMonth" />
<OtherCharts :success="currentResult.selfRate" :colorList="['#FC7909', '#F9DCC2']" :name="'selfRate'" />
<text class="leftValue">{{ `${currentResult.selfRate||'-'}%` }}</text>
</view>
<view class="itemSmallRightBox">
@ -462,7 +462,7 @@
<view class="itemSmallDetail">
<view class="itemSmallLeftBox" >
<OtherCharts :success="currentResult.otherRate" :colorList="['#FC7909', '#F9DCC2']" :name="'otherRate'+selectMonth" />
<OtherCharts :success="currentResult.otherRate" :colorList="['#FC7909', '#F9DCC2']" :name="'otherRate'" />
<!-- <text class="leftValue">{{ `${item.CompleteRate || ''}%` }}</text>-->
<text class="leftValue">{{ `${currentResult.otherRate || '-'}%` }}</text>
</view>
@ -528,23 +528,23 @@
</view>
</view>
<view class="expenditure" v-if="currentResult.month===9">
<view class="expenditure" v-if="currentResult.showExpenditure">
<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']" :name="'CompleteRate'+selectMonth" />
<OtherCharts :success="currentResult.expenditureRatio" :colorList="['#1679FF', '#E7F1FF']" :name="'CompleteRate'" />
<!-- <text class="numberValue" style="color: #1679FF">{{`${pageDetail.Cost.CompleteRate || ''}%`}}</text>-->
<text class="numberValue" style="color: #1679FF">{{`77.09%`}}</text>
<text class="numberValue" style="color: #1679FF">{{`${currentResult.expenditureRatio}%`}}</text>
</view>
<view class="rightBox">
<view class="rightBoxTop">
<view class="itemTop">
<!-- <text class="itemTopValue">{{$util.fmoney(pageDetail.Cost.ThisYearTotal/10000,2)}}</text>-->
<text class="itemTopValue">{{'61,611.98'}}</text>
<text class="itemTopTitle">2023年完成<text class="itemTopUnit">/万元</text></text>
<text class="itemTopValue">{{currentResult.expenditureThisYear}}</text>
<text class="itemTopTitle">本年累计<text class="itemTopUnit">/万元</text></text>
</view>
<!-- <view class="itemRateBox">-->
<!-- <view class="addRate">{{`${pageDetail.Cost.CostRate||''}%` }}</view>-->
@ -552,15 +552,15 @@
<!-- </view> -->
<view class="itemRateBox">
<!-- <view class="addRate">{{`${pageDetail.Cost.InOutRate||''}%` }}</view>-->
<view class="addRate">{{`100.79%` }}</view>
<view class="addRate">{{`${currentResult.expenditureOutRatio}%` }}</view>
<view class="rateText">支出比</view>
</view>
</view>
<view class="rightBoxTop">
<view class="itemTop">
<!-- <text class="itemTopValue">{{$util.fmoney(pageDetail.Cost.ThisYearBudget/10000,2) }}</text>-->
<text class="itemTopValue">{{'79,924.00'}}</text>
<text class="itemTopTitle">2023年预计<text class="itemTopUnit">/万元</text></text>
<text class="itemTopValue">{{currentResult.expenditureThisYearBudget}}</text>
<text class="itemTopTitle">年度预计<text class="itemTopUnit">/万元</text></text>
</view>
<view class="itemRateBox">
<!-- <view class="addRate">{{ `${pageDetail.Cost.PlanRate||''}%` }}</view>-->
@ -572,13 +572,13 @@
</view>
</view>
<view class="itemDetailSubtotal">
<view class="itemSmallBox">
<view class="itemSmallBox" v-for="(item,index) in currentResult.outList" :key="index">
<view class="itemSmallTop">
<view class="leftBox">
<view class="smallIcon">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/operateSum.svg" />
</view>
<view class="smallTitle">{{ `营业成本小计` }}</view>
<view class="smallTitle">{{ item.name }}</view>
</view>
<view class="leftRight" @click="handleGoExpenditure">
<text class="more">查看更多</text>
@ -589,22 +589,22 @@
<view class="itemSmallDetail">
<view class="itemSmallLeftBox">
<!-- <OtherCharts :success="item.CompleteRate" :colorList="['#1679FF', '#E7F1FF']" />-->
<OtherCharts :success="84.13" :colorList="['#1679FF', '#E7F1FF']" :name="'CompleteRate2'+selectMonth" />
<text class="leftValue">{{`84.13%`}}</text>
<OtherCharts :success="item.expenditureCostRate" :colorList="['#1679FF', '#E7F1FF']" :name="'CompleteRate2'+index" />
<text class="leftValue">{{`${item.expenditureCostRate}%`}}</text>
</view>
<view class="itemSmallRightBox">
<view class="rightTopItem">
<view class="itemDetail">
<!-- <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearTotal/10000,2) }}</view>-->
<view class="detailValue">{{ '24,393.60' }}</view>
<view class="detailTitle">2023年完成<text class="detailTitleUnit">/万元</text></view>
<view class="detailValue">{{ item.expenditureCostThisYear }}</view>
<view class="detailTitle">本年累计<text class="detailTitleUnit">/万元</text></view>
</view>
<!-- <view class="itemRight">-->
<!-- <view class="rightValue">{{`${item.CostRate ||''}%`}}</view>-->
<!-- <view class="rightLabel">成本比</view>-->
<!-- </view> -->
<view class="itemRight">
<view class="rightValue">{{`2,999.00`}}</view>
<view class="rightValue">{{ item.expenditureCostThisMonth }}</view>
<!-- <view class="rightValue">{{`${item.PartRate ||''}%`}}</view>-->
<view class="rightLabel">{{ `${thisMonth}月累计` }}<text class="detailTitleUnit">/万元</text></view>
</view>
@ -612,11 +612,11 @@
<view class="rightTopItem" style="margin-top: 32rpx">
<view class="itemDetail">
<!-- <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearBudget/10000,2) }}</view>-->
<view class="detailValue">{{ '28,994.00' }}</view>
<view class="detailTitle">2023年预计<text class="detailTitleUnit">/万元</text></view>
<view class="detailValue">{{ item.expenditureCostThisYearBudget }}</view>
<view class="detailTitle">年度预计<text class="detailTitleUnit">/万元</text></view>
</view>
<view class="itemRight">
<view class="rightValue">{{`12.29%`}}</view>
<view class="rightValue">{{ item.expenditureCostThisRate }}</view>
<view class="rightLabel">本月占比</view>
</view>
<!-- <view class="itemRight">-->
@ -628,159 +628,159 @@
</view>
</view>
<view class="itemSmallBox">
<view class="itemSmallTop">
<view class="leftBox">
<view class="smallIcon">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/operateSum.svg" />
</view>
<view class="smallTitle">{{ `管理费用小计` }}</view>
</view>
<view class="leftRight" @click="handleGoExpenditure">
<text class="more">查看更多</text>
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
</view>
</view>
<!-- <view class="itemSmallBox">-->
<!-- <view class="itemSmallTop">-->
<!-- <view class="leftBox">-->
<!-- <view class="smallIcon">-->
<!-- <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/operateSum.svg" />-->
<!-- </view>-->
<!-- <view class="smallTitle">{{ `管理费用小计` }}</view>-->
<!-- </view>-->
<!-- <view class="leftRight" @click="handleGoExpenditure">-->
<!-- <text class="more">查看更多</text>-->
<!-- <image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />-->
<!-- </view>-->
<!-- </view>-->
<view class="itemSmallDetail">
<view class="itemSmallLeftBox">
<OtherCharts :success="64.57" :colorList="['#1679FF', '#E7F1FF']" :name="'rate2'+selectMonth" />
<text class="leftValue">{{`64.57%`}}</text>
</view>
<view class="itemSmallRightBox">
<view class="rightTopItem">
<view class="itemDetail">
<!-- <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearTotal/10000,2) }}</view>-->
<view class="detailValue">{{ '2,783.01' }}</view>
<view class="detailTitle">2023年完成<text class="detailTitleUnit">/万元</text></view>
</view>
<!-- <view class="itemRight">-->
<!-- <view class="rightValue">{{`${item.CostRate ||''}%`}}</view>-->
<!-- <view class="rightLabel">成本比</view>-->
<!-- </view> -->
<view class="itemRight">
<!-- <view class="rightValue">{{`${item.PartRate ||''}%`}}</view>-->
<view class="rightValue">{{`220.00`}}</view>
<view class="rightLabel">{{ `${thisMonth}月累计` }}<text class="detailTitleUnit">/万元</text></view>
</view>
</view>
<view class="rightTopItem" style="margin-top: 32rpx">
<view class="itemDetail">
<!-- <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearBudget/10000,2) }}</view>-->
<view class="detailValue">{{ '4,310.00' }}</view>
<view class="detailTitle">2023年预计<text class="detailTitleUnit">/万元</text></view>
</view>
<view class="itemRight">
<view class="rightValue">{{`7.91%`}}</view>
<view class="rightLabel">本月占比</view>
</view>
</view>
</view>
</view>
</view>
<!-- <view class="itemSmallDetail">-->
<!-- <view class="itemSmallLeftBox">-->
<!-- <OtherCharts :success="64.57" :colorList="['#1679FF', '#E7F1FF']" :name="'rate2'+selectMonth" />-->
<!-- <text class="leftValue">{{`64.57%`}}</text>-->
<!-- </view>-->
<!-- <view class="itemSmallRightBox">-->
<!-- <view class="rightTopItem">-->
<!-- <view class="itemDetail">-->
<!--&lt;!&ndash; <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearTotal/10000,2) }}</view>&ndash;&gt;-->
<!-- <view class="detailValue">{{ '2,783.01' }}</view>-->
<!-- <view class="detailTitle">本年累计<text class="detailTitleUnit">/万元</text></view>-->
<!-- </view>-->
<!-- &lt;!&ndash; <view class="itemRight">&ndash;&gt;-->
<!-- &lt;!&ndash; <view class="rightValue">{{`${item.CostRate ||''}%`}}</view>&ndash;&gt;-->
<!-- &lt;!&ndash; <view class="rightLabel">成本比</view>&ndash;&gt;-->
<!-- &lt;!&ndash; </view> &ndash;&gt;-->
<!-- <view class="itemRight">-->
<!--&lt;!&ndash; <view class="rightValue">{{`${item.PartRate ||''}%`}}</view>&ndash;&gt;-->
<!-- <view class="rightValue">{{`220.00`}}</view>-->
<!-- <view class="rightLabel">{{ `${thisMonth}月累计` }}<text class="detailTitleUnit">/万元</text></view>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="rightTopItem" style="margin-top: 32rpx">-->
<!-- <view class="itemDetail">-->
<!--&lt;!&ndash; <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearBudget/10000,2) }}</view>&ndash;&gt;-->
<!-- <view class="detailValue">{{ '4,310.00' }}</view>-->
<!-- <view class="detailTitle">年度预计<text class="detailTitleUnit">/万元</text></view>-->
<!-- </view>-->
<!-- <view class="itemRight">-->
<!-- <view class="rightValue">{{`7.91%`}}</view>-->
<!-- <view class="rightLabel">本月占比</view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<view class="itemSmallBox">
<view class="itemSmallTop">
<view class="leftBox">
<view class="smallIcon">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/operateSum.svg" />
</view>
<view class="smallTitle">{{ `销售费用小计` }}</view>
</view>
<view class="leftRight" @click="handleGoExpenditure">
<text class="more">查看更多</text>
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
</view>
</view>
<!-- <view class="itemSmallBox">-->
<!-- <view class="itemSmallTop">-->
<!-- <view class="leftBox">-->
<!-- <view class="smallIcon">-->
<!-- <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/operateSum.svg" />-->
<!-- </view>-->
<!-- <view class="smallTitle">{{ `销售费用小计` }}</view>-->
<!-- </view>-->
<!-- <view class="leftRight" @click="handleGoExpenditure">-->
<!-- <text class="more">查看更多</text>-->
<!-- <image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />-->
<!-- </view>-->
<!-- </view>-->
<view class="itemSmallDetail">
<view class="itemSmallLeftBox">
<OtherCharts :success="74.54" :colorList="['#1679FF', '#E7F1FF']" :name="'rate3'+selectMonth" />
<!-- <text class="leftValue">{{`${item.CompleteRate||''}%`}}</text>-->
<text class="leftValue">{{`74.54%`}}</text>
</view>
<view class="itemSmallRightBox">
<view class="rightTopItem">
<view class="itemDetail">
<!-- <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearTotal/10000,2) }}</view>-->
<view class="detailValue">{{ '33,998.37' }}</view>
<view class="detailTitle">2023年完成<text class="detailTitleUnit">/万元</text></view>
</view>
<!-- <view class="itemRight">-->
<!-- <view class="rightValue">{{`${item.CostRate ||''}%`}}</view>-->
<!-- <view class="rightLabel">成本比</view>-->
<!-- </view> -->
<view class="itemRight">
<!-- <view class="rightValue">{{`${item.PartRate ||''}%`}}</view>-->
<view class="rightValue">{{`3,548.00`}}</view>
<view class="rightLabel">{{ `${thisMonth}月累计` }}<text class="detailTitleUnit">/万元</text></view>
</view>
</view>
<view class="rightTopItem" style="margin-top: 32rpx">
<view class="itemDetail">
<!-- <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearBudget/10000,2) }}</view>-->
<view class="detailValue">{{ '45,611.00' }}</view>
<view class="detailTitle">2023年预计<text class="detailTitleUnit">/万元</text></view>
</view>
<view class="itemRight">
<view class="rightValue">{{`10.44%`}}</view>
<view class="rightLabel">本月占比</view>
</view>
</view>
</view>
</view>
<!-- <view class="itemSmallDetail">-->
<!-- <view class="itemSmallLeftBox">-->
<!-- <OtherCharts :success="74.54" :colorList="['#1679FF', '#E7F1FF']" :name="'rate3'+selectMonth" />-->
<!--&lt;!&ndash; <text class="leftValue">{{`${item.CompleteRate||''}%`}}</text>&ndash;&gt;-->
<!-- <text class="leftValue">{{`74.54%`}}</text>-->
<!-- </view>-->
<!-- <view class="itemSmallRightBox">-->
<!-- <view class="rightTopItem">-->
<!-- <view class="itemDetail">-->
<!--&lt;!&ndash; <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearTotal/10000,2) }}</view>&ndash;&gt;-->
<!-- <view class="detailValue">{{ '33,998.37' }}</view>-->
<!-- <view class="detailTitle">本年累计<text class="detailTitleUnit">/万元</text></view>-->
<!-- </view>-->
<!-- &lt;!&ndash; <view class="itemRight">&ndash;&gt;-->
<!-- &lt;!&ndash; <view class="rightValue">{{`${item.CostRate ||''}%`}}</view>&ndash;&gt;-->
<!-- &lt;!&ndash; <view class="rightLabel">成本比</view>&ndash;&gt;-->
<!-- &lt;!&ndash; </view> &ndash;&gt;-->
<!-- <view class="itemRight">-->
<!--&lt;!&ndash; <view class="rightValue">{{`${item.PartRate ||''}%`}}</view>&ndash;&gt;-->
<!-- <view class="rightValue">{{`3,548.00`}}</view>-->
<!-- <view class="rightLabel">{{ `${thisMonth}月累计` }}<text class="detailTitleUnit">/万元</text></view>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="rightTopItem" style="margin-top: 32rpx">-->
<!-- <view class="itemDetail">-->
<!--&lt;!&ndash; <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearBudget/10000,2) }}</view>&ndash;&gt;-->
<!-- <view class="detailValue">{{ '45,611.00' }}</view>-->
<!-- <view class="detailTitle">年度预计<text class="detailTitleUnit">/万元</text></view>-->
<!-- </view>-->
<!-- <view class="itemRight">-->
<!-- <view class="rightValue">{{`10.44%`}}</view>-->
<!-- <view class="rightLabel">本月占比</view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
</view>
<!-- </view>-->
<view class="itemSmallBox">
<view class="itemSmallTop">
<view class="leftBox">
<view class="smallIcon">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/operateSum.svg" />
</view>
<view class="smallTitle">{{ `其他费用小计` }}</view>
</view>
<view class="leftRight" @click="handleGoExpenditure">
<text class="more">查看更多</text>
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
</view>
</view>
<!-- <view class="itemSmallBox">-->
<!-- <view class="itemSmallTop">-->
<!-- <view class="leftBox">-->
<!-- <view class="smallIcon">-->
<!-- <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/operateSum.svg" />-->
<!-- </view>-->
<!-- <view class="smallTitle">{{ `其他费用小计` }}</view>-->
<!-- </view>-->
<!-- <view class="leftRight" @click="handleGoExpenditure">-->
<!-- <text class="more">查看更多</text>-->
<!-- <image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />-->
<!-- </view>-->
<!-- </view>-->
<view class="itemSmallDetail">
<view class="itemSmallLeftBox">
<OtherCharts :success="59.46" :colorList="['#1679FF', '#E7F1FF']" :name="'rate4'+selectMonth" />
<text class="leftValue">{{`59.46%`}}</text>
</view>
<view class="itemSmallRightBox">
<view class="rightTopItem">
<view class="itemDetail">
<!-- <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearTotal/10000,2) }}</view>-->
<view class="detailValue">{{ '437.00' }}</view>
<view class="detailTitle">2023年完成<text class="detailTitleUnit">/万元</text></view>
</view>
<!-- <view class="itemRight">-->
<!-- <view class="rightValue">{{`${item.CostRate ||''}%`}}</view>-->
<!-- <view class="rightLabel">成本比</view>-->
<!-- </view> -->
<view class="itemRight">
<!-- <view class="rightValue">{{`${item.PartRate ||''}%`}}</view>-->
<view class="rightValue">{{`-36.00`}}</view>
<view class="rightLabel">{{ `${thisMonth}月累计` }}<text class="detailTitleUnit">/万元</text></view>
</view>
</view>
<view class="rightTopItem" style="margin-top: 32rpx">
<view class="itemDetail">
<view class="detailValue">{{ '735.00' }}</view>
<view class="detailTitle">2023年预计<text class="detailTitleUnit">/万元</text></view>
</view>
<view class="itemRight">
<view class="rightValue">{{`-8.24%`}}</view>
<view class="rightLabel">本月占比</view>
</view>
</view>
</view>
</view>
</view>
<!-- <view class="itemSmallDetail">-->
<!-- <view class="itemSmallLeftBox">-->
<!-- <OtherCharts :success="59.46" :colorList="['#1679FF', '#E7F1FF']" :name="'rate4'+selectMonth" />-->
<!-- <text class="leftValue">{{`59.46%`}}</text>-->
<!-- </view>-->
<!-- <view class="itemSmallRightBox">-->
<!-- <view class="rightTopItem">-->
<!-- <view class="itemDetail">-->
<!--&lt;!&ndash; <view class="detailValue">{{$util.fmoney(pageDetail.Cost.ThisYearTotal/10000,2) }}</view>&ndash;&gt;-->
<!-- <view class="detailValue">{{ '437.00' }}</view>-->
<!-- <view class="detailTitle">本年累计<text class="detailTitleUnit">/万元</text></view>-->
<!-- </view>-->
<!-- &lt;!&ndash; <view class="itemRight">&ndash;&gt;-->
<!-- &lt;!&ndash; <view class="rightValue">{{`${item.CostRate ||''}%`}}</view>&ndash;&gt;-->
<!-- &lt;!&ndash; <view class="rightLabel">成本比</view>&ndash;&gt;-->
<!-- &lt;!&ndash; </view> &ndash;&gt;-->
<!-- <view class="itemRight">-->
<!--&lt;!&ndash; <view class="rightValue">{{`${item.PartRate ||''}%`}}</view>&ndash;&gt;-->
<!-- <view class="rightValue">{{`-36.00`}}</view>-->
<!-- <view class="rightLabel">{{ `${thisMonth}月累计` }}<text class="detailTitleUnit">/万元</text></view>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="rightTopItem" style="margin-top: 32rpx">-->
<!-- <view class="itemDetail">-->
<!-- <view class="detailValue">{{ '735.00' }}</view>-->
<!-- <view class="detailTitle">年度预计<text class="detailTitleUnit">/万元</text></view>-->
<!-- </view>-->
<!-- <view class="itemRight">-->
<!-- <view class="rightValue">{{`-8.24%`}}</view>-->
<!-- <view class="rightLabel">本月占比</view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
</view>
</view>
@ -847,8 +847,8 @@ export default {
childrenShow:false,// 收入合计的显示框
CostInRate:44.36,
InOutRate:56.29,
monthList:[7,8,9],// 月份列表
selectMonth:0,// 当前选中的月份
monthList:[7,8,9,10],// 月份列表
selectMonth: 0,// 当前选中的月份
monthResult:[
// 7月
{
@ -898,9 +898,11 @@ export default {
otherThisMonthRate:'15.14',//其他收入预算本月占比
leaseRate:'35.99',// 租赁完成率
propertyRate:'',//物业及受托代管
showExpenditure:false,// 是否显示支出
},
{
month:8,// 月份
showExpenditure:false,// 是否显示支出
},
{
month:9,// 月份
@ -949,8 +951,134 @@ export default {
otherThisMonthRate:'9.91',//其他收入预算本月占比
leaseRate:'63.83',// 租赁完成率
propertyRate:'67.83',//物业及受托代管
showExpenditure:true,// 是否显示支出
expenditureRatio:77.09,//支出完成率
expenditureOutRatio:77.09,//支出比
expenditureThisYear:'61,611.98',// 本年累计支出
expenditureThisYearBudget:'79,924.00',// 本年预计支出
outList:[
{
name:'营业成本小计',// 名称
expenditureCostRate:84.13,// 营业成本小计完成率
expenditureCostThisYear:'24,393.60',// 营业成本小计本年累计
expenditureCostThisMonth:'2,999.00',// 营业成本小计本月累计
expenditureCostThisYearBudget:'28,994.00',// 营业成本小计年度预计
expenditureCostThisRate:'12.29%',// 营业成本小计本月占比
},
{
name:'管理费用小计',// 名称
expenditureCostRate:64.57,// 营业成本小计完成率
expenditureCostThisYear:'2,783.01',// 营业成本小计本年累计
expenditureCostThisMonth:'220.00',// 营业成本小计本月累计
expenditureCostThisYearBudget:'4,310.00',// 营业成本小计年度预计
expenditureCostThisRate:'7.91%',// 营业成本小计本月占比
},
{
name:'销售费用小计',// 名称
expenditureCostRate:74.54,// 营业成本小计完成率
expenditureCostThisYear:'33,998.37',// 营业成本小计本年累计
expenditureCostThisMonth:'3,548.00',// 营业成本小计本月累计
expenditureCostThisYearBudget:'45,611.00',// 营业成本小计年度预计
expenditureCostThisRate:'10.44%',// 营业成本小计本月占比
},
{
name:'其他费用小计',// 名称
expenditureCostRate:59.46,// 营业成本小计完成率
expenditureCostThisYear:'437.00',// 营业成本小计本年累计
expenditureCostThisMonth:'-36.00',// 营业成本小计本月累计
expenditureCostThisYearBudget:'735.00',// 营业成本小计年度预计
expenditureCostThisRate:'-8.24%',// 营业成本小计本月占比
}
]
},
{
month:10,// 月份
costRatio:43.08,// 成本比
expendRatio:82.00,// 支出比
thisMonthInCome:'7,535.00',// 本月收入
thisMonthExpend:'4,188.30',// 本月支出
costYear:'46.82',// 成本同比
expendYear:'71.38',// 支出同比
profitRate:99.47,// 累计利润完成率
profitThisYear:'547.00',// 本年累计
profitThisYearReal:'547.00',// 本年累计详情
profitBudgetThisYear:'550.00',// 年度预算
profitBudgetThisYearReal:'550.00',// 年度预算详情
profitYOY:'+105.14',// 累计利润同比
thisYearNetProfit:'407.00',// 净利润
thisYearNetProfitReal:'407.00',// 净利润详情
thisYearNetProfitBudget:'356.00',// 净利润预算
thisYearNetProfitBudgetReal:'356.00',// 净利润预算详情
thisYearNetProfitSuccess:'114.35',// 净利润完成度
inComeSuccess:86.74,// 收入完成率
inComeThisYear:'69,438.38',// 本年收入累计
inComeThisYearReal:'694,383,825.61',// 本年收入累计详情
thisYearCostRatio:39.81,// 本年成本比
thisYearInComeBudget:'80,050',// 年度收入预算
thisYearInComeBudgetReal:'800,500,000.00',// 年度收入预算详情
costReal:'289,940,000.00',// 累计成本详情
thisYearInComeYOY:'44.08',// 年度收入同比
selfRate:93.96,// 自营收入小计完成率
selfThisYear:'50,563.57',// 自营收入小计本年累计
selfThisYearReal:'505,635,722.50',// 自营收入小计本年累计详情
selfThisMonth:'5,570.84',// 自营收入小计本月
selfThisMonthReal:'55,708,375.34',// 自营收入小计本月详情
selfThisYearBudget:'53,814',// 自营收入小计年度预算
selfThisYearBudgetReal:'538,140,000.00',// 自营收入小计年度预算详情
selfThisMonthRate:'11.02',// 自营收入小计本月占比
selfStoreRate:'93.24',// 便利店完成率
selfRoomRate:'97.81',// 餐饮客房完成率
otherRate:'71.94',// 其他收入小计完成率
otherThisYear:'18,874.81',// 其他收入小计本年累计
otherThisYearReal:'188,748,102.96',// 其他收入小计本年累计详情
otherThisMonth:'196.21',// 其他收入小计本月
otherThisMonthReal:'19,642,084.33',// 其他收入小计本月详情
otherThisYearBudget:'26,236.00',//其他收入小计年度预算
otherThisYearBudgetReal:'262,360,000.00',//其他收入小计年度预算详情
otherThisMonthRate:'10.41',//其他收入预算本月占比
leaseRate:'70.85',// 租赁完成率
propertyRate:'75.36',//物业及受托代管
showExpenditure:true,// 是否显示支出
expenditureRatio:86.72,//支出完成率
expenditureOutRatio:86.72,//支出比
expenditureThisYear:'69,089.29',// 本年累计支出
expenditureThisYearBudget:'79,670.00',// 本年预计支出
outList:[
{
name:'营业成本小计',// 名称
expenditureCostRate:95.33,// 营业成本小计完成率
expenditureCostThisYear:'27,639.61',// 营业成本小计本年累计
expenditureCostThisMonth:'3,246.00',// 营业成本小计本月累计
expenditureCostThisYearBudget:'28,994.00',// 营业成本小计年度预计
expenditureCostThisRate:'11.74%',// 营业成本小计本月占比
},
{
name:'管理费用小计',// 名称
expenditureCostRate:75.58,// 营业成本小计完成率
expenditureCostThisYear:'3,257.43',// 营业成本小计本年累计
expenditureCostThisMonth:'474.41',// 营业成本小计本月累计
expenditureCostThisYearBudget:'4,310.00',// 营业成本小计年度预计
expenditureCostThisRate:'14.56%',// 营业成本小计本月占比
},
{
name:'销售费用小计',// 名称
expenditureCostRate:82.73,// 营业成本小计完成率
expenditureCostThisYear:'37,736.25',// 营业成本小计本年累计
expenditureCostThisMonth:'3,737.88',// 营业成本小计本月累计
expenditureCostThisYearBudget:'45,611.00',// 营业成本小计年度预计
expenditureCostThisRate:'9.91%',// 营业成本小计本月占比
},
{
name:'其他费用小计',// 名称
expenditureCostRate:60.40,// 营业成本小计完成率
expenditureCostThisYear:'456.00',// 营业成本小计本年累计
expenditureCostThisMonth:'18.00',// 营业成本小计本月累计
expenditureCostThisYearBudget:'735.00',// 营业成本小计年度预计
expenditureCostThisRate:'3.95%',// 营业成本小计本月占比
}
]
}
],// 789月份的数据
],// 78910月份的数据
currentResult:{},// 选择的数据
}
},
@ -978,12 +1106,14 @@ export default {
let m = date.getMonth()+1
this.thisYear = y
this.startDate = `${y}-07`
this.endData = `${y}-09`
this.endData = `${y}-10`
this.single = `${y}-07`
this.thisMonth = '07'
// 请求的方法
this.handleGetData()
this.currentResult = this.monthResult[this.selectMonth]
// this.handleGetData()
// this.selectMonth = 0
this.handleChangeSwiper({target:{current:3}})
// this.currentResult = this.monthResult[this.selectMonth]
},
methods:{
// 点击出现备注
@ -1201,6 +1331,7 @@ export default {
.main{
width: 100%;
min-height: 100vh;
overflow: hidden;
.meng{
width: 100vw;
height: 100vh;