新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
268
public/flukemoni/Ex5/OTDR_1_Tabel_1550.html
Normal file → Executable file
268
public/flukemoni/Ex5/OTDR_1_Tabel_1550.html
Normal file → Executable file
@@ -50,7 +50,151 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#LButton_q {
|
||||
#n_22_vy {
|
||||
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_vy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 33px;
|
||||
top: 51px;
|
||||
}
|
||||
#n_42_vz {
|
||||
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_42_vz {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 123px;
|
||||
top: 100px;
|
||||
}
|
||||
#n_43_v {
|
||||
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_43_v {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 424px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_44_v {
|
||||
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_44_v {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 26px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_45_v {
|
||||
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_45_v {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 192px;
|
||||
top: 537px;
|
||||
}
|
||||
#n_46_v {
|
||||
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_46_v {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 327px;
|
||||
top: 539px;
|
||||
}
|
||||
#n_47_v {
|
||||
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_47_v {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 424px;
|
||||
top: 599px;
|
||||
}
|
||||
#n_48_v {
|
||||
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_48_v {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 26px;
|
||||
top: 600px;
|
||||
}
|
||||
#LButton_v {
|
||||
position: absolute;
|
||||
width: 36px;
|
||||
height: 37px;
|
||||
@@ -62,7 +206,7 @@
|
||||
--web-action-target: OTDR_1_Tabel_1310.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#LButton_ra {
|
||||
#LButton_wa {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -72,7 +216,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.LButton_ra {
|
||||
.LButton_wa {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 36px;
|
||||
@@ -80,7 +224,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#RButton_ra {
|
||||
#RButton_v {
|
||||
position: absolute;
|
||||
width: 36px;
|
||||
height: 37px;
|
||||
@@ -92,7 +236,7 @@
|
||||
--web-action-target: OTDR_1_Tabel_1310.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#RButton_rb {
|
||||
#RButton_wa {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -102,7 +246,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.RButton_rb {
|
||||
.RButton_wa {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 36px;
|
||||
@@ -110,7 +254,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#HelpButton_rc {
|
||||
#HelpButton_wa {
|
||||
position: absolute;
|
||||
width: 43px;
|
||||
height: 32px;
|
||||
@@ -122,7 +266,7 @@
|
||||
--web-action-target: OTDR_1_Tabel_HELP_1550.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HelpButton_rd {
|
||||
#HelpButton_wb {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -132,7 +276,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HelpButton_rd {
|
||||
.HelpButton_wb {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 43px;
|
||||
@@ -140,7 +284,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#DetailButton_re {
|
||||
#DetailButton_wc {
|
||||
position: absolute;
|
||||
width: 62px;
|
||||
height: 50px;
|
||||
@@ -152,7 +296,7 @@
|
||||
--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#DetailButton_rf {
|
||||
#DetailButton_wd {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -162,7 +306,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.DetailButton_rf {
|
||||
.DetailButton_wd {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 62px;
|
||||
@@ -170,7 +314,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#EvenTMapButton_rg {
|
||||
#EvenTMapButton_we {
|
||||
position: absolute;
|
||||
width: 159px;
|
||||
height: 34px;
|
||||
@@ -182,7 +326,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#EvenTMapButton_rh {
|
||||
#EvenTMapButton_wf {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -192,7 +336,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.EvenTMapButton_rh {
|
||||
.EvenTMapButton_wf {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -200,7 +344,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#CurveButton_ri {
|
||||
#CurveButton_wg {
|
||||
position: absolute;
|
||||
width: 159px;
|
||||
height: 34px;
|
||||
@@ -212,7 +356,7 @@
|
||||
--web-action-target: OTDR_1_Curve_1310_E1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#CurveButton_rj {
|
||||
#CurveButton_wh {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -222,7 +366,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.CurveButton_rj {
|
||||
.CurveButton_wh {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -230,7 +374,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#HOMEBUTTON_rk {
|
||||
#HOMEBUTTON_wi {
|
||||
position: absolute;
|
||||
width: 63px;
|
||||
height: 51px;
|
||||
@@ -242,7 +386,7 @@
|
||||
--web-action-target: HOMEPAGE.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HOMEBUTTON_rl {
|
||||
#HOMEBUTTON_wj {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -252,7 +396,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HOMEBUTTON_rl {
|
||||
.HOMEBUTTON_wj {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 63px;
|
||||
@@ -260,7 +404,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#BackButton_rm {
|
||||
#BackButton_wk {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -270,7 +414,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.BackButton_rm {
|
||||
.BackButton_wk {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 56px;
|
||||
@@ -3198,50 +3342,82 @@ window.application = new Application();
|
||||
<div id="OTDR-1-Tabel-1550">
|
||||
<img id="n_204" src="n_204.png" srcset="n_204.png 1x, n_204@2x.png 2x">
|
||||
|
||||
<div onclick="application.goToTargetView(event)" id="LButton_q" class="LButton">
|
||||
<svg class="LButton_ra">
|
||||
<ellipse id="LButton_ra" rx="18" ry="18.5" cx="18" cy="18.5">
|
||||
<svg class="n_22_vy">
|
||||
<ellipse id="n_22_vy" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_42_vz">
|
||||
<ellipse id="n_42_vz" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_43_v">
|
||||
<ellipse id="n_43_v" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_44_v">
|
||||
<ellipse id="n_44_v" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_45_v">
|
||||
<ellipse id="n_45_v" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_46_v">
|
||||
<ellipse id="n_46_v" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_47_v">
|
||||
<ellipse id="n_47_v" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_48_v">
|
||||
<ellipse id="n_48_v" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<div onclick="application.goToTargetView(event)" id="LButton_v" class="LButton">
|
||||
<svg class="LButton_wa">
|
||||
<ellipse id="LButton_wa" rx="18" ry="18.5" cx="18" cy="18.5">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="RButton_ra" class="RButton">
|
||||
<svg class="RButton_rb">
|
||||
<ellipse id="RButton_rb" rx="18" ry="18.5" cx="18" cy="18.5">
|
||||
<div onclick="application.goToTargetView(event)" id="RButton_v" class="RButton">
|
||||
<svg class="RButton_wa">
|
||||
<ellipse id="RButton_wa" rx="18" ry="18.5" cx="18" cy="18.5">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="HelpButton_rc" class="HelpButton">
|
||||
<svg class="HelpButton_rd">
|
||||
<rect id="HelpButton_rd" rx="0" ry="0" x="0" y="0" width="43" height="32">
|
||||
<div onclick="application.goToTargetView(event)" id="HelpButton_wa" class="HelpButton">
|
||||
<svg class="HelpButton_wb">
|
||||
<rect id="HelpButton_wb" rx="0" ry="0" x="0" y="0" width="43" height="32">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="DetailButton_re" class="DetailButton">
|
||||
<svg class="DetailButton_rf">
|
||||
<rect id="DetailButton_rf" rx="0" ry="0" x="0" y="0" width="62" height="50">
|
||||
<div onclick="application.goToTargetView(event)" id="DetailButton_wc" class="DetailButton">
|
||||
<svg class="DetailButton_wd">
|
||||
<rect id="DetailButton_wd" rx="0" ry="0" x="0" y="0" width="62" height="50">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="EvenTMapButton_rg" class="EvenTMapButton">
|
||||
<svg class="EvenTMapButton_rh">
|
||||
<rect id="EvenTMapButton_rh" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="EvenTMapButton_we" class="EvenTMapButton">
|
||||
<svg class="EvenTMapButton_wf">
|
||||
<rect id="EvenTMapButton_wf" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="CurveButton_ri" class="CurveButton">
|
||||
<svg class="CurveButton_rj">
|
||||
<rect id="CurveButton_rj" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="CurveButton_wg" class="CurveButton">
|
||||
<svg class="CurveButton_wh">
|
||||
<rect id="CurveButton_wh" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_rk" class="HOMEBUTTON">
|
||||
<svg class="HOMEBUTTON_rl">
|
||||
<rect id="HOMEBUTTON_rl" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_wi" class="HOMEBUTTON">
|
||||
<svg class="HOMEBUTTON_wj">
|
||||
<rect id="HOMEBUTTON_wj" rx="0" ry="0" x="0" y="0" width="63" height="51">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<svg class="BackButton_rm">
|
||||
<rect onclick="application.goToTargetView(event)" id="BackButton_rm" rx="0" ry="0" x="0" y="0" width="56" height="42">
|
||||
<svg class="BackButton_wk">
|
||||
<rect onclick="application.goToTargetView(event)" id="BackButton_wk" rx="0" ry="0" x="0" y="0" width="56" height="42">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user