新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
238
public/flukemoni/Ex5/OTDR_1_EventMap_Detail_WQ_E3.html
Normal file → Executable file
238
public/flukemoni/Ex5/OTDR_1_EventMap_Detail_WQ_E3.html
Normal file → Executable file
@@ -50,7 +50,133 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#HelpButton_f {
|
||||
#n_22_bbf {
|
||||
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_bbf {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 33px;
|
||||
top: 51px;
|
||||
}
|
||||
#n_36_bbg {
|
||||
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_36_bbg {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 403px;
|
||||
top: 309px;
|
||||
}
|
||||
#n_37_bbh {
|
||||
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_37_bbh {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 425px;
|
||||
top: 353px;
|
||||
}
|
||||
#n_38_bbi {
|
||||
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_38_bbi {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 33px;
|
||||
top: 549px;
|
||||
}
|
||||
#n_39_bbj {
|
||||
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_39_bbj {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 98px;
|
||||
top: 549px;
|
||||
}
|
||||
#n_40_bbk {
|
||||
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_40_bbk {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 179px;
|
||||
top: 549px;
|
||||
}
|
||||
#n_41_bbl {
|
||||
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_41_bbl {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 436px;
|
||||
top: 396px;
|
||||
}
|
||||
#HelpButton_bbm {
|
||||
position: absolute;
|
||||
width: 43px;
|
||||
height: 32px;
|
||||
@@ -62,7 +188,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detai_HELPl_E3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HelpButton_h {
|
||||
#HelpButton_bbn {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -72,7 +198,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HelpButton_h {
|
||||
.HelpButton_bbn {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 43px;
|
||||
@@ -80,7 +206,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#BackButton_n {
|
||||
#BackButton_bbo {
|
||||
position: absolute;
|
||||
width: 58px;
|
||||
height: 34px;
|
||||
@@ -92,7 +218,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#BackButton_o {
|
||||
#BackButton_bbp {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -102,7 +228,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.BackButton_o {
|
||||
.BackButton_bbp {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 58px;
|
||||
@@ -110,7 +236,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#ReflectivityButton_j {
|
||||
#ReflectivityButton_bbq {
|
||||
position: absolute;
|
||||
width: 154px;
|
||||
height: 34px;
|
||||
@@ -122,7 +248,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detail_Re_E3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#ReflectivityButton_k {
|
||||
#ReflectivityButton_bbr {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -132,7 +258,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.ReflectivityButton_k {
|
||||
.ReflectivityButton_bbr {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 154px;
|
||||
@@ -140,7 +266,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#LossButton_l {
|
||||
#LossButton_bbs {
|
||||
position: absolute;
|
||||
width: 154px;
|
||||
height: 34px;
|
||||
@@ -152,7 +278,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detail_E3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#LossButton_m {
|
||||
#LossButton_bbt {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -162,7 +288,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.LossButton_m {
|
||||
.LossButton_bbt {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 154px;
|
||||
@@ -170,7 +296,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#AttenuationCoefficientButton_n {
|
||||
#AttenuationCoefficientButton_bbu {
|
||||
position: absolute;
|
||||
width: 154px;
|
||||
height: 34px;
|
||||
@@ -182,7 +308,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detail_AC_E3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#AttenuationCoefficientButton_o {
|
||||
#AttenuationCoefficientButton_bbv {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -192,7 +318,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.AttenuationCoefficientButton_o {
|
||||
.AttenuationCoefficientButton_bbv {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 154px;
|
||||
@@ -200,7 +326,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#EventButtion-L_r {
|
||||
#EventButtion-L_bbw {
|
||||
position: absolute;
|
||||
width: 36px;
|
||||
height: 40px;
|
||||
@@ -208,7 +334,7 @@
|
||||
top: 540px;
|
||||
overflow: visible;
|
||||
}
|
||||
#EventButtion-L_s {
|
||||
#EventButtion-L_bbx {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -218,7 +344,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.EventButtion-L_s {
|
||||
.EventButtion-L_bbx {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 36px;
|
||||
@@ -226,7 +352,7 @@
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#EventButtion-R_t {
|
||||
#EventButtion-R_bby {
|
||||
position: absolute;
|
||||
width: 36px;
|
||||
height: 40px;
|
||||
@@ -234,7 +360,7 @@
|
||||
top: 540px;
|
||||
overflow: visible;
|
||||
}
|
||||
#EventButtion-R_u {
|
||||
#EventButtion-R_bbz {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -244,7 +370,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.EventButtion-R_u {
|
||||
.EventButtion-R_bbz {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 36px;
|
||||
@@ -3168,45 +3294,73 @@ window.application = new Application();
|
||||
<div id="OTDR-1-EventMap-Detail-WQ-E3">
|
||||
<img id="n_193" src="n_193.png" srcset="n_193.png 1x, n_193@2x.png 2x">
|
||||
|
||||
<div onclick="application.goToTargetView(event)" id="HelpButton_f" class="HelpButton">
|
||||
<svg class="HelpButton_h">
|
||||
<rect id="HelpButton_h" rx="0" ry="0" x="0" y="0" width="43" height="32">
|
||||
<svg class="n_22_bbf">
|
||||
<ellipse id="n_22_bbf" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_36_bbg">
|
||||
<ellipse id="n_36_bbg" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_37_bbh">
|
||||
<ellipse id="n_37_bbh" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_38_bbi">
|
||||
<ellipse id="n_38_bbi" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_39_bbj">
|
||||
<ellipse id="n_39_bbj" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_40_bbk">
|
||||
<ellipse id="n_40_bbk" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_41_bbl">
|
||||
<ellipse id="n_41_bbl" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<div onclick="application.goToTargetView(event)" id="HelpButton_bbm" class="HelpButton">
|
||||
<svg class="HelpButton_bbn">
|
||||
<rect id="HelpButton_bbn" rx="0" ry="0" x="0" y="0" width="43" height="32">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="BackButton_n" class="BackButton">
|
||||
<svg class="BackButton_o">
|
||||
<rect id="BackButton_o" rx="0" ry="0" x="0" y="0" width="58" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="BackButton_bbo" class="BackButton">
|
||||
<svg class="BackButton_bbp">
|
||||
<rect id="BackButton_bbp" rx="0" ry="0" x="0" y="0" width="58" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="ReflectivityButton_j" class="ReflectivityButton">
|
||||
<svg class="ReflectivityButton_k">
|
||||
<rect id="ReflectivityButton_k" rx="0" ry="0" x="0" y="0" width="154" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bbq" class="ReflectivityButton">
|
||||
<svg class="ReflectivityButton_bbr">
|
||||
<rect id="ReflectivityButton_bbr" rx="0" ry="0" x="0" y="0" width="154" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="LossButton_l" class="LossButton">
|
||||
<svg class="LossButton_m">
|
||||
<rect id="LossButton_m" rx="0" ry="0" x="0" y="0" width="154" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="LossButton_bbs" class="LossButton">
|
||||
<svg class="LossButton_bbt">
|
||||
<rect id="LossButton_bbt" rx="0" ry="0" x="0" y="0" width="154" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_n" class="AttenuationCoefficientButton">
|
||||
<svg class="AttenuationCoefficientButton_o">
|
||||
<rect id="AttenuationCoefficientButton_o" rx="0" ry="0" x="0" y="0" width="154" height="34">
|
||||
<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bbu" class="AttenuationCoefficientButton">
|
||||
<svg class="AttenuationCoefficientButton_bbv">
|
||||
<rect id="AttenuationCoefficientButton_bbv" rx="0" ry="0" x="0" y="0" width="154" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div id="EventButtion-L_r" class="EventButtion_L">
|
||||
<svg class="EventButtion-L_s">
|
||||
<ellipse id="EventButtion-L_s" rx="18" ry="20" cx="18" cy="20">
|
||||
<div id="EventButtion-L_bbw" class="EventButtion_L">
|
||||
<svg class="EventButtion-L_bbx">
|
||||
<ellipse id="EventButtion-L_bbx" rx="18" ry="20" cx="18" cy="20">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
<div id="EventButtion-R_t" class="EventButtion_R">
|
||||
<svg class="EventButtion-R_u">
|
||||
<ellipse id="EventButtion-R_u" rx="18" ry="20" cx="18" cy="20">
|
||||
<div id="EventButtion-R_bby" class="EventButtion_R">
|
||||
<svg class="EventButtion-R_bbz">
|
||||
<ellipse id="EventButtion-R_bbz" rx="18" ry="20" cx="18" cy="20">
|
||||
</ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user