From da4257bc32483409af02a06dd342c6981ec786ec Mon Sep 17 00:00:00 2001
From: liulijun <liulijun@hnkhzn.com>
Date: 星期一, 17 十一月 2025 17:14:14 +0800
Subject: [PATCH] 更新大屏幕页面和任务信息页面
---
项目代码/BigScreen/src/components/echart/center/centerChartRate/index.vue | 104 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 104 insertions(+), 0 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/BigScreen/src/components/echart/center/centerChartRate/index.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/BigScreen/src/components/echart/center/centerChartRate/index.vue"
new file mode 100644
index 0000000..d27953a
--- /dev/null
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/BigScreen/src/components/echart/center/centerChartRate/index.vue"
@@ -0,0 +1,104 @@
+<template>
+ <div>
+ <!-- 閫氳繃鐜�/杈炬爣鐜� -->
+ <Echart
+ :options="options"
+ :id="id"
+ height="100px"
+ width="100px"
+ ></Echart>
+ </div>
+</template>
+
+<script>
+import Echart from '@/common/echart'
+export default {
+ data () {
+ return {
+ options: {},
+ };
+ },
+ components: {
+ Echart,
+ },
+ props: {
+ id: {
+ type: String,
+ required: true,
+ default: "chartRate"
+ },
+ tips: {
+ type: Number,
+ required: true,
+ default: 50
+ },
+ colorObj: {
+ type: Object,
+ default: function () {
+ return {
+ textStyle: "#3fc0fb",
+ series: {
+ color: ["#00bcd44a", "transparent"],
+ dataColor: {
+ normal: "#03a9f4",
+ shadowColor: "#97e2f5"
+ }
+ }
+ };
+ }
+ }
+ },
+ watch: {
+ // tips 鏄細鍙樻洿鐨勬暟鎹紝鎵�浠ヨ繘琛岀洃鍚�
+ tips: {
+ handler (newData) {
+ this.options = {
+ title:{
+ text: newData * 1 + " ",
+ x: "center",
+ y: "center",
+ textStyle: {
+ color: this.colorObj.textStyle,
+ fontSize: 28
+ }
+ },
+ series: [
+ {
+ type: "pie",
+ radius: ["75%", "80%"],
+ center: ["50%", "50%"],
+ hoverAnimation: false,
+ color: this.colorObj.series.color,
+ label: {
+ normal: {
+ show: false
+ }
+ },
+ data: [
+ {
+ value: newData,
+ itemStyle: {
+ normal: {
+ color: this.colorObj.series.dataColor.normal,
+ shadowBlur: 10,
+ shadowColor: this.colorObj.series.dataColor.shadowColor
+ }
+ }
+ },
+ {
+ value: 500 - newData
+ }
+ ]
+ }
+ ]
+ }
+ },
+ immediate: true,
+ deep: true
+ }
+ }
+};
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file
--
Gitblit v1.9.3