From e25f872589d2877d2c939d26d3cf473e121a1e50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98937886381=E2=80=99?= <‘937886381@qq.com’>
Date: Mon, 15 Apr 2024 09:28:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ISRAChart.vue                  | 52 ++++++++++++++-----
 .../qualityInspectionBoxPermissions/index.vue |  1 -
 2 files changed, 40 insertions(+), 13 deletions(-)

diff --git a/src/views/OperationalOverview/components/ISRAChart.vue b/src/views/OperationalOverview/components/ISRAChart.vue
index 75bb8f88..13c780bb 100644
--- a/src/views/OperationalOverview/components/ISRAChart.vue
+++ b/src/views/OperationalOverview/components/ISRAChart.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-01-29 13:45:56
- * @LastEditTime: 2024-04-11 11:02:53
+ * @LastEditTime: 2024-04-15 09:28:21
  * @LastEditors: zhp
  * @Description:
 -->
@@ -13,6 +13,7 @@
 </template>
 
 <script>
+import { position } from '@antv/x6-common/lib/dom/position';
 import * as echarts from 'echarts';
 // import resize from './../mixins/resize'
 // import NotMsg from './../components/NotMsg'
@@ -49,29 +50,45 @@ export default {
   mounted() {
     this.chartData = [
       {
-        name: '细长泡',
+        name: '0904褶皱/严重',
         num: 1112,
         yield: 0.97,
       },
       {
-        name: '长泡',
+        name: '0904褶皱/严重',
         num: 1112,
         yield: 0.97,
       },
        {
-         name: '开口泡',
+         name: '0904褶皱/严重',
         num: 1112,
         yield: 0.97,
       },
        {
-         name: '结石',
+         name: '0904褶皱/严重',
         num: 1112,
         yield: 0.97,
       }
     ]
     this.updateChart()
   },
-	methods: {
+  methods: {
+    getEqualNewlineString(params, length) {
+      let text = ''
+      let count = Math.ceil(params.length / length) // 向上取整数
+      // 一行展示length个
+      if (count > 1) {
+        for (let z = 1; z <= count; z++) {
+          text += params.substr((z - 1) * length, length)
+          if (z < count) {
+            text += '\n'
+          }
+        }
+      } else {
+        text += params.substr(0, length)
+      }
+      return text
+    },
 		updateChart() {
 			console.log('update')
 			let num = 0
@@ -127,27 +144,38 @@ export default {
 				},
 				series:[{
 						name: 'ISRA缺陷检测',
-						type: 'pie',
+            type: 'pie',
+            // position:outerHeight,
 						center: ['50%', '40%'],
 						radius: ['45%', '70%'],
 						avoidLabelOverlap: true,
-						label: {
-              show: true,
+          label: {
+            show: true,
             normal: {
+              alignTo: 'labelLine',
+              margin: 10,
+              edgeDistance: 10,
+              lineHeight: 16,
               // 各分区的提示内容
               // params: 即下面传入的data数组,通过自定义函数，展示你想要的内容和格式
               formatter: function (params) {
                 console.log(params);
-                return params.value + " | " + params.percent.toFixed(0) + "%" + "\n\n" + params.name;
+                return ;
+              },
+              formatter: (params) => {
+                //调用自定义显示格式
+                return this.getEqualNewlineString(params.value + " | " + params.percent.toFixed(0) + "%" + "\n" + params.name,10);
               },
               textStyle: {            // 提示文字的样式
                 // color: '#595959',
-                fontSize: 24.48
+                fontSize: 16
               }
             }
 						},
 						labelLine: {
-							show: true,
+              show: true,
+              length: 25,
+              length2: 10,
 						},
 						data: this.chartData && this.chartData.length > 0 && this.chartData.map((item, index) => ({
 						name:item.name,
diff --git a/src/views/quality/base/basicData/qualityInspectionBoxPermissions/index.vue b/src/views/quality/base/basicData/qualityInspectionBoxPermissions/index.vue
index dcb066f1..021caebf 100644
--- a/src/views/quality/base/basicData/qualityInspectionBoxPermissions/index.vue
+++ b/src/views/quality/base/basicData/qualityInspectionBoxPermissions/index.vue
@@ -103,7 +103,6 @@ export default {
 					: undefined,
       ].filter((v) => v),
       tableData: [],
-
 			tableProps: [
 				// {
 				// 	prop: 'createTime',