新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
316
public/flukemoni/Ex5/OTDR_1_EventMap_E1___11.html
Normal file → Executable file
316
public/flukemoni/Ex5/OTDR_1_EventMap_E1___11.html
Normal file → Executable file
@@ -50,7 +50,187 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#CurveButton_bu {
|
||||
#n_22_cyq {
|
||||
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_cyq {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 33px;
|
||||
top: 51px;
|
||||
}
|
||||
#n_22_cyr {
|
||||
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_cyr {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 251px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_22_cys {
|
||||
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_cys {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 425px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_22_cyt {
|
||||
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_cyt {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 16px;
|
||||
top: 549px;
|
||||
}
|
||||
#n_57_cyu {
|
||||
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_57_cyu {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 93px;
|
||||
top: 143px;
|
||||
}
|
||||
#n_58_cyv {
|
||||
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_58_cyv {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 94px;
|
||||
top: 224px;
|
||||
}
|
||||
#n_59_cyw {
|
||||
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_59_cyw {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 93px;
|
||||
top: 304px;
|
||||
}
|
||||
#n_60_cyx {
|
||||
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_60_cyx {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 92px;
|
||||
top: 384px;
|
||||
}
|
||||
#n_61_cyy {
|
||||
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_61_cyy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 94px;
|
||||
top: 463px;
|
||||
}
|
||||
#n_23_cyz {
|
||||
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_cyz {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 377px;
|
||||
top: 298px;
|
||||
}
|
||||
#CurveButton_cy {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -60,7 +240,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.CurveButton_bu {
|
||||
.CurveButton_cy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -72,7 +252,7 @@
|
||||
--web-action-target: OTDR_1_Curve_1310_E1___11.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#TestRusltButton_bv {
|
||||
#TestRusltButton_cy {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -82,7 +262,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.TestRusltButton_bv {
|
||||
.TestRusltButton_cy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 290px;
|
||||
@@ -94,7 +274,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detail_E1___11.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HELPButton_bw {
|
||||
#HELPButton_cy {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -104,7 +284,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HELPButton_bw {
|
||||
.HELPButton_cy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 40px;
|
||||
@@ -116,7 +296,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_HELP_E1___11.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HOMEBUTTON_bh {
|
||||
#HOMEBUTTON_cy {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -126,7 +306,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HOMEBUTTON_bh {
|
||||
.HOMEBUTTON_cy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 63px;
|
||||
@@ -134,7 +314,7 @@
|
||||
left: 405px;
|
||||
top: 585px;
|
||||
}
|
||||
#BackButton_cap {
|
||||
#BackButton_cy {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -144,7 +324,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.BackButton_cap {
|
||||
.BackButton_cy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 58px;
|
||||
@@ -156,7 +336,7 @@
|
||||
--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#TableButton_bb {
|
||||
#TableButton_cy {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -166,7 +346,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.TableButton_bb {
|
||||
.TableButton_cy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -178,7 +358,7 @@
|
||||
--web-action-target: OTDR_1_Tabel_1310___3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event1_ba {
|
||||
#Event1_cy {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -188,7 +368,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event1_ba {
|
||||
.Event1_cy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 24px;
|
||||
@@ -200,7 +380,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E1___8.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event2_ba {
|
||||
#Event2_cy {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -210,7 +390,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event2_ba {
|
||||
.Event2_cy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -222,7 +402,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E1___9.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event3_b {
|
||||
#Event3_cy {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -232,7 +412,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event3_b {
|
||||
.Event3_cy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -244,7 +424,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E1___10.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event4_b {
|
||||
#Event4_cy {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -254,7 +434,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event4_b {
|
||||
.Event4_cy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -262,7 +442,7 @@
|
||||
left: 88px;
|
||||
top: 295px;
|
||||
}
|
||||
#Event5_b {
|
||||
#Event5_cza {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -272,7 +452,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event5_b {
|
||||
.Event5_cza {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -284,7 +464,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E1___13.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event6_b {
|
||||
#Event6_czb {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -294,7 +474,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event6_b {
|
||||
.Event6_czb {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 24px;
|
||||
@@ -3222,52 +3402,92 @@ window.application = new Application();
|
||||
<div id="OTDR-1-EventMap-E1__11">
|
||||
<img id="n_232" src="n_232.png" srcset="n_232.png 1x, n_232@2x.png 2x">
|
||||
|
||||
<svg class="CurveButton_bu">
|
||||
<rect onclick="application.goToTargetView(event)" id="CurveButton_bu" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<svg class="n_22_cyq">
|
||||
<ellipse id="n_22_cyq" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_22_cyr">
|
||||
<ellipse id="n_22_cyr" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_22_cys">
|
||||
<ellipse id="n_22_cys" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_22_cyt">
|
||||
<ellipse id="n_22_cyt" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_57_cyu">
|
||||
<ellipse id="n_57_cyu" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_58_cyv">
|
||||
<ellipse id="n_58_cyv" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_59_cyw">
|
||||
<ellipse id="n_59_cyw" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_60_cyx">
|
||||
<ellipse id="n_60_cyx" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_61_cyy">
|
||||
<ellipse id="n_61_cyy" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_23_cyz">
|
||||
<ellipse id="n_23_cyz" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="CurveButton_cy">
|
||||
<rect onclick="application.goToTargetView(event)" id="CurveButton_cy" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="TestRusltButton_bv">
|
||||
<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bv" rx="0" ry="0" x="0" y="0" width="290" height="179">
|
||||
<svg class="TestRusltButton_cy">
|
||||
<rect onclick="application.goToTargetView(event)" id="TestRusltButton_cy" rx="0" ry="0" x="0" y="0" width="290" height="179">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="HELPButton_bw">
|
||||
<rect onclick="application.goToTargetView(event)" id="HELPButton_bw" rx="0" ry="0" x="0" y="0" width="40" height="31">
|
||||
<svg class="HELPButton_cy">
|
||||
<rect onclick="application.goToTargetView(event)" id="HELPButton_cy" rx="0" ry="0" x="0" y="0" width="40" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="HOMEBUTTON_bh">
|
||||
<rect id="HOMEBUTTON_bh" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
<svg class="HOMEBUTTON_cy">
|
||||
<rect id="HOMEBUTTON_cy" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="BackButton_cap">
|
||||
<rect onclick="application.goToTargetView(event)" id="BackButton_cap" rx="0" ry="0" x="0" y="0" width="58" height="34">
|
||||
<svg class="BackButton_cy">
|
||||
<rect onclick="application.goToTargetView(event)" id="BackButton_cy" rx="0" ry="0" x="0" y="0" width="58" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="TableButton_bb">
|
||||
<rect onclick="application.goToTargetView(event)" id="TableButton_bb" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<svg class="TableButton_cy">
|
||||
<rect onclick="application.goToTargetView(event)" id="TableButton_cy" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event1_ba">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event1_ba" rx="0" ry="0" x="0" y="0" width="24" height="13">
|
||||
<svg class="Event1_cy">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event1_cy" rx="0" ry="0" x="0" y="0" width="24" height="13">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event2_ba">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event2_ba" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event2_cy">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event2_cy" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event3_b">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event3_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event3_cy">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event3_cy" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event4_b">
|
||||
<rect id="Event4_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event4_cy">
|
||||
<rect id="Event4_cy" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event5_b">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event5_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event5_cza">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event5_cza" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event6_b">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event6_b" rx="0" ry="0" x="0" y="0" width="24" height="18">
|
||||
<svg class="Event6_czb">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event6_czb" rx="0" ry="0" x="0" y="0" width="24" height="18">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user