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-08-21 18:32:02 +08:00
commit da632cbf34
4 changed files with 848 additions and 798 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
pages/index/components/monthCharts.vue
View File

@ -88,6 +88,7 @@ export default {
uni.canvasToTempFilePath({ uni.canvasToTempFilePath({
canvasId:id, canvasId:id,
complete:(res)=>{ complete:(res)=>{
console.log('res',res)
if (res.tempFilePath){ if (res.tempFilePath){
uni.getFileSystemManager().readFile({ uni.getFileSystemManager().readFile({
filePath: res.tempFilePath, filePath: res.tempFilePath,

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

@ -1,23 +1,22 @@
<template> <template>
<view style="width: 128rpx;height: 128rpx"> <view class="main">
<image v-if="preferPath" style="width: 128rpx;height: 128rpx" :src="preferPath"></image> <image v-if="preferPath" style="width: 128rpx;height: 128rpx" :src="preferPath"></image>
<canvas v-else style="width: 128rpx;height: 128rpx" canvas-id="month" id="month"/> <canvas v-else class="month" canvas-id="month" id="month"/>
</view> </view>
</template> </template>
<script> <script>
import uCharts from '@/components/u-charts.js'; import uCharts from '@/components/u-charts.js';
var uChartsInstance = {}; var uChartsInstance = {};
export default { export default {
name: "OtherCharts", name: "otherCharts",
data() { data(){
return { return {
preferPath:'' preferPath:''
} }
}, },
props: { props:{
success: { success:{
type: Number, type: Number,
default: 0 default: 0
}, },
@ -26,24 +25,25 @@ export default {
default:[] default:[]
} }
}, },
watch: { watch:{
success: { success:{
handler(value) { handler(value){
console.log('value111', value) this.preferPath = ''
let success = Number(value) > 100 ? 100 : Number(value) console.log('value111',value)
let error = Number(100 - value) < 0 ? 0 : Number(100 - value) let success = Number(value)>100?100:Number(value)
let error = Number(100 - value)<0?0:Number(100 - value)
let res = { let res = {
series: [{ series:[{
data: [{name: '已完成', value: success}, {name: '未完成', value: error}] data:[{name:'已完成',value:success},{name:'未完成',value:error}]
}] }]
} }
console.log('res',res)
this.drawCharts('month', res) this.drawCharts('month',res)
} }
} }
}, },
methods: { methods:{
drawCharts(id, data) { drawCharts(id,data){
const ctx = uni.createCanvasContext(id, this); const ctx = uni.createCanvasContext(id, this);
let _this = this let _this = this
uChartsInstance[id] = new uCharts({ uChartsInstance[id] = new uCharts({
@ -85,29 +85,39 @@ export default {
} }
}); });
setTimeout( ()=>{ setTimeout( ()=>{
this.canvasToTempImage('month') _this.canvasToTempImage('month')
},100) },500)
}, },
canvasToTempImage(id){ canvasToTempImage(id){
let _this = this
uni.canvasToTempFilePath({ uni.canvasToTempFilePath({
canvasId:id, canvasId:id,
complete:(res)=>{ complete:(res)=>{
console.log('res',res)
if (res.tempFilePath){ if (res.tempFilePath){
uni.getFileSystemManager().readFile({ uni.getFileSystemManager().readFile({
filePath: res.tempFilePath, filePath: res.tempFilePath,
encoding: 'base64', encoding: 'base64',
success: res => { success: res => {
let base64 = 'data:image/png;base64,' + res.data; let base64 = 'data:image/png;base64,' + res.data;
this.preferPath = base64 _this.preferPath = base64
} }
}) })
} }
} }
},this) },_this)
}, },
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.main{
width: 128rpx;
height: 128rpx;
.month{
width: 128rpx;
height: 128rpx;
}
}
</style> </style>

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

@ -76,10 +76,12 @@ export default {
} }
}); });
setTimeout( ()=>{ setTimeout( ()=>{
this.canvasToTempImage('month') console.log('变成图片')
},100) _this.canvasToTempImage('month')
},500)
}, },
canvasToTempImage(id){ canvasToTempImage(id){
let _this = this
uni.canvasToTempFilePath({ uni.canvasToTempFilePath({
canvasId:id, canvasId:id,
complete:(res)=>{ complete:(res)=>{
@ -89,12 +91,13 @@ export default {
encoding: 'base64', encoding: 'base64',
success: res => { success: res => {
let base64 = 'data:image/png;base64,' + res.data; let base64 = 'data:image/png;base64,' + res.data;
this.preferPath = base64 _this.preferPath = base64
console.log('this.preferPath',_this.preferPath)
} }
}) })
} }
} }
},this) },_this)
}, },
} }
} }

