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

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_E6.html Normal file → Executable file
View File

@@ -50,7 +50,187 @@
top: 0px;
overflow: visible;
}
#Event1_va {
#n_22_x {
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_x {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 33px;
top: 51px;
}
#n_22_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_22_y {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 250px;
top: 97px;
}
#n_22_z {
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_z {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 422px;
top: 97px;
}
#n_22_ {
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_ {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 426px;
top: 600px;
}
#n_22_a {
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_a {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 16px;
top: 549px;
}
#n_36_thin_ {
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_ {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 94px;
top: 143px;
}
#n_36_thin_a {
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_a {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 92px;
top: 220px;
}
#n_36_thin_b {
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_b {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 93px;
top: 304px;
}
#n_36_thin_c {
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_c {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 93px;
top: 383px;
}
#n_36_thin_d {
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_d {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 92px;
top: 462px;
}
#Event1_c {
position: absolute;
width: 24px;
height: 13px;
@@ -62,7 +242,7 @@
--web-action-target: OTDR_1_EventMap_E1.html;
cursor: pointer;
}
#Event1_vb {
#Event1_d {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -72,7 +252,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event1_vb {
.Event1_d {
position: absolute;
overflow: visible;
width: 24px;
@@ -80,7 +260,7 @@
left: 0px;
top: 0px;
}
#Event2_vc {
#Event2_c {
position: absolute;
width: 32px;
height: 39px;
@@ -92,7 +272,7 @@
--web-action-target: OTDR_1_EventMap_E2.html;
cursor: pointer;
}
#Event2_vd {
#Event2_d {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -102,7 +282,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event2_vd {
.Event2_d {
position: absolute;
overflow: visible;
width: 32px;
@@ -110,7 +290,7 @@
left: 0px;
top: 0px;
}
#Event3_ve {
#Event3_c {
position: absolute;
width: 32px;
height: 39px;
@@ -122,7 +302,7 @@
--web-action-target: OTDR_1_EventMap_E3.html;
cursor: pointer;
}
#Event3_vf {
#Event3_d {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -132,7 +312,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event3_vf {
.Event3_d {
position: absolute;
overflow: visible;
width: 32px;
@@ -140,7 +320,7 @@
left: 0px;
top: 0px;
}
#Event4_vg {
#Event4_c {
position: absolute;
width: 32px;
height: 39px;
@@ -152,7 +332,7 @@
--web-action-target: OTDR_1_EventMap_E4.html;
cursor: pointer;
}
#Event4_vh {
#Event4_d {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -162,7 +342,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event4_vh {
.Event4_d {
position: absolute;
overflow: visible;
width: 32px;
@@ -170,7 +350,7 @@
left: 0px;
top: 0px;
}
#Event5_vi {
#Event5_c {
position: absolute;
width: 33px;
height: 32px;
@@ -182,7 +362,7 @@
--web-action-target: OTDR_1_EventMap_E5.html;
cursor: pointer;
}
#Event5_vj {
#Event5_d {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -192,7 +372,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event5_vj {
.Event5_d {
position: absolute;
overflow: visible;
width: 33px;
@@ -200,7 +380,7 @@
left: 0px;
top: 0px;
}
#Event6_vk {
#Event6_e {
position: absolute;
width: 20px;
height: 14px;
@@ -208,7 +388,7 @@
top: 147px;
overflow: visible;
}
#Event6_vl {
#Event6_f {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -218,7 +398,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.Event6_vl {
.Event6_f {
position: absolute;
overflow: visible;
width: 20px;
@@ -226,7 +406,7 @@
left: 0px;
top: 0px;
}
#HELPButton_vm {
#HELPButton_g {
position: absolute;
width: 40px;
height: 31px;
@@ -238,7 +418,7 @@
--web-action-target: OTDR_1_EventMap_HELP_E6.html;
cursor: pointer;
}
#HELPButton_vn {
#HELPButton_h {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -248,7 +428,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.HELPButton_vn {
.HELPButton_h {
position: absolute;
overflow: visible;
width: 40px;
@@ -256,7 +436,7 @@
left: 0px;
top: 0px;
}
#TestRusltButton_vo {
#TestRusltButton_i {
position: absolute;
width: 290px;
height: 183px;
@@ -268,7 +448,7 @@
--web-action-target: OTDR_1_EventMap_Detail_E6.html;
cursor: pointer;
}
#TestRusltButton_vp {
#TestRusltButton_j {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -278,7 +458,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.TestRusltButton_vp {
.TestRusltButton_j {
position: absolute;
overflow: visible;
width: 290px;
@@ -286,7 +466,7 @@
left: 0px;
top: 0px;
}
#CurveButton_vq {
#CurveButton_l {
position: absolute;
width: 159px;
height: 34px;
@@ -298,7 +478,7 @@
--web-action-target: OTDR_1_Curve_1310_E6.html;
cursor: pointer;
}
#CurveButton_vr {
#CurveButton_m {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -308,7 +488,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.CurveButton_vr {
.CurveButton_m {
position: absolute;
overflow: visible;
width: 159px;
@@ -316,7 +496,7 @@
left: 0px;
top: 0px;
}
#TableButton_vs {
#TableButton_o {
position: absolute;
width: 159px;
height: 34px;
@@ -328,7 +508,7 @@
--web-action-target: OTDR_1_Tabel_1310.html;
cursor: pointer;
}
#TableButton_vt {
#TableButton_q {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -338,7 +518,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.TableButton_vt {
.TableButton_q {
position: absolute;
overflow: visible;
width: 159px;
@@ -346,7 +526,7 @@
left: 0px;
top: 0px;
}
#HOMEBUTTON_vu {
#HOMEBUTTON_q {
position: absolute;
width: 63px;
height: 51px;
@@ -358,7 +538,7 @@
--web-action-target: HOMEPAGE.html;
cursor: pointer;
}
#HOMEBUTTON_vv {
#HOMEBUTTON_r {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -368,7 +548,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.HOMEBUTTON_vv {
.HOMEBUTTON_r {
position: absolute;
overflow: visible;
width: 63px;
@@ -376,7 +556,7 @@
left: 0px;
top: 0px;
}
#BackButton_vw {
#BackButton_o {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -386,7 +566,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.BackButton_vw {
.BackButton_o {
position: absolute;
overflow: visible;
width: 58px;
@@ -398,6 +578,24 @@
--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
cursor: pointer;
}
#n_23_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_23_o {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 377px;
top: 298px;
}
</style>
<script id="applicationScript">
///////////////////////////////////////
@@ -3314,76 +3512,120 @@ window.application = new Application();
<div id="OTDR-1-EventMap-E6">
<img id="n_182" src="n_182.png" srcset="n_182.png 1x">
<div onclick="application.goToTargetView(event)" id="Event1_va" class="Event1">
<svg class="Event1_vb">
<rect id="Event1_vb" rx="0" ry="0" x="0" y="0" width="24" height="13">
<svg class="n_22_x">
<ellipse id="n_22_x" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_y">
<ellipse id="n_22_y" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_z">
<ellipse id="n_22_z" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_">
<ellipse id="n_22_" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_22_a">
<ellipse id="n_22_a" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_">
<ellipse id="n_36_thin_" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_a">
<ellipse id="n_36_thin_a" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_b">
<ellipse id="n_36_thin_b" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_c">
<ellipse id="n_36_thin_c" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_36_thin_d">
<ellipse id="n_36_thin_d" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<div onclick="application.goToTargetView(event)" id="Event1_c" class="Event1">
<svg class="Event1_d">
<rect id="Event1_d" rx="0" ry="0" x="0" y="0" width="24" height="13">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event2_vc" class="Event2">
<svg class="Event2_vd">
<rect id="Event2_vd" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div onclick="application.goToTargetView(event)" id="Event2_c" class="Event2">
<svg class="Event2_d">
<rect id="Event2_d" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event3_ve" class="Event3">
<svg class="Event3_vf">
<rect id="Event3_vf" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div onclick="application.goToTargetView(event)" id="Event3_c" class="Event3">
<svg class="Event3_d">
<rect id="Event3_d" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event4_vg" class="Event4">
<svg class="Event4_vh">
<rect id="Event4_vh" rx="0" ry="0" x="0" y="0" width="32" height="39">
<div onclick="application.goToTargetView(event)" id="Event4_c" class="Event4">
<svg class="Event4_d">
<rect id="Event4_d" rx="0" ry="0" x="0" y="0" width="32" height="39">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="Event5_vi" class="Event5">
<svg class="Event5_vj">
<rect id="Event5_vj" rx="0" ry="0" x="0" y="0" width="33" height="32">
<div onclick="application.goToTargetView(event)" id="Event5_c" class="Event5">
<svg class="Event5_d">
<rect id="Event5_d" rx="0" ry="0" x="0" y="0" width="33" height="32">
</rect>
</svg>
</div>
<div id="Event6_vk" class="Event6">
<svg class="Event6_vl">
<rect id="Event6_vl" rx="0" ry="0" x="0" y="0" width="20" height="14">
<div id="Event6_e" class="Event6">
<svg class="Event6_f">
<rect id="Event6_f" rx="0" ry="0" x="0" y="0" width="20" height="14">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="HELPButton_vm" class="HELPButton">
<svg class="HELPButton_vn">
<rect id="HELPButton_vn" rx="0" ry="0" x="0" y="0" width="40" height="31">
<div onclick="application.goToTargetView(event)" id="HELPButton_g" class="HELPButton">
<svg class="HELPButton_h">
<rect id="HELPButton_h" rx="0" ry="0" x="0" y="0" width="40" height="31">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="TestRusltButton_vo" class="TestRusltButton">
<svg class="TestRusltButton_vp">
<rect id="TestRusltButton_vp" rx="0" ry="0" x="0" y="0" width="290" height="183">
<div onclick="application.goToTargetView(event)" id="TestRusltButton_i" class="TestRusltButton">
<svg class="TestRusltButton_j">
<rect id="TestRusltButton_j" rx="0" ry="0" x="0" y="0" width="290" height="183">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="CurveButton_vq" class="CurveButton">
<svg class="CurveButton_vr">
<rect id="CurveButton_vr" rx="0" ry="0" x="0" y="0" width="159" height="34">
<div onclick="application.goToTargetView(event)" id="CurveButton_l" class="CurveButton">
<svg class="CurveButton_m">
<rect id="CurveButton_m" rx="0" ry="0" x="0" y="0" width="159" height="34">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="TableButton_vs" class="TableButton">
<svg class="TableButton_vt">
<rect id="TableButton_vt" rx="0" ry="0" x="0" y="0" width="159" height="34">
<div onclick="application.goToTargetView(event)" id="TableButton_o" class="TableButton">
<svg class="TableButton_q">
<rect id="TableButton_q" rx="0" ry="0" x="0" y="0" width="159" height="34">
</rect>
</svg>
</div>
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_vu" class="HOMEBUTTON">
<svg class="HOMEBUTTON_vv">
<rect id="HOMEBUTTON_vv" rx="0" ry="0" x="0" y="0" width="63" height="51">
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_q" class="HOMEBUTTON">
<svg class="HOMEBUTTON_r">
<rect id="HOMEBUTTON_r" rx="0" ry="0" x="0" y="0" width="63" height="51">
</rect>
</svg>
</div>
<svg class="BackButton_vw">
<rect onclick="application.goToTargetView(event)" id="BackButton_vw" rx="0" ry="0" x="0" y="0" width="58" height="34">
<svg class="BackButton_o">
<rect onclick="application.goToTargetView(event)" id="BackButton_o" rx="0" ry="0" x="0" y="0" width="58" height="34">
</rect>
</svg>
<svg class="n_23_o">
<ellipse id="n_23_o" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
</div>
</body>
</html>