Skip to content

S
SuperMan
Commit 2d63e7a0 authored by liudong1993's avatar liudong1993
Browse files
Options

1

parent d155bde6
Hide whitespace changes
Inline Side-by-side
Showing with 90 additions and 48 deletions
src/components/FinancialModule/DataAnalysis/components/Echart/ActualRateChange.vue
View file @ 2d63e7a0
<template> <template>
<div class="echartsBox"> <div class="echartsBox">
<div class="titleBox row"> <div class="titleBox row">
<h3>月度实际利率变化趋势图 %(折线图)</h3> <h3>月度实际利润变化趋势图(折线图)</h3>
<div style="margin-left: 20px;"> <div style="margin-left: 20px;">
...@@ -67,8 +67,13 @@ export default { ...@@ -67,8 +67,13 @@ export default {
type: 'line', type: 'line',
showSymbol: true, showSymbol: true,
smooth: true, smooth: true,
symbolSize: 1, symbolSize: 5,
data: x.DetailList.map(y=>{return y.ProfitRate.toFixed(2)}) // 绑定实时数据数组 label: {
show: true,
position: 'top', // 在顶部显示
formatter: '{c}w' // 格式化金额，{c} 代表数据值
},
data: x.DetailList.map(y=>{return (y.Profit/10000).toFixed(2)}) // 绑定实时数据数组
} }
datas.push(obj) datas.push(obj)
if(indexs>10){ if(indexs>10){
...@@ -131,7 +136,9 @@ export default { ...@@ -131,7 +136,9 @@ export default {
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "#969696" color: "#969696"
} },
formatter: '{value}w',
margin: 20 // 标签距离y轴的距离为20
}, },
splitLine:{ splitLine:{
show:true, show:true,
...@@ -153,7 +160,8 @@ export default { ...@@ -153,7 +160,8 @@ export default {
}, },
dataZoom: [ dataZoom: [
{ {
type: 'inside' type: 'inside',
disabled: true
} }
], ],
series:datas series:datas
......
src/components/FinancialModule/DataAnalysis/components/Echart/ActualRateColumnar.vue
View file @ 2d63e7a0
<template> <template>
<div class="echartsBox"> <div class="echartsBox">
<div class="titleBox row"> <div class="titleBox row">
<h3>月度实际利率变化趋势图 %(柱状图)</h3> <h3>月度实际利润变化趋势图(柱状图)</h3>
<div style="margin-left: 20px;"> <div style="margin-left: 20px;">
...@@ -65,11 +65,16 @@ export default { ...@@ -65,11 +65,16 @@ export default {
let obj = { let obj = {
name: Name, name: Name,
type: 'bar', type: 'bar',
label: {
show: true,
position: 'top', // 在顶部显示
formatter: '{c}w' // 格式化金额，{c} 代表数据值
},
itemStyle:{ itemStyle:{
barBorderRadius: 5, barBorderRadius: 5,
}, },
barWidth: 5, barWidth: 30,
data: x.DetailList.map(y=>{return y.ProfitRate.toFixed(2)}) // 绑定实时数据数组 data: x.DetailList.map(y=>{return (y.Profit/10000).toFixed(2)}) // 绑定实时数据数组
} }
datas.push(obj) datas.push(obj)
if(indexs>10){ if(indexs>10){
...@@ -132,7 +137,9 @@ export default { ...@@ -132,7 +137,9 @@ export default {
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "#969696" color: "#969696"
} },
formatter: '{value}w',
margin: 50 // 标签距离y轴的距离为20
}, },
splitLine:{ splitLine:{
show:true, show:true,
...@@ -154,7 +161,8 @@ export default { ...@@ -154,7 +161,8 @@ export default {
}, },
dataZoom: [ dataZoom: [
{ {
type: 'inside' type: 'inside',
disabled: true
} }
], ],
series:datas series:datas
......
src/components/FinancialModule/DataAnalysis/components/Echart/ChangeProportion.vue
View file @ 2d63e7a0
<template> <template>
<div class="echartsBox"> <div class="echartsBox">
<div class="titleBox text-center row"> <div class="titleBox text-center row">
<h3>各费用项收入占比变化趋势图 %</h3> <h3>各费用项变化趋势图</h3>
<div style="margin-left: 20px;"> <div style="margin-left: 20px;">
...@@ -40,12 +40,12 @@ export default { ...@@ -40,12 +40,12 @@ export default {
}, },
CostDatas: [], CostDatas: [],
incomeTitles:[ incomeTitles:[
{Name: '机票/收入',value:'JiPiaoRate',ID:2}, {Name: '机票',value:'JiPiao',ID:2},
{Name: '房费/收入',value:'RommFeeRate',ID:4}, {Name: '房费',value:'RoomFee',ID:4},
{Name: '车费/收入',value:'CarFeeRate',ID:6}, {Name: '车费',value:'CarFee',ID:6},
{Name: '餐费/收入',value:'MealFeeRate',ID:8}, {Name: '餐费',value:'MealFee',ID:8},
{Name: '门票/收入',value:'TicketFeeRate',ID:10}, {Name: '门票',value:'TicketFee',ID:10},
{Name: '签证/收入',value:'VisaFeeRate',ID:12}, {Name: '签证',value:'VisaFee',ID:12},
], ],
} }
}, },
...@@ -93,34 +93,34 @@ export default { ...@@ -93,34 +93,34 @@ export default {
if(filter){ if(filter){
this.CostDatas.forEach((x,indexs)=>{ this.CostDatas.forEach((x,indexs)=>{
if(indexs==0){ if(indexs==0){
x.name = '机票/收入' x.name = '机票'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['JiPiaoRate']) x.data.push((z['JiPiao']/10000).toFixed(2))
}) })
}else if(indexs==1){ }else if(indexs==1){
x.name = '房费/收入' x.name = '房费'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['RommFeeRate']) x.data.push((z['RoomFee']/10000).toFixed(2))
}) })
}else if(indexs==2){ }else if(indexs==2){
x.name = '车费/收入' x.name = '车费'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['CarFeeRate']) x.data.push((z['CarFee']/10000).toFixed(2))
}) })
}else if(indexs==3){ }else if(indexs==3){
x.name = '餐费/收入' x.name = '餐费'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['MealFeeRate']) x.data.push((z['MealFee']/10000).toFixed(2))
}) })
}else if(indexs==4){ }else if(indexs==4){
x.name = '门票/收入' x.name = '门票'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['TicketFeeRate']) x.data.push((z['TicketFee']/10000).toFixed(2))
}) })
}else if(indexs==5){ }else if(indexs==5){
x.name = '签证/收入' x.name = '签证'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['VisaFeeRate']) x.data.push((z['VisaFee']/10000).toFixed(2))
}) })
} }
// if(indexs>4){ // if(indexs>4){
...@@ -201,7 +201,8 @@ export default { ...@@ -201,7 +201,8 @@ export default {
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "#969696" color: "#969696"
} },
formatter: '{value}w'
}, },
splitLine:{ splitLine:{
show:true, show:true,
...@@ -214,7 +215,8 @@ export default { ...@@ -214,7 +215,8 @@ export default {
], ],
dataZoom: [ dataZoom: [
{ {
type: 'inside' type: 'inside',
disabled: true
} }
], ],
series:datas series:datas
......
src/components/FinancialModule/DataAnalysis/components/Echart/IncomeChange.vue
View file @ 2d63e7a0
<template> <template>
<div class="echartsBox"> <div class="echartsBox">
<div class="titleBox row"> <div class="titleBox row">
<h3>月度收入变化趋势图 %</h3> <h3>月度收入变化趋势图</h3>
<div style="margin-left: 20px;"> <div style="margin-left: 20px;">
...@@ -67,8 +67,13 @@ export default { ...@@ -67,8 +67,13 @@ export default {
type: 'line', type: 'line',
showSymbol: true, showSymbol: true,
smooth: true, smooth: true,
symbolSize: 1, symbolSize: 5,
data: x.DetailList.map(y=>{return y.IncomeRate.toFixed(2)}) // 绑定实时数据数组 label: {
show: true,
position: 'top', // 在顶部显示
formatter: '{c}w' // 格式化金额，{c} 代表数据值
},
data: x.DetailList.map(y=>{return (y.Income/10000).toFixed(2)}) // 绑定实时数据数组
} }
datas.push(obj) datas.push(obj)
if(indexs>10){ if(indexs>10){
...@@ -131,7 +136,9 @@ export default { ...@@ -131,7 +136,9 @@ export default {
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "#969696" color: "#969696"
} },
formatter: '{value}w',
margin: 20 // 标签距离y轴的距离为20
}, },
splitLine:{ splitLine:{
show:true, show:true,
...@@ -149,11 +156,12 @@ export default { ...@@ -149,11 +156,12 @@ export default {
type: 'dashed', type: 'dashed',
color: "#ddd" color: "#ddd"
} }
} },
}, },
dataZoom: [ dataZoom: [
{ {
type: 'inside' type: 'inside',
disabled: true
} }
], ],
series:datas series:datas
......
src/components/FinancialModule/DataAnalysis/components/Echart/WoolRateChange.vue
View file @ 2d63e7a0
<template> <template>
<div class="echartsBox"> <div class="echartsBox">
<div class="titleBox row"> <div class="titleBox row">
<h3>月度毛利率变化趋势图 %(折线图)</h3> <h3>月度毛利变化趋势图(折线图)</h3>
<div style="margin-left: 20px;"> <div style="margin-left: 20px;">
...@@ -66,9 +66,14 @@ export default { ...@@ -66,9 +66,14 @@ export default {
name: Name, name: Name,
type: 'line', type: 'line',
showSymbol: true, showSymbol: true,
smooth: true, smooth: true,
symbolSize: 1, symbolSize: 5,
data: x.DetailList.map(y=>{return y.MaoLiRate.toFixed(2)}) // 绑定实时数据数组 label: {
show: true,
position: 'top', // 在顶部显示
formatter: '{c}w' // 格式化金额，{c} 代表数据值
},
data: x.DetailList.map(y=>{return (y.MaoLi/10000).toFixed(2)}) // 绑定实时数据数组
} }
datas.push(obj) datas.push(obj)
if(indexs>10){ if(indexs>10){
...@@ -131,7 +136,9 @@ export default { ...@@ -131,7 +136,9 @@ export default {
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "#969696" color: "#969696"
} },
formatter: '{value}w',
margin: 20 // 标签距离y轴的距离为20
}, },
splitLine:{ splitLine:{
show:true, show:true,
...@@ -153,7 +160,8 @@ export default { ...@@ -153,7 +160,8 @@ export default {
}, },
dataZoom: [ dataZoom: [
{ {
type: 'inside' type: 'inside',
disabled: true
} }
], ],
series:datas series:datas
......
src/components/FinancialModule/DataAnalysis/components/Echart/WoolRateColumnar.vue
View file @ 2d63e7a0
<template> <template>
<div class="echartsBox"> <div class="echartsBox">
<div class="titleBox row"> <div class="titleBox row">
<h3>月度毛利率变化趋势图 %(柱状图)</h3> <h3>月度毛利变化趋势图(柱状图)</h3>
<div style="margin-left: 20px;"> <div style="margin-left: 20px;">
...@@ -65,11 +65,16 @@ export default { ...@@ -65,11 +65,16 @@ export default {
let obj = { let obj = {
name: Name, name: Name,
type: 'bar', type: 'bar',
label: {
show: true,
position: 'top', // 在顶部显示
formatter: '{c}w' // 格式化金额，{c} 代表数据值
},
itemStyle:{ itemStyle:{
barBorderRadius: 5, barBorderRadius: 5,
}, },
barWidth: 5, barWidth: 30,
data: x.DetailList.map(y=>{return y.MaoLiRate.toFixed(2)}) // 绑定实时数据数组 data: x.DetailList.map(y=>{return (y.MaoLi/10000).toFixed(2)}) // 绑定实时数据数组
} }
datas.push(obj) datas.push(obj)
if(indexs>10){ if(indexs>10){
...@@ -132,7 +137,9 @@ export default { ...@@ -132,7 +137,9 @@ export default {
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "#969696" color: "#969696"
} },
formatter: '{value}w',
margin: 50 // 标签距离y轴的距离为20
}, },
splitLine:{ splitLine:{
show:true, show:true,
...@@ -154,7 +161,8 @@ export default { ...@@ -154,7 +161,8 @@ export default {
}, },
dataZoom: [ dataZoom: [
{ {
type: 'inside' type: 'inside',
disabled: true
} }
], ],
series:datas series:datas
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment