no message

2025-08-23 20:48:11 +08:00
parent 46695b8a95
commit 3b67a339bc
20 changed files with 17406 additions and 17 deletions
@@ -16,7 +16,16 @@
 			</template>
 		</Header>
 		<view class="contract-view">
-			<view class="tu-view" id="chart" v-if="topSelect == 0"></view>
+			<view class="tu-view" v-if="topSelect == 0">
+				<qiun-data-charts
+				type="ring" 
+				canvasId="four_b"
+				:canvas2d="isCanvas2d" 
+				:resshow="delayload"
+				:opts="{legend:{position: 'bottom'},title:{name: '',},subtitle: {name: ''}}" 
+				:chartData="dataSeries"/>
+			</view>
+			
 			<view class="bottom-panel" v-if="topSelect == 0">
 				<view class="flex-col mt-24" style="width:50%"  v-for="(item,index) in data" :key="item">
 					<view class="flex-r">
@@ -31,7 +40,15 @@
 				</view>
 				
 			</view>
-			<view class="tu-view" id="chartTwo" v-if="topSelect == 1"></view>
+			<view class="tu-view"  v-if="topSelect == 1">
+				<qiun-data-charts
+				type="ring" 
+				canvasId="four_b"
+				:canvas2d="isCanvas2d" 
+				:resshow="delayload"
+				:opts="{legend:{position: 'bottom'},title:{name: '',},subtitle: {name: ''}}" 
+				:chartData="dataSeriesTwo"/>
+			</view>
 			<view class="bottom-panel" v-if="topSelect == 1">
 				<view class="flex-col mt-24"  style="width:50%" v-for="(item,index) in dataTwo" :key="item">
 					<view class="flex-r">
@@ -64,6 +81,7 @@ export default {
 			topList:[
 				'股权架构','营收数据'
 			],
+			delayload: false,
 			myChart:null,
 			myChartTwo:null,
 			data: [
@@ -73,13 +91,86 @@ export default {
 				{ value: '10', name: '基金会' },
 								
 			],
+			dataSeries:{
+				series:[
+					{
+						"name": "股东",
+						"data": 51,
+						"color":"#FC5E05"
+					}, 
+					{
+						"name": "推广",
+						"data": 29,
+						"color":"#BC52FD"
+					}, 
+					{
+						"name": "团队",
+						"data": 10,
+						"color":"#FCC139"
+					},
+					{
+						"name": "基金会",
+						"data": 10,
+						"color":"#0474E0"
+					}
+				]
+			}, 
+			dataSeriesTwo:{
+				series:[
+					{
+						"name": "成本",
+						"data": 25,
+						"color":"#FF8400"
+					}, 
+					{
+						"name": "分红",
+						"data": 15,
+						"color":"#6136FF"
+					}, 
+					{
+						"name": "销售增值税",
+						"data": 13,
+						"color":"#19CEB3"
+					},
+					{
+						"name": "市场激励",
+						"data": 12,
+						"color":"#F1B900"
+					},
+					{
+						"name": "次年发展资金",
+						"data": 10.5,
+						"color":"#AE9BF5"
+					},
+					{
+						"name": "RWA市值管理",
+						"data": 10,
+						"color":"#94F7A1"
+					},
+					{
+						"name": "股标护盘",
+						"data": 5,
+						"color":"#006EFF"
+					},
+					{
+						"name": "交易激励",
+						"data": 5,
+						"color":"#FF2440"
+					},
+					{
+						"name": "年终分红",
+						"data": 4.5,
+						"color":"#00A776"
+					}
+				]
+			}, 
 			dataColor:['#FC5E05', '#BC52FD', '#FCC139', '#0474E0'],
 			dataTwo:[
 				{ value: '25', name: '成本' },
 				{ value: '15', name: '分红' },
 				{ value: '13', name: '销售增值税' },
 				{ value: '12', name: '市场激励' },
-				{ value: '10.5', name: '年终分红' },
+				{ value: '10.5', name: '次年发展资金' },
 				{ value: '10', name: 'RWA市值管理' },
 				{ value: '5', name: '股标护盘' },
 				{ value: '5', name: '交易激励' },
@@ -87,6 +178,7 @@ export default {
 			],
 			dataTwoColor:['#FF8400','#6136FF', '#19CEB3', '#F1B900', '#AE9BF5'
 			,'#94F7A1','#006EFF','#FF2440','#00A776'],
+			
 		
 		};
 	},
@@ -96,29 +188,31 @@ export default {
 		// this.initTwo();
 	},
 	onLoad() {
-		setTimeout(()=>{
-			this.init()
-		},500)
+		// setTimeout(()=>{
+		// 	this.init()
+		// },500)
 	},
 	methods: {
 		onTop(index){
 			if(this.topSelect !== index){
 				this.topSelect = index;
-				if(index == 0){
-					setTimeout(()=>{
-						this.init()
-					},500)
-				}else{
-					setTimeout(()=>{
-						this.initTwo()
-					},500)
-				}
+				// if(index == 0){
+				// 	setTimeout(()=>{
+				// 		this.init()
+				// 	},500)
+				// }else{
+				// 	setTimeout(()=>{
+				// 		this.initTwo()
+				// 	},500)
+				// }
 				
 				
 			}
 		},
-		init(){
-			let chartDom = document.getElementById('chart');
+		async init(){
+			// let chartDom = document.getElementById('chart');
+			let chartDom = await uni.createSelectorQuery().select('#chart');
+			console.log('chartDom',chartDom)
 			this.myChart = echarts.init(chartDom);
 			const option = {
 			color: this.dataColor,