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

370
public/flukemoni/Ex5/OTDR_1_EventMap_E3.html Normal file → Executable file
View File

@@ -50,7 +50,205 @@
top: 0px;
overflow: visible;
}
#Event1_s {
#n_22_yq {
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_22_yq {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 33px;
top: 51px;
}
#n_22_yr {
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_22_yr {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 250px;
top: 97px;
}
#n_22_ys {
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_22_ys {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 422px;
top: 97px;
}
#n_22_yt {
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_22_yt {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 426px;
top: 600px;
}
#n_22_yu {
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_22_yu {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 16px;
top: 549px;
}
#n_36_thin_yv {
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_36_thin_yv {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 94px;
top: 143px;
}
#n_36_thin_yw {
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_36_thin_yw {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 92px;
top: 220px;
}
#n_36_thin_yx {
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_36_thin_yx {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 93px;
top: 304px;
}
#n_36_thin_yy {
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_36_thin_yy {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 93px;
top: 383px;
}
#n_36_thin_yz {
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_36_thin_yz {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 92px;
top: 462px;
}
#n_23_y {
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_23_y {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 377px;
top: 298px;
}
#Event1_y {
position: absolute;
width: 24px;
height: 13px;
@@ -62,7 +260,7 @@
--web-action-target: OTDR_1_EventMap_E1.html;
cursor: pointer;
}
#Event1_ta {
#Event1_za {
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_ta {
.Event1_za {
position: absolute;
overflow: visible;
width: 24px;
@@ -80,7 +278,7 @@
left: 0px;
top: 0px;
}
#Event2_s {
#Event2_y {
position: absolute;
width: 32px;
height: 39px;
@@ -92,7 +290,7 @@
--web-action-target: OTDR_1_EventMap_E2.html;
cursor: pointer;
}
#Event2_ta {
#Event2_za {
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_ta {
.Event2_za {
position: absolute;
overflow: visible;
width: 32px;
@@ -110,7 +308,7 @@
left: 0px;
top: 0px;
}
#Event3_ta {
#Event3_y {
position: absolute;
width: 32px;
height: 39px;
@@ -118,7 +316,7 @@
top: 375px;
overflow: visible;
}
#Event3_tb {
#Event3_za {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -128,7 +326,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event3_tb {
.Event3_za {
position: absolute;
overflow: visible;
width: 32px;
@@ -136,7 +334,7 @@
left: 0px;
top: 0px;
}
#Event4_tc {
#Event4_y {
position: absolute;
width: 32px;
height: 39px;
@@ -148,7 +346,7 @@
--web-action-target: OTDR_1_EventMap_E4.html;
cursor: pointer;
}
#Event4_td {
#Event4_za {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -158,7 +356,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event4_td {
.Event4_za {
position: absolute;
overflow: visible;
width: 32px;
@@ -166,7 +364,7 @@
left: 0px;
top: 0px;
}
#Event5_te {
#Event5_y {
position: absolute;
width: 33px;
height: 32px;
@@ -178,7 +376,7 @@
--web-action-target: OTDR_1_EventMap_E5.html;
cursor: pointer;
}
#Event5_tf {
#Event5_za {
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_tf {
.Event5_za {
position: absolute;
overflow: visible;
width: 33px;
@@ -196,7 +394,7 @@
left: 0px;
top: 0px;
}
#Event6_tg {
#Event6_zb {
position: absolute;
width: 20px;
height: 14px;
@@ -208,7 +406,7 @@
--web-action-target: OTDR_1_EventMap_E6.html;
cursor: pointer;
}
#Event6_th {
#Event6_zc {
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_th {
.Event6_zc {
position: absolute;
overflow: visible;
width: 20px;
@@ -226,7 +424,7 @@
left: 0px;
top: 0px;
}
#HELPButton_ti {
#HELPButton_zd {
position: absolute;
width: 40px;
height: 31px;
@@ -238,7 +436,7 @@
--web-action-target: OTDR_1_EventMap_HELP_E3.html;
cursor: pointer;
}
#HELPButton_tj {
#HELPButton_ze {
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_tj {
.HELPButton_ze {
position: absolute;
overflow: visible;
width: 40px;
@@ -256,7 +454,7 @@
left: 0px;
top: 0px;
}
#TestRusltButton_tk {
#TestRusltButton_zf {
position: absolute;
width: 290px;
height: 183px;
@@ -268,7 +466,7 @@
--web-action-target: OTDR_1_EventMap_Detail_E3.html;
cursor: pointer;
}
#TestRusltButton_tl {
#TestRusltButton_zg {
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_tl {
.TestRusltButton_zg {
position: absolute;
overflow: visible;
width: 290px;
@@ -286,7 +484,7 @@
left: 0px;
top: 0px;
}
#CurveButton_tm {
#CurveButton_zh {
position: absolute;
width: 159px;
height: 34px;
@@ -298,7 +496,7 @@
--web-action-target: OTDR_1_Curve_1310_E3.html;
cursor: pointer;
}
#CurveButton_tn {
#CurveButton_zi {
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_tn {
.CurveButton_zi {
position: absolute;
overflow: visible;
width: 159px;
@@ -316,7 +514,7 @@
left: 0px;
top: 0px;
}
#TableButton_to {
#TableButton_zj {
position: absolute;
width: 159px;
height: 34px;
@@ -328,7 +526,7 @@
--web-action-target: OTDR_1_Tabel_1310.html;
cursor: pointer;
}
#TableButton_tp {
#TableButton_zk {
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_tp {
.TableButton_zk {
position: absolute;
overflow: visible;
width: 159px;
@@ -346,7 +544,7 @@
left: 0px;
top: 0px;
}
#BackButton_tq {
#BackButton_zl {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -356,7 +554,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.BackButton_tq {
.BackButton_zl {
position: absolute;
overflow: visible;
width: 58px;
@@ -3284,68 +3482,112 @@ window.application = new Application();
<div id="OTDR-1-EventMap-E3">
<img id="n_180" src="n_180.png" srcset="n_180.png 1x, n_180@2x.png 2x">
<div onclick="application.goToTargetView(event)" id="Event1_s" class="Event1">
<svg class="Event1_ta">
<rect id="Event1_ta" rx="0" ry="0" x="0" y="0" width="24" height="13">
<svg class="n_22_yq">
<ellipse id="n_22_yq" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_yr">
<ellipse id="n_22_yr" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_ys">
<ellipse id="n_22_ys" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_yt">
<ellipse id="n_22_yt" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_yu">
<ellipse id="n_22_yu" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_yv">
<ellipse id="n_36_thin_yv" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_yw">
<ellipse id="n_36_thin_yw" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_yx">
<ellipse id="n_36_thin_yx" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_yy">
<ellipse id="n_36_thin_yy" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_yz">
<ellipse id="n_36_thin_yz" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_23_y">
<ellipse id="n_23_y" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<div onclick="application.goToTargetView(event)" id="Event1_y" class="Event1">
<svg class="Event1_za">
<rect id="Event1_za" rx="0" ry="0" x="0" y="0" width="24" height="13">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event2_s" class="Event2">
<svg class="Event2_ta">
<rect id="Event2_ta" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div onclick="application.goToTargetView(event)" id="Event2_y" class="Event2">
<svg class="Event2_za">
<rect id="Event2_za" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div id="Event3_ta" class="Event3">
<svg class="Event3_tb">
<rect id="Event3_tb" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div id="Event3_y" class="Event3">
<svg class="Event3_za">
<rect id="Event3_za" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event4_tc" class="Event4">
<svg class="Event4_td">
<rect id="Event4_td" 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_za">
<rect id="Event4_za" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event5_te" class="Event5">
<svg class="Event5_tf">
<rect id="Event5_tf" rx="0" ry="0" x="0" y="0" width="33" height="32">
<div onclick="application.goToTargetView(event)" id="Event5_y" class="Event5">
<svg class="Event5_za">
<rect id="Event5_za" rx="0" ry="0" x="0" y="0" width="33" height="32">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event6_tg" class="Event6">
<svg class="Event6_th">
<rect id="Event6_th" rx="0" ry="0" x="0" y="0" width="20" height="14">
<div onclick="application.goToTargetView(event)" id="Event6_zb" class="Event6">
<svg class="Event6_zc">
<rect id="Event6_zc" rx="0" ry="0" x="0" y="0" width="20" height="14">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="HELPButton_ti" class="HELPButton">
<svg class="HELPButton_tj">
<rect id="HELPButton_tj" rx="0" ry="0" x="0" y="0" width="40" height="31">
<div onclick="application.goToTargetView(event)" id="HELPButton_zd" class="HELPButton">
<svg class="HELPButton_ze">
<rect id="HELPButton_ze" rx="0" ry="0" x="0" y="0" width="40" height="31">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="TestRusltButton_tk" class="TestRusltButton">
<svg class="TestRusltButton_tl">
<rect id="TestRusltButton_tl" rx="0" ry="0" x="0" y="0" width="290" height="183">
<div onclick="application.goToTargetView(event)" id="TestRusltButton_zf" class="TestRusltButton">
<svg class="TestRusltButton_zg">
<rect id="TestRusltButton_zg" rx="0" ry="0" x="0" y="0" width="290" height="183">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="CurveButton_tm" class="CurveButton">
<svg class="CurveButton_tn">
<rect id="CurveButton_tn" rx="0" ry="0" x="0" y="0" width="159" height="34">
<div onclick="application.goToTargetView(event)" id="CurveButton_zh" class="CurveButton">
<svg class="CurveButton_zi">
<rect id="CurveButton_zi" rx="0" ry="0" x="0" y="0" width="159" height="34">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="TableButton_to" class="TableButton">
<svg class="TableButton_tp">
<rect id="TableButton_tp" rx="0" ry="0" x="0" y="0" width="159" height="34">
<div onclick="application.goToTargetView(event)" id="TableButton_zj" class="TableButton">
<svg class="TableButton_zk">
<rect id="TableButton_zk" rx="0" ry="0" x="0" y="0" width="159" height="34">
</rect>
</svg>
</div>
<svg class="BackButton_tq">
<rect onclick="application.goToTargetView(event)" id="BackButton_tq" rx="0" ry="0" x="0" y="0" width="58" height="34">
<svg class="BackButton_zl">
<rect onclick="application.goToTargetView(event)" id="BackButton_zl" rx="0" ry="0" x="0" y="0" width="58" height="34">
</rect>
</svg>
</div>