update
This commit is contained in:
commit
da632cbf34
@ -88,6 +88,7 @@ export default {
|
||||
uni.canvasToTempFilePath({
|
||||
canvasId:id,
|
||||
complete:(res)=>{
|
||||
console.log('res',res)
|
||||
if (res.tempFilePath){
|
||||
uni.getFileSystemManager().readFile({
|
||||
filePath: res.tempFilePath,
|
||||
|
||||
@ -1,23 +1,22 @@
|
||||
<template>
|
||||
<view style="width: 128rpx;height: 128rpx">
|
||||
<view class="main">
|
||||
<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>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import uCharts from '@/components/u-charts.js';
|
||||
|
||||
var uChartsInstance = {};
|
||||
export default {
|
||||
name: "OtherCharts",
|
||||
data() {
|
||||
name: "otherCharts",
|
||||
data(){
|
||||
return {
|
||||
preferPath:''
|
||||
}
|
||||
},
|
||||
props: {
|
||||
success: {
|
||||
props:{
|
||||
success:{
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
@ -26,24 +25,25 @@ export default {
|
||||
default:[]
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
success: {
|
||||
handler(value) {
|
||||
console.log('value111', value)
|
||||
let success = Number(value) > 100 ? 100 : Number(value)
|
||||
let error = Number(100 - value) < 0 ? 0 : Number(100 - value)
|
||||
watch:{
|
||||
success:{
|
||||
handler(value){
|
||||
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 = {
|
||||
series: [{
|
||||
data: [{name: '已完成', value: success}, {name: '未完成', value: error}]
|
||||
series:[{
|
||||
data:[{name:'已完成',value:success},{name:'未完成',value:error}]
|
||||
}]
|
||||
}
|
||||
console.log('res',res)
|
||||
this.drawCharts('month', res)
|
||||
|
||||
this.drawCharts('month',res)
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
drawCharts(id, data) {
|
||||
methods:{
|
||||
drawCharts(id,data){
|
||||
const ctx = uni.createCanvasContext(id, this);
|
||||
let _this = this
|
||||
uChartsInstance[id] = new uCharts({
|
||||
@ -85,29 +85,39 @@ export default {
|
||||
}
|
||||
});
|
||||
setTimeout( ()=>{
|
||||
this.canvasToTempImage('month')
|
||||
},100)
|
||||
_this.canvasToTempImage('month')
|
||||
},500)
|
||||
},
|
||||
canvasToTempImage(id){
|
||||
let _this = this
|
||||
uni.canvasToTempFilePath({
|
||||
canvasId:id,
|
||||
complete:(res)=>{
|
||||
console.log('res',res)
|
||||
if (res.tempFilePath){
|
||||
uni.getFileSystemManager().readFile({
|
||||
filePath: res.tempFilePath,
|
||||
encoding: 'base64',
|
||||
success: res => {
|
||||
let base64 = 'data:image/png;base64,' + res.data;
|
||||
this.preferPath = base64
|
||||
_this.preferPath = base64
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
},this)
|
||||
},_this)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.main{
|
||||
width: 128rpx;
|
||||
height: 128rpx;
|
||||
.month{
|
||||
width: 128rpx;
|
||||
height: 128rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -76,10 +76,12 @@ export default {
|
||||
}
|
||||
});
|
||||
setTimeout( ()=>{
|
||||
this.canvasToTempImage('month')
|
||||
},100)
|
||||
console.log('变成图片')
|
||||
_this.canvasToTempImage('month')
|
||||
},500)
|
||||
},
|
||||
canvasToTempImage(id){
|
||||
let _this = this
|
||||
uni.canvasToTempFilePath({
|
||||
canvasId:id,
|
||||
complete:(res)=>{
|
||||
@ -89,12 +91,13 @@ export default {
|
||||
encoding: 'base64',
|
||||
success: res => {
|
||||
let base64 = 'data:image/png;base64,' + res.data;
|
||||
this.preferPath = base64
|
||||
_this.preferPath = base64
|
||||
console.log('this.preferPath',_this.preferPath)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
},this)
|
||||
},_this)
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<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>
|
||||
<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'}"-->
|
||||
<view class="header" >
|
||||
<!-- <image class="headerBg" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/revenyeBg.png"/>-->
|
||||
@ -38,7 +38,7 @@
|
||||
<view class="itemLabel">
|
||||
成本比
|
||||
<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>
|
||||
</view>
|
||||
</view>
|
||||
@ -89,8 +89,9 @@
|
||||
本月支出
|
||||
<text class="successUnit">/万元</text>
|
||||
<view class="notice" @click="handleShowNotice('showMonthExpenditure')">?
|
||||
<view class="noticeBox" v-if="showMonthExpenditure" @click.stop="handleShowNotice('showMonthExpenditure')">
|
||||
<text>本月支出：管理费用+销售费用+财务费用+营业外支出</text>
|
||||
<view class="noticeBox" v-if="showMonthExpenditure"
|
||||
@click.stop="handleShowNotice('showMonthExpenditure')">
|
||||
<text>本月支出=管理费用 + 销售费用 + 财务费用 + 营业外支出</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -118,7 +119,7 @@
|
||||
<text class="successLabelText"></text>完成率
|
||||
<view class="notice" @click="handleShowNotice('successRate')">?
|
||||
<view class="noticeBox" v-if="successRate" @click.stop="handleShowNotice('successRate')">
|
||||
<text>=本年累计/年度预算</text>
|
||||
<text>完成率=本年累计/年度预算(389.00/275.00)</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -135,7 +136,7 @@
|
||||
389.00
|
||||
<view class="notice" @click="handleShowNotice('thisYearSum')">?
|
||||
<view class="noticeBox" v-if="thisYearSum" @click.stop="handleShowNotice('thisYearSum')">
|
||||
<text>利润总额</text>
|
||||
<text>本年度利润总额的累计数</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -146,8 +147,9 @@
|
||||
<view class="itemValue">
|
||||
275.00
|
||||
<view class="notice" @click="handleShowNotice('budget')">?
|
||||
<view class="noticeBox" :style="{left:'calc(33.3% + 30px)',top: '40px'}" v-if="budget" @click.stop="handleShowNotice('budget')">
|
||||
<text>利润总额</text>
|
||||
<view class="noticeBox" :style="{ left: 'calc(33.3% + 30px)', top: '40px' }" v-if="budget"
|
||||
@click.stop="handleShowNotice('budget')">
|
||||
<text>本年度利润总额的预算数</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -169,8 +171,9 @@
|
||||
<view class="itemValue">
|
||||
156.00
|
||||
<view class="notice" @click="handleShowNotice('showNetProfit')">?
|
||||
<view class="noticeBox" :style="{left:'calc(33.3% + 30px)',top: '115px'}"v-if="showNetProfit" @click.stop="handleShowNotice('showNetProfit')">
|
||||
<text>净利润年度预算</text>
|
||||
<view class="noticeBox" :style="{ left: 'calc(33.3% + 30px)', top: '115px' }" v-if="showNetProfit"
|
||||
@click.stop="handleShowNotice('showNetProfit')">
|
||||
<text>本年度净利润的预算数</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -182,8 +185,9 @@
|
||||
<view class="itemLabel" style="display: flex;align-items: center">
|
||||
完成度
|
||||
<view class="notice" @click="handleShowNotice('showYearNetProfit')">?
|
||||
<view class="noticeBox" :style="{left:'calc(33.3% + 30px)',top: '115px'}"v-if="showYearNetProfit" @click.stop="handleShowNotice('showYearNetProfit')">
|
||||
<text>=本年净利润/净利润预算</text>
|
||||
<view class="noticeBox" :style="{ left: 'calc(33.3% + 30px)', top: '115px' }" v-if="showYearNetProfit"
|
||||
@click.stop="handleShowNotice('showYearNetProfit')">
|
||||
<text>完成度=本年净利润/净利润预算(292.00/156.00)</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -195,23 +199,25 @@
|
||||
|
||||
<view class="accrueYear">
|
||||
<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="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>
|
||||
</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="leftCharts" @click="handleShowNotice('revenueSuccess')">
|
||||
<OtherCharts :success="thirdBoxRate" :colorList="['#9E3CE9', '#ECD8FB']"/>
|
||||
<OtherCharts :success="thirdBoxRate" :colorList="['#9E3CE9', '#ECD8FB']" />
|
||||
<text class="numberValue">65.12%</text>
|
||||
</view>
|
||||
<view class="notices">
|
||||
<view class="noticeBox" :style="{left:'0px',top: '50%'}" v-if="revenueSuccess" @click.stop="handleShowNotice('revenueSuccess')">
|
||||
<text>不包含营业外收入</text>
|
||||
<view class="noticeBox" :style="{ left: '0px', top: '50%' }" v-if="revenueSuccess"
|
||||
@click.stop="handleShowNotice('revenueSuccess')">
|
||||
<text>完成率=本年累计 / 年度预算(472,356,021.71/725,370,000.00)</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="rightBox">
|
||||
@ -225,8 +231,9 @@
|
||||
<view class="rateText" style="display: flex;align-items: center">
|
||||
成本比
|
||||
<view class="notice" @click="handleShowNotice('revenueCostRate')">?
|
||||
<view class="noticeBox" :style="{right:'0px',top: '30%'}" v-if="revenueCostRate" @click.stop="handleShowNotice('revenueCostRate')">
|
||||
<text>=本年成本/本年营收收入</text>
|
||||
<view class="noticeBox" :style="{ right: '0px', top: '30%' }" v-if="revenueCostRate"
|
||||
@click.stop="handleShowNotice('revenueCostRate')">
|
||||
<text>成本比=本年成本/本年累计收入(180,563,832.50/472,356,021.71)</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -242,8 +249,9 @@
|
||||
<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')">
|
||||
<text>本年累计同比值</text>
|
||||
<view class="noticeBox" :style="{ right: '0px', top: '80%' }" v-if="budgetSum"
|
||||
@click.stop="handleShowNotice('budgetSum')">
|
||||
<text>本年累计营收的同比值</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -256,15 +264,24 @@
|
||||
|
||||
<view class="incomeAll">
|
||||
<view class="itemBox">
|
||||
<view style="width:100%;display: flex;align-items: center">
|
||||
<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="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>
|
||||
<view class="notices">
|
||||
<view class="noticeBox" :style="{left:'0px',top: '50%'}" v-if="incomeSuccess" @click.stop="handleShowNotice('incomeSuccess')">
|
||||
<text>=本年累计/年度预算</text>
|
||||
<view class="noticeBox" :style="{ left: '0px', top: '50%' }" v-if="incomeSuccess"
|
||||
@click.stop="handleShowNotice('incomeSuccess')">
|
||||
<text>完成率=本年累计 / 年度预算(473,766,021.71/726,870,000.00)</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -275,11 +292,7 @@
|
||||
<view class="itemTopTitle" style="display: flex;align-items: center">
|
||||
本年累计
|
||||
<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 class="itemRateBox">
|
||||
@ -287,8 +300,9 @@
|
||||
<view class="rateText" style="display: flex;align-items: center">
|
||||
成本比
|
||||
<view class="notice" @click="handleShowNotice('nowYearRevenueCost')">?
|
||||
<view class="noticeBox" :style="{left:'33%',top: '20px'}" v-if="nowYearRevenueCost" @click.stop="handleShowNotice('nowYearRevenueCost')">
|
||||
<text>=本年累计成本/本年累计收入</text>
|
||||
<view class="noticeBox" :style="{ right: '0', top: '20px' }" v-if="nowYearRevenueCost"
|
||||
@click.stop="handleShowNotice('nowYearRevenueCost')">
|
||||
<text>成本比=本年累计成本/本年累计收入(180,563,832.50/473,766,021.71)</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -301,7 +315,8 @@
|
||||
年度预算
|
||||
<text class="itemTopUnit">/万元</text>
|
||||
<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>
|
||||
</view>
|
||||
</view>
|
||||
@ -312,8 +327,9 @@
|
||||
<view class="rateText" style="display: flex;align-items: center">
|
||||
同比
|
||||
<view class="notice" @click="handleShowNotice('nowYearSumRate')">?
|
||||
<view class="noticeBox" :style="{right:'0%',top: '80%'}" v-if="nowYearSumRate" @click.stop="handleShowNotice('nowYearSumRate')">
|
||||
<text>本年累计的同比值</text>
|
||||
<view class="noticeBox" :style="{ right: '0%', top: '80%' }" v-if="nowYearSumRate"
|
||||
@click.stop="handleShowNotice('nowYearSumRate')">
|
||||
<text>本年累计收入的同比值</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -328,30 +344,32 @@
|
||||
<view class="itemSmallTop">
|
||||
<view class="leftBox">
|
||||
<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 style="display: flex;align-items: center">
|
||||
<view class="smallTitle">自营收入小计</view>
|
||||
<view class="notice" @click="handleShowNotice('userRevenueSmallSum')">?
|
||||
<view class="noticeBox" :style="{left:'30%',top: '0%'}" v-if="userRevenueSmallSum" @click.stop="handleShowNotice('userRevenueSmallSum')">
|
||||
<text>本年累计的同比值</text>
|
||||
<view class="noticeBox" :style="{ left: '30%', top: '0%' }" v-if="userRevenueSmallSum"
|
||||
@click.stop="handleShowNotice('userRevenueSmallSum')">
|
||||
<text>便利店、餐饮及客房的累计数</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="leftRight" @click="handleGoInComeDetail">
|
||||
<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 class="itemSmallDetail">
|
||||
<view class="itemSmallLeftBox" @click="handleShowNotice('compareYesSuccessRate')">
|
||||
<OtherCharts :success="firthBox2stRate" :colorList="['#FC7909', '#F9DCC2']"/>
|
||||
<OtherCharts :success="firthBox2stRate" :colorList="['#FC7909', '#F9DCC2']" />
|
||||
<text class="leftValue">71.70%</text>
|
||||
<view class="notices">
|
||||
<view class="noticeBox" :style="{left:'30%',top: '100px'}" v-if="compareYesSuccessRate" @click.stop="handleShowNotice('compareYesSuccessRate')">
|
||||
<text>相较于年度预算的完成度</text>
|
||||
<view class="noticeBox" :style="{ left: '30%', top: '100px' }" v-if="compareYesSuccessRate"
|
||||
@click.stop="handleShowNotice('compareYesSuccessRate')">
|
||||
<text>完成率=本年累计自营收入 / 自营收入的年度预算(339,787,552.17/473,920,000.00)</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -364,13 +382,14 @@
|
||||
<view class="itemDetail">
|
||||
<view class="detailValue" style="font-size: 26rpx;display: flex;align-items: center">
|
||||
5,070.82
|
||||
<view class="notice" @click="handleShowNotice('thisMonthSum')">?
|
||||
<view class="noticeBox" :style="{right:'0px',top: '85px'}" v-if="thisMonthSum" @click.stop="handleShowNotice('thisMonthSum')">
|
||||
<!-- <view class="notice" @click="handleShowNotice('thisMonthSum')">?
|
||||
<view class="noticeBox" :style="{ right: '0px', top: '85px' }" v-if="thisMonthSum"
|
||||
@click.stop="handleShowNotice('thisMonthSum')">
|
||||
<text>7月</text>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailTitle" >
|
||||
<view class="detailTitle">
|
||||
7月累计
|
||||
<text class="detailTitleUnit">/万元</text>
|
||||
|
||||
@ -387,8 +406,9 @@
|
||||
<view class="rightLabel" style="display: flex;align-items: center">
|
||||
本月占比
|
||||
<view class="notice" @click="handleShowNotice('thisMonthRevenueRate')">?
|
||||
<view class="noticeBox" :style="{right:'0px',top: '120px'}" v-if="thisMonthRevenueRate" @click.stop="handleShowNotice('thisMonthRevenueRate')">
|
||||
<text>7月自营收入/本年累计自营计划</text>
|
||||
<view class="noticeBox" :style="{ right: '0px', top: '120px' }" v-if="thisMonthRevenueRate"
|
||||
@click.stop="handleShowNotice('thisMonthRevenueRate')">
|
||||
<text>本月占比=7月自营收入 / 本年累计自营收入(50,708,267.25/339,787,552.17)</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -405,13 +425,14 @@
|
||||
</view>
|
||||
|
||||
<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="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>
|
||||
|
||||
@ -420,20 +441,23 @@
|
||||
<view class="smallSumItemBox"></view>
|
||||
<text class="smallTitle">分公司收入小计</text>
|
||||
<view class="notice" @click="handleShowNotice('thisMonthSmallSumSuccess2stTitle')">?
|
||||
<view class="noticeBox" :style="{right:'0px',top: '210px'}" v-if="thisMonthSmallSumSuccess2stTitle" @click.stop="handleShowNotice('thisMonthSmallSumSuccess2stTitle')">
|
||||
<text>分公司：城市店、批发团购及通道费</text>
|
||||
<view class="noticeBox" :style="{ left: '0px', top: '210px' }"
|
||||
v-if="thisMonthSmallSumSuccess2stTitle"
|
||||
@click.stop="handleShowNotice('thisMonthSmallSumSuccess2stTitle')">
|
||||
<text>城市店、批发团购及通道费的累计数</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<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="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>
|
||||
@ -443,45 +467,42 @@
|
||||
<view class="itemSmallTop">
|
||||
<view class="leftBox" style="display: flex;align-items: center">
|
||||
<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 class="smallTitle">其他收入小计</view>
|
||||
<view class="notice" @click="handleShowNotice('otherSmallSum')">?
|
||||
<view class="noticeBox" :style="{left:'30%',top: '20px'}" v-if="otherSmallSum" @click.stop="handleShowNotice('otherSmallSum')">
|
||||
<text>其它收入：场地尊林、物业及受托代管、公共服务补贴、营业外收入</text>
|
||||
<view class="noticeBox" :style="{ left: '30%', top: '20px' }" v-if="otherSmallSum"
|
||||
@click.stop="handleShowNotice('otherSmallSum')">
|
||||
<text>场地租赁、物业及受托代管、公共服务补贴、营业外收入的累计数</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="leftRight" @click="handleGoInComeDetail">
|
||||
<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 class="itemSmallDetail">
|
||||
<view class="itemSmallLeftBox" @click="handleShowNotice2('otherLeftChar')">
|
||||
<OtherCharts :success="firthBox3stRate" :colorList="['#FC7909', '#F9DCC2']"/>
|
||||
<OtherCharts :success="firthBox3stRate" :colorList="['#FC7909', '#F9DCC2']" />
|
||||
<text class="leftValue">52.97%</text>
|
||||
<view class="notices">
|
||||
<view class="noticeBox" :style="{left:'30%',top: '100px'}" v-if="otherLeftChar" @click.stop="handleShowNotice2('otherLeftChar')">
|
||||
<text>相较于年度预算的完成度</text>
|
||||
<view class="noticeBox" :style="{ left: '30%', top: '100px' }" v-if="otherLeftChar"
|
||||
@click.stop="handleShowNotice2('otherLeftChar')">
|
||||
<text>完成率=7月其他收入 / 其他收入的年度预算(133,978,469.54/252,950,000.00)</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="itemSmallRightBox">
|
||||
<view class="rightTopItem">
|
||||
<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>
|
||||
<view class="itemDetail">
|
||||
<view class="detailValue" style="display: flex;align-items: center">
|
||||
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 class="detailTitle">7月累计<text class="detailTitleUnit">/万元</text></view>
|
||||
</view>
|
||||
@ -496,8 +517,9 @@
|
||||
<view class="rightLabel" style="display: flex;align-items: center">
|
||||
本月占比
|
||||
<view class="notice" @click="handleShowNotice2('otherThisMonthRate')">?
|
||||
<view class="noticeBox" :style="{right:'0px',top: '120px'}" v-if="otherThisMonthRate" @click.stop="handleShowNotice2('otherThisMonthRate')">
|
||||
<text>7月其它收入/本年累计其它收入</text>
|
||||
<view class="noticeBox" :style="{ right: '0px', top: '120px' }" v-if="otherThisMonthRate"
|
||||
@click.stop="handleShowNotice2('otherThisMonthRate')">
|
||||
<text>本月占比=7月其他收入 / 本年累计其他收入(20,285,867.69/133,978,469.54)</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -510,17 +532,24 @@
|
||||
<view class="smallSumItem">
|
||||
<view class="smallSumLeft">
|
||||
<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 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="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>
|
||||
@ -531,10 +560,10 @@
|
||||
<view class="expenditure">
|
||||
<view class="itemBox">
|
||||
<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="leftCharts">
|
||||
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/>
|
||||
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']" />
|
||||
<text class="numberValue" style="color: #1679FF">39.67%</text>
|
||||
</view>
|
||||
<view class="rightBox">
|
||||
@ -566,19 +595,19 @@
|
||||
<view class="itemSmallTop">
|
||||
<view class="leftBox">
|
||||
<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 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"/>
|
||||
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="itemSmallDetail">
|
||||
<view class="itemSmallLeftBox">
|
||||
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/>
|
||||
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']" />
|
||||
<text class="leftValue">39.67%</text>
|
||||
</view>
|
||||
<view class="itemSmallRightBox">
|
||||
@ -636,19 +665,19 @@
|
||||
<view class="itemSmallTop">
|
||||
<view class="leftBox">
|
||||
<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 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"/>
|
||||
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="itemSmallDetail">
|
||||
<view class="itemSmallLeftBox">
|
||||
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/>
|
||||
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']" />
|
||||
<text class="leftValue">39.67%</text>
|
||||
</view>
|
||||
<view class="itemSmallRightBox">
|
||||
@ -706,19 +735,19 @@
|
||||
<view class="itemSmallTop">
|
||||
<view class="leftBox">
|
||||
<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 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"/>
|
||||
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="itemSmallDetail">
|
||||
<view class="itemSmallLeftBox">
|
||||
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/>
|
||||
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']" />
|
||||
<text class="leftValue">39.67%</text>
|
||||
</view>
|
||||
<view class="itemSmallRightBox">
|
||||
@ -776,19 +805,19 @@
|
||||
<view class="itemSmallTop">
|
||||
<view class="leftBox">
|
||||
<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 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"/>
|
||||
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/moreIcon.svg" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="itemSmallDetail">
|
||||
<view class="itemSmallLeftBox">
|
||||
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/>
|
||||
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']" />
|
||||
<text class="leftValue">39.67%</text>
|
||||
</view>
|
||||
<view class="itemSmallRightBox">
|
||||
@ -895,6 +924,7 @@ export default {
|
||||
otherMonthSum:false,// 其它收入的本月累计
|
||||
otherThisMonthRate:false,//其它收入的本月占比
|
||||
otherThisMonthSuccess:false,//其它收入的完成率
|
||||
serviceSmallSum:false,// 服务区租赁小计
|
||||
pageWidth:0,// 手机的宽度
|
||||
}
|
||||
},
|
||||
@ -1044,11 +1074,15 @@ export default {
|
||||
case 'otherThisMonthSuccess':
|
||||
this.otherThisMonthSuccess = !this.otherThisMonthSuccess
|
||||
break
|
||||
case 'serviceSmallSum':
|
||||
this.serviceSmallSum = !this.serviceSmallSum
|
||||
break
|
||||
case 'false':
|
||||
this.otherLeftChar = false
|
||||
this.otherMonthSum = false
|
||||
this.otherThisMonthRate = false
|
||||
this.otherThisMonthSuccess = false
|
||||
this.serviceSmallSum = false
|
||||
}
|
||||
},
|
||||
// 返回按钮的方法
|
||||
@ -1554,7 +1588,7 @@ export default {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
.noticeBox{
|
||||
max-width: 60%;
|
||||
max-width: 100%;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
padding: 5px 10px;
|
||||
@ -1592,7 +1626,7 @@ export default {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
.noticeBox{
|
||||
max-width: 60%;
|
||||
max-width: 80%;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
padding: 5px 10px;
|
||||
@ -1684,7 +1718,7 @@ export default {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
.noticeBox{
|
||||
max-width: 60%;
|
||||
max-width: 80%;
|
||||
position: absolute;
|
||||
right: 0;top: 0;
|
||||
display: inline-block;
|
||||
@ -1725,6 +1759,30 @@ export default {
|
||||
color: #9635E0;
|
||||
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{
|
||||
position: absolute;
|
||||
width: 320rpx;
|
||||
@ -1768,7 +1826,7 @@ export default {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
.noticeBox{
|
||||
max-width: 60%;
|
||||
max-width: 80%;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
padding: 5px 10px;
|
||||
@ -1812,29 +1870,6 @@ export default {
|
||||
line-height: 36rpx;
|
||||
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{
|
||||
@ -1868,10 +1903,11 @@ export default {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
.noticeBox{
|
||||
max-width: 60%;
|
||||
max-width: 80%;
|
||||
position: absolute;
|
||||
right: 0;top: 0;
|
||||
display: inline-block;
|
||||
white-space: pre-wrap;
|
||||
padding: 5px 10px;
|
||||
background: #fff;
|
||||
border-radius: 10rpx;
|
||||
@ -2004,7 +2040,7 @@ export default {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
.noticeBox{
|
||||
max-width: 60%;
|
||||
max-width: 100%;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
padding: 5px 10px;
|
||||
@ -2122,7 +2158,7 @@ export default {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
.noticeBox{
|
||||
max-width: 60%;
|
||||
max-width: 70%;
|
||||
position: absolute;
|
||||
right: 0;top: 0;
|
||||
display: inline-block;
|
||||
@ -2178,7 +2214,7 @@ export default {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
.noticeBox{
|
||||
max-width: 60%;
|
||||
max-width: 80%;
|
||||
position: absolute;
|
||||
right: 0;top: 0;
|
||||
display: inline-block;
|
||||
@ -2206,7 +2242,7 @@ export default {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
.noticeBox{
|
||||
max-width: 60%;
|
||||
max-width: 80%;
|
||||
position: absolute;
|
||||
right: 0;top: 0;
|
||||
display: inline-block;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user