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-24 19:43:03 +08:00
parent 959609349c
commit e222148716
7 changed files with 3627 additions and 164 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

157
pages/operatingStatements/index.vue
View File

@ -1,5 +1,6 @@
<template>
<view class="page-body">
<view class="meng" v-if="showNotice" @click="handleShowNotice"></view>
<!-- 日期筛选 -->
<div class="ai-center screen-box" style="padding-bottom: 8rpx">
<!-- <view class="searchBtn" @click="handleSelect">查询筛选</view>-->
@ -89,6 +90,7 @@
<view class="text" v-if="SettlementModeValue!==0">{{`结算模式: ${SettlementModeList.filter(item=> item.value===SettlementModeValue)[0].label}`}}</view>
</div>
<div v-else>
<span class="text" style="color: red">温馨提示：模糊查询不支持选择经营方法/结算方式</span>
<div v-for="(item,index) in pageData.msg.SearchResult" :key="index">
<span class="text" v-for="(subItem,subIndex) in item" :key="subIndex">
<span class="text" style="color:red" v-if="item.length>1 && subItem.indexOf('：')===-1">{{searchText}}</span>
@ -179,12 +181,12 @@
</view>
<uni-popup ref="popup" type="bottom" style="background: #fff" :maskClick="false">
<uni-popup ref="popup" type="bottom" style="background: #fff" :maskClick="handleChangePopupMask">
<div class="popupBox" style="box-sizing:border-box;height: 430px">
<div style="display: flex;align-items: center;justify-content: space-between">
<text class="title">查询配置</text>
<img src="/static/images/recons/delete.svg" alt="" class="delete" @click="handleClosePopup">
</div>
<!-- <div style="display: flex;align-items: center;justify-content: space-between">-->
<!-- <text class="title">查询配置</text>-->
<!-- <img src="/static/images/recons/delete.svg" alt="" class="delete" @click="handleClosePopup">-->
<!-- </div>-->
<div class="popupContent">
<div class="search_box">
<img src="/static/images/recons/search_icon.svg" alt="" class="search_icon">
@ -202,7 +204,19 @@
<view class="timeList">
<view :class="BusinessTypeValue===item.value?'timeItem timeSelectItem':'timeItem'" v-for="(item,index) in BusinessTypeList" :key="index" @click="handleChangeBusiness(item.value)">{{item.label}}</view>
</view>
<view class="popupTitle">结算模式</view>
<view class="popupTitle" style="display: flex;position: relative;align-items: center">
<span class="title">结算模式</span>
<view class="notice" @click="handleShowNotice">?
<view class="noticeBox" v-if="showNotice" :style="{left: '10%',top:'20px'}">
<span class="noticeText">营收回款：经营模式为商家收款，商家按月/季度/半年/年度模式返款给驿达</span>
<span class="noticeText">资金返款：经营模式为驿达收款，驿达按月/季度/半年/年度模式打款给商家</span>
<span class="noticeText">营收分润：经营模式为单个业态使用“移动支付分账”模式，移动支付交易按照七三分成的模式，营收达到保底后按照合同约定的提成比例进行分成</span>
<span class="noticeText">组合分润：经营模式为多个业态使用“移动支付分账”模式，移动支付交易按照七三分成的模式，营收达到保底后按照合同约定的提成比例进行分成</span>
<span class="noticeText">阶段提成：经营模式为合作分成，根据营业额的高低，提成比例会进行阶段性的变化</span>
</view>
</view>
</view>
<view class="timeList">
<view :class="SettlementModeValue===item.value?'timeItem timeSelectItem':'timeItem'" v-for="(item,index) in SettlementModeList" :key="index" @click="handleChangeSettlement(item.value)">{{item.label}}</view>
</view>
@ -284,12 +298,21 @@
selectTimeOther:false,
timePopup:false,
searchTimePopup: [null,null],
showNotice:false
}
},
computed:{
...mapState({'ProvinceCode':(state)=>{return state.userData.ProvinceCode}}),
},
methods: {
// 结算模式
handleShowNotice(){
this.showNotice = !this.showNotice
},
// 查询配置框 点击蒙层关闭
handleChangePopupMask(e){
console.log('e',e)
},
// 自定义时间选框里面的选择
handleChangeTimePopup(e,index){
console.log('e',e)
@ -329,6 +352,27 @@
handleChangeTime(value){
this.selectTimeOther = false
this.selectTime = value
let endTime
let startTime
let searchTime
if (this.selectTime===1){
endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
startTime = moment().subtract(7, 'day').format('YYYY-MM-DD')
searchTime = [startTime,endTime]
}else if(this.selectTime===2){
endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
startTime = moment().subtract(30, 'day').format('YYYY-MM-DD')
searchTime = [startTime,endTime]
}else if(this.selectTime===3){
endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
startTime = moment().subtract(90, 'day').format('YYYY-MM-DD')
searchTime = [startTime,endTime]
}else if(this.selectTime===4){
endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
startTime = moment().subtract(180, 'day').format('YYYY-MM-DD')
searchTime = [startTime,endTime]
}
this.pageData.searchTime = searchTime
},
async handleEnumeration(text){
const req ={
@ -404,32 +448,32 @@
mask:true
})
let _this = this
let searchTime
let searchTime = this.pageData.searchTime
if(this.selectTime){
console.log('selectTime',this.selectTime)
let startTime;
let endTime;
if (this.selectTime===1){
endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
startTime = moment().subtract(7, 'day').format('YYYY-MM-DD')
searchTime = [startTime,endTime]
}else if(this.selectTime===2){
endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
startTime = moment().subtract(30, 'day').format('YYYY-MM-DD')
searchTime = [startTime,endTime]
}else if(this.selectTime===3){
endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
startTime = moment().subtract(90, 'day').format('YYYY-MM-DD')
searchTime = [startTime,endTime]
}else if(this.selectTime===3){
endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
startTime = moment().subtract(180, 'day').format('YYYY-MM-DD')
searchTime = [startTime,endTime]
}
}else{
searchTime = this.pageData.searchTime
}
// if(this.selectTime){
// console.log('selectTime',this.selectTime)
// let startTime;
// let endTime;
// if (this.selectTime===1){
// endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
// startTime = moment().subtract(7, 'day').format('YYYY-MM-DD')
// searchTime = [startTime,endTime]
// }else if(this.selectTime===2){
// endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
// startTime = moment().subtract(30, 'day').format('YYYY-MM-DD')
// searchTime = [startTime,endTime]
// }else if(this.selectTime===3){
// endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
// startTime = moment().subtract(90, 'day').format('YYYY-MM-DD')
// searchTime = [startTime,endTime]
// }else if(this.selectTime===3){
// endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
// startTime = moment().subtract(180, 'day').format('YYYY-MM-DD')
// searchTime = [startTime,endTime]
// }
// }else{
// searchTime = this.pageData.searchTime
// }
let searchName = ''
this.checkBoxValue.forEach(item=>{
if (searchName){
@ -539,7 +583,13 @@
.page-body {
padding-bottom: 80rpx;
}
.meng{
width: 100vw;
height: 100vh;
position: fixed;
top: 0;left: 0;
z-index: 101;
}
.search_box {
position: relative;
width: 558rpx;
@ -587,6 +637,7 @@
background: #fff;
box-sizing: border-box;
padding: 24rpx;
position: relative;
.popupContent{
margin-top: 24rpx;
.search_box {
@ -623,16 +674,50 @@
font-weight: bold;
line-height: 40rpx;
margin-top: 24rpx;
.title{
font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: bold;
line-height: 40rpx;
}
.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: 500;
.noticeBox{
max-width: 80%;
position: absolute;
top: 15px;
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:100;
transform: translateY(-100%);
.noticeText{
display: block;
}
}
}
}
.timeList{
width: 100%;
display: flex;
align-items: center;
flex-flow: wrap;
justify-content: space-between;
padding: 12rpx 0;
.timeItem{
width: 22%;
margin-right: 3%;
box-sizing: border-box;
text-align: center;
background: #ffffff;
@ -662,13 +747,17 @@
padding: 30rpx 0;
}
.btn{
position: absolute;
width: calc(100% - 48px);
margin-left: 24px;
//margin-left: 24px;
padding: 15rpx 0;
text-align: center;
border-radius: 16rpx;
color:#fff;
background: #0A98D5;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
}
::v-deep.vue-ref{

139
pages/revenue/component/proportionCharts.vue Normal file
View File

@ -0,0 +1,139 @@
<template>
<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>
<script>
import uCharts from '@/components/u-charts.js';
var uChartsInstance = {};
export default {
name: "ProportionCharts",
data() {
return {
preferPath:'',
showImg:false,
hide:true
}
},
props: {
dataList:{
type: Array,
default:[]
},
colorList:{
type: Array,
default:[]
},
name:{
type: String,
default: ''
}
},
watch: {
dataList: {
handler(value) {
this.hide = true
this.preferPath = ''
if (value && value.length===2){
let first = value[0]
let second = value[1]
let res = {
series:[{
data:[{name:'自营收入',value:first},{name:'其他收入',value:second}]
}]
}
this.drawCharts(this.name,res)
}
},
immediate:true
},
preferPath:{
handler(value){
if (value){
this.showImg = true
}else{
this.showImg = false
}
},
immediate:true
}
},
methods: {
drawCharts(id, data) {
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: _this.colorList,
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"
}
}
});
setTimeout( ()=>{
this.canvasToTempImage(this.name)
},500)
}
},
canvasToTempImage(id){
uni.canvasToTempFilePath({
canvasId:id,
complete:(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.hide = false
}
})
}
}
},this)
},
}
}
</script>
<style lang="scss" scoped>
.main{
width: 68rpx;
height: 68rpx;
.month{
width: 68rpx;
height: 68rpx;
}
}
</style>

