EST-LOCAL/est-moni
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增模拟页面圆点，控制页面增加仿真操作记录

Browse Source
This commit is contained in:
husky
2025-12-25 03:30:11 +00:00
parent e0f7db1b1c
commit 9f800a5c2d
2952 changed files with 83703 additions and 21163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

374
public/flukemoni/Ex4_2/OTDR_1_EventMap_E5.html Normal file → Executable file
View File

@@ -50,7 +50,205 @@
top: 0px;
overflow: visible;
}
#Event1_ {
#n_9_thin_bad {
opacity: 0.3;
fill: rgba(249,188,18,1);
stroke: rgba(249,188,18,1);
stroke-width: 4px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.n_9_thin_bad {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 100px;
top: 143px;
}
#n_9_thin_bae {
opacity: 0.3;
fill: rgba(249,188,18,1);
stroke: rgba(249,188,18,1);
stroke-width: 4px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.n_9_thin_bae {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 100px;
top: 225px;
}
#n_9_thin_baf {
opacity: 0.3;
fill: rgba(249,188,18,1);
stroke: rgba(249,188,18,1);
stroke-width: 4px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.n_9_thin_baf {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 100px;
top: 304px;
}
#n_9_thin_bag {
opacity: 0.3;
fill: rgba(249,188,18,1);
stroke: rgba(249,188,18,1);
stroke-width: 4px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.n_9_thin_bag {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 98px;
top: 384px;
}
#n_9_thin_bah {
opacity: 0.3;
fill: rgba(249,188,18,1);
stroke: rgba(249,188,18,1);
stroke-width: 4px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.n_9_thin_bah {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 98px;
top: 463px;
}
#n_9_thin_bai {
opacity: 0.3;
fill: rgba(249,188,18,1);
stroke: rgba(249,188,18,1);
stroke-width: 4px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.n_9_thin_bai {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 98px;
top: 533px;
}
#n_4_baj {
opacity: 0.8;
fill: rgba(249,188,18,1);
stroke: rgba(249,188,18,1);
stroke-width: 4px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.n_4_baj {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 16px;
top: 549px;
}
#n_5_bak {
opacity: 0.8;
fill: rgba(249,188,18,1);
stroke: rgba(249,188,18,1);
stroke-width: 4px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.n_5_bak {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 250px;
top: 97px;
}
#n_6_bal {
opacity: 0.8;
fill: rgba(249,188,18,1);
stroke: rgba(249,188,18,1);
stroke-width: 4px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.n_6_bal {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 426px;
top: 97px;
}
#n_7_bam {
opacity: 0.8;
fill: rgba(249,188,18,1);
stroke: rgba(249,188,18,1);
stroke-width: 4px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.n_7_bam {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 426px;
top: 600px;
}
#n_8_ban {
opacity: 0.8;
fill: rgba(249,188,18,1);
stroke: rgba(249,188,18,1);
stroke-width: 4px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.n_8_ban {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 361px;
top: 309px;
}
#Event1_bao {
position: absolute;
width: 24px;
height: 13px;
@@ -62,7 +260,7 @@
--web-action-target: OTDR_1_EventMap_E1.html;
cursor: pointer;
}
#Event1_a {
#Event1_bap {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -72,7 +270,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event1_a {
.Event1_bap {
position: absolute;
overflow: visible;
width: 24px;
@@ -80,7 +278,7 @@
left: 0px;
top: 0px;
}
#Event2_ {
#Event2_baq {
position: absolute;
width: 32px;
height: 39px;
@@ -92,7 +290,7 @@
--web-action-target: OTDR_1_EventMap_E2.html;
cursor: pointer;
}
#Event2_a {
#Event2_bar {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -102,7 +300,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event2_a {
.Event2_bar {
position: absolute;
overflow: visible;
width: 32px;
@@ -110,7 +308,7 @@
left: 0px;
top: 0px;
}
#Event3_b {
#Event3_bas {
position: absolute;
width: 32px;
height: 39px;
@@ -122,7 +320,7 @@
--web-action-target: OTDR_1_EventMap_E3.html;
cursor: pointer;
}
#Event3_c {
#Event3_bat {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -132,7 +330,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event3_c {
.Event3_bat {
position: absolute;
overflow: visible;
width: 32px;
@@ -140,7 +338,7 @@
left: 0px;
top: 0px;
}
#Event4_d {
#Event4_bau {
position: absolute;
width: 32px;
height: 39px;
@@ -152,7 +350,7 @@
--web-action-target: OTDR_1_EventMap_E4.html;
cursor: pointer;
}
#Event4_e {
#Event4_bav {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -162,7 +360,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event4_e {
.Event4_bav {
position: absolute;
overflow: visible;
width: 32px;
@@ -170,7 +368,7 @@
left: 0px;
top: 0px;
}
#Event5_f {
#Event5_baw {
position: absolute;
width: 20px;
height: 18px;
@@ -178,7 +376,7 @@
top: 225px;
overflow: visible;
}
#Event5_g {
#Event5_bax {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -188,7 +386,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event5_g {
.Event5_bax {
position: absolute;
overflow: visible;
width: 20px;
@@ -196,7 +394,7 @@
left: 0px;
top: 0px;
}
#Event6_h {
#Event6_bay {
position: absolute;
width: 20px;
height: 14px;
@@ -208,7 +406,7 @@
--web-action-target: OTDR_1_EventMap_E6.html;
cursor: pointer;
}
#Event6_i {
#Event6_baz {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -218,7 +416,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event6_i {
.Event6_baz {
position: absolute;
overflow: visible;
width: 20px;
@@ -226,7 +424,7 @@
left: 0px;
top: 0px;
}
#HELPButton_j {
#HELPButton_ba {
position: absolute;
width: 40px;
height: 31px;
@@ -238,7 +436,7 @@
--web-action-target: OTDR_1_EventMap_HELP_E5.html;
cursor: pointer;
}
#HELPButton_k {
#HELPButton_bba {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -248,7 +446,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.HELPButton_k {
.HELPButton_bba {
position: absolute;
overflow: visible;
width: 40px;
@@ -256,7 +454,7 @@
left: 0px;
top: 0px;
}
#TestRusltButton_l {
#TestRusltButton_ba {
position: absolute;
width: 290px;
height: 183px;
@@ -268,7 +466,7 @@
--web-action-target: OTDR_1_EventMap_Detail_E5.html;
cursor: pointer;
}
#TestRusltButton_m {
#TestRusltButton_bba {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -278,7 +476,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.TestRusltButton_m {
.TestRusltButton_bba {
position: absolute;
overflow: visible;
width: 290px;
@@ -286,7 +484,7 @@
left: 0px;
top: 0px;
}
#CurveButton_o {
#CurveButton_ba {
position: absolute;
width: 159px;
height: 34px;
@@ -298,7 +496,7 @@
--web-action-target: OTDR_1_Curve_1310_E5.html;
cursor: pointer;
}
#CurveButton_p {
#CurveButton_bba {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -308,7 +506,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.CurveButton_p {
.CurveButton_bba {
position: absolute;
overflow: visible;
width: 159px;
@@ -316,7 +514,7 @@
left: 0px;
top: 0px;
}
#TableButton_q {
#TableButton_ba {
position: absolute;
width: 159px;
height: 34px;
@@ -328,7 +526,7 @@
--web-action-target: OTDR_1_Tabel_1310.html;
cursor: pointer;
}
#TableButton_r {
#TableButton_bba {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -338,7 +536,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.TableButton_r {
.TableButton_bba {
position: absolute;
overflow: visible;
width: 159px;
@@ -346,7 +544,7 @@
left: 0px;
top: 0px;
}
#HOMEBUTTON_r {
#HOMEBUTTON_ba {
position: absolute;
width: 63px;
height: 51px;
@@ -358,7 +556,7 @@
--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
cursor: pointer;
}
#HOMEBUTTON_s {
#HOMEBUTTON_bba {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -368,7 +566,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.HOMEBUTTON_s {
.HOMEBUTTON_bba {
position: absolute;
overflow: visible;
width: 63px;
@@ -3292,69 +3490,113 @@ window.application = new Application();
<div id="OTDR-1-EventMap-E5">
<img id="n_58" src="n_58.png" srcset="n_58.png 1x, n_58@2x.png 2x">
<div onclick="application.goToTargetView(event)" id="Event1_" class="Event1">
<svg class="Event1_a">
<rect id="Event1_a" rx="0" ry="0" x="0" y="0" width="24" height="13">
<svg class="n_9_thin_bad">
<ellipse id="n_9_thin_bad" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_9_thin_bae">
<ellipse id="n_9_thin_bae" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_9_thin_baf">
<ellipse id="n_9_thin_baf" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_9_thin_bag">
<ellipse id="n_9_thin_bag" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_9_thin_bah">
<ellipse id="n_9_thin_bah" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_9_thin_bai">
<ellipse id="n_9_thin_bai" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_4_baj">
<ellipse id="n_4_baj" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_5_bak">
<ellipse id="n_5_bak" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_6_bal">
<ellipse id="n_6_bal" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_7_bam">
<ellipse id="n_7_bam" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_8_ban">
<ellipse id="n_8_ban" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<div onclick="application.goToTargetView(event)" id="Event1_bao" class="Event1">
<svg class="Event1_bap">
<rect id="Event1_bap" rx="0" ry="0" x="0" y="0" width="24" height="13">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event2_" class="Event2">
<svg class="Event2_a">
<rect id="Event2_a" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div onclick="application.goToTargetView(event)" id="Event2_baq" class="Event2">
<svg class="Event2_bar">
<rect id="Event2_bar" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event3_b" class="Event3">
<svg class="Event3_c">
<rect id="Event3_c" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div onclick="application.goToTargetView(event)" id="Event3_bas" class="Event3">
<svg class="Event3_bat">
<rect id="Event3_bat" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event4_d" class="Event4">
<svg class="Event4_e">
<rect id="Event4_e" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div onclick="application.goToTargetView(event)" id="Event4_bau" class="Event4">
<svg class="Event4_bav">
<rect id="Event4_bav" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div id="Event5_f" class="Event5">
<svg class="Event5_g">
<rect id="Event5_g" rx="0" ry="0" x="0" y="0" width="20" height="18">
<div id="Event5_baw" class="Event5">
<svg class="Event5_bax">
<rect id="Event5_bax" rx="0" ry="0" x="0" y="0" width="20" height="18">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event6_h" class="Event6">
<svg class="Event6_i">
<rect id="Event6_i" rx="0" ry="0" x="0" y="0" width="20" height="14">
<div onclick="application.goToTargetView(event)" id="Event6_bay" class="Event6">
<svg class="Event6_baz">
<rect id="Event6_baz" rx="0" ry="0" x="0" y="0" width="20" height="14">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="HELPButton_j" class="HELPButton">
<svg class="HELPButton_k">
<rect id="HELPButton_k" rx="0" ry="0" x="0" y="0" width="40" height="31">
<div onclick="application.goToTargetView(event)" id="HELPButton_ba" class="HELPButton">
<svg class="HELPButton_bba">
<rect id="HELPButton_bba" rx="0" ry="0" x="0" y="0" width="40" height="31">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="TestRusltButton_l" class="TestRusltButton">
<svg class="TestRusltButton_m">
<rect id="TestRusltButton_m" rx="0" ry="0" x="0" y="0" width="290" height="183">
<div onclick="application.goToTargetView(event)" id="TestRusltButton_ba" class="TestRusltButton">
<svg class="TestRusltButton_bba">
<rect id="TestRusltButton_bba" rx="0" ry="0" x="0" y="0" width="290" height="183">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="CurveButton_o" class="CurveButton">
<svg class="CurveButton_p">
<rect id="CurveButton_p" rx="0" ry="0" x="0" y="0" width="159" height="34">
<div onclick="application.goToTargetView(event)" id="CurveButton_ba" class="CurveButton">
<svg class="CurveButton_bba">
<rect id="CurveButton_bba" rx="0" ry="0" x="0" y="0" width="159" height="34">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="TableButton_q" class="TableButton">
<svg class="TableButton_r">
<rect id="TableButton_r" rx="0" ry="0" x="0" y="0" width="159" height="34">
<div onclick="application.goToTargetView(event)" id="TableButton_ba" class="TableButton">
<svg class="TableButton_bba">
<rect id="TableButton_bba" rx="0" ry="0" x="0" y="0" width="159" height="34">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_r" class="HOMEBUTTON">
<svg class="HOMEBUTTON_s">
<rect id="HOMEBUTTON_s" rx="0" ry="0" x="0" y="0" width="63" height="51">
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ba" class="HOMEBUTTON">
<svg class="HOMEBUTTON_bba">
<rect id="HOMEBUTTON_bba" rx="0" ry="0" x="0" y="0" width="63" height="51">
</rect>
</svg>
</div>