From 1ad14ae73a0539cc01eb64be6dc12c29ac295145 Mon Sep 17 00:00:00 2001
From: 陈鑫涛 <10125295+chen-xintao97@user.noreply.gitee.com>
Date: Wed, 24 Sep 2025 10:29:42 +0800
Subject: [PATCH] 动态环图的字体大小和距离移动

---
 src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-active-ring-chart.js | 16 ++++++++++++++++
 src/views/bigscreenDesigner/designer/widget/pie/widgetActiveRingChart.vue                  | 18 ++++++++++++++++--
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-active-ring-chart.js b/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-active-ring-chart.js
index 1959adb..5b63ece 100644
--- a/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-active-ring-chart.js
+++ b/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-active-ring-chart.js
@@ -276,6 +276,22 @@ export const widgetActiveRingChart=  {
               ],
               value: 'normal'
             },
+            {
+              type: 'el-input-number',
+              label: '水平偏移',
+              name: 'digitalLeft',
+              required: false,
+              placeholder: '',
+              value: 0,
+            },
+            {
+              type: 'el-input-number',
+              label: '垂直偏移',
+              name: 'digitalTop',
+              required: false,
+              placeholder: '',
+              value: 0,
+            }
           ],
         },
         {
diff --git a/src/views/bigscreenDesigner/designer/widget/pie/widgetActiveRingChart.vue b/src/views/bigscreenDesigner/designer/widget/pie/widgetActiveRingChart.vue
index c717a30..ee2cdff 100644
--- a/src/views/bigscreenDesigner/designer/widget/pie/widgetActiveRingChart.vue
+++ b/src/views/bigscreenDesigner/designer/widget/pie/widgetActiveRingChart.vue
@@ -114,7 +114,6 @@ export default {
   },
   created() {
     this.optionsStyle = this.value.position;
-    console.log("🚀 ~ created ~ this.optionsStyle:", this.optionsStyle)
     this.optionsData = this.value.data;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
@@ -134,6 +133,8 @@ export default {
       this.setTitleConfig();
       //基础数据修改
       this.setOptionsConfig();
+      console.log(this.optionsSetup,'this.optionsSetup');
+      
 
     },
     //提示语设置
@@ -274,9 +275,21 @@ export default {
       this.isRouterAlive=false;
       this.$nextTick(function(){
         this.isRouterAlive=true;
+        this.$nextTick(() => this.moveDigitalFlop())
+      })
+    },
+    moveDigitalFlop() {
+      this.$nextTick(() => {
+        // 真实数字容器 class = active-ring-info
+        const box = this.$el.querySelector('.active-ring-info')
+        if (!box) return
+        const dx = this.optionsSetup.digitalLeft || 0
+        const dy = this.optionsSetup.digitalTop  || 0
+        // 直接 translate 即可
+        box.style.left = dx + 'px'
+        box.style.top = dy + 'px'
       })
     },
-
   }
 };
 
@@ -314,4 +327,5 @@ export default {
     font-size: 18px!important;
   }
 }
+
 </style>
--
libgit2 0.22.2