新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
316
public/flukemoni/Ex5/OTDR_1_EventMap_E1___9.html
Normal file → Executable file
316
public/flukemoni/Ex5/OTDR_1_EventMap_E1___9.html
Normal file → Executable file
@@ -50,7 +50,187 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#CurveButton_bs {
|
||||
#n_22_cg {
|
||||
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_cg {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 33px;
|
||||
top: 51px;
|
||||
}
|
||||
#n_22_cha {
|
||||
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_cha {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 251px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_22_chb {
|
||||
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_chb {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 425px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_22_chc {
|
||||
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_chc {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 16px;
|
||||
top: 549px;
|
||||
}
|
||||
#n_57_cg {
|
||||
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_cg {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 93px;
|
||||
top: 143px;
|
||||
}
|
||||
#n_58_cg {
|
||||
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_cg {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 94px;
|
||||
top: 224px;
|
||||
}
|
||||
#n_59_cg {
|
||||
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_cg {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 93px;
|
||||
top: 304px;
|
||||
}
|
||||
#n_60_cha {
|
||||
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_cha {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 92px;
|
||||
top: 384px;
|
||||
}
|
||||
#n_61_chb {
|
||||
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_chb {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 94px;
|
||||
top: 463px;
|
||||
}
|
||||
#n_23_chc {
|
||||
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_chc {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 377px;
|
||||
top: 298px;
|
||||
}
|
||||
#CurveButton_chd {
|
||||
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_bs {
|
||||
.CurveButton_chd {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -72,7 +252,7 @@
|
||||
--web-action-target: OTDR_1_Curve_1310_E1___9.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#TestRusltButton_bs {
|
||||
#TestRusltButton_che {
|
||||
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_bs {
|
||||
.TestRusltButton_che {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 290px;
|
||||
@@ -94,7 +274,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detail_E1___9.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HELPButton_bs {
|
||||
#HELPButton_chf {
|
||||
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_bs {
|
||||
.HELPButton_chf {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 40px;
|
||||
@@ -116,7 +296,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_HELP_E1___9.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HOMEBUTTON_bs {
|
||||
#HOMEBUTTON_chg {
|
||||
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_bs {
|
||||
.HOMEBUTTON_chg {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 63px;
|
||||
@@ -134,7 +314,7 @@
|
||||
left: 405px;
|
||||
top: 585px;
|
||||
}
|
||||
#BackButton_bs {
|
||||
#BackButton_chh {
|
||||
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_bs {
|
||||
.BackButton_chh {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 58px;
|
||||
@@ -156,7 +336,7 @@
|
||||
--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#TableButton_bta {
|
||||
#TableButton_chi {
|
||||
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_bta {
|
||||
.TableButton_chi {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -178,7 +358,7 @@
|
||||
--web-action-target: OTDR_1_Tabel_1310___3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event1_btb {
|
||||
#Event1_chj {
|
||||
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_btb {
|
||||
.Event1_chj {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 24px;
|
||||
@@ -200,7 +380,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E1___8.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event2_btc {
|
||||
#Event2_chk {
|
||||
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_btc {
|
||||
.Event2_chk {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -218,7 +398,7 @@
|
||||
left: 88px;
|
||||
top: 454px;
|
||||
}
|
||||
#Event3_btd {
|
||||
#Event3_chl {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -228,7 +408,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event3_btd {
|
||||
.Event3_chl {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -240,7 +420,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E1___10.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event4_bte {
|
||||
#Event4_chm {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -250,7 +430,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event4_bte {
|
||||
.Event4_chm {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -262,7 +442,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E1___11.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event5_btf {
|
||||
#Event5_chn {
|
||||
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_btf {
|
||||
.Event5_chn {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -284,7 +464,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E1___13.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event6_btg {
|
||||
#Event6_cho {
|
||||
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_btg {
|
||||
.Event6_cho {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 24px;
|
||||
@@ -3222,52 +3402,92 @@ window.application = new Application();
|
||||
<div id="OTDR-1-EventMap-E1__9">
|
||||
<img id="n_230" src="n_230.png" srcset="n_230.png 1x, n_230@2x.png 2x">
|
||||
|
||||
<svg class="CurveButton_bs">
|
||||
<rect onclick="application.goToTargetView(event)" id="CurveButton_bs" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<svg class="n_22_cg">
|
||||
<ellipse id="n_22_cg" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_22_cha">
|
||||
<ellipse id="n_22_cha" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_22_chb">
|
||||
<ellipse id="n_22_chb" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_22_chc">
|
||||
<ellipse id="n_22_chc" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_57_cg">
|
||||
<ellipse id="n_57_cg" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_58_cg">
|
||||
<ellipse id="n_58_cg" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_59_cg">
|
||||
<ellipse id="n_59_cg" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_60_cha">
|
||||
<ellipse id="n_60_cha" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_61_chb">
|
||||
<ellipse id="n_61_chb" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_23_chc">
|
||||
<ellipse id="n_23_chc" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="CurveButton_chd">
|
||||
<rect onclick="application.goToTargetView(event)" id="CurveButton_chd" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="TestRusltButton_bs">
|
||||
<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bs" rx="0" ry="0" x="0" y="0" width="290" height="174">
|
||||
<svg class="TestRusltButton_che">
|
||||
<rect onclick="application.goToTargetView(event)" id="TestRusltButton_che" rx="0" ry="0" x="0" y="0" width="290" height="174">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="HELPButton_bs">
|
||||
<rect onclick="application.goToTargetView(event)" id="HELPButton_bs" rx="0" ry="0" x="0" y="0" width="40" height="31">
|
||||
<svg class="HELPButton_chf">
|
||||
<rect onclick="application.goToTargetView(event)" id="HELPButton_chf" rx="0" ry="0" x="0" y="0" width="40" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="HOMEBUTTON_bs">
|
||||
<rect id="HOMEBUTTON_bs" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
<svg class="HOMEBUTTON_chg">
|
||||
<rect id="HOMEBUTTON_chg" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="BackButton_bs">
|
||||
<rect onclick="application.goToTargetView(event)" id="BackButton_bs" rx="0" ry="0" x="0" y="0" width="58" height="34">
|
||||
<svg class="BackButton_chh">
|
||||
<rect onclick="application.goToTargetView(event)" id="BackButton_chh" rx="0" ry="0" x="0" y="0" width="58" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="TableButton_bta">
|
||||
<rect onclick="application.goToTargetView(event)" id="TableButton_bta" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<svg class="TableButton_chi">
|
||||
<rect onclick="application.goToTargetView(event)" id="TableButton_chi" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event1_btb">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event1_btb" rx="0" ry="0" x="0" y="0" width="24" height="13">
|
||||
<svg class="Event1_chj">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event1_chj" rx="0" ry="0" x="0" y="0" width="24" height="13">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event2_btc">
|
||||
<rect id="Event2_btc" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event2_chk">
|
||||
<rect id="Event2_chk" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event3_btd">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event3_btd" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event3_chl">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event3_chl" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event4_bte">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event4_bte" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event4_chm">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event4_chm" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event5_btf">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event5_btf" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event5_chn">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event5_chn" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event6_btg">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event6_btg" rx="0" ry="0" x="0" y="0" width="24" height="18">
|
||||
<svg class="Event6_cho">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event6_cho" rx="0" ry="0" x="0" y="0" width="24" height="18">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user