浏览代码

fix:数字添加千分位分隔设置

liu.shiyi 1 年之前
父节点
当前提交
fe1216970e

+ 4 - 0
data-room-ui/packages/BasicComponents/Numbers/index.vue

@@ -37,6 +37,10 @@ export default {
     this.chartInit()
   },
   methods: {
+    changeStyle (config) {
+      config.customize.title = config.customize.thousands ? config.customize?.title?.toString()?.replace(/\B(?=(\d{3})+(?!\d))/g, ',') : config.customize.title
+      this.changeChartConfig(config)
+    },
     // 通过表达式计算得来的值
     getDataByExpression (config) {
       const result = new Function('dataset', 'computedDatas', this.config.expression)

+ 12 - 0
data-room-ui/packages/BasicComponents/Numbers/setting.vue

@@ -120,6 +120,18 @@
             />
           </el-select>
         </el-form-item>
+        <!-- 是否开启语音播报 -->
+        <el-form-item
+          label="千分位分隔"
+          label-width="100px"
+        >
+          <el-switch
+            v-model="config.customize.thousands"
+            :active-value="true"
+            :inactive-value="false"
+            class="bs-el-switch"
+          />
+        </el-form-item>
         <TextGradient
           v-model="config.customize.color"
           label="数字"

+ 1 - 1
data-room-ui/packages/BasicComponents/Numbers/settingConfig.js

@@ -59,7 +59,7 @@ const customConfig = {
     fontWeight: 700,
     fontFamily: '', // 字体类型
     color: 'left,#ffffff,#ffffff',
-    // thousands: false, // 千分位分隔
+    thousands: false, // 千分位分隔
     align: 'center', // 文字对齐方式
     letterSpacing: 1// 文字间距
   }