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

This commit is contained in:
2025-12-25 03:30:11 +00:00
parent e0f7db1b1c
commit 9f800a5c2d
2952 changed files with 83703 additions and 21163 deletions

382
public/flukemoni/Ex5/OTDR_1_EventMap_E2.html Normal file → Executable file
View File

@@ -50,7 +50,205 @@
top: 0px;
overflow: visible;
}
#Event1_sg {
#n_22_xp {
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_xp {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 33px;
top: 51px;
}
#n_22_xq {
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_xq {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 250px;
top: 97px;
}
#n_22_xr {
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_xr {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 422px;
top: 97px;
}
#n_23_xs {
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_xs {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 377px;
top: 298px;
}
#n_22_xt {
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_xt {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 426px;
top: 600px;
}
#n_22_xu {
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_xu {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 16px;
top: 549px;
}
#n_36_thin_xv {
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_xv {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 94px;
top: 143px;
}
#n_36_thin_xw {
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_xw {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 92px;
top: 220px;
}
#n_36_thin_xx {
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_xx {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 93px;
top: 304px;
}
#n_36_thin_xy {
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_xy {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 93px;
top: 383px;
}
#n_36_thin_xz {
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_xz {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 92px;
top: 462px;
}
#Event1_x {
position: absolute;
width: 24px;
height: 13px;
@@ -62,7 +260,7 @@
--web-action-target: OTDR_1_EventMap_E1.html;
cursor: pointer;
}
#Event1_sh {
#Event1_ya {
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_sh {
.Event1_ya {
position: absolute;
overflow: visible;
width: 24px;
@@ -80,7 +278,7 @@
left: 0px;
top: 0px;
}
#Event2_si {
#Event2_x {
position: absolute;
width: 32px;
height: 39px;
@@ -88,7 +286,7 @@
top: 454px;
overflow: visible;
}
#Event2_sj {
#Event2_ya {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -98,7 +296,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event2_sj {
.Event2_ya {
position: absolute;
overflow: visible;
width: 32px;
@@ -106,7 +304,7 @@
left: 0px;
top: 0px;
}
#Event3_sk {
#Event3_x {
position: absolute;
width: 32px;
height: 39px;
@@ -118,7 +316,7 @@
--web-action-target: OTDR_1_EventMap_E3.html;
cursor: pointer;
}
#Event3_sl {
#Event3_ya {
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_sl {
.Event3_ya {
position: absolute;
overflow: visible;
width: 32px;
@@ -136,7 +334,7 @@
left: 0px;
top: 0px;
}
#Event4_sm {
#Event4_x {
position: absolute;
width: 32px;
height: 39px;
@@ -148,7 +346,7 @@
--web-action-target: OTDR_1_EventMap_E4.html;
cursor: pointer;
}
#Event4_sn {
#Event4_ya {
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_sn {
.Event4_ya {
position: absolute;
overflow: visible;
width: 32px;
@@ -166,7 +364,7 @@
left: 0px;
top: 0px;
}
#Event5_so {
#Event5_x {
position: absolute;
width: 33px;
height: 32px;
@@ -178,7 +376,7 @@
--web-action-target: OTDR_1_EventMap_E5.html;
cursor: pointer;
}
#Event5_sp {
#Event5_ya {
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_sp {
.Event5_ya {
position: absolute;
overflow: visible;
width: 33px;
@@ -196,7 +394,7 @@
left: 0px;
top: 0px;
}
#Event6_sq {
#Event6_ya {
position: absolute;
width: 20px;
height: 14px;
@@ -208,7 +406,7 @@
--web-action-target: OTDR_1_EventMap_E6.html;
cursor: pointer;
}
#Event6_sr {
#Event6_yb {
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_sr {
.Event6_yb {
position: absolute;
overflow: visible;
width: 20px;
@@ -226,7 +424,7 @@
left: 0px;
top: 0px;
}
#HELPButton_ss {
#HELPButton_yc {
position: absolute;
width: 40px;
height: 31px;
@@ -238,7 +436,7 @@
--web-action-target: OTDR_1_EventMap_HELP_E2.html;
cursor: pointer;
}
#HELPButton_st {
#HELPButton_yd {
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_st {
.HELPButton_yd {
position: absolute;
overflow: visible;
width: 40px;
@@ -256,7 +454,7 @@
left: 0px;
top: 0px;
}
#TestRusltButton_su {
#TestRusltButton_ye {
position: absolute;
width: 290px;
height: 183px;
@@ -268,7 +466,7 @@
--web-action-target: OTDR_1_EventMap_Detail_E2.html;
cursor: pointer;
}
#TestRusltButton_sv {
#TestRusltButton_yf {
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_sv {
.TestRusltButton_yf {
position: absolute;
overflow: visible;
width: 290px;
@@ -286,7 +484,7 @@
left: 0px;
top: 0px;
}
#CurveButton_sw {
#CurveButton_yg {
position: absolute;
width: 159px;
height: 34px;
@@ -298,7 +496,7 @@
--web-action-target: OTDR_1_Curve_1310_E2.html;
cursor: pointer;
}
#CurveButton_sx {
#CurveButton_yh {
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_sx {
.CurveButton_yh {
position: absolute;
overflow: visible;
width: 159px;
@@ -316,7 +514,7 @@
left: 0px;
top: 0px;
}
#TableButton_sy {
#TableButton_yi {
position: absolute;
width: 159px;
height: 34px;
@@ -328,7 +526,7 @@
--web-action-target: OTDR_1_Tabel_1310.html;
cursor: pointer;
}
#TableButton_sz {
#TableButton_yj {
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_sz {
.TableButton_yj {
position: absolute;
overflow: visible;
width: 159px;
@@ -346,7 +544,7 @@
left: 0px;
top: 0px;
}
#HOMEBUTTON_s {
#HOMEBUTTON_yk {
position: absolute;
width: 63px;
height: 51px;
@@ -358,7 +556,7 @@
--web-action-target: HOMEPAGE.html;
cursor: pointer;
}
#HOMEBUTTON_ta {
#HOMEBUTTON_yl {
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_ta {
.HOMEBUTTON_yl {
position: absolute;
overflow: visible;
width: 63px;
@@ -376,7 +574,7 @@
left: 0px;
top: 0px;
}
#BackButton_s {
#BackButton_ym {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -386,7 +584,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.BackButton_s {
.BackButton_ym {
position: absolute;
overflow: visible;
width: 58px;
@@ -3314,74 +3512,118 @@ window.application = new Application();
<div id="OTDR-1-EventMap-E2">
<img id="n_179" src="n_179.png" srcset="n_179.png 1x, n_179@2x.png 2x">
<div onclick="application.goToTargetView(event)" id="Event1_sg" class="Event1">
<svg class="Event1_sh">
<rect id="Event1_sh" rx="0" ry="0" x="0" y="0" width="24" height="13">
<svg class="n_22_xp">
<ellipse id="n_22_xp" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_xq">
<ellipse id="n_22_xq" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_xr">
<ellipse id="n_22_xr" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_23_xs">
<ellipse id="n_23_xs" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_xt">
<ellipse id="n_22_xt" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_xu">
<ellipse id="n_22_xu" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_xv">
<ellipse id="n_36_thin_xv" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_xw">
<ellipse id="n_36_thin_xw" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_xx">
<ellipse id="n_36_thin_xx" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_xy">
<ellipse id="n_36_thin_xy" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_xz">
<ellipse id="n_36_thin_xz" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<div onclick="application.goToTargetView(event)" id="Event1_x" class="Event1">
<svg class="Event1_ya">
<rect id="Event1_ya" rx="0" ry="0" x="0" y="0" width="24" height="13">
</rect>
</svg>
</div>
<div id="Event2_si" class="Event2">
<svg class="Event2_sj">
<rect id="Event2_sj" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div id="Event2_x" class="Event2">
<svg class="Event2_ya">
<rect id="Event2_ya" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event3_sk" class="Event3">
<svg class="Event3_sl">
<rect id="Event3_sl" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div onclick="application.goToTargetView(event)" id="Event3_x" class="Event3">
<svg class="Event3_ya">
<rect id="Event3_ya" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event4_sm" class="Event4">
<svg class="Event4_sn">
<rect id="Event4_sn" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div onclick="application.goToTargetView(event)" id="Event4_x" class="Event4">
<svg class="Event4_ya">
<rect id="Event4_ya" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event5_so" class="Event5">
<svg class="Event5_sp">
<rect id="Event5_sp" rx="0" ry="0" x="0" y="0" width="33" height="32">
<div onclick="application.goToTargetView(event)" id="Event5_x" class="Event5">
<svg class="Event5_ya">
<rect id="Event5_ya" rx="0" ry="0" x="0" y="0" width="33" height="32">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event6_sq" class="Event6">
<svg class="Event6_sr">
<rect id="Event6_sr" rx="0" ry="0" x="0" y="0" width="20" height="14">
<div onclick="application.goToTargetView(event)" id="Event6_ya" class="Event6">
<svg class="Event6_yb">
<rect id="Event6_yb" rx="0" ry="0" x="0" y="0" width="20" height="14">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="HELPButton_ss" class="HELPButton">
<svg class="HELPButton_st">
<rect id="HELPButton_st" rx="0" ry="0" x="0" y="0" width="40" height="31">
<div onclick="application.goToTargetView(event)" id="HELPButton_yc" class="HELPButton">
<svg class="HELPButton_yd">
<rect id="HELPButton_yd" rx="0" ry="0" x="0" y="0" width="40" height="31">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="TestRusltButton_su" class="TestRusltButton">
<svg class="TestRusltButton_sv">
<rect id="TestRusltButton_sv" rx="0" ry="0" x="0" y="0" width="290" height="183">
<div onclick="application.goToTargetView(event)" id="TestRusltButton_ye" class="TestRusltButton">
<svg class="TestRusltButton_yf">
<rect id="TestRusltButton_yf" rx="0" ry="0" x="0" y="0" width="290" height="183">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="CurveButton_sw" class="CurveButton">
<svg class="CurveButton_sx">
<rect id="CurveButton_sx" rx="0" ry="0" x="0" y="0" width="159" height="34">
<div onclick="application.goToTargetView(event)" id="CurveButton_yg" class="CurveButton">
<svg class="CurveButton_yh">
<rect id="CurveButton_yh" rx="0" ry="0" x="0" y="0" width="159" height="34">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="TableButton_sy" class="TableButton">
<svg class="TableButton_sz">
<rect id="TableButton_sz" rx="0" ry="0" x="0" y="0" width="159" height="34">
<div onclick="application.goToTargetView(event)" id="TableButton_yi" class="TableButton">
<svg class="TableButton_yj">
<rect id="TableButton_yj" rx="0" ry="0" x="0" y="0" width="159" height="34">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_s" class="HOMEBUTTON">
<svg class="HOMEBUTTON_ta">
<rect id="HOMEBUTTON_ta" rx="0" ry="0" x="0" y="0" width="63" height="51">
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_yk" class="HOMEBUTTON">
<svg class="HOMEBUTTON_yl">
<rect id="HOMEBUTTON_yl" rx="0" ry="0" x="0" y="0" width="63" height="51">
</rect>
</svg>
</div>
<svg class="BackButton_s">
<rect onclick="application.goToTargetView(event)" id="BackButton_s" rx="0" ry="0" x="0" y="0" width="58" height="34">
<svg class="BackButton_ym">
<rect onclick="application.goToTargetView(event)" id="BackButton_ym" rx="0" ry="0" x="0" y="0" width="58" height="34">
</rect>
</svg>
</div>