新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
342
public/flukemoni/Ex4_2/OTDR_1_EventMap_E1.html
Normal file → Executable file
342
public/flukemoni/Ex4_2/OTDR_1_EventMap_E1.html
Normal file → Executable file
@@ -50,7 +50,205 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#TableButton_yh {
|
||||
#n_4 {
|
||||
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 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 16px;
|
||||
top: 549px;
|
||||
}
|
||||
#n_5 {
|
||||
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 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 250px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_6 {
|
||||
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 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 426px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_7 {
|
||||
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 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 426px;
|
||||
top: 600px;
|
||||
}
|
||||
#n_8_bab {
|
||||
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_bab {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 362px;
|
||||
top: 375px;
|
||||
}
|
||||
#n_9_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_9_thin {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 100px;
|
||||
top: 143px;
|
||||
}
|
||||
#n_9_thin_l {
|
||||
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_l {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 100px;
|
||||
top: 225px;
|
||||
}
|
||||
#n_9_thin_m {
|
||||
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_m {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 100px;
|
||||
top: 304px;
|
||||
}
|
||||
#n_9_thin_n {
|
||||
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_n {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 98px;
|
||||
top: 384px;
|
||||
}
|
||||
#n_9_thin_o {
|
||||
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_o {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 98px;
|
||||
top: 463px;
|
||||
}
|
||||
#n_9_thin_p {
|
||||
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_p {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 98px;
|
||||
top: 533px;
|
||||
}
|
||||
#TableButton_q {
|
||||
position: absolute;
|
||||
width: 159px;
|
||||
height: 34px;
|
||||
@@ -62,7 +260,7 @@
|
||||
--web-action-target: OTDR_1_Tabel_1310.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#TableButton_yi {
|
||||
#TableButton_r {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -72,7 +270,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.TableButton_yi {
|
||||
.TableButton_r {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -80,7 +278,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#CurveButton_yj {
|
||||
#CurveButton_s {
|
||||
position: absolute;
|
||||
width: 159px;
|
||||
height: 34px;
|
||||
@@ -92,7 +290,7 @@
|
||||
--web-action-target: OTDR_1_Curve_1310_E1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#CurveButton_yk {
|
||||
#CurveButton_t {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -102,7 +300,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.CurveButton_yk {
|
||||
.CurveButton_t {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -122,7 +320,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detail_E1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#TestRusltButton_ym {
|
||||
#TestRusltButton_v {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -132,7 +330,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.TestRusltButton_ym {
|
||||
.TestRusltButton_v {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 290px;
|
||||
@@ -152,7 +350,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_HELP_E1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HELPButton_yo {
|
||||
#HELPButton_x {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -162,7 +360,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HELPButton_yo {
|
||||
.HELPButton_x {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 40px;
|
||||
@@ -178,7 +376,7 @@
|
||||
top: 536px;
|
||||
overflow: visible;
|
||||
}
|
||||
#Event1_yq {
|
||||
#Event1_z {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -188,7 +386,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event1_yq {
|
||||
.Event1_z {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 24px;
|
||||
@@ -208,7 +406,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E2.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event2_ys {
|
||||
#Event2_ {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -218,7 +416,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event2_ys {
|
||||
.Event2_ {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -238,7 +436,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event3_yu {
|
||||
#Event3_ {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -248,7 +446,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event3_yu {
|
||||
.Event3_ {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -268,7 +466,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E4.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event4_yw {
|
||||
#Event4_ {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -278,7 +476,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event4_yw {
|
||||
.Event4_ {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -298,7 +496,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E5.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event5_yy {
|
||||
#Event5_ {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -308,7 +506,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event5_yy {
|
||||
.Event5_ {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 20px;
|
||||
@@ -328,7 +526,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E6.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event6_y {
|
||||
#Event6_ {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -338,7 +536,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event6_y {
|
||||
.Event6_ {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 20px;
|
||||
@@ -346,7 +544,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#HOMEBUTTON_y {
|
||||
#HOMEBUTTON_j {
|
||||
position: absolute;
|
||||
width: 63px;
|
||||
height: 51px;
|
||||
@@ -358,7 +556,7 @@
|
||||
--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HOMEBUTTON_za {
|
||||
#HOMEBUTTON_k {
|
||||
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_za {
|
||||
.HOMEBUTTON_k {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 63px;
|
||||
@@ -3292,69 +3490,113 @@ window.application = new Application();
|
||||
<div id="OTDR-1-EventMap-E1">
|
||||
<img id="n_54" src="n_54.png" srcset="n_54.png 1x, n_54@2x.png 2x">
|
||||
|
||||
<div onclick="application.goToTargetView(event)" id="TableButton_yh" class="TableButton">
|
||||
<svg class="TableButton_yi">
|
||||
<rect id="TableButton_yi" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<svg class="n_4">
|
||||
<ellipse id="n_4" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_5">
|
||||
<ellipse id="n_5" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_6">
|
||||
<ellipse id="n_6" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_7">
|
||||
<ellipse id="n_7" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_8_bab">
|
||||
<ellipse id="n_8_bab" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_9_thin">
|
||||
<ellipse id="n_9_thin" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_9_thin_l">
|
||||
<ellipse id="n_9_thin_l" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_9_thin_m">
|
||||
<ellipse id="n_9_thin_m" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_9_thin_n">
|
||||
<ellipse id="n_9_thin_n" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_9_thin_o">
|
||||
<ellipse id="n_9_thin_o" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_9_thin_p">
|
||||
<ellipse id="n_9_thin_p" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<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">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="CurveButton_yj" class="CurveButton">
|
||||
<svg class="CurveButton_yk">
|
||||
<rect id="CurveButton_yk" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="CurveButton_s" class="CurveButton">
|
||||
<svg class="CurveButton_t">
|
||||
<rect id="CurveButton_t" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="TestRusltButton" class="TestRusltButton">
|
||||
<svg class="TestRusltButton_ym">
|
||||
<rect id="TestRusltButton_ym" rx="0" ry="0" x="0" y="0" width="290" height="223">
|
||||
<svg class="TestRusltButton_v">
|
||||
<rect id="TestRusltButton_v" rx="0" ry="0" x="0" y="0" width="290" height="223">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="HELPButton" class="HELPButton">
|
||||
<svg class="HELPButton_yo">
|
||||
<rect id="HELPButton_yo" rx="0" ry="0" x="0" y="0" width="40" height="31">
|
||||
<svg class="HELPButton_x">
|
||||
<rect id="HELPButton_x" rx="0" ry="0" x="0" y="0" width="40" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div id="Event1" class="Event1">
|
||||
<svg class="Event1_yq">
|
||||
<rect id="Event1_yq" rx="0" ry="0" x="0" y="0" width="24" height="13">
|
||||
<svg class="Event1_z">
|
||||
<rect id="Event1_z" 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_ys">
|
||||
<rect id="Event2_ys" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event2_">
|
||||
<rect id="Event2_" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="Event3" class="Event3">
|
||||
<svg class="Event3_yu">
|
||||
<rect id="Event3_yu" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event3_">
|
||||
<rect id="Event3_" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="Event4" class="Event4">
|
||||
<svg class="Event4_yw">
|
||||
<rect id="Event4_yw" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event4_">
|
||||
<rect id="Event4_" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="Event5" class="Event5">
|
||||
<svg class="Event5_yy">
|
||||
<rect id="Event5_yy" rx="0" ry="0" x="0" y="0" width="20" height="18">
|
||||
<svg class="Event5_">
|
||||
<rect id="Event5_" rx="0" ry="0" x="0" y="0" width="20" height="18">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="Event6" class="Event6">
|
||||
<svg class="Event6_y">
|
||||
<rect id="Event6_y" rx="0" ry="0" x="0" y="0" width="20" height="14">
|
||||
<svg class="Event6_">
|
||||
<rect id="Event6_" rx="0" ry="0" x="0" y="0" width="20" height="14">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_y" class="HOMEBUTTON">
|
||||
<svg class="HOMEBUTTON_za">
|
||||
<rect id="HOMEBUTTON_za" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_j" class="HOMEBUTTON">
|
||||
<svg class="HOMEBUTTON_k">
|
||||
<rect id="HOMEBUTTON_k" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user