上传

2026-08-17 11:01:21 +08:00
parent 6e07cab51f
commit 255573ed06
705 changed files with 8762 additions and 36677 deletions
@@ -1,78 +1,72 @@
 <template>
-	<ChartCard  margin="0 0 30rpx 0" title="四级风险数据" >
-	<view class="rish-ranking">
-		<qiun-data-charts type="pie" :opts="opts" :canvas2d="false" :chartData="chartData" />
-	</view>
+	<ChartCard margin="0 0 30rpx 0" title="四级风险数据">
+		<view class="rish-ranking" @click="router.push('/pages/index/riskControl/index')">
+			<qiun-data-charts type="pie" :opts="opts" :canvas2d="false" :chartData="chartData" />
+		</view>
 	</ChartCard>
 </template>

 <script setup>
-	import ChartCard from '@/components/chartCard.vue'
-	import {
-		ref,onMounted
-	} from 'vue';
-	import {
-		onReady, onShow
-	} from '@dcloudio/uni-app'
-
-	const opts = ref({
-		color: ["#EE6666", "#EF893B","#EFCB3B","#3B8CEF"],
-		padding: [5, 5, 5, 5],
-		enableScroll: false,
-		legend: {
-			lineHeight:20,
-			fontSize: 10,
-			itemGap: 20
-		},
-		extra: {
-			pie: {
-				activeOpacity: 0.5,
-				activeRadius: 10,
-				offsetAngle: 0,
-				labelWidth: 15,
-				border: true,
-				borderWidth: 3,
-				borderColor: "#FFFFFF"
-			}
-		}
-	})
-
-	const chartData = ref({})
-
-	const handleTap = (e) => {
-		console.log(e)
+import ChartCard from '@/components/chartCard.vue';
+import { ref, watch } from 'vue';
+import { onReady, onShow } from '@dcloudio/uni-app';
+import {router} from '@/utils'
+let props = defineProps({
+	riskClassificationData: {
+		type: Array,
+		default: () => []
 	}
+});
+const opts = ref({
+	color: ['#EE6666', '#EF893B', '#EFCB3B', '#3B8CEF'],
+	padding: [5, 5, 5, 5],
+	enableScroll: false,
+	fontSize: 9,
+	legend: {
+		lineHeight: 20,
+		fontSize: 10,
+		itemGap: 20
+	},
+	extra: {
+		pie: {
+			activeOpacity: 0.5,
+			activeRadius: 10,
+			offsetAngle: 0,
+			labelWidth: 15,
+			border: true,
+			borderWidth: 3,
+			borderColor: '#FFFFFF'
+		}
+	}
+});

+const chartData = ref({});

-	onMounted(() => {
-		let res = {
-			series: [{
-				data: [{
-					"name": "重大风险",
-					"value": 50,
-					"labelText": "重大风险:50"
-				}, {
-					"name": "较大风险",
-					"value": 30,
-					"labelText": "较大风险:30"
-				}, {
-					"name": "一般风险",
-					"value": 20,
-					"labelText": "一般风险:20"
-				}, {
-					"name": "低风险",
-					"value": 8,
-					"labelText": "低风险:8"
-				}]
-			}]
-		};
-		chartData.value = JSON.parse(JSON.stringify(res));
-	})
+const handleTap = (e) => {
+	console.log(e);
+};
+watch(
+	() => props.riskClassificationData,
+	(newVal) => {
+		if (newVal && newVal.length) {
+			// 只有当数据存在时才赋值
+			let res = {
+				series: [
+					{
+						data: newVal
+					}
+				]
+			};
+			chartData.value = JSON.parse(JSON.stringify(res));
+		}
+	},
+	{ deep: true, immediate: true }
+);
 </script>

 <style lang="scss">
-	.rish-ranking {
-		width: 100%;
-		height: 480rpx;
-	}
+.rish-ranking {
+	width: 100%;
+	height: 480rpx;
+}
 </style>