296
pages/revenue/index.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<view class="main"> <view class="main">
<view class="meng" v-if="showCost || showPay|| showMonthRevenue|| showMonthExpenditure|| successRate|| thisYearSum|| nowYearSumRate|| showNetProfit|| budget|| showYearNetProfit|| revenueAll|| revenueSuccess|| revenueCostRate|| budgetSum|| incomeSuccess|| nowYearBudget|| nowYearRevenueCost|| compareYesSuccessRate|| userRevenueSmallSum|| thisMonthSum|| thisMonthRevenueRate|| thisMonthSmallSumSuccess1st|| thisMonthSmallSumSuccess2st|| thisMonthSmallSumSuccess2stTitle|| otherSmallSum" <view class="meng" v-if="showCost || showPay|| showMonthRevenue|| showMonthExpenditure|| successRate|| thisYearSum|| nowYearSumRate|| showNetProfit|| budget|| showYearNetProfit|| revenueAll|| revenueSuccess|| revenueCostRate|| nowYearSum|| budgetSum|| incomeSuccess|| nowYearBudget|| nowYearRevenueCost|| compareYesSuccessRate|| userRevenueSmallSum|| thisMonthSum|| thisMonthRevenueRate|| thisMonthSmallSumSuccess1st|| thisMonthSmallSumSuccess2st|| thisMonthSmallSumSuccess2stTitle|| otherSmallSum"
@click="handleShowNotice('false')"></view> @click="handleShowNotice('false')"></view>
<view class="meng" v-if="otherLeftChar || otherMonthSum ||otherThisMonthRate ||otherThisMonthSuccess" @click="handleShowNotice2('false')"></view> <view class="meng" v-if="otherLeftChar || otherMonthSum ||otherThisMonthRate ||otherThisMonthSuccess || serviceSmallSum" @click="handleShowNotice2('false')"></view>
<!-- :style="{height: ((668/750) * pageWidth + 36)+'px'}"--> <!-- :style="{height: ((668/750) * pageWidth + 36)+'px'}"-->
<view class="header" > <view class="header" >
<!-- <image class="headerBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/revenyeBg.png"/>--> <!-- <image class="headerBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/revenyeBg.png"/>-->
@ -38,7 +38,7 @@
<view class="itemLabel"> <view class="itemLabel">
成本比 成本比
<view class="notice" @click="handleShowNotice('showCost')">? <view class="notice" @click="handleShowNotice('showCost')">?
<view class="noticeBox" :style="{left:0}" v-if="showCost" @click.stop="handleShowNotice('showCost')"> <view class="noticeBox" :style="{left:0,zIndex:9}" v-if="showCost" @click.stop="handleShowNotice('showCost')">
<text>成本比：本月成本 / 本月收入</text> <text>成本比：本月成本 / 本月收入</text>
</view> </view>
</view> </view>
@ -89,8 +89,9 @@
本月支出 本月支出
<text class="successUnit">/万元</text> <text class="successUnit">/万元</text>
<view class="notice" @click="handleShowNotice('showMonthExpenditure')">? <view class="notice" @click="handleShowNotice('showMonthExpenditure')">?
<view class="noticeBox" v-if="showMonthExpenditure" @click.stop="handleShowNotice('showMonthExpenditure')"> <view class="noticeBox" v-if="showMonthExpenditure"
<text>本月支出：管理费用+销售费用+财务费用+营业外支出</text> @click.stop="handleShowNotice('showMonthExpenditure')">
<text>本月支出=管理费用 + 销售费用 + 财务费用 + 营业外支出</text>
</view> </view>
</view> </view>
</view> </view>
@ -118,7 +119,7 @@
<text class="successLabelText"></text>完成率 <text class="successLabelText"></text>完成率
<view class="notice" @click="handleShowNotice('successRate')">? <view class="notice" @click="handleShowNotice('successRate')">?
<view class="noticeBox" v-if="successRate" @click.stop="handleShowNotice('successRate')"> <view class="noticeBox" v-if="successRate" @click.stop="handleShowNotice('successRate')">
<text>=本年累计/年度预算</text> <text>完成率=本年累计/年度预算(389.00/275.00)</text>
</view> </view>
</view> </view>
</view> </view>
@ -135,7 +136,7 @@
389.00 389.00
<view class="notice" @click="handleShowNotice('thisYearSum')">? <view class="notice" @click="handleShowNotice('thisYearSum')">?
<view class="noticeBox" v-if="thisYearSum" @click.stop="handleShowNotice('thisYearSum')"> <view class="noticeBox" v-if="thisYearSum" @click.stop="handleShowNotice('thisYearSum')">
<text>利润总额</text> <text>本年度利润总额的累计数</text>
</view> </view>
</view> </view>
</view> </view>
@ -146,8 +147,9 @@
<view class="itemValue"> <view class="itemValue">
275.00 275.00
<view class="notice" @click="handleShowNotice('budget')">? <view class="notice" @click="handleShowNotice('budget')">?
<view class="noticeBox" :style="{left:'calc(33.3% + 30px)',top: '40px'}" v-if="budget" @click.stop="handleShowNotice('budget')"> <view class="noticeBox" :style="{ left: 'calc(33.3% + 30px)', top: '40px' }" v-if="budget"
<text>利润总额</text> @click.stop="handleShowNotice('budget')">
<text>本年度利润总额的预算数</text>
</view> </view>
</view> </view>
</view> </view>
@ -169,8 +171,9 @@
<view class="itemValue"> <view class="itemValue">
156.00 156.00
<view class="notice" @click="handleShowNotice('showNetProfit')">? <view class="notice" @click="handleShowNotice('showNetProfit')">?
<view class="noticeBox" :style="{left:'calc(33.3% + 30px)',top: '115px'}"v-if="showNetProfit" @click.stop="handleShowNotice('showNetProfit')"> <view class="noticeBox" :style="{ left: 'calc(33.3% + 30px)', top: '115px' }" v-if="showNetProfit"
<text>净利润年度预算</text> @click.stop="handleShowNotice('showNetProfit')">
<text>本年度净利润的预算数</text>
</view> </view>
</view> </view>
</view> </view>
@ -182,8 +185,9 @@
<view class="itemLabel" style="display: flex;align-items: center"> <view class="itemLabel" style="display: flex;align-items: center">
完成度 完成度
<view class="notice" @click="handleShowNotice('showYearNetProfit')">? <view class="notice" @click="handleShowNotice('showYearNetProfit')">?
<view class="noticeBox" :style="{left:'calc(33.3% + 30px)',top: '115px'}"v-if="showYearNetProfit" @click.stop="handleShowNotice('showYearNetProfit')"> <view class="noticeBox" :style="{ left: 'calc(33.3% + 30px)', top: '115px' }" v-if="showYearNetProfit"
<text>=本年净利润/净利润预算</text> @click.stop="handleShowNotice('showYearNetProfit')">
<text>完成度=本年净利润/净利润预算(292.00/156.00)</text>
</view> </view>
</view> </view>
</view> </view>
@ -195,23 +199,25 @@
<view class="accrueYear"> <view class="accrueYear">
<view class="itemBox"> <view class="itemBox">
<view style="display: flex;align-items: center"> <view style="width:100%;display: flex;align-items: center">
<view class="itemBoxTitle">2023年营收累计</view> <view class="itemBoxTitle">2023年营收累计</view>
<view class="notice" @click="handleShowNotice('revenueAll')">? <view class="notice" @click="handleShowNotice('revenueAll')">?
<view class="noticeBox" :style="{left:'50%',top: '0px'}" v-if="revenueAll" @click.stop="handleShowNotice('revenueAll')"> <view class="noticeBox" :style="{ left: '50%', top: '0px' }" v-if="revenueAll"
@click.stop="handleShowNotice('revenueAll')">
<text>不包含营业外收入</text> <text>不包含营业外收入</text>
</view> </view>
</view> </view>
</view> </view>
<image class="monthSumBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/yearRevenue.png"/> <image class="monthSumBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/yearRevenue.png" />
<view class="itemDetailBox"> <view class="itemDetailBox">
<view class="leftCharts" @click="handleShowNotice('revenueSuccess')"> <view class="leftCharts" @click="handleShowNotice('revenueSuccess')">
<OtherCharts :success="thirdBoxRate" :colorList="['#9E3CE9', '#ECD8FB']"/> <OtherCharts :success="thirdBoxRate" :colorList="['#9E3CE9', '#ECD8FB']" />
<text class="numberValue">65.12%</text> <text class="numberValue">65.12%</text>
</view> </view>
<view class="notices"> <view class="notices">
<view class="noticeBox" :style="{left:'0px',top: '50%'}" v-if="revenueSuccess" @click.stop="handleShowNotice('revenueSuccess')"> <view class="noticeBox" :style="{ left: '0px', top: '50%' }" v-if="revenueSuccess"
<text>不包含营业外收入</text> @click.stop="handleShowNotice('revenueSuccess')">
<text>完成率=本年累计 / 年度预算(472,356,021.71/725,370,000.00)</text>
</view> </view>
</view> </view>
<view class="rightBox"> <view class="rightBox">
@ -225,8 +231,9 @@
<view class="rateText" style="display: flex;align-items: center"> <view class="rateText" style="display: flex;align-items: center">
成本比 成本比
<view class="notice" @click="handleShowNotice('revenueCostRate')">? <view class="notice" @click="handleShowNotice('revenueCostRate')">?
<view class="noticeBox" :style="{right:'0px',top: '30%'}" v-if="revenueCostRate" @click.stop="handleShowNotice('revenueCostRate')"> <view class="noticeBox" :style="{ right: '0px', top: '30%' }" v-if="revenueCostRate"
<text>=本年成本/本年营收收入</text> @click.stop="handleShowNotice('revenueCostRate')">
<text>成本比=本年成本/本年累计收入(180,563,832.50/472,356,021.71)</text>
</view> </view>
</view> </view>
</view> </view>
@ -242,8 +249,9 @@
<view class="rateText" style="display: flex;align-items: center"> <view class="rateText" style="display: flex;align-items: center">
同比 同比
<view class="notice" @click="handleShowNotice('budgetSum')">? <view class="notice" @click="handleShowNotice('budgetSum')">?
<view class="noticeBox" :style="{right:'0px',top: '80%'}" v-if="budgetSum" @click.stop="handleShowNotice('budgetSum')"> <view class="noticeBox" :style="{ right: '0px', top: '80%' }" v-if="budgetSum"
<text>本年累计同比值</text> @click.stop="handleShowNotice('budgetSum')">
<text>本年累计营收的同比值</text>
</view> </view>
</view> </view>
</view> </view>
@ -256,15 +264,24 @@
<view class="incomeAll"> <view class="incomeAll">
<view class="itemBox"> <view class="itemBox">
<view style="width:100%;display: flex;align-items: center">
<view class="itemBoxTitle" style="color: #EC6C00">2023年收入合计</view> <view class="itemBoxTitle" style="color: #EC6C00">2023年收入合计</view>
<image class="monthSumBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/allInCome.png"/> <view class="notice" @click="handleShowNotice('nowYearSum')">?
<view class="noticeBox" :style="{ left: '33%', top: '20px' }" v-if="nowYearSum"
@click.stop="handleShowNotice('nowYearSum')">
<text>包含营业外收入</text>
</view>
</view>
</view>
<image class="monthSumBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/allInCome.png" />
<view class="itemDetailBox"> <view class="itemDetailBox">
<view class="leftCharts" @click="handleShowNotice('incomeSuccess')"> <view class="leftCharts" @click="handleShowNotice('incomeSuccess')">
<OtherCharts :success="firthBox1stRate" :colorList="['#FC7909', '#FEE4CE']"/> <OtherCharts :success="firthBox1stRate" :colorList="['#FC7909', '#FEE4CE']" />
<text class="numberValue" style="color: #FE7500">65.18%</text> <text class="numberValue" style="color: #FE7500">65.18%</text>
<view class="notices"> <view class="notices">
<view class="noticeBox" :style="{left:'0px',top: '50%'}" v-if="incomeSuccess" @click.stop="handleShowNotice('incomeSuccess')"> <view class="noticeBox" :style="{ left: '0px', top: '50%' }" v-if="incomeSuccess"
<text>=本年累计/年度预算</text> @click.stop="handleShowNotice('incomeSuccess')">
<text>完成率=本年累计 / 年度预算(473,766,021.71/726,870,000.00)</text>
</view> </view>
</view> </view>
</view> </view>
@ -275,11 +292,7 @@
<view class="itemTopTitle" style="display: flex;align-items: center"> <view class="itemTopTitle" style="display: flex;align-items: center">
本年累计 本年累计
<text class="itemTopUnit">/万元</text> <text class="itemTopUnit">/万元</text>
<view class="notice" @click="handleShowNotice('nowYearSum')">?
<view class="noticeBox" :style="{left:'33%',top: '20px'}" v-if="nowYearSum" @click.stop="handleShowNotice('nowYearSum')">
<text>包含营业外收入</text>
</view>
</view>
</view> </view>
</view> </view>
<view class="itemRateBox"> <view class="itemRateBox">
@ -287,8 +300,9 @@
<view class="rateText" style="display: flex;align-items: center"> <view class="rateText" style="display: flex;align-items: center">
成本比 成本比
<view class="notice" @click="handleShowNotice('nowYearRevenueCost')">? <view class="notice" @click="handleShowNotice('nowYearRevenueCost')">?
<view class="noticeBox" :style="{left:'33%',top: '20px'}" v-if="nowYearRevenueCost" @click.stop="handleShowNotice('nowYearRevenueCost')"> <view class="noticeBox" :style="{ right: '0', top: '20px' }" v-if="nowYearRevenueCost"
<text>=本年累计成本/本年累计收入</text> @click.stop="handleShowNotice('nowYearRevenueCost')">
<text>成本比=本年累计成本/本年累计收入(180,563,832.50/473,766,021.71)</text>
</view> </view>
</view> </view>
</view> </view>
@ -301,7 +315,8 @@
年度预算 年度预算
<text class="itemTopUnit">/万元</text> <text class="itemTopUnit">/万元</text>
<view class="notice" @click="handleShowNotice('nowYearBudget')">? <view class="notice" @click="handleShowNotice('nowYearBudget')">?
<view class="noticeBox" :style="{left:'33%',top: '80%'}" v-if="nowYearBudget" @click.stop="handleShowNotice('nowYearBudget')"> <view class="noticeBox" :style="{ left: '33%', top: '80%' }" v-if="nowYearBudget"
@click.stop="handleShowNotice('nowYearBudget')">
<text>年度预算包含营业外</text> <text>年度预算包含营业外</text>
</view> </view>
</view> </view>
@ -312,8 +327,9 @@
<view class="rateText" style="display: flex;align-items: center"> <view class="rateText" style="display: flex;align-items: center">
同比 同比
<view class="notice" @click="handleShowNotice('nowYearSumRate')">? <view class="notice" @click="handleShowNotice('nowYearSumRate')">?
<view class="noticeBox" :style="{right:'0%',top: '80%'}" v-if="nowYearSumRate" @click.stop="handleShowNotice('nowYearSumRate')"> <view class="noticeBox" :style="{ right: '0%', top: '80%' }" v-if="nowYearSumRate"
<text>本年累计的同比值</text> @click.stop="handleShowNotice('nowYearSumRate')">
<text>本年累计收入的同比值</text>
</view> </view>
</view> </view>
</view> </view>
@ -328,30 +344,32 @@
<view class="itemSmallTop"> <view class="itemSmallTop">
<view class="leftBox"> <view class="leftBox">
<view class="smallIcon"> <view class="smallIcon">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/selfOperat.svg"/> <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/selfOperat.svg" />
</view> </view>
<view style="display: flex;align-items: center"> <view style="display: flex;align-items: center">
<view class="smallTitle">自营收入小计</view> <view class="smallTitle">自营收入小计</view>
<view class="notice" @click="handleShowNotice('userRevenueSmallSum')">? <view class="notice" @click="handleShowNotice('userRevenueSmallSum')">?
<view class="noticeBox" :style="{left:'30%',top: '0%'}" v-if="userRevenueSmallSum" @click.stop="handleShowNotice('userRevenueSmallSum')"> <view class="noticeBox" :style="{ left: '30%', top: '0%' }" v-if="userRevenueSmallSum"
<text>本年累计的同比值</text> @click.stop="handleShowNotice('userRevenueSmallSum')">
<text>便利店、餐饮及客房的累计数</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="leftRight" @click="handleGoInComeDetail"> <view class="leftRight" @click="handleGoInComeDetail">
<text class="more">查看更多</text> <text class="more">查看更多</text>
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg"/> <image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
</view> </view>
</view> </view>
<view class="itemSmallDetail"> <view class="itemSmallDetail">
<view class="itemSmallLeftBox" @click="handleShowNotice('compareYesSuccessRate')"> <view class="itemSmallLeftBox" @click="handleShowNotice('compareYesSuccessRate')">
<OtherCharts :success="firthBox2stRate" :colorList="['#FC7909', '#F9DCC2']"/> <OtherCharts :success="firthBox2stRate" :colorList="['#FC7909', '#F9DCC2']" />
<text class="leftValue">71.70%</text> <text class="leftValue">71.70%</text>
<view class="notices"> <view class="notices">
<view class="noticeBox" :style="{left:'30%',top: '100px'}" v-if="compareYesSuccessRate" @click.stop="handleShowNotice('compareYesSuccessRate')"> <view class="noticeBox" :style="{ left: '30%', top: '100px' }" v-if="compareYesSuccessRate"
<text>相较于年度预算的完成度</text> @click.stop="handleShowNotice('compareYesSuccessRate')">
<text>完成率=本年累计自营收入 / 自营收入的年度预算(339,787,552.17/473,920,000.00)</text>
</view> </view>
</view> </view>
</view> </view>
@ -364,13 +382,14 @@
<view class="itemDetail"> <view class="itemDetail">
<view class="detailValue" style="font-size: 26rpx;display: flex;align-items: center"> <view class="detailValue" style="font-size: 26rpx;display: flex;align-items: center">
5,070.82 5,070.82
<view class="notice" @click="handleShowNotice('thisMonthSum')">? <!-- <view class="notice" @click="handleShowNotice('thisMonthSum')">?
<view class="noticeBox" :style="{right:'0px',top: '85px'}" v-if="thisMonthSum" @click.stop="handleShowNotice('thisMonthSum')"> <view class="noticeBox" :style="{ right: '0px', top: '85px' }" v-if="thisMonthSum"
@click.stop="handleShowNotice('thisMonthSum')">
<text>7月</text> <text>7月</text>
</view> </view>
</view> -->
</view> </view>
</view> <view class="detailTitle">
<view class="detailTitle" >
7月累计 7月累计
<text class="detailTitleUnit">/万元</text> <text class="detailTitleUnit">/万元</text>
@ -387,8 +406,9 @@
<view class="rightLabel" style="display: flex;align-items: center"> <view class="rightLabel" style="display: flex;align-items: center">
本月占比 本月占比
<view class="notice" @click="handleShowNotice('thisMonthRevenueRate')">? <view class="notice" @click="handleShowNotice('thisMonthRevenueRate')">?
<view class="noticeBox" :style="{right:'0px',top: '120px'}" v-if="thisMonthRevenueRate" @click.stop="handleShowNotice('thisMonthRevenueRate')"> <view class="noticeBox" :style="{ right: '0px', top: '120px' }" v-if="thisMonthRevenueRate"
<text>7月自营收入/本年累计自营计划</text> @click.stop="handleShowNotice('thisMonthRevenueRate')">
<text>本月占比=7月自营收入 / 本年累计自营收入(50,708,267.25/339,787,552.17)</text>
</view> </view>
</view> </view>
</view> </view>
@ -405,13 +425,14 @@
</view> </view>
<view class="smallSumRight" style="display: flex;align-items: center"> <view class="smallSumRight" style="display: flex;align-items: center">
<view class="notice" @click="handleShowNotice('thisMonthSmallSumSuccess1st')">?
<view class="noticeBox" :style="{right:'0px',top: '190px'}" v-if="thisMonthSmallSumSuccess1st" @click.stop="handleShowNotice('thisMonthSmallSumSuccess1st')">
<text>相较于年度预算的完成度</text>
</view>
</view>
<text class="successText" style="margin-left: 4rpx">完成率</text> <text class="successText" style="margin-left: 4rpx">完成率</text>
<text class="successValue">64.21%</text> <text class="successValue">64.21%</text>
<view class="notice" @click="handleShowNotice('thisMonthSmallSumSuccess1st')">?
<view class="noticeBox" :style="{ right: '0px', top: '190px' }" v-if="thisMonthSmallSumSuccess1st"
@click.stop="handleShowNotice('thisMonthSmallSumSuccess1st')">
<text>完成率=服务区自营收入 / 自营收入的年度预算(304,283,297.04/473,920,000.00)</text>
</view>
</view>
</view> </view>
</view> </view>
@ -420,20 +441,23 @@
<view class="smallSumItemBox"></view> <view class="smallSumItemBox"></view>
<text class="smallTitle">分公司收入小计</text> <text class="smallTitle">分公司收入小计</text>
<view class="notice" @click="handleShowNotice('thisMonthSmallSumSuccess2stTitle')">? <view class="notice" @click="handleShowNotice('thisMonthSmallSumSuccess2stTitle')">?
<view class="noticeBox" :style="{right:'0px',top: '210px'}" v-if="thisMonthSmallSumSuccess2stTitle" @click.stop="handleShowNotice('thisMonthSmallSumSuccess2stTitle')"> <view class="noticeBox" :style="{ left: '0px', top: '210px' }"
<text>分公司：城市店、批发团购及通道费</text> v-if="thisMonthSmallSumSuccess2stTitle"
@click.stop="handleShowNotice('thisMonthSmallSumSuccess2stTitle')">
<text>城市店、批发团购及通道费的累计数</text>
</view> </view>
</view> </view>
</view> </view>
<view class="smallSumRight" style="display: flex;align-items: center"> <view class="smallSumRight" style="display: flex;align-items: center">
<view class="notice" @click="handleShowNotice('thisMonthSmallSumSuccess2st')">?
<view class="noticeBox" :style="{right:'0px',top: '210px'}" v-if="thisMonthSmallSumSuccess2st" @click.stop="handleShowNotice('thisMonthSmallSumSuccess2st')">
<text>相较于年度预算的完成度</text>
</view>
</view>
<text class="successText" style="margin-left: 4rpx">完成率</text> <text class="successText" style="margin-left: 4rpx">完成率</text>
<text class="successValue">7.49%</text> <text class="successValue">7.49%</text>
<view class="notice" @click="handleShowNotice('thisMonthSmallSumSuccess2st')">?
<view class="noticeBox" :style="{ right: '0px', top: '210px' }" v-if="thisMonthSmallSumSuccess2st"
@click.stop="handleShowNotice('thisMonthSmallSumSuccess2st')">
<text>完成率=分公司收入 / 自营收入的年度预算(35,504,255.13/473,920,000.00)</text>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -443,45 +467,42 @@
<view class="itemSmallTop"> <view class="itemSmallTop">
<view class="leftBox" style="display: flex;align-items: center"> <view class="leftBox" style="display: flex;align-items: center">
<view class="smallIcon"> <view class="smallIcon">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/otherSum.svg"/> <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/otherSum.svg" />
</view> </view>
<view class="smallTitle">其他收入小计</view> <view class="smallTitle">其他收入小计</view>
<view class="notice" @click="handleShowNotice('otherSmallSum')">? <view class="notice" @click="handleShowNotice('otherSmallSum')">?
<view class="noticeBox" :style="{left:'30%',top: '20px'}" v-if="otherSmallSum" @click.stop="handleShowNotice('otherSmallSum')"> <view class="noticeBox" :style="{ left: '30%', top: '20px' }" v-if="otherSmallSum"
<text>其它收入：场地尊林、物业及受托代管、公共服务补贴、营业外收入</text> @click.stop="handleShowNotice('otherSmallSum')">
<text>场地租赁、物业及受托代管、公共服务补贴、营业外收入的累计数</text>
</view> </view>
</view> </view>
</view> </view>
<view class="leftRight" @click="handleGoInComeDetail"> <view class="leftRight" @click="handleGoInComeDetail">
<text class="more">查看更多</text> <text class="more">查看更多</text>
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg"/> <image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
</view> </view>
</view> </view>
<view class="itemSmallDetail"> <view class="itemSmallDetail">
<view class="itemSmallLeftBox" @click="handleShowNotice2('otherLeftChar')"> <view class="itemSmallLeftBox" @click="handleShowNotice2('otherLeftChar')">
<OtherCharts :success="firthBox3stRate" :colorList="['#FC7909', '#F9DCC2']"/> <OtherCharts :success="firthBox3stRate" :colorList="['#FC7909', '#F9DCC2']" />
<text class="leftValue">52.97%</text> <text class="leftValue">52.97%</text>
<view class="notices"> <view class="notices">
<view class="noticeBox" :style="{left:'30%',top: '100px'}" v-if="otherLeftChar" @click.stop="handleShowNotice2('otherLeftChar')"> <view class="noticeBox" :style="{ left: '30%', top: '100px' }" v-if="otherLeftChar"
<text>相较于年度预算的完成度</text> @click.stop="handleShowNotice2('otherLeftChar')">
<text>完成率=7月其他收入 / 其他收入的年度预算(133,978,469.54/252,950,000.00)</text>
</view> </view>
</view> </view>
</view> </view>
<view class="itemSmallRightBox"> <view class="itemSmallRightBox">
<view class="rightTopItem"> <view class="rightTopItem">
<view class="itemDetail"> <view class="itemDetail">
<view class="detailValue">13,406.84</view> <view class="detailValue">13,397.84</view>
<view class="detailTitle">本年累计<text class="detailTitleUnit">/万元</text></view> <view class="detailTitle">本年累计<text class="detailTitleUnit">/万元</text></view>
</view> </view>
<view class="itemDetail"> <view class="itemDetail">
<view class="detailValue" style="display: flex;align-items: center"> <view class="detailValue" style="display: flex;align-items: center">
2,028.58 2,028.58
<view class="notice" @click="handleShowNotice2('otherMonthSum')">?
<view class="noticeBox" :style="{right:'0px',top: '85px'}" v-if="otherMonthSum" @click.stop="handleShowNotice2('otherMonthSum')">
<text>7月</text>
</view>
</view>
</view> </view>
<view class="detailTitle">7月累计<text class="detailTitleUnit">/万元</text></view> <view class="detailTitle">7月累计<text class="detailTitleUnit">/万元</text></view>
</view> </view>
@ -496,8 +517,9 @@
<view class="rightLabel" style="display: flex;align-items: center"> <view class="rightLabel" style="display: flex;align-items: center">
本月占比 本月占比
<view class="notice" @click="handleShowNotice2('otherThisMonthRate')">? <view class="notice" @click="handleShowNotice2('otherThisMonthRate')">?
<view class="noticeBox" :style="{right:'0px',top: '120px'}" v-if="otherThisMonthRate" @click.stop="handleShowNotice2('otherThisMonthRate')"> <view class="noticeBox" :style="{ right: '0px', top: '120px' }" v-if="otherThisMonthRate"
<text>7月其它收入/本年累计其它收入</text> @click.stop="handleShowNotice2('otherThisMonthRate')">
<text>本月占比=7月其他收入 / 本年累计其他收入(20,285,867.69/133,978,469.54)</text>
</view> </view>
</view> </view>
</view> </view>
@ -510,17 +532,24 @@
<view class="smallSumItem"> <view class="smallSumItem">
<view class="smallSumLeft"> <view class="smallSumLeft">
<view class="smallSumItemBox"></view> <view class="smallSumItemBox"></view>
<text class="smallTitle">服务区自营小计</text> <text class="smallTitle">服务区租赁小计</text>
<view class="notice" @click="handleShowNotice2('serviceSmallSum')">?
<view class="noticeBox" :style="{ right: '0px', top: '180px' }" v-if="serviceSmallSum"
@click.stop="handleShowNotice2('serviceSmallSum')">
<text>商铺、充电桩、汽修、加油站的租赁累计收入(91,051,247.82/252,950,000.00)</text>
</view>
</view>
</view> </view>
<view class="smallSumRight" style="display: flex;align-items: center"> <view class="smallSumRight" style="display: flex;align-items: center">
<view class="notice" @click="handleShowNotice2('otherThisMonthSuccess')">?
<view class="noticeBox" :style="{right:'0px',top: '210px'}" v-if="otherThisMonthSuccess" @click.stop="handleShowNotice2('otherThisMonthSuccess')">
<text>相较于年度预算的完成率</text>
</view>
</view>
<text class="successText" style="margin-left: 4rpx">完成率</text> <text class="successText" style="margin-left: 4rpx">完成率</text>
<text class="successValue">50.05%</text> <text class="successValue">35.99%</text>
<view class="notice" @click="handleShowNotice2('otherThisMonthSuccess')">?
<view class="noticeBox" :style="{ right: '0px', top: '180px' }" v-if="otherThisMonthSuccess"
@click.stop="handleShowNotice2('otherThisMonthSuccess')">
<text>完成率=服务区租赁累计收入 / 本年累计其他收入(91,051,247.82/252,950,000.00)</text>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -531,10 +560,10 @@
<view class="expenditure"> <view class="expenditure">
<view class="itemBox"> <view class="itemBox">
<view class="itemBoxTitle" style="color: #096EF7">支出合计</view> <view class="itemBoxTitle" style="color: #096EF7">支出合计</view>
<image class="monthSumBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/expenditure.png"/> <image class="monthSumBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/expenditure.png" />
<view class="itemDetailBox"> <view class="itemDetailBox">
<view class="leftCharts"> <view class="leftCharts">
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/> <OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']" />
<text class="numberValue" style="color: #1679FF">39.67%</text> <text class="numberValue" style="color: #1679FF">39.67%</text>
</view> </view>
<view class="rightBox"> <view class="rightBox">
@ -566,19 +595,19 @@
<view class="itemSmallTop"> <view class="itemSmallTop">
<view class="leftBox"> <view class="leftBox">
<view class="smallIcon"> <view class="smallIcon">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/operateSum.svg"/> <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/operateSum.svg" />
</view> </view>
<view class="smallTitle">运营成本小计</view> <view class="smallTitle">运营成本小计</view>
</view> </view>
<view class="leftRight" @click="handleGoExpenditure"> <view class="leftRight" @click="handleGoExpenditure">
<text class="more">查看更多</text> <text class="more">查看更多</text>
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg"/> <image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
</view> </view>
</view> </view>
<view class="itemSmallDetail"> <view class="itemSmallDetail">
<view class="itemSmallLeftBox"> <view class="itemSmallLeftBox">
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/> <OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']" />
<text class="leftValue">39.67%</text> <text class="leftValue">39.67%</text>
</view> </view>
<view class="itemSmallRightBox"> <view class="itemSmallRightBox">
@ -636,19 +665,19 @@
<view class="itemSmallTop"> <view class="itemSmallTop">
<view class="leftBox"> <view class="leftBox">
<view class="smallIcon"> <view class="smallIcon">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/operateManager.svg"/> <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/operateManager.svg" />
</view> </view>
<view class="smallTitle">管理费用小计</view> <view class="smallTitle">管理费用小计</view>
</view> </view>
<view class="leftRight" @click="handleGoExpenditure"> <view class="leftRight" @click="handleGoExpenditure">
<text class="more">查看更多</text> <text class="more">查看更多</text>
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg"/> <image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
</view> </view>
</view> </view>
<view class="itemSmallDetail"> <view class="itemSmallDetail">
<view class="itemSmallLeftBox"> <view class="itemSmallLeftBox">
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/> <OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']" />
<text class="leftValue">39.67%</text> <text class="leftValue">39.67%</text>
</view> </view>
<view class="itemSmallRightBox"> <view class="itemSmallRightBox">
@ -706,19 +735,19 @@
<view class="itemSmallTop"> <view class="itemSmallTop">
<view class="leftBox"> <view class="leftBox">
<view class="smallIcon"> <view class="smallIcon">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/buySum.svg"/> <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/buySum.svg" />
</view> </view>
<view class="smallTitle">销售费用小计</view> <view class="smallTitle">销售费用小计</view>
</view> </view>
<view class="leftRight" @click="handleGoExpenditure"> <view class="leftRight" @click="handleGoExpenditure">
<text class="more">查看更多</text> <text class="more">查看更多</text>
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg"/> <image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
</view> </view>
</view> </view>
<view class="itemSmallDetail"> <view class="itemSmallDetail">
<view class="itemSmallLeftBox"> <view class="itemSmallLeftBox">
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/> <OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']" />
<text class="leftValue">39.67%</text> <text class="leftValue">39.67%</text>
</view> </view>
<view class="itemSmallRightBox"> <view class="itemSmallRightBox">
@ -776,19 +805,19 @@
<view class="itemSmallTop"> <view class="itemSmallTop">
<view class="leftBox"> <view class="leftBox">
<view class="smallIcon"> <view class="smallIcon">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/otherBuy.svg"/> <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/otherBuy.svg" />
</view> </view>
<view class="smallTitle">其他费用小计</view> <view class="smallTitle">其他费用小计</view>
</view> </view>
<view class="leftRight" @click="handleGoExpenditure"> <view class="leftRight" @click="handleGoExpenditure">
<text class="more">查看更多</text> <text class="more">查看更多</text>
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg"/> <image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
</view> </view>
</view> </view>
<view class="itemSmallDetail"> <view class="itemSmallDetail">
<view class="itemSmallLeftBox"> <view class="itemSmallLeftBox">
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/> <OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']" />
<text class="leftValue">39.67%</text> <text class="leftValue">39.67%</text>
</view> </view>
<view class="itemSmallRightBox"> <view class="itemSmallRightBox">
@ -895,6 +924,7 @@ export default {
otherMonthSum:false,// 其它收入的本月累计 otherMonthSum:false,// 其它收入的本月累计
otherThisMonthRate:false,//其它收入的本月占比 otherThisMonthRate:false,//其它收入的本月占比
otherThisMonthSuccess:false,//其它收入的完成率 otherThisMonthSuccess:false,//其它收入的完成率
serviceSmallSum:false,// 服务区租赁小计
pageWidth:0,// 手机的宽度 pageWidth:0,// 手机的宽度
} }
}, },
@ -1044,11 +1074,15 @@ export default {
case 'otherThisMonthSuccess': case 'otherThisMonthSuccess':
this.otherThisMonthSuccess = !this.otherThisMonthSuccess this.otherThisMonthSuccess = !this.otherThisMonthSuccess
break break
case 'serviceSmallSum':
this.serviceSmallSum = !this.serviceSmallSum
break
case 'false': case 'false':
this.otherLeftChar = false this.otherLeftChar = false
this.otherMonthSum = false this.otherMonthSum = false
this.otherThisMonthRate = false this.otherThisMonthRate = false
this.otherThisMonthSuccess = false this.otherThisMonthSuccess = false
this.serviceSmallSum = false
} }
}, },
// 返回按钮的方法 // 返回按钮的方法
@ -1554,7 +1588,7 @@ export default {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
.noticeBox{ .noticeBox{
max-width: 60%; max-width: 100%;
position: absolute; position: absolute;
display: inline-block; display: inline-block;
padding: 5px 10px; padding: 5px 10px;
@ -1592,7 +1626,7 @@ export default {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
.noticeBox{ .noticeBox{
max-width: 60%; max-width: 80%;
position: absolute; position: absolute;
display: inline-block; display: inline-block;
padding: 5px 10px; padding: 5px 10px;
@ -1684,7 +1718,7 @@ export default {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
.noticeBox{ .noticeBox{
max-width: 60%; max-width: 80%;
position: absolute; position: absolute;
right: 0;top: 0; right: 0;top: 0;
display: inline-block; display: inline-block;
@ -1725,6 +1759,30 @@ export default {
color: #9635E0; color: #9635E0;
line-height: 44rpx; line-height: 44rpx;
} }
.notice{
margin-left: 8rpx;
width: 12px;
height: 12px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #A69E9F;
border-radius: 50%;
color: #A69E9F;
font-size: 12px;
font-weight: 600;
.noticeBox{
max-width: 100%;
position: absolute;
display: inline-block;
padding: 5px 10px;
background: #fff;
border-radius: 10rpx;
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(166, 158, 159, 0.3);
z-index:9;
}
}
.monthSumBg{ .monthSumBg{
position: absolute; position: absolute;
width: 320rpx; width: 320rpx;
@ -1768,7 +1826,7 @@ export default {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
.noticeBox{ .noticeBox{
max-width: 60%; max-width: 80%;
position: absolute; position: absolute;
display: inline-block; display: inline-block;
padding: 5px 10px; padding: 5px 10px;
@ -1812,29 +1870,6 @@ export default {
line-height: 36rpx; line-height: 36rpx;
margin-left: 4rpx; margin-left: 4rpx;
} }
.notice{
margin-left: 8rpx;
width: 12px;
height: 12px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #A69E9F;
border-radius: 50%;
color: #A69E9F;
font-size: 12px;
font-weight: 600;
.noticeBox{
max-width: 60%;
position: absolute;
display: inline-block;
padding: 5px 10px;
background: #fff;
border-radius: 10rpx;
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(166, 158, 159, 0.3);
z-index:9;
}
}
} }
} }
.itemRateBox{ .itemRateBox{
@ -1868,10 +1903,11 @@ export default {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
.noticeBox{ .noticeBox{
max-width: 60%; max-width: 80%;
position: absolute; position: absolute;
right: 0;top: 0; right: 0;top: 0;
display: inline-block; display: inline-block;
white-space: pre-wrap;
padding: 5px 10px; padding: 5px 10px;
background: #fff; background: #fff;
border-radius: 10rpx; border-radius: 10rpx;
@ -2004,7 +2040,7 @@ export default {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
.noticeBox{ .noticeBox{
max-width: 60%; max-width: 100%;
position: absolute; position: absolute;
display: inline-block; display: inline-block;
padding: 5px 10px; padding: 5px 10px;
@ -2122,7 +2158,7 @@ export default {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
.noticeBox{ .noticeBox{
max-width: 60%; max-width: 70%;
position: absolute; position: absolute;
right: 0;top: 0; right: 0;top: 0;
display: inline-block; display: inline-block;
@ -2178,7 +2214,7 @@ export default {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
.noticeBox{ .noticeBox{
max-width: 60%; max-width: 80%;
position: absolute; position: absolute;
right: 0;top: 0; right: 0;top: 0;
display: inline-block; display: inline-block;
@ -2206,7 +2242,7 @@ export default {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
.noticeBox{ .noticeBox{
max-width: 60%; max-width: 80%;
position: absolute; position: absolute;
right: 0;top: 0; right: 0;top: 0;
display: inline-block; display: inline-block;