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

366
public/flukemoni/Ex4_2/OTDR_1_EventMap_E3.html Normal file → Executable file
View File

@@ -50,7 +50,209 @@
top: 0px;
overflow: visible;
}
#Event1_zv {
#n_9_thin_q {
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_q {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 100px;
top: 143px;
}
#n_9_thin_r {
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_r {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 100px;
top: 225px;
}
#n_9_thin_s {
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_s {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 100px;
top: 304px;
}
#n_9_thin_t {
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_t {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 98px;
top: 384px;
}
#n_9_thin_u {
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_u {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 98px;
top: 463px;
}
#n_9_thin_v {
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_v {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 98px;
top: 533px;
}
#n_4_m {
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_m {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 16px;
top: 549px;
}
#n_5_n {
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_n {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 250px;
top: 97px;
}
#n_6_o {
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_o {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 426px;
top: 97px;
}
#n_7_p {
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;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
cursor: pointer;
}
.n_7_p {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 426px;
top: 600px;
}
#n_8_bad {
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_bad {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 361px;
top: 309px;
}
#Event1_s {
position: absolute;
width: 24px;
height: 13px;
@@ -62,7 +264,7 @@
--web-action-target: OTDR_1_EventMap_E1.html;
cursor: pointer;
}
#Event1_zw {
#Event1_t {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -72,7 +274,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event1_zw {
.Event1_t {
position: absolute;
overflow: visible;
width: 24px;
@@ -80,7 +282,7 @@
left: 0px;
top: 0px;
}
#Event2_zx {
#Event2_u {
position: absolute;
width: 32px;
height: 39px;
@@ -92,7 +294,7 @@
--web-action-target: OTDR_1_EventMap_E2.html;
cursor: pointer;
}
#Event2_zy {
#Event2_v {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -102,7 +304,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event2_zy {
.Event2_v {
position: absolute;
overflow: visible;
width: 32px;
@@ -110,7 +312,7 @@
left: 0px;
top: 0px;
}
#Event3_zz {
#Event3_w {
position: absolute;
width: 32px;
height: 39px;
@@ -118,7 +320,7 @@
top: 375px;
overflow: visible;
}
#Event3_z {
#Event3_x {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -128,7 +330,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event3_z {
.Event3_x {
position: absolute;
overflow: visible;
width: 32px;
@@ -136,7 +338,7 @@
left: 0px;
top: 0px;
}
#Event4_z {
#Event4_y {
position: absolute;
width: 32px;
height: 39px;
@@ -148,7 +350,7 @@
--web-action-target: OTDR_1_EventMap_E4.html;
cursor: pointer;
}
#Event4_a {
#Event4_z {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -158,7 +360,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event4_a {
.Event4_z {
position: absolute;
overflow: visible;
width: 32px;
@@ -166,7 +368,7 @@
left: 0px;
top: 0px;
}
#Event5_z {
#Event5_a {
position: absolute;
width: 20px;
height: 18px;
@@ -178,7 +380,7 @@
--web-action-target: OTDR_1_EventMap_E5.html;
cursor: pointer;
}
#Event5_a {
#Event5_b {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -188,7 +390,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event5_a {
.Event5_b {
position: absolute;
overflow: visible;
width: 20px;
@@ -196,7 +398,7 @@
left: 0px;
top: 0px;
}
#Event6_z {
#Event6_c {
position: absolute;
width: 20px;
height: 14px;
@@ -208,7 +410,7 @@
--web-action-target: OTDR_1_EventMap_E6.html;
cursor: pointer;
}
#Event6_a {
#Event6_d {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -218,7 +420,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event6_a {
.Event6_d {
position: absolute;
overflow: visible;
width: 20px;
@@ -226,7 +428,7 @@
left: 0px;
top: 0px;
}
#HELPButton_z {
#HELPButton_b {
position: absolute;
width: 40px;
height: 31px;
@@ -238,7 +440,7 @@
--web-action-target: OTDR_1_EventMap_HELP_E3.html;
cursor: pointer;
}
#HELPButton_a {
#HELPButton_c {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -248,7 +450,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.HELPButton_a {
.HELPButton_c {
position: absolute;
overflow: visible;
width: 40px;
@@ -256,7 +458,7 @@
left: 0px;
top: 0px;
}
#TestRusltButton_z {
#TestRusltButton_b {
position: absolute;
width: 290px;
height: 183px;
@@ -268,7 +470,7 @@
--web-action-target: OTDR_1_EventMap_Detail_E3.html;
cursor: pointer;
}
#TestRusltButton_a {
#TestRusltButton_c {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -278,7 +480,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.TestRusltButton_a {
.TestRusltButton_c {
position: absolute;
overflow: visible;
width: 290px;
@@ -286,7 +488,7 @@
left: 0px;
top: 0px;
}
#CurveButton_b {
#CurveButton_c {
position: absolute;
width: 159px;
height: 34px;
@@ -298,7 +500,7 @@
--web-action-target: OTDR_1_Curve_1310_E3.html;
cursor: pointer;
}
#CurveButton_c {
#CurveButton_d {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -308,7 +510,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.CurveButton_c {
.CurveButton_d {
position: absolute;
overflow: visible;
width: 159px;
@@ -316,7 +518,7 @@
left: 0px;
top: 0px;
}
#TableButton_d {
#TableButton_i {
position: absolute;
width: 159px;
height: 34px;
@@ -328,7 +530,7 @@
--web-action-target: OTDR_1_Tabel_1310.html;
cursor: pointer;
}
#TableButton_e {
#TableButton_j {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -338,7 +540,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.TableButton_e {
.TableButton_j {
position: absolute;
overflow: visible;
width: 159px;
@@ -3262,63 +3464,107 @@ window.application = new Application();
<div id="OTDR-1-EventMap-E3">
<img id="n_56" src="n_56.png" srcset="n_56.png 1x, n_56@2x.png 2x">
<div onclick="application.goToTargetView(event)" id="Event1_zv" class="Event1">
<svg class="Event1_zw">
<rect id="Event1_zw" rx="0" ry="0" x="0" y="0" width="24" height="13">
<svg class="n_9_thin_q">
<ellipse id="n_9_thin_q" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_9_thin_r">
<ellipse id="n_9_thin_r" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_9_thin_s">
<ellipse id="n_9_thin_s" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_9_thin_t">
<ellipse id="n_9_thin_t" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_9_thin_u">
<ellipse id="n_9_thin_u" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_9_thin_v">
<ellipse id="n_9_thin_v" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_4_m">
<ellipse id="n_4_m" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_5_n">
<ellipse id="n_5_n" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_6_o">
<ellipse id="n_6_o" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_7_p">
<ellipse onclick="application.goToTargetView(event)" id="n_7_p" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_8_bad">
<ellipse id="n_8_bad" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<div onclick="application.goToTargetView(event)" id="Event1_s" class="Event1">
<svg class="Event1_t">
<rect id="Event1_t" rx="0" ry="0" x="0" y="0" width="24" height="13">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event2_zx" class="Event2">
<svg class="Event2_zy">
<rect id="Event2_zy" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div onclick="application.goToTargetView(event)" id="Event2_u" class="Event2">
<svg class="Event2_v">
<rect id="Event2_v" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div id="Event3_zz" class="Event3">
<svg class="Event3_z">
<rect id="Event3_z" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div id="Event3_w" class="Event3">
<svg class="Event3_x">
<rect id="Event3_x" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event4_z" class="Event4">
<svg class="Event4_a">
<rect id="Event4_a" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div onclick="application.goToTargetView(event)" id="Event4_y" class="Event4">
<svg class="Event4_z">
<rect id="Event4_z" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event5_z" class="Event5">
<svg class="Event5_a">
<rect id="Event5_a" rx="0" ry="0" x="0" y="0" width="20" height="18">
<div onclick="application.goToTargetView(event)" id="Event5_a" class="Event5">
<svg class="Event5_b">
<rect id="Event5_b" rx="0" ry="0" x="0" y="0" width="20" height="18">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event6_z" class="Event6">
<svg class="Event6_a">
<rect id="Event6_a" rx="0" ry="0" x="0" y="0" width="20" height="14">
<div onclick="application.goToTargetView(event)" id="Event6_c" class="Event6">
<svg class="Event6_d">
<rect id="Event6_d" rx="0" ry="0" x="0" y="0" width="20" height="14">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="HELPButton_z" class="HELPButton">
<svg class="HELPButton_a">
<rect id="HELPButton_a" rx="0" ry="0" x="0" y="0" width="40" height="31">
<div onclick="application.goToTargetView(event)" id="HELPButton_b" class="HELPButton">
<svg class="HELPButton_c">
<rect id="HELPButton_c" rx="0" ry="0" x="0" y="0" width="40" height="31">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="TestRusltButton_z" class="TestRusltButton">
<svg class="TestRusltButton_a">
<rect id="TestRusltButton_a" rx="0" ry="0" x="0" y="0" width="290" height="183">
<div onclick="application.goToTargetView(event)" id="TestRusltButton_b" class="TestRusltButton">
<svg class="TestRusltButton_c">
<rect id="TestRusltButton_c" rx="0" ry="0" x="0" y="0" width="290" height="183">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="CurveButton_b" class="CurveButton">
<svg class="CurveButton_c">
<rect id="CurveButton_c" rx="0" ry="0" x="0" y="0" width="159" height="34">
<div onclick="application.goToTargetView(event)" id="CurveButton_c" class="CurveButton">
<svg class="CurveButton_d">
<rect id="CurveButton_d" rx="0" ry="0" x="0" y="0" width="159" height="34">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="TableButton_d" class="TableButton">
<svg class="TableButton_e">
<rect id="TableButton_e" rx="0" ry="0" x="0" y="0" width="159" height="34">
<div onclick="application.goToTargetView(event)" id="TableButton_i" class="TableButton">
<svg class="TableButton_j">
<rect id="TableButton_j" rx="0" ry="0" x="0" y="0" width="159" height="34">
</rect>
</svg>
</div>