udpate

components.d.ts

@@ -7,8 +7,6 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
-    ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCarousel: typeof import('element-plus/es')['ElCarousel']
     ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
@@ -17,15 +15,12 @@ declare module 'vue' {
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElInput: typeof import('element-plus/es')['ElInput']
-    ElMenu: typeof import('element-plus/es')['ElMenu']
-    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
     ElRadio: typeof import('element-plus/es')['ElRadio']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElSelect: typeof import('element-plus/es')['ElSelect']
-    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElTimePicker: typeof import('element-plus/es')['ElTimePicker']

src/assets/json/线路556.js

@@ -145,7 +145,7 @@ export default `<svg width="2269" height="757" viewBox="0 0 2269 757" fill="none
 <circle cx="2.33873" cy="2.33873" r="1.83873" transform="matrix(1 0 0 -1 619.435 497.529)" stroke="#00C8FF"/>
 <circle cx="12.4962" cy="12.4962" r="11.9962" transform="matrix(1 0 0 -1 744.647 546.061)" fill="#FF6600" stroke="#07A4F8"/>
 <circle cx="12.4962" cy="12.4962" r="11.9962" transform="matrix(1 0 0 -1 744.647 530.096)" stroke="#FF0000"/>
-<path id="896EE5C2-CF59-5D41-E044-001A4B099F30-00001" d="M756.991 545.624V554.148" stroke="#07A4F8"/>
+<path id="1b5862f3898af8514d6e062f44016e1b58407d3f46" d="M756.991 545.624V554.148" stroke="#07A4F8"/>
 <path d="M756.991 492.833V505.104" stroke="#FF0000"/>
 <circle cx="2.33873" cy="2.33873" r="1.83873" transform="matrix(1 0 0 -1 754.652 558.246)" stroke="#00C8FF"/>
 <circle cx="2.33873" cy="2.33873" r="1.83873" transform="matrix(1 0 0 -1 754.652 497.529)" stroke="#00C8FF"/>
@@ -193,7 +193,7 @@ export default `<svg width="2269" height="757" viewBox="0 0 2269 757" fill="none
 <circle cx="2.33873" cy="2.33873" r="1.83873" transform="matrix(1 0 0 -1 1114.11 497.529)" stroke="#00C8FF"/>
 <circle cx="1579.76" cy="304.6" r="11.9962" fill="#FF6600" stroke="#07A4F8"/>
 <circle cx="1579.76" cy="320.565" r="11.9962" stroke="#FF0000"/>
-<path id="896EE5C2-D00D-5D41-E044-001A4B099F30-00001" d="M1579.6 292.54V284.016" stroke="#07A4F8"/>
+<path id="2bea7ebfd48af852a27cf1962c017d2bea5e542e59" d="M1579.6 292.54V284.016" stroke="#07A4F8"/>
 <path d="M1579.6 345.336V333.061" stroke="#FF0000"/>
 <circle cx="1579.6" cy="282.257" r="1.83873" stroke="#00C8FF"/>
 <circle cx="1579.6" cy="342.973" r="1.83873" stroke="#00C8FF"/>
@@ -211,7 +211,7 @@ export default `<svg width="2269" height="757" viewBox="0 0 2269 757" fill="none
 <circle cx="2018.16" cy="342.973" r="1.83873" stroke="#00C8FF"/>
 <circle cx="12.4962" cy="12.4962" r="11.9962" transform="matrix(-4.37114e-08 1 1 4.37114e-08 1560.13 164.852)" fill="#FF6600" stroke="#07A4F8"/>
 <circle cx="12.4962" cy="12.4962" r="11.9962" transform="matrix(-4.37114e-08 1 1 4.37114e-08 1576.09 164.852)" stroke="#FF0000"/>
-<path id="896EE5C2-D201-5D41-E044-001A4B099F30-00001" d="M1560.56 177.195L1552.04 177.195" stroke="#07A4F8"/>
+<path id="eda7801f768af8514b6dc01fde016deda70283627a" d="M1560.56 177.195L1552.04 177.195" stroke="#07A4F8"/>
 <path d="M1613.38 177.195L1601.08 177.195" stroke="#FF0000"/>
 <circle cx="2.33873" cy="2.33873" r="1.83873" transform="matrix(-4.37114e-08 1 1 4.37114e-08 1547.94 174.857)" stroke="#00C8FF"/>
 <circle cx="2.33873" cy="2.33873" r="1.83873" transform="matrix(-4.37114e-08 1 1 4.37114e-08 1608.66 174.857)" stroke="#00C8FF"/>

src/views/pages/OpticalStoragePage/index.vue

@@ -552,6 +552,14 @@ let handleEnter = () => {
         V_b: '3',
         I: '1'
       },
+      {
+        id: '555_3',
+        flag: '1',
+        Pi: '1',
+        Qi: '2',
+        V_b: '3',
+        I: '1'
+      },
       {
         id: '556_1',
         flag: '-1',
@@ -568,6 +576,14 @@ let handleEnter = () => {
         V_b: '3',
         I: '1'
       },
+      {
+        id: '556_3',
+        flag: '1',
+        Pi: '1',
+        Qi: '2',
+        V_b: '3',
+        I: '1'
+      },
       {
         id: 'ying_31_1',
         flag: '-1',
@@ -585,15 +601,31 @@ let handleEnter = () => {
         I: '1'
       },
       {
-        id: 'ying_41_1',
+        id: 'ying_31_3',
-        flag: '-1',
+        flag: '1',
+        Pi: '1',
+        Qi: '2',
+        V_b: '3',
+        I: '1'
+      },
+      {
+        id: 'ying_41_2',
+        flag: '1',
         Pi: '110.7202',
         Qi: '6.6579',
         V_b: '10.4997',
         I: '6.0088'
       },
       {
-        id: 'ying_41_2',
+        id: 'ying_41_1',
+        flag: '-1',
+        Pi: '1',
+        Qi: '2',
+        V_b: '3',
+        I: '1'
+      },
+      {
+        id: 'ying_41_3',
         flag: '1',
         Pi: '1',
         Qi: '2',
@@ -616,6 +648,14 @@ let handleEnter = () => {
         V_b: '10.4998',
         I: '8.4072'
       },
+      {
+        id: 'zhan_26_3',
+        flag: '1',
+        Pi: '152.8102',
+        Qi: '6.6579',
+        V_b: '10.4998',
+        I: '8.4072'
+      },
       {
         id: 'zhan_16_1',
         flag: '-1',
@@ -633,21 +673,45 @@ let handleEnter = () => {
         I: '1'
       },
       {
-        id: 'ye_31_1',
+        id: 'zhan_16_3',
-        flag: '-1',
-        Pi: '263.1002',
-        Qi: '8.6865',
-        V_b: '10.4995',
-        I: '14.1577'
-      },
-      {
-        id: 'ye_31_2',
         flag: '1',
         Pi: '1',
         Qi: '2',
         V_b: '3',
         I: '1'
       },
+      {
+        id: 'ye_13_1',
+        flag: '-1',
+        Pi: '1',
+        Qi: '2',
+        V_b: '3',
+        I: '1'
+      },
+      {
+        id: 'ye_13_2',
+        flag: '1',
+        Pi: '1',
+        Qi: '2',
+        V_b: '3',
+        I: '1'
+      },
+      {
+        id: 'ye_13_3',
+        flag: '1',
+        Pi: '1',
+        Qi: '2',
+        V_b: '3',
+        I: '1'
+      },
+      {
+        id: 'ye_13_4',
+        flag: '-1',
+        Pi: '263.1002',
+        Qi: '8.6865',
+        V_b: '10.4995',
+        I: '14.1577'
+      },
       {
         id: 'ye_23_1',
         flag: '-1',
@@ -663,25 +727,46 @@ let handleEnter = () => {
         Qi: '2',
         V_b: '3',
         I: '1'
+      },
+      {
+        id: 'ye_23_3',
+        flag: '1',
+        Pi: '1',
+        Qi: '2',
+        V_b: '3',
+        I: '1'
       }
     ]
 
+    // 增加一个数字4
+    // 文本
+    draw
+      .text(`4`)
+      .attr({
+        x: 997,
+        y: 647,
+        'font-size': '37'
+      })
+      .fill('#FFF')
+
     // 流向
     const dom = draw.find('g')
     const polyline = draw.find('polyline')
+
     dom.forEach(item => {
       polyline.forEach(lineIte => {
         if (item.node.id === lineIte.node.id) {
+          console.log(item.node.id, lineIte.node.id, 'polylinepolylinepolyline')
           let newData = data.find(ite => lineIte.node.id === ite.id)
           console.log(newData)
           const polyineArray = lineIte.array()
           let pathDate = 'M' + polyineArray.join(' L')
           if (newData.flag === '1') {
             // 流向
-            handlePolyineAnimate2(polyineArray, pathDate, item)
+            handlePolyineAnimate(polyineArray, pathDate, item)
           } else {
             // 流向
-            handlePolyineAnimate(polyineArray, pathDate, item)
+            handlePolyineAnimate2(polyineArray, pathDate, item)
           }
 
           // 文字
@@ -785,7 +870,7 @@ let handleEnter = () => {
       let middleDuration = duration / num1
 
       for (let i = 0; i < numTriangles; i++) {
-        let triangle = draw.polygon('0,-7 20,0 0,7').fill('lightgreen').stroke({ color: 'lightgreen', width: 0.2 })
+        let triangle = draw.polygon('0,-9 20,0 0,9').fill('lightgreen').stroke({ color: 'lightgreen', width: 0.2 })
 
         let triangleanimate = document.createElementNS('http://www.w3.org/2000/svg', 'animateMotion')
         triangleanimate.setAttribute('path', pointsValue)
@@ -799,7 +884,7 @@ let handleEnter = () => {
 
         lineDom.add(triangle)
       }
-      let rect = draw.rect(30, 30).fill('#000').move(-5, -10)
+      let rect = draw.rect(30, 30).fill('#000').move(-15, -10)
       lineDom.add(rect)
     }
     // 反向流动
@@ -896,7 +981,7 @@ let handleEnter = () => {
       let duration = numTriangles / num1
       let middleDuration = duration / num1
       for (let i = 0; i < numTriangles; i++) {
-        let triangle = draw.polygon('0,-7 -20,0 0,7').fill('lightgreen').stroke({ color: 'lightgreen', width: 0.2 })
+        let triangle = draw.polygon('0,-9 -20,0 0,9').fill('lightgreen').stroke({ color: 'lightgreen', width: 0.2 })
 
         let triangleanimate = document.createElementNS('http://www.w3.org/2000/svg', 'animateMotion')
         triangleanimate.setAttribute('path', pointsValue)
@@ -922,7 +1007,7 @@ let handleEnter = () => {
     }
     function handleLineText2(polyineArray, Lineitem, lineDom) {
       console.log(polyineArray, Lineitem, lineDom, 'polyineArray, Lineitem, lineDom')
-      let arrData = ['555_2', '556_2', 'ying_31_2', 'ying_41_2', 'zhan_26_1', 'zhan_16_2', 'ye_31_2', 'ye_23_2']
+      let arrData = ['555_2', '555_3', '556_2', '556_3', 'ying_31_3', 'ying_31_2', 'ying_41_1', 'ying_41_3', 'zhan_26_1', 'zhan_26_3', 'zhan_16_2', 'zhan_16_3', 'ye_13_2', 'ye_13_1', 'ye_13_3', 'ye_23_2', 'ye_23_3']
       if (arrData.includes(Lineitem.id)) return
 
       let data = Lineitem
@@ -936,19 +1021,61 @@ let handleEnter = () => {
       let endTextY = y + 50
 
       if (data.id === '556_1') {
-        endX = x + 20
+        x = polyineArray[0][0] - 50
-        endTextX = x
+        y = polyineArray[1][1] - 50
-      } else if (data.id === 'zhan_16_1') {
+        endX = x + 50
-        endX = x - 20
+        endY = y - 130
-        endY = y + 70
+        endTextX = x - 50
-        endTextX = x - 70
+        endTextY = y + 10
-        endTextY = y + 80
+      } else if (data.id === 'zhan_26_2' || data.id === 'zhan_16_1') {
+        x = polyineArray[0][0]
+        y = polyineArray[0][1]
+        endX = x
+        endY = y + 60
+        endTextX = x - 90
+        endTextY = y + 65
       } else if (data.id === 'ying_31_1') {
+        x = polyineArray[0][0]
+        y = polyineArray[0][1]
         endX = x - 30
-        endTextX = x - 70
+        endY = y + 50
-      } else if (data.id === 'ying_41_1') {
+        endTextX = x - 100
-        endX = x + 30
+        endTextY = y + 60
-        endTextX = x + 30
+      } else if (data.id === 'ying_41_2') {
+        x = polyineArray[0][0]
+        y = polyineArray[0][1]
+        endX = x - 60
+        endY = y + 40
+        endTextX = x - 120
+        endTextY = y + 50
+      } else if (data.id === 'ye_13_4') {
+        x = polyineArray[0][0]
+        y = polyineArray[0][1]
+        endX = x - 60
+        endY = y + 40
+        endTextX = x - 150
+        endTextY = y + 50
+      } else if (data.id === 'zhan_26_1') {
+        x = polyineArray[0][0]
+        y = polyineArray[0][1]
+        endX = x - 60
+        endY = y + 40
+        endTextX = x - 120
+        endTextY = y + 50
+      } else if (data.id === 'ye_23_1') {
+        x = polyineArray[0][0]
+        y = polyineArray[0][1]
+        endX = x - 20
+        endY = y + 40
+        endTextX = x - 90
+        endTextY = y + 50
+      } else if (data.id === '555_1') {
+        x = polyineArray[0][0]
+        y = polyineArray[0][1]
+        endX = x
+        endY = y + 80
+        endTextX = x
+        endTextY = y + 50
       }
 
       //只要线路上有sec_id 就显示线路上的文字 p  q v i 参数
@@ -967,7 +1094,7 @@ let handleEnter = () => {
             x: endTextX,
             y: endTextY,
             id: 'load_text' + data.psrId,
-            'font-size': '9',
+            'font-size': '15',
             leading: '0.9'
           })
           .fill('green')
@@ -982,22 +1109,23 @@ let handleEnter = () => {
       if (item.node.id) {
         console.log(item, 'item')
         // 增加透明选择框
-        var backgroundRectYing31 = draw.rect(120, 60).attr({ x: 570, y: 225, id: 'ying31' }).fill('transparent').css('cursor', 'pointer')
+        var backgroundRectYing31 = draw.rect(120, 60).attr({ x: 750, y: 245, id: 'ying31' }).fill('transparent').css('cursor', 'pointer')
         backgroundRectArr.push(backgroundRectYing31)
-        var backgroundRectYing41 = draw.rect(120, 60).attr({ x: 905, y: 200, id: 'ying41' }).fill('transparent').css('cursor', 'pointer')
+        var backgroundRectYing41 = draw.rect(120, 60).attr({ x: 1040, y: 250, id: 'ying41' }).fill('transparent').css('cursor', 'pointer')
         backgroundRectArr.push(backgroundRectYing41)
-        var backgroundRectZhan26 = draw.rect(120, 60).attr({ x: 1300, y: 650, id: 'zhan26' }).fill('transparent').css('cursor', 'pointer')
+        var backgroundRectZhan26 = draw.rect(120, 60).attr({ x: 1530, y: 750, id: 'zhan26' }).fill('transparent').css('cursor', 'pointer')
         backgroundRectArr.push(backgroundRectZhan26)
-        var backgroundRectZhan16 = draw.rect(120, 60).attr({ x: 1300, y: 975, id: 'zhan16' }).fill('transparent').css('cursor', 'pointer')
+        var backgroundRectZhan16 = draw.rect(120, 60).attr({ x: 1530, y: 1000, id: 'zhan16' }).fill('transparent').css('cursor', 'pointer')
         backgroundRectArr.push(backgroundRectZhan16)
-        var backgroundRectYe23 = draw.rect(120, 60).attr({ x: 600, y: 1350, id: 'ye23' }).fill('transparent').css('cursor', 'pointer')
+        var backgroundRectYe23 = draw.rect(120, 60).attr({ x: 730, y: 1500, id: 'ye23' }).fill('transparent').css('cursor', 'pointer')
         backgroundRectArr.push(backgroundRectYe23)
-        var backgroundRectYe31 = draw.rect(120, 60).attr({ x: 910, y: 1380, id: 'ye31' }).fill('transparent').css('cursor', 'pointer')
+        var backgroundRectYe31 = draw.rect(120, 60).attr({ x: 1020, y: 1600, id: 'ye31' }).fill('transparent').css('cursor', 'pointer')
         backgroundRectArr.push(backgroundRectYe31)
-        var backgroundRect555 = draw.rect(120, 60).attr({ x: 160, y: 945, id: '555' }).fill('transparent').css('cursor', 'pointer')
+        var backgroundRect555 = draw.rect(120, 60).attr({ x: 270, y: 955, id: '555' }).fill('transparent').css('cursor', 'pointer')
         backgroundRectArr.push(backgroundRect555)
-        var backgroundRect556 = draw.rect(120, 60).attr({ x: 160, y: 690, id: '556' }).fill('transparent').css('cursor', 'pointer')
+        var backgroundRect556 = draw.rect(120, 60).attr({ x: 210, y: 740, id: '556' }).fill('transparent').css('cursor', 'pointer')
         backgroundRectArr.push(backgroundRect556)
+
         // 遍历点击事件
         backgroundRectArr.forEach((item: any) => {
           item.on('click', function (e) {
@@ -1737,7 +1865,63 @@ let handleAnimate = async (result: any) => {
       'a62b1217-0381-4fa3-be3a-585ea974f5ab',
       'efa7f59c-34b6-4f83-b998-d0979f55a290',
       '77da5747-f38b-4aab-8506-65011a62c0f6',
-      'e380d914-65d1-48bb-813b-3b2016f399e9'
+      'e380d914-65d1-48bb-813b-3b2016f399e9',
+      'f3e3de09-5406-412d-a961-bb78d13b31e2',
+      'ec007253-8e95-4b70-a6c2-1c7ee84c7ea4',
+      'efa85892-f2f2-47df-a583-8ffe243e24f0',
+      '8b925d39-3a89-41c2-8c66-3f58118ae7dd',
+      'ad695e62-7bc3-40e9-a2fe-ef6ee61e8f71',
+      'ebc80d43-ac7d-48e2-8773-d4ba1348185c',
+      'ede85970-ad51-4a06-b46e-c9ae32934ff8',
+      '44921b40-95ce-4c0d-9319-129ce5db160e',
+      '01b33f04-b6be-4138-a926-92e0fb98d846',
+      'e5055c9c-1b98-4fd0-8999-0405c58cf428',
+      '5869aec0-72d2-4272-ac55-536e38ae8c26',
+      'bc3bc4f1-eeb9-4b45-b35d-0dff6c627f63',
+      'a52bddbb-0116-4f4f-a7e9-6ea6c2338ec1',
+      '6aba2f4b-053f-478e-a649-3619afc4283b',
+      '3a00cde3-3e3c-4679-ba7d-4274fe4f75e0',
+      'd1f102d0-0326-44d9-93f4-bd8364468db8',
+      '674be7dd-1c02-48a9-85b3-5157070ddc62',
+      'd53c6c76-a5c7-4415-a42e-aab00bd1694e',
+      '17c703a2-8d82-48ba-b243-12d47a43a662',
+      '982cca6c-3673-4d24-874a-80de9b33ccc6',
+      '0b53d61e-6b4b-45dd-af36-d17747bc0876',
+      'f03973c4-0788-4ff3-bc97-dd0e6c9cdb11',
+      'd7bbab3b-1380-47c7-803f-95115571da69',
+      '1bfc447f-16ba-440e-8847-72536279ac7d',
+      'ef2d90a8-a6bc-4007-b8f5-65937e24493e',
+      'SBID000000FF22AC2CDC01402C9E6A4F367541DC1F',
+      '632986a0-f078-45b0-bfdd-3c65d3678e5b',
+      'f27c1519-86b6-4558-a9fb-833c384b775d',
+      '70730607-d30a-4b7f-af45-d5f2a7b488ec',
+      '60f333b9-5573-411c-b7af-c183859a989d',
+      'f4d23e71-97f8-4237-b76a-1a7827ce1c4b',
+      '95bedceb-3d28-46a0-9e4c-d9501d758ec2',
+      'f3594697-2140-4708-af82-85524eb626d5',
+      'e2b96e61-a673-4d92-809d-a123e675f7de',
+      'ae6be44f-db59-4970-921e-6526b2fe3509',
+      'd068fba3-72e2-4771-b6ce-2b4a942835c0',
+      'SBID0000001C11FB39402D4E17BAA019786627F5CE',
+      '39b10988-b918-4820-83e7-e0b1c86c9c92',
+      '8479a5b9-c73d-4ece-a3dd-cf42b471ff35',
+      'e159159a-35f8-4dcb-b171-8ccf8e22888a',
+      '01b1da5c-fb6b-4cef-b4cd-e1dae70295d1',
+      '65213bc3-351c-48ce-8fcd-d32ee5699d7d',
+      '17e9eae2-7ac9-4a5f-b92e-d592c0497825',
+      '5d3926f6-b574-4a83-95eb-72adad9a5040',
+      'f5898fde-430e-43c9-9504-0032de8e162f',
+      '97c3afba-fcb8-414e-945f-caa56ef570a9',
+      '6ee4f636-6bdd-4dd8-96a2-cf0ae1ace010',
+      '1636aae1-b5fd-4640-bd58-34196f9dc666',
+      'b7a227d1-5a3b-4da4-93c5-d5d341a6dca6',
+      '21ed55aa-912b-4930-912d-d2d1d477937f',
+      'SBID0000001F2D070921ED4A6EAC90B1C9AA9E44AC',
+      '696272b8-f186-4954-bbf0-7c20d4836e92',
+      'a0982f5f-a577-4be5-8e62-30603cedc613',
+      '9d6c036a-ba8e-4506-b27d-4a81e40a886c',
+      'f53eed13-7788-4561-8959-e1a7900a8c3a',
+      'F528113C-D528-4C13-8536-7977A13F5A6A-18722'
     ]
 
     let dom = draw.findOne('#ZQ_' + item.sec_id)
@@ -1779,14 +1963,14 @@ let handleAnimate = async (result: any) => {
       // 文本
       text = draw
         .text(
-          `P: ${(parseFloat(data['Pi']) * 10).toFixed(4)} kW 
+          `P: ${(parseFloat(data['Pi']) * 100).toFixed(4)} kW 
-              Q: ${(parseFloat(data['Qi']) * 10).toFixed(4)} kVar \nV: ${parseFloat(data['V_b']).toFixed(4)}  kV \nI: ${((parseFloat(data['Pi']) * 10) / (parseFloat(data['V_b']) * 1.732)).toFixed(4)}  A`
+              Q: ${(parseFloat(data['Qi']) * 10).toFixed(4)} kVar \nV: ${parseFloat(data['V_b']).toFixed(4)}  kV \nI: ${((parseFloat(data['Pi']) * 100) / (parseFloat(data['V_b']) * 1.732)).toFixed(4)}  A`
         )
         .attr({
           x: x - 10,
           y: y + 5,
           id: 'load_text' + data.psrId,
-          'font-size': '1',
+          'font-size': '1'
         })
         .fill('green')
       text.node.children[0].setAttribute('dy', '1')
@@ -1922,7 +2106,7 @@ let handleAnimate = async (result: any) => {
 
       lineDom.add(triangle)
     }
-    let rect = draw.rect(30, 30).fill('#000').move(-5, -10)
+    let rect = draw.rect(40, 30).fill('#000').move(-30, -10)
     lineDom.add(rect)
   }
   // 反向流动
@@ -2052,7 +2236,7 @@ let handleAnimate = async (result: any) => {
 
       lineDom.add(triangle)
     }
-    let rect = draw.rect(30, 30).fill('#000').move(-5, -10)
+    let rect = draw.rect(40, 30).fill('#000').move(-25, -10)
     lineDom.add(rect)
   }
   function pointDistance(x1, y1, x2, y2) {
@@ -2079,7 +2263,7 @@ let handleAnimate = async (result: any) => {
         .font({ size: '8' })
       // 文本
       draw
-        .text(`P: ${(parseFloat(data['Pload/phase']) * 10).toFixed(4)} kW\nQ: ${(parseFloat(data['i']) * 10).toFixed(4)} kVar`)
+        .text(`P: ${(parseFloat(data['Pload/phase']) * 100).toFixed(4)} kW\nQ: ${(parseFloat(data['i']) * 10).toFixed(4)} kVar`)
         .attr({
           x: centerX + 10,
           y: centerY - 10,