charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
money
2025-12-13 20:13:00 +08:00
parent 43851b703e
commit e45cc13f5d
3 changed files with 33 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/rwa_package/dongjian/finance.vue
+28 -9
View File
@@ -142,7 +142,18 @@
</view>
</view>
<view class="tu-view" style="margin-top:32rpx">
<qiun-data-charts type="area" :opts="fourOps" :chartData="fourData"/>
<!-- <view class="charts-box">
<qiun-data-charts
type="line"
canvasId="scrolllineid"
:opts="{enableScroll:true,xAxis:{scrollShow:true,itemCount:4,disableGrid:true}}"
:chartData="fourData"
:ontouch="true"
:canvas2d="true"
/>
</view> -->
<qiun-data-charts type="area" :ontouch="true" :canvas2d="true" canvasId="scrolllineid"
:opts="fourOps" :chartData="fourData"/>
</view>
<view class="tab-view-two">
<view class="tab-view-two-two" v-for="(item,index) in tabTwo" :key="index" @click="onTwo(index)" >
@@ -154,7 +165,8 @@
<text class="text-32 text-zu1 text-bold">已分配总额：{{fiveTotal}}</text>
</view>
<view class="tu-view" style="margin:32rpx 0">
<qiun-data-charts type="area" :opts="fourOps" :chartData="fiveData"/>
<qiun-data-charts type="area" :ontouch="true" :canvas2d="true" canvasId="scrolllineid1"
:opts="fourOps" :chartData="fiveData"/>
</view>
</view>
</view>
@@ -213,6 +225,7 @@ export default {
legend:{show:false},
title:{name: '100%',fontSize:16,color:'#333',},
subtitle: {name: '五期分配比例',fontSize:12,color:'#666',},
extra: {
ring: {
ringWidth: 60,
@@ -237,6 +250,7 @@ export default {
legend:{show:false},
title:{name: '100%',fontSize:16,color:'#333',},
subtitle: {name: '分配分布',fontSize:12,color:'#666',},
extra: {
ring: {
ringWidth: 60,
@@ -244,11 +258,11 @@ export default {
}
},
fourData:{
categories: [1,2,3,4],
categories: [1,2,3,4,2,3,4,2,3,4,2,3,4,2,3,4,2,3,4,2,3,4,2,3,4],
series: [{
name: "",
data:[]
data:['1','2','3','4','5','2','3','4','5','2','3','4','5','2','3','4','5','2','3','4','5','2','3','4','5']
}]
},
fiveData:{
@@ -262,11 +276,16 @@ export default {
fourOps:{
color: ["#7632FF","#7632FF","#B039C2"],
padding: [15,15,0,15],
enableScroll: false,
enableScroll: true,
legend: {show:false},
xAxis: {
scrollShow:true,
itemCount:4,
disableGrid: true
},
yAxis: {
gridType: "dash",
dashLength: 2
@@ -323,7 +342,7 @@ export default {
this.fiveData.series[0].name = '';
if(this.curTwo == 0){
this.fiveTotal = this.curData.profitSharingTbcBonus.tbcTotal;
let arr = this.curData.profitSharingTbcBonus.tbcList.slice(-5);
let arr = this.curData.profitSharingTbcBonus.tbcList;
arr.forEach((item,index)=>{
this.fiveData.categories.push(item.key);
this.fiveData.series[0].data.push(item.amount);
@@ -331,7 +350,7 @@ export default {
})
}else{
this.fiveTotal = this.curData.profitSharingTbcBonus.bonusTotal;
let arr = this.curData.profitSharingTbcBonus.bonusList.slice(-5);
let arr = this.curData.profitSharingTbcBonus.bonusList;
arr.forEach((item,index)=>{
this.fiveData.categories.push(item.key);
this.fiveData.series[0].data.push(item.amount);
@@ -343,13 +362,13 @@ export default {
this.fourData.series[0].data = [];
this.fourData.series[0].name = '';
if(this.curOne == 0){
let arr = this.curData.profitSharingStat.dayList.slice(-5);
let arr = this.curData.profitSharingStat.dayList;
arr.forEach((item,index)=>{
this.fourData.categories.push(item.key);
this.fourData.series[0].data.push(item.amount);
})
}else{
let arr = this.curData.profitSharingStat.monthList.slice(-5);
let arr = this.curData.profitSharingStat.monthList;
arr.forEach((item,index)=>{
this.fourData.categories.push(item.key);
this.fourData.series[0].data.push(item.amount);