新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
204
public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E4.html
Normal file → Executable file
204
public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E4.html
Normal file → Executable file
@@ -50,7 +50,115 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#HelpButton_o {
|
||||
#n_4_be {
|
||||
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_be {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 33px;
|
||||
top: 549px;
|
||||
}
|
||||
#n_8_be {
|
||||
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_be {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 33px;
|
||||
top: 51px;
|
||||
}
|
||||
#n_8_bfa {
|
||||
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_bfa {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 373px;
|
||||
top: 353px;
|
||||
}
|
||||
#n_8_bfb {
|
||||
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_bfb {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 373px;
|
||||
top: 396px;
|
||||
}
|
||||
#n_8_bfc {
|
||||
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_bfc {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 98px;
|
||||
top: 549px;
|
||||
}
|
||||
#n_8_bfd {
|
||||
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_bfd {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 179px;
|
||||
top: 549px;
|
||||
}
|
||||
#HelpButton_bfa {
|
||||
position: absolute;
|
||||
width: 43px;
|
||||
height: 32px;
|
||||
@@ -62,7 +170,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detai_HELPl_E4.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HelpButton_p {
|
||||
#HelpButton_bfb {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -72,7 +180,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HelpButton_p {
|
||||
.HelpButton_bfb {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 43px;
|
||||
@@ -80,7 +188,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#ReflectivityButton_q {
|
||||
#ReflectivityButton_bfc {
|
||||
position: absolute;
|
||||
width: 154px;
|
||||
height: 34px;
|
||||
@@ -92,7 +200,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detail_Re_E4.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#ReflectivityButton_r {
|
||||
#ReflectivityButton_bfd {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -102,7 +210,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.ReflectivityButton_r {
|
||||
.ReflectivityButton_bfd {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 154px;
|
||||
@@ -110,7 +218,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#AttenuationCoefficientButton_s {
|
||||
#AttenuationCoefficientButton_bfe {
|
||||
position: absolute;
|
||||
width: 154px;
|
||||
height: 34px;
|
||||
@@ -122,7 +230,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detail_AC_E4.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#AttenuationCoefficientButton_t {
|
||||
#AttenuationCoefficientButton_bff {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -132,7 +240,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.AttenuationCoefficientButton_t {
|
||||
.AttenuationCoefficientButton_bff {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 154px;
|
||||
@@ -140,7 +248,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#EventButtion-L_u {
|
||||
#EventButtion-L_bfg {
|
||||
position: absolute;
|
||||
width: 36px;
|
||||
height: 40px;
|
||||
@@ -152,7 +260,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detail_E3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#EventButtion-L_v {
|
||||
#EventButtion-L_bfh {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -162,7 +270,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.EventButtion-L_v {
|
||||
.EventButtion-L_bfh {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 36px;
|
||||
@@ -170,7 +278,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#EventButtion-R_w {
|
||||
#EventButtion-R_bfi {
|
||||
position: absolute;
|
||||
width: 36px;
|
||||
height: 40px;
|
||||
@@ -182,7 +290,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detail_E5.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#EventButtion-R_x {
|
||||
#EventButtion-R_bfj {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -192,7 +300,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.EventButtion-R_x {
|
||||
.EventButtion-R_bfj {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 36px;
|
||||
@@ -200,7 +308,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#BackButton_y {
|
||||
#BackButton_bfk {
|
||||
position: absolute;
|
||||
width: 58px;
|
||||
height: 34px;
|
||||
@@ -212,7 +320,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E4.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#BackButton_z {
|
||||
#BackButton_bfl {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -222,7 +330,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.BackButton_z {
|
||||
.BackButton_bfl {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 58px;
|
||||
@@ -3146,39 +3254,63 @@ window.application = new Application();
|
||||
<div id="OTDR-1-EventMap-Detail-E4">
|
||||
<img id="n_63" src="n_63.png" srcset="n_63.png 1x, n_63@2x.png 2x">
|
||||
|
||||
<div onclick="application.goToTargetView(event)" id="HelpButton_o" class="HelpButton">
|
||||
<svg class="HelpButton_p">
|
||||
<rect id="HelpButton_p" rx="0" ry="0" x="0" y="0" width="43" height="32">
|
||||
<svg class="n_4_be">
|
||||
<ellipse id="n_4_be" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_8_be">
|
||||
<ellipse id="n_8_be" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_8_bfa">
|
||||
<ellipse id="n_8_bfa" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_8_bfb">
|
||||
<ellipse id="n_8_bfb" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_8_bfc">
|
||||
<ellipse id="n_8_bfc" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_8_bfd">
|
||||
<ellipse id="n_8_bfd" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<div onclick="application.goToTargetView(event)" id="HelpButton_bfa" class="HelpButton">
|
||||
<svg class="HelpButton_bfb">
|
||||
<rect id="HelpButton_bfb" rx="0" ry="0" x="0" y="0" width="43" height="32">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="ReflectivityButton_q" class="ReflectivityButton">
|
||||
<svg class="ReflectivityButton_r">
|
||||
<rect id="ReflectivityButton_r" rx="0" ry="0" x="0" y="0" width="154" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bfc" class="ReflectivityButton">
|
||||
<svg class="ReflectivityButton_bfd">
|
||||
<rect id="ReflectivityButton_bfd" rx="0" ry="0" x="0" y="0" width="154" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_s" class="AttenuationCoefficientButton">
|
||||
<svg class="AttenuationCoefficientButton_t">
|
||||
<rect id="AttenuationCoefficientButton_t" rx="0" ry="0" x="0" y="0" width="154" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bfe" class="AttenuationCoefficientButton">
|
||||
<svg class="AttenuationCoefficientButton_bff">
|
||||
<rect id="AttenuationCoefficientButton_bff" rx="0" ry="0" x="0" y="0" width="154" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="EventButtion-L_u" class="EventButtion_L">
|
||||
<svg class="EventButtion-L_v">
|
||||
<ellipse id="EventButtion-L_v" rx="18" ry="20" cx="18" cy="20">
|
||||
<div onclick="application.goToTargetView(event)" id="EventButtion-L_bfg" class="EventButtion_L">
|
||||
<svg class="EventButtion-L_bfh">
|
||||
<ellipse id="EventButtion-L_bfh" rx="18" ry="20" cx="18" cy="20">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="EventButtion-R_w" class="EventButtion_R">
|
||||
<svg class="EventButtion-R_x">
|
||||
<ellipse id="EventButtion-R_x" rx="18" ry="20" cx="18" cy="20">
|
||||
<div onclick="application.goToTargetView(event)" id="EventButtion-R_bfi" class="EventButtion_R">
|
||||
<svg class="EventButtion-R_bfj">
|
||||
<ellipse id="EventButtion-R_bfj" rx="18" ry="20" cx="18" cy="20">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="BackButton_y" class="BackButton">
|
||||
<svg class="BackButton_z">
|
||||
<rect id="BackButton_z" rx="0" ry="0" x="0" y="0" width="58" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="BackButton_bfk" class="BackButton">
|
||||
<svg class="BackButton_bfl">
|
||||
<rect id="BackButton_bfl" rx="0" ry="0" x="0" y="0" width="58" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user