新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
210
public/flukemoni/Ex5/OTDR_1_EventMap_E1___3.html
Normal file → Executable file
210
public/flukemoni/Ex5/OTDR_1_EventMap_E1___3.html
Normal file → Executable file
@@ -50,7 +50,133 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#TableButton_bfo {
|
||||
#n_22_bvf {
|
||||
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_bvf {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 33px;
|
||||
top: 51px;
|
||||
}
|
||||
#n_22_bvg {
|
||||
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_bvg {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 253px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_22_bvh {
|
||||
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_bvh {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 424px;
|
||||
top: 97px;
|
||||
}
|
||||
#n_23_bvi {
|
||||
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_bvi {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 377px;
|
||||
top: 298px;
|
||||
}
|
||||
#n_22_bvj {
|
||||
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_bvj {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 22px;
|
||||
top: 549px;
|
||||
}
|
||||
#n_thin_bvk {
|
||||
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_thin_bvk {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 99px;
|
||||
top: 141px;
|
||||
}
|
||||
#n_thin_bvl {
|
||||
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_thin_bvl {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 99px;
|
||||
top: 343px;
|
||||
}
|
||||
#TableButton_bvm {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -60,7 +186,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.TableButton_bfo {
|
||||
.TableButton_bvm {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -72,7 +198,7 @@
|
||||
--web-action-target: OTDR_1_Tabel_1310___1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#CurveButton_bfp {
|
||||
#CurveButton_bvn {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -82,7 +208,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.CurveButton_bfp {
|
||||
.CurveButton_bvn {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 159px;
|
||||
@@ -94,7 +220,7 @@
|
||||
--web-action-target: OTDR_1_Curve_1310_E1___3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#TestRusltButton_bfq {
|
||||
#TestRusltButton_bvo {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -104,7 +230,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.TestRusltButton_bfq {
|
||||
.TestRusltButton_bvo {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 290px;
|
||||
@@ -116,7 +242,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_Detail_E1___3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HELPButton_bfr {
|
||||
#HELPButton_bvp {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -126,7 +252,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.HELPButton_bfr {
|
||||
.HELPButton_bvp {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 40px;
|
||||
@@ -138,7 +264,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_HELP_E1___3.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event1_bfs {
|
||||
#Event1_bvq {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -148,7 +274,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event1_bfs {
|
||||
.Event1_bvq {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 24px;
|
||||
@@ -160,7 +286,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E1___1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Event2_bft {
|
||||
#Event2_bvr {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -170,7 +296,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.Event2_bft {
|
||||
.Event2_bvr {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 32px;
|
||||
@@ -182,7 +308,7 @@
|
||||
--web-action-target: OTDR_1_EventMap_E1___2.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#BackButton_bfu {
|
||||
#BackButton_bvs {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -192,7 +318,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.BackButton_bfu {
|
||||
.BackButton_bvs {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 58px;
|
||||
@@ -3120,32 +3246,60 @@ window.application = new Application();
|
||||
<div id="OTDR-1-EventMap-E1__3">
|
||||
<img id="n_112" src="n_112.png" srcset="n_112.png 1x, n_112@2x.png 2x">
|
||||
|
||||
<svg class="TableButton_bfo">
|
||||
<rect onclick="application.goToTargetView(event)" id="TableButton_bfo" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<svg class="n_22_bvf">
|
||||
<ellipse id="n_22_bvf" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_22_bvg">
|
||||
<ellipse id="n_22_bvg" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_22_bvh">
|
||||
<ellipse id="n_22_bvh" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_23_bvi">
|
||||
<ellipse id="n_23_bvi" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_22_bvj">
|
||||
<ellipse id="n_22_bvj" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_thin_bvk">
|
||||
<ellipse id="n_thin_bvk" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_thin_bvl">
|
||||
<ellipse id="n_thin_bvl" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="TableButton_bvm">
|
||||
<rect onclick="application.goToTargetView(event)" id="TableButton_bvm" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="CurveButton_bfp">
|
||||
<rect onclick="application.goToTargetView(event)" id="CurveButton_bfp" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
<svg class="CurveButton_bvn">
|
||||
<rect onclick="application.goToTargetView(event)" id="CurveButton_bvn" rx="0" ry="0" x="0" y="0" width="159" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="TestRusltButton_bfq">
|
||||
<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bfq" rx="0" ry="0" x="0" y="0" width="290" height="179">
|
||||
<svg class="TestRusltButton_bvo">
|
||||
<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bvo" rx="0" ry="0" x="0" y="0" width="290" height="179">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="HELPButton_bfr">
|
||||
<rect onclick="application.goToTargetView(event)" id="HELPButton_bfr" rx="0" ry="0" x="0" y="0" width="40" height="31">
|
||||
<svg class="HELPButton_bvp">
|
||||
<rect onclick="application.goToTargetView(event)" id="HELPButton_bvp" rx="0" ry="0" x="0" y="0" width="40" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event1_bfs">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event1_bfs" rx="0" ry="0" x="0" y="0" width="24" height="13">
|
||||
<svg class="Event1_bvq">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event1_bvq" rx="0" ry="0" x="0" y="0" width="24" height="13">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="Event2_bft">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event2_bft" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
<svg class="Event2_bvr">
|
||||
<rect onclick="application.goToTargetView(event)" id="Event2_bvr" rx="0" ry="0" x="0" y="0" width="32" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="BackButton_bfu">
|
||||
<rect onclick="application.goToTargetView(event)" id="BackButton_bfu" rx="0" ry="0" x="0" y="0" width="58" height="34">
|
||||
<svg class="BackButton_bvs">
|
||||
<rect onclick="application.goToTargetView(event)" id="BackButton_bvs" rx="0" ry="0" x="0" y="0" width="58" height="34">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user