udpate
parent
a84c96f9dd
commit
28ee770764
|
@ -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']
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 282 KiB After Width: | Height: | Size: 278 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
@ -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"/>
|
||||
|
|
|
@ -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',
|
||||
flag: '-1',
|
||||
id: 'ying_31_3',
|
||||
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',
|
||||
flag: '-1',
|
||||
Pi: '263.1002',
|
||||
Qi: '8.6865',
|
||||
V_b: '10.4995',
|
||||
I: '14.1577'
|
||||
},
|
||||
{
|
||||
id: 'ye_31_2',
|
||||
id: 'zhan_16_3',
|
||||
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
|
||||
endTextX = x
|
||||
} else if (data.id === 'zhan_16_1') {
|
||||
endX = x - 20
|
||||
endY = y + 70
|
||||
endTextX = x - 70
|
||||
endTextY = y + 80
|
||||
x = polyineArray[0][0] - 50
|
||||
y = polyineArray[1][1] - 50
|
||||
endX = x + 50
|
||||
endY = y - 130
|
||||
endTextX = x - 50
|
||||
endTextY = y + 10
|
||||
} 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
|
||||
} else if (data.id === 'ying_41_1') {
|
||||
endX = x + 30
|
||||
endTextX = x + 30
|
||||
endY = y + 50
|
||||
endTextX = x - 100
|
||||
endTextY = y + 60
|
||||
} 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,20 +1963,20 @@ let handleAnimate = async (result: any) => {
|
|||
// 文本
|
||||
text = draw
|
||||
.text(
|
||||
`P: ${(parseFloat(data['Pi']) * 10).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`
|
||||
`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']) * 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')
|
||||
text.node.children[1].setAttribute('dy', '1')
|
||||
text.node.children[2].setAttribute('dy', '1')
|
||||
text.node.children[3].setAttribute('dy', '1')
|
||||
text.node.children[0].setAttribute('dy', '1')
|
||||
text.node.children[1].setAttribute('dy', '1')
|
||||
text.node.children[2].setAttribute('dy', '1')
|
||||
text.node.children[3].setAttribute('dy', '1')
|
||||
}
|
||||
|
||||
lineDom.add(line)
|
||||
|
@ -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,
|
||||
|
|
Loading…
Reference in New Issue