572
pages/revenue/data.js
View File

@ -94,6 +94,35 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '服务区',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '城市店',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '批发团购及通道费',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// 按年度计划数值排序
],
},
{
@ -188,6 +217,35 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '服务区',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '客房',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '城市店',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// 按年度计划数值排序
]
}
],
@ -365,6 +423,62 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '汽修',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '汽车服务中心',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '加油站',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '充电桩',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '商铺',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '广告位',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// 按年度计划数值排序
],
},
{
@ -459,6 +573,35 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '物业管理',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '受托代管',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '管理补贴',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// 按年度计划数值排序
]
},
{
@ -563,6 +706,35 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '服务区',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '城市店',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '批发团购及通道费',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// // 按年度计划数值排序
],
},
{
@ -657,6 +829,35 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '服务区',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '客房',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '城市店',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// // 按年度计划数值排序
]
}
],
@ -834,6 +1035,62 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '汽修',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '汽车服务中心',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '加油站',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '充电桩',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '商铺',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '广告位',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// // 按年度计划数值排序
],
},
{
@ -928,6 +1185,35 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '物业管理',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '受托代管',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '管理补贴',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// 按年度计划数值排序
]
},
{
@ -1032,6 +1318,35 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '服务区',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '城市店',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '批发团购及通道费',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// 按年度计划预算数值排序
],
},
{
@ -1126,6 +1441,35 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '服务区',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '客房',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '城市店',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// 按年度计划预算数值排序
]
}
],
@ -1303,6 +1647,62 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '汽修',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '汽车服务中心',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '加油站',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '充电桩',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '商铺',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '广告位',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// 按年度计划预算数值排序
],
},
{
@ -1397,6 +1797,35 @@ const data = [
accumulateExecute: '-',// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '物业管理',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '受托代管',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
{
name: '管理补贴',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: '-',// 累计执行 万元
},
],// 按年度计划预算数值排序
]
},
{
@ -1502,6 +1931,35 @@ const data = [
accumulateExecute: 268.09,// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '服务区',
monthRate: 169.21,// 本月完成进度占比
accumulateRate: 93.13,// 累计完成进度占比
budgetMonth: 2202.60,// 本月预算 万元
budgetYear: 3915.90,// 年度预算 万元
monthExecute: 3726.98,// 本月执行 万元
accumulateExecute: 3726.98,// 累计执行 万元
},
{
name: '城市店',
monthRate: 82.55,// 本月完成进度占比
accumulateRate: 50.69,// 累计完成进度占比
budgetMonth: 642.30,// 本月预算 万元
budgetYear: 619.60,// 年度预算 万元
monthExecute: 530.25,// 本月执行 万元
accumulateExecute: 314.10,// 累计执行 万元
},
{
name: '批发团购及通道费',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: 159.49,// 本月执行 万元
accumulateExecute: 268.09,// 累计执行 万元
},
],// 按年度计划数值排序
],
},
{
@ -1596,6 +2054,35 @@ const data = [
accumulateExecute: 83.39,// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '服务区',
monthRate: 169.21,// 本月完成进度占比
accumulateRate: 93.13,// 累计完成进度占比
budgetMonth: 531.00,// 本月预算 万元
budgetYear: 8419.00,// 年度预算 万元
monthExecute: 1126.26,// 本月执行 万元
accumulateExecute: 8138.60,// 累计执行 万元
},
{
name: '客房',
monthRate: null,// 本月完成进度占比
accumulateRate: 130.39,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: 40.00,// 年度预算 万元
monthExecute: 4.47,// 本月执行 万元
accumulateExecute: 52.16,// 累计执行 万元
},
{
name: '城市店',
monthRate: null,// 本月完成进度占比
accumulateRate: null,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: '-',// 年度预算 万元
monthExecute: 23.39,// 本月执行 万元
accumulateExecute: 83.39,// 累计执行 万元
},
],// 按年度计划预算数值排序
]
}
],
@ -1774,6 +2261,62 @@ const data = [
accumulateExecute: 23.87,// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '商铺',
monthRate: 65.04,// 本月完成进度占比
accumulateRate: 68.69,// 累计完成进度占比
budgetMonth: 1950.00,// 本月预算 万元
budgetYear: 17236.00,// 年度预算 万元
monthExecute: 1268.22,// 本月执行 万元
accumulateExecute: 11838.75,// 累计执行 万元
},
{
name: '充电桩',
monthRate: 94.75,// 本月完成进度占比
accumulateRate: 88.81,// 累计完成进度占比
budgetMonth: 97.00,// 本月预算 万元
budgetYear: 1063.00,// 年度预算 万元
monthExecute: 91.91,// 本月执行 万元
accumulateExecute: 944.06,// 累计执行 万元
},
{
name: '汽车服务中心',
monthRate: 99.86,// 本月完成进度占比
accumulateRate: 83.28,// 累计完成进度占比
budgetMonth: 78.40,// 本月预算 万元
budgetYear: 940.00,// 年度预算 万元
monthExecute: 78.29,// 本月执行 万元
accumulateExecute: 782.87,// 累计执行 万元
},
{
name: '汽修',
monthRate: 114.43,// 本月完成进度占比
accumulateRate: 88.62,// 累计完成进度占比
budgetMonth: 32.00,// 本月预算 万元
budgetYear: 481.00,// 年度预算 万元
monthExecute: 36.62,// 本月执行 万元
accumulateExecute: 381.92,// 累计执行 万元
},
{
name: '加油站',
monthRate: 99.21,// 本月完成进度占比
accumulateRate: 71.12,// 累计完成进度占比
budgetMonth: 11.20,// 本月预算 万元
budgetYear: 171.00,// 年度预算 万元
monthExecute: 11.11,// 本月执行 万元
accumulateExecute: 121.62,// 累计执行 万元
},
{
name: '广告位',
monthRate: null,// 本月完成进度占比
accumulateRate: 47.75,// 累计完成进度占比
budgetMonth: 6.60,// 本月预算 万元
budgetYear: 50.00,// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: 23.87,// 累计执行 万元
},
],// 按年度计划预算数值排序
],
},
{
@ -1868,6 +2411,35 @@ const data = [
accumulateExecute: -120.89,// 累计执行 万元
},
],// 按本月完成进度占比数排序
[
{
name: '物业管理',
monthRate: 91.13,// 本月完成进度占比
accumulateRate: 80.72,// 累计完成进度占比
budgetMonth: 478.00,// 本月预算 万元
budgetYear: 5416.00,// 年度预算 万元
monthExecute: 435.61,// 本月执行 万元
accumulateExecute: 4371.81,// 累计执行 万元
},
{
name: '管理补贴',
monthRate: null,// 本月完成进度占比
accumulateRate: -15.92,// 累计完成进度占比
budgetMonth: '-',// 本月预算 万元
budgetYear: 758.00,// 年度预算 万元
monthExecute: '-',// 本月执行 万元
accumulateExecute: -120.89,// 累计执行 万元
},
{
name: '受托代管',
monthRate: 47.97,// 本月完成进度占比
accumulateRate: 310.40,// 累计完成进度占比
budgetMonth: 88.50,// 本月预算 万元
budgetYear: 171.00,// 年度预算 万元
monthExecute: 42.45,// 本月执行 万元
accumulateExecute: 530.78,// 累计执行 万元
},
],// 按年度计划预算数值排序
]
},
{

2477
pages/revenue/expenditureData.js
View File

File diff suppressed because it is too large Load Diff

5
pages/revenue/expenditureDetail.vue
View File

@ -193,7 +193,10 @@ export default {
number:0,
pageTab:[{label:'运营成本',value:1},{label:'管理费用',value:2},{label:'销售费用',value:3},{label:'财务费用',value:4}],
selectTab:1,
typeList:[{label:'按告警情况排序',value:0},{label:'按累计完成进度占比数排序',value:1},{label:'按本月完成进度占比数排序',value:2}],
typeList:[{label:'按告警情况排序',value:0},
{label:'按累计完成进度占比数排序',value:1},
{label:'按本月完成进度占比数排序',value:2},
{label:'按年度计划预算数值排序',value:3}],
typeValue: 2,
pageData: {},// 页面数据
pageList: [],// 页面遍历的数据

15
pages/revenue/incomeDetail.vue
View File

@ -39,14 +39,14 @@
<span class="noticeLabel">本月预算:</span>
<span class="noticeValue">{{subItem.budgetMonth||'-'}}万元</span>
</view>
<view class="noticeItem">
<span class="noticeLabel">年度预算:</span>
<span class="noticeValue">{{subItem.budgetYear||'-'}}万元</span>
</view>
<view class="noticeItem">
<span class="noticeLabel">本月执行:</span>
<span class="noticeValue">{{subItem.monthExecute||'-'}}万元</span>
</view>
<view class="noticeItem">
<span class="noticeLabel">年度预算:</span>
<span class="noticeValue">{{subItem.budgetYear||'-'}}万元</span>
</view>
<view class="noticeItem">
<span class="noticeLabel">累计执行:</span>
<span class="noticeValue">{{subItem.accumulateExecute||'-'}}万元</span>
@ -114,8 +114,11 @@ export default {
number:0,
pageTab:[{label:'自营收入',value:1},{label:'其他收入',value:2}],
selectTab: 0,
typeList:[{label:'按告警情况排序',value:0},{label:'按累计完成进度占比数排序',value:1},{label:'按本月完成进度占比数排序',value:2}],
typeValue: 2,
typeList:[{label:'按告警情况排序',value:0},
{label:'按累计完成进度占比数排序',value:1},
{label:'按本月完成进度占比数排序',value:2},
{label:'按年度计划预算数值排序',value:3}],
typeValue: 3,
pageData: {},// 页面数据
pageList: [],// 页面遍历的数据
single:'', // 时间选择器选择的时间

426
pages/revenue/index.vue
View File

@ -48,17 +48,17 @@
<view class="moneyBox">
<view class="moneyItem">
<view class="itemTop">
<view class="itemChart">
<!-- <YearCharts :success="pageDetail.monthAmount.CostInRate"/>-->
<YearCharts :success="currentResult.costRatio || 0" :name="'costRatio'+index" />
</view>
<view class="itemMessage">
<!-- <text class="itemRate">{{ `${pageDetail.monthAmount.CostInRate||''}%` }}</text>-->
<text class="itemRate">{{ `${currentResult.costRatio||'-'}%` }}</text>
<view class="itemLabel">成本比</view>
</view>
</view>
<!-- <view class="itemTop">-->
<!-- <view class="itemChart">-->
<!-- &lt;!&ndash; <YearCharts :success="pageDetail.monthAmount.CostInRate"/>&ndash;&gt;-->
<!-- <YearCharts :success="currentResult.costRatio || 0" :name="'costRatio'+index" />-->
<!-- </view>-->
<!-- <view class="itemMessage">-->
<!-- &lt;!&ndash; <text class="itemRate">{{ `${pageDetail.monthAmount.CostInRate||''}%` }}</text>&ndash;&gt;-->
<!-- <text class="itemRate">{{ `${currentResult.costRatio||'-'}%` }}</text>-->
<!-- <view class="itemLabel">成本比</view>-->
<!-- </view>-->
<!-- </view>-->
<view class="successBox">
<view class="successBoxItem">
<!-- <text class="successNumber">{{ pageDetail.monthAmount.ThisMonthIn?$util.fmoney(pageDetail.monthAmount.ThisMonthIn / 10000,2):'' }}</text>-->
@ -67,6 +67,13 @@
<text class="successUnit">/万元</text>
</view>
</view>
<view class="successBoxItem" style="margin-top: 12rpx">
<!-- <text class="successNumber">{{ pageDetail.monthAmount.ThisMonthIn?$util.fmoney(pageDetail.monthAmount.ThisMonthIn / 10000,2):'' }}</text>-->
<text class="successNumber">{{ currentResult.inComeThisYear||'-' }}</text>
<view class="successTime">累计收入
<text class="successUnit">/万元</text>
</view>
</view>
<view class="successBoxItem" style="margin-top: 12rpx">
<!-- <text class="successNumber" style="color: #E83944">{{-->
<!-- `${pageDetail.monthAmount.IncomeChangeRate>0?'+':pageDetail.monthAmount.IncomeChangeRate<0?'-':''}${pageDetail.monthAmount.IncomeChangeRate||''}%`-->
@ -81,17 +88,17 @@
</view>
<view class="moneyItem">
<view class="itemTop">
<view class="itemChart">
<!-- <YearCharts :success="pageDetail.monthAmount.InOutRate"/>-->
<YearCharts :success="currentResult.expendRatio || 0" :name="'expendRatio'+index" />
</view>
<view class="itemMessage">
<!-- <text class="itemRate">{{`${pageDetail.monthAmount.InOutRate||''}%`}}</text>-->
<text class="itemRate">{{`${currentResult.expendRatio||'-'}%`}}</text>
<view class="itemLabel">支出比</view>
</view>
</view>
<!-- <view class="itemTop">-->
<!-- <view class="itemChart">-->
<!-- &lt;!&ndash; <YearCharts :success="pageDetail.monthAmount.InOutRate"/>&ndash;&gt;-->
<!-- <YearCharts :success="currentResult.expendRatio || 0" :name="'expendRatio'+index" />-->
<!-- </view>-->
<!-- <view class="itemMessage">-->
<!-- &lt;!&ndash; <text class="itemRate">{{`${pageDetail.monthAmount.InOutRate||''}%`}}</text>&ndash;&gt;-->
<!-- <text class="itemRate">{{`${currentResult.expendRatio||'-'}%`}}</text>-->
<!-- <view class="itemLabel">支出比</view>-->
<!-- </view>-->
<!-- </view>-->
<view class="successBox">
<view class="successBoxItem">
<!-- <text class="successNumber">{{ $util.fmoney(pageDetail.monthAmount.ThisMonthOut/10000,2) }}</text>-->
@ -100,7 +107,14 @@
本月支出
<text class="successUnit">/万元</text>
</view>
</view>
<view class="successBoxItem" style="margin-top: 12rpx">
<!-- <text class="successNumber">{{ $util.fmoney(pageDetail.monthAmount.ThisMonthOut/10000,2) }}</text>-->
<text class="successNumber">{{ currentResult.expenditureThisYear || '-' }}</text>
<view class="successTime">
累计支出
<text class="successUnit">/万元</text>
</view>
</view>
<view class="successBoxItem" style="margin-top: 12rpx">
<!-- <text class="successNumber" style="color: #E83944">{{-->
@ -133,6 +147,8 @@
<view>利润总额完成率=本年累计/年度预算<br/>{{ `(${currentResult.profitThisYearReal||'-'} / ${currentResult.profitBudgetThisYearReal||'-'})` }}</view>
<view>净利润完成度=本年净利润/净利润预算<br/>{{ `(${currentResult.thisYearNetProfitReal||'-'} / ${currentResult.thisYearNetProfitBudgetReal||'-'})` }}</view>
<view>净利润预算=年度预算-年度预计所得税费用{{`(${currentResult.profitBudgetThisYearReal||'-'} / ${currentResult.profitBudgetThisYearReal - currentResult.thisYearNetProfitBudgetReal})`}}</view>
<view>本年净利润=本年累计-本年累计所得税{{`(${currentResult.profitThisYearReal||'-'} / ${currentResult.profitThisYearReal - currentResult.thisYearNetProfitReal})`}}</view>
</view>
</view>
</view>
@ -155,7 +171,7 @@
<view class="yearItem">
<!-- <view class="itemValue">{{$util.fmoney(pageDetail.yearProfit.ThisYearTotal/10000,2)}}</view>-->
<view class="itemValue">{{ currentResult.profitThisYear||'-' }}</view>
<text class="itemLabel">本年累计<text class="itemUnit">/万元</text></text>
<text class="itemLabel">含税累计<text class="itemUnit">/万元</text></text>
</view>
<view class="yearItem">
@ -178,7 +194,7 @@
<view class="yearItem">
<!-- <view class="itemValue">{{$util.fmoney(pageDetail.yearProfit.ThisYearTotalC/10000,2)}}</view>-->
<view class="itemValue">{{currentResult.thisYearNetProfit||'-'}}</view>
<text class="itemLabel">本年净利润<text class="itemUnit">/万元</text></text>
<text class="itemLabel">除税净利润<text class="itemUnit">/万元</text></text>
</view>
<view class="yearItem">
@ -291,44 +307,64 @@
</view>
<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'"/>
<!-- <text class="numberValue" style="color: #FE7500">{{`${pageDetail.Income.CompleteRate||''}%`}}</text>-->
<text class="numberValue" style="color: #FE7500">{{`${currentResult.inComeSuccess || '-'}%`}}</text>
</view>
<view class="rightBox">
<view class="rightBoxTop">
<view class="itemTop">
<!-- <text class="itemTopValue">{{ $util.fmoney(pageDetail.Income.ThisYearTotal/10000,2) }}</text>-->
<text class="itemTopValue">{{ currentResult.inComeThisYear || '' }}</text>
<view class="itemTopTitle" style="display: flex;align-items: center">
本年累计
<text class="itemTopUnit">/万元</text>
<view class="leftCharts" >
<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>
<view class="rightBox">
<view class="rightBoxTop">
<view class="itemTop">
<!-- <text class="itemTopValue">{{ $util.fmoney(pageDetail.Income.ThisYearTotal/10000,2) }}</text>-->
<text class="itemTopValue">{{ currentResult.inComeThisYear || '' }}</text>
<view class="itemTopTitle" style="display: flex;align-items: center">
本年累计
<text class="itemTopUnit">/万元</text>
</view>
</view>
<view class="itemRateBox">
<!-- <view class="addRate">{{`${pageDetail.Income.CostRate||''}%`}}</view>-->
<view class="addRate">{{`${currentResult.thisYearCostRatio || '-'}%`}}</view>
<view class="rateText" style="display: flex;align-items: center">成本比</view>
</view>
</view>
<view class="itemRateBox">
<!-- <view class="addRate">{{`${pageDetail.Income.CostRate||''}%`}}</view>-->
<view class="addRate">{{`${currentResult.thisYearCostRatio || '-'}%`}}</view>
<view class="rateText" style="display: flex;align-items: center">成本比</view>
<view class="rightBoxTop" style="margin-top: 32rpx">
<view class="itemTop">
<!-- <text class="itemTopValue">{{$util.fmoney(pageDetail.Income.ThisYearBudget/10000,2)}}</text>-->
<text class="itemTopValue">{{ currentResult.thisYearInComeBudget||'-' }}</text>
<view class="itemTopTitle" style="display: flex;align-items: center">
年度预算
<text class="itemTopUnit">/万元</text>
</view>
</view>
<view class="itemRateBox">
<!-- <view class="addRate">{{`${pageDetail.Income.IncomeChangeRate>0?'+':pageDetail.Income.IncomeChangeRate<0?'-':''}${pageDetail.Income.IncomeChangeRate||''}%`}}</view>-->
<view class="addRate">{{`${currentResult.thisYearInComeYOY||'-'}%`}}</view>
<view class="rateText" style="display: flex;align-items: center">同比</view>
</view>
</view>
</view>
<view class="rightBoxTop" style="margin-top: 32rpx">
<view class="itemTop">
<!-- <text class="itemTopValue">{{$util.fmoney(pageDetail.Income.ThisYearBudget/10000,2)}}</text>-->
<text class="itemTopValue">{{ currentResult.thisYearInComeBudget||'-' }}</text>
<view class="itemTopTitle" style="display: flex;align-items: center">
年度预算
<text class="itemTopUnit">/万元</text>
</view>
</view>
<view class="itemRateBox">
<!-- <view class="addRate">{{`${pageDetail.Income.IncomeChangeRate>0?'+':pageDetail.Income.IncomeChangeRate<0?'-':''}${pageDetail.Income.IncomeChangeRate||''}%`}}</view>-->
<view class="addRate">{{`${currentResult.thisYearInComeYOY||'-'}%`}}</view>
<view class="rateText" style="display: flex;align-items: center">同比</view>
</view>
</view>
<view class="inComeRateBox">
<view class="inComeRate">
<view class="owner" :style="{background:'#FC7909',left: 0,width:`${(currentResult.selfThisYearRealNumber / (currentResult.selfThisYearRealNumber + currentResult.otherThisYearRealNumber))*100}%`}"></view>
<view class="otherRate" :style="{background:'#F9DCC2',right: 0,width:`${(currentResult.otherThisYearRealNumber / (currentResult.selfThisYearRealNumber + currentResult.otherThisYearRealNumber))*100}%`}"></view>
</view>
<view class="rateType">
<view class="rateItem">
<view class="rateColor" style="background: #FC7909"></view>
<span class="rateText">自营收入</span>
</view>
<view class="rateItem">
<view class="rateColor" style="background: #F9DCC2"></view>
<span class="rateText">其他收入</span>
</view>
</view>
</view>
<!-- <view class="proportion">-->
<!-- <ProportionCharts :dataList="[currentResult.selfThisYear||0,currentResult.otherThisYear||0]" :colorList="['#FC7909', '#F9DCC2']" name="proportionCharts"/>-->
<!-- </view>-->
</view>
<view class="itemDetailSubtotal">
<view class="itemSmallBox">
@ -400,33 +436,33 @@
</view>
</view>
<view class="smallSum">
<view class="smallSumItem">
<view class="smallSumLeft">
<view class="smallSumItemBox"></view>
<text class="smallTitle">{{ '便利店' }}</text>
</view>
<!-- <view class="smallSum">-->
<!-- <view class="smallSumItem">-->
<!-- <view class="smallSumLeft">-->
<!-- <view class="smallSumItemBox"></view>-->
<!-- <text class="smallTitle">{{ '便利店' }}</text>-->
<!-- </view>-->
<view class="smallSumRight" style="display: flex;align-items: center">
<text class="successText" style="margin-left: 4rpx">完成率</text>
<!-- <text class="successValue">{{ `${subItem.CompleteRate||''}%`}}</text>-->
<text class="successValue">{{ `${currentResult.selfStoreRate||'-'}%`}}</text>
</view>
</view>
<!-- <view class="smallSumRight" style="display: flex;align-items: center">-->
<!-- <text class="successText" style="margin-left: 4rpx">完成率</text>-->
<!--&lt;!&ndash; <text class="successValue">{{ `${subItem.CompleteRate||''}%`}}</text>&ndash;&gt;-->
<!-- <text class="successValue">{{ `${currentResult.selfStoreRate||'-'}%`}}</text>-->
<!-- </view>-->
<!-- </view>-->
<view class="smallSumItem" >
<view class="smallSumLeft" style="display: flex;align-items: center">
<view class="smallSumItemBox"></view>
<text class="smallTitle">{{'餐饮及客房'}}</text>
</view>
<!-- <view class="smallSumItem" >-->
<!-- <view class="smallSumLeft" style="display: flex;align-items: center">-->
<!-- <view class="smallSumItemBox"></view>-->
<!-- <text class="smallTitle">{{'餐饮及客房'}}</text>-->
<!-- </view>-->
<view class="smallSumRight" style="display: flex;align-items: center">
<text class="successText" style="margin-left: 4rpx">完成率</text>
<!-- <text class="successValue">{{ `${item.FilialeCompleteRate ||''}%`}}</text>-->
<text class="successValue">{{ `${currentResult.selfRoomRate||'-'}%`}}</text>
</view>
</view>
</view>
<!-- <view class="smallSumRight" style="display: flex;align-items: center">-->
<!-- <text class="successText" style="margin-left: 4rpx">完成率</text>-->
<!--&lt;!&ndash; <text class="successValue">{{ `${item.FilialeCompleteRate ||''}%`}}</text>&ndash;&gt;-->
<!-- <text class="successValue">{{ `${currentResult.selfRoomRate||'-'}%`}}</text>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
</view>
<view class="itemSmallBox">
@ -499,31 +535,31 @@
</view>
</view>
<view class="smallSum">
<view class="smallSumItem">
<view class="smallSumLeft">
<view class="smallSumItemBox"></view>
<text class="smallTitle">{{ '场地租赁' }}</text>
</view>
<!-- <view class="smallSum">-->
<!-- <view class="smallSumItem">-->
<!-- <view class="smallSumLeft">-->
<!-- <view class="smallSumItemBox"></view>-->
<!-- <text class="smallTitle">{{ '场地租赁' }}</text>-->
<!-- </view>-->
<view class="smallSumRight" style="display: flex;align-items: center">
<text class="successText" style="margin-left: 4rpx">完成率</text>
<text class="successValue">{{ `${currentResult.leaseRate|| '-'}%`}}</text>
</view>
</view>
<!-- <view class="smallSumRight" style="display: flex;align-items: center">-->
<!-- <text class="successText" style="margin-left: 4rpx">完成率</text>-->
<!-- <text class="successValue">{{ `${currentResult.leaseRate|| '-'}%`}}</text>-->
<!-- </view>-->
<!-- </view>-->
<view class="smallSumItem">
<view class="smallSumLeft" style="display: flex;align-items: center">
<view class="smallSumItemBox"></view>
<text class="smallTitle">物业及受托代管</text>
</view>
<!-- <view class="smallSumItem">-->
<!-- <view class="smallSumLeft" style="display: flex;align-items: center">-->
<!-- <view class="smallSumItemBox"></view>-->
<!-- <text class="smallTitle">物业及受托代管</text>-->
<!-- </view>-->
<view class="smallSumRight" style="display: flex;align-items: center">
<text class="successText" style="margin-left: 4rpx">完成率</text>
<text class="successValue">{{ `${currentResult.propertyRate|| '-'}%`}}</text>
</view>
</view>
</view>
<!-- <view class="smallSumRight" style="display: flex;align-items: center">-->
<!-- <text class="successText" style="margin-left: 4rpx">完成率</text>-->
<!-- <text class="successValue">{{ `${currentResult.propertyRate|| '-'}%`}}</text>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
</view>
</view>
</view>
@ -552,8 +588,8 @@
<!-- </view> -->
<view class="itemRateBox">
<!-- <view class="addRate">{{`${pageDetail.Cost.InOutRate||''}%` }}</view>-->
<view class="addRate">{{`${currentResult.expenditureOutRatio}%` }}</view>
<view class="rateText">支出比</view>
<!-- <view class="addRate">{{`${currentResult.expenditureOutRatio}%` }}</view>
<view class="rateText">支出比</view> -->
</view>
</view>
<view class="rightBoxTop" style="margin-top: 16px">
@ -570,6 +606,33 @@
</view>
</view>
</view>
<view class="expenditureRateBox">
<view class="expenditureRate">
<view class="first" :style="{left:0,width: outFirst+'%',background:'#1679FF'}"></view>
<view class="second" :style="{left:outFirst+'%',width: outSecond+'%',background:'#E7F1FF'}"></view>
<view class="third" :style="{left:(outFirst + outSecond)+'%',width: outThird+'%',background:'#D5E6FD'}"></view>
<view class="fourth" :style="{left:(outFirst + outSecond + outThird)+'%',width: outFourth+'%',background:'grey'}"></view>
</view>
<view class="rateType">
<view class="rateItem">
<view class="rateColor" style="background: #1679FF"></view>
<span class="rateText">营业成本</span>
</view>
<view class="rateItem">
<view class="rateColor" style="background: #E7F1FF"></view>
<span class="rateText">销售费用</span>
</view>
<view class="rateItem">
<view class="rateColor" style="background: #D5E6FD"></view>
<span class="rateText">管理费用</span>
</view>
<view class="rateItem">
<view class="rateColor" style="background: grey"></view>
<span class="rateText">财务费用</span>
</view>
</view>
</view>
</view>
<view class="itemDetailSubtotal">
<view class="itemSmallBox" v-for="(item,index) in currentResult.outList" :key="index">
@ -790,9 +853,10 @@
<script>
import YearCharts from "./component/yearCharts.vue";
import OtherCharts from './component/otherCharts.vue'
import ProportionCharts from './component/proportionCharts.vue'
import request from '@/util/index.js'
export default {
components:{YearCharts,OtherCharts},
components:{YearCharts,OtherCharts,ProportionCharts},
data(){
return {
windowHeight: null,
@ -881,6 +945,7 @@ export default {
selfRate:71.70,// 自营收入小计完成率
selfThisYear:'33,978.75',// 自营收入小计本年累计
selfThisYearReal:'339,787,552.17',// 自营收入小计本年累计详情
selfThisYearRealNumber:339787552.17,// 自营收入小计本年累计详情
selfThisMonth:'5,070.82',// 自营收入小计本月
selfThisMonthReal:'50,708,267.25',// 自营收入小计本月详情
selfThisYearBudget:'47,392',// 自营收入小计年度预算
@ -891,6 +956,7 @@ export default {
otherRate:'52.97',// 其他收入小计完成率
otherThisYear:'13,397.84',// 其他收入小计本年累计
otherThisYearReal:'133,978,469.54',// 其他收入小计本年累计详情
otherThisYearRealNumber:133978469.54,// 其他收入小计本年累计详情
otherThisMonth:'2,028.58',// 其他收入小计本月
otherThisMonthReal:'20,285,867.69',// 其他收入小计本月详情
otherThisYearBudget:'25,295.00',//其他收入小计年度预算
@ -934,6 +1000,7 @@ export default {
selfRate:83.61,// 自营收入小计完成率
selfThisYear:'44,992.73',// 自营收入小计本年累计
selfThisYearReal:'449,927,347.31',// 自营收入小计本年累计详情
selfThisYearRealNumber:449927347.31,// 自营收入小计本年累计详情
selfThisMonth:'5,084.31',// 自营收入小计本月
selfThisMonthReal:'50,843,071.60',// 自营收入小计本月详情
selfThisYearBudget:'53,814.00',// 自营收入小计年度预算
@ -944,6 +1011,7 @@ export default {
otherRate:'64.46',// 其他收入小计完成率
otherThisYear:'16,910.60',// 其他收入小计本年累计
otherThisYearReal:'16,758,130.53',// 其他收入小计本年累计详情
otherThisYearRealNumber:16758130.53,// 其他收入小计本年累计详情
otherThisMonth:'1,675.81',// 其他收入小计本月
otherThisMonthReal:'169,106,018.63',// 其他收入小计本月详情
otherThisYearBudget:'26,236.00',//其他收入小计年度预算
@ -961,30 +1029,34 @@ export default {
name:'营业成本小计',// 名称
expenditureCostRate:84.13,// 营业成本小计完成率
expenditureCostThisYear:'24,393.60',// 营业成本小计本年累计
expenditureCostThisYearNumber:24393.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',// 营业成本小计本年累计
expenditureCostThisYearNumber:33998.37,// 营业成本小计本年累计
expenditureCostThisMonth:'3,548.00',// 营业成本小计本月累计
expenditureCostThisYearBudget:'45,611.00',// 营业成本小计年度预计
expenditureCostThisRate:'10.44%',// 营业成本小计本月占比
},
{
name:'管理费用小计',// 名称
expenditureCostRate:64.57,// 营业成本小计完成率
expenditureCostThisYear:'2,783.01',// 营业成本小计本年累计
expenditureCostThisYearNumber:2783.01,// 营业成本小计本年累计
expenditureCostThisMonth:'220.00',// 营业成本小计本月累计
expenditureCostThisYearBudget:'4,310.00',// 营业成本小计年度预计
expenditureCostThisRate:'7.91%',// 营业成本小计本月占比
},
{
name:'财务费用小计',// 名称
expenditureCostRate:59.46,// 营业成本小计完成率
expenditureCostThisYear:'437.00',// 营业成本小计本年累计
expenditureCostThisYearNumber:437.00,// 营业成本小计本年累计
expenditureCostThisMonth:'-36.00',// 营业成本小计本月累计
expenditureCostThisYearBudget:'735.00',// 营业成本小计年度预计
expenditureCostThisRate:'-8.24%',// 营业成本小计本月占比
@ -1021,6 +1093,7 @@ export default {
selfRate:93.96,// 自营收入小计完成率
selfThisYear:'50,563.57',// 自营收入小计本年累计
selfThisYearReal:'505,635,722.50',// 自营收入小计本年累计详情
selfThisYearRealNumber:505635722.50,// 自营收入小计本年累计详情
selfThisMonth:'5,570.84',// 自营收入小计本月
selfThisMonthReal:'55,708,375.34',// 自营收入小计本月详情
selfThisYearBudget:'53,814',// 自营收入小计年度预算
@ -1031,6 +1104,7 @@ export default {
otherRate:'71.94',// 其他收入小计完成率
otherThisYear:'18,874.81',// 其他收入小计本年累计
otherThisYearReal:'188,748,102.96',// 其他收入小计本年累计详情
otherThisYearRealNumber:188748102.96,// 其他收入小计本年累计详情
otherThisMonth:'196.21',// 其他收入小计本月
otherThisMonthReal:'19,642,084.33',// 其他收入小计本月详情
otherThisYearBudget:'26,236.00',//其他收入小计年度预算
@ -1048,30 +1122,34 @@ export default {
name:'营业成本小计',// 名称
expenditureCostRate:95.33,// 营业成本小计完成率
expenditureCostThisYear:'27,639.61',// 营业成本小计本年累计
expenditureCostThisYearNumber:27639.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',// 营业成本小计本年累计
expenditureCostThisYearNumber:37736.25,// 营业成本小计本年累计
expenditureCostThisMonth:'3,737.88',// 营业成本小计本月累计
expenditureCostThisYearBudget:'45,611.00',// 营业成本小计年度预计
expenditureCostThisRate:'9.91%',// 营业成本小计本月占比
},
{
name:'管理费用小计',// 名称
expenditureCostRate:75.58,// 营业成本小计完成率
expenditureCostThisYear:'3,257.43',// 营业成本小计本年累计
expenditureCostThisYearNumber:3257.43,// 营业成本小计本年累计
expenditureCostThisMonth:'474.41',// 营业成本小计本月累计
expenditureCostThisYearBudget:'4,310.00',// 营业成本小计年度预计
expenditureCostThisRate:'14.56%',// 营业成本小计本月占比
},
{
name:'财务费用小计',// 名称
expenditureCostRate:60.40,// 营业成本小计完成率
expenditureCostThisYear:'456.00',// 营业成本小计本年累计
expenditureCostThisYearNumber:456.00,// 营业成本小计本年累计
expenditureCostThisMonth:'18.00',// 营业成本小计本月累计
expenditureCostThisYearBudget:'735.00',// 营业成本小计年度预计
expenditureCostThisRate:'3.95%',// 营业成本小计本月占比
@ -1080,6 +1158,11 @@ export default {
}
],// 78910月份的数据
currentResult:{},// 选择的数据
outAll:0,// 选择的月 本年支出累计的和
outFirst:0,// 选择的月 第一个
outSecond:0,// 选择的月 第二个
outThird:0,// 选择的月 第三个
outFourth:0,// 选择的月 第四个
}
},
onLoad(){
@ -1296,6 +1379,15 @@ export default {
this.selectMonth = 2
}
this.currentResult = this.monthResult[this.selectMonth]
let sum = 0
this.currentResult.outList.forEach(item=>{
sum+=item.expenditureCostThisYearNumber
})
this.outAll = sum
this.outFirst = (this.currentResult.outList[0].expenditureCostThisYearNumber/sum)*100
this.outSecond = (this.currentResult.outList[1].expenditureCostThisYearNumber/sum)*100
this.outThird = (this.currentResult.outList[2].expenditureCostThisYearNumber/sum)*100
this.outFourth = (this.currentResult.outList[3].expenditureCostThisYearNumber/sum)*100
this.handleGetData()
},
// 收入合计点击子项出现的悬浮框
@ -1313,6 +1405,15 @@ export default {
this.thisMonth = this.monthList[this.selectMonth]
this.single = `${this.thisYear}-${this.thisMonth<10?'0'+this.thisMonth:this.thisMonth}`
this.currentResult = this.monthResult[this.selectMonth]
let sum = 0
this.currentResult.outList.forEach(item=>{
sum+=item.expenditureCostThisYearNumber
})
this.outAll = sum
this.outFirst = (this.currentResult.outList[0].expenditureCostThisYearNumber/sum)*100
this.outSecond = (this.currentResult.outList[1].expenditureCostThisYearNumber/sum)*100
this.outThird = (this.currentResult.outList[2].expenditureCostThisYearNumber/sum)*100
this.outFourth = (this.currentResult.outList[3].expenditureCostThisYearNumber/sum)*100
}
}
}
@ -1546,7 +1647,7 @@ export default {
}
}
.successBox{
margin-top: 32rpx;
//margin-top: 32rpx;
display: flex;
flex-direction: column;
.successBoxItem{
@ -1821,6 +1922,7 @@ export default {
}
}
}
}
}
}
@ -2192,6 +2294,46 @@ export default {
}
}
}
.inComeRateBox{
width: 100%;
box-sizing: border-box;
padding: 0 32rpx 16rpx;
background: #fff;
.inComeRate{
width: 100%;
height: 12px;
border-radius: 6px;
overflow: hidden;
background: #F9DCC2;
position: relative;
.owner,.otherRate{
position: absolute;
top: 0;
height: 100%;
}
}
.rateType{
display: flex;
align-items: center;
justify-content: space-between;
.rateItem{
display: flex;
align-items: center;
.rateColor{
width: 24rpx;
height: 12rpx;
border-radius: 6rpx;
margin-right: 6px;
}
.rateText{
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #786B6C;
}
}
}
}
}
.itemDetailSubtotal{
width: 100%;
@ -2659,6 +2801,46 @@ export default {
}
}
}
.expenditureRateBox{
width: 100%;
box-sizing: border-box;
padding: 0 32rpx 16rpx;
background: #fff;
.expenditureRate{
width: 100%;
height: 12px;
border-radius: 6px;
overflow: hidden;
background: #F9DCC2;
position: relative;
.first,.second,.third,.fourth{
position: absolute;
top: 0;
height: 100%;
}
}
.rateType{
display: flex;
align-items: center;
justify-content: space-between;
.rateItem{
display: flex;
align-items: center;
.rateColor{
width: 24rpx;
height: 12rpx;
border-radius: 6rpx;
margin-right: 6px;
}
.rateText{
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #786B6C;
}
}
}
}
}
.itemDetailSubtotal{
width: 100%;