|
@@ -422,8 +422,55 @@
|
|
padding: 10px;
|
|
padding: 10px;
|
|
font-size: 10px;
|
|
font-size: 10px;
|
|
background: #f0f4f9;
|
|
background: #f0f4f9;
|
|
|
|
+ position: relative;
|
|
"
|
|
"
|
|
>
|
|
>
|
|
|
|
+ <div
|
|
|
|
+ style="
|
|
|
|
+ position: absolute;
|
|
|
|
+ width: 108px;
|
|
|
|
+ height: 40px;
|
|
|
|
+ border-left: 1px dotted grey;
|
|
|
|
+ border-bottom: 1px dotted grey;
|
|
|
|
+ left: 35px;
|
|
|
|
+ top: 115px;
|
|
|
|
+ border-radius: 5px;
|
|
|
|
+ "
|
|
|
|
+ :class="
|
|
|
|
+ form.monitorVideoSource.includes('MOBILE_SECOND') &&
|
|
|
|
+ 'enhance-left-bottom-line'
|
|
|
|
+ "
|
|
|
|
+ ></div>
|
|
|
|
+ <div
|
|
|
|
+ style="
|
|
|
|
+ position: absolute;
|
|
|
|
+ width: 108px;
|
|
|
|
+ height: 40px;
|
|
|
|
+ border-right: 1px dotted grey;
|
|
|
|
+ border-top: 1px dotted grey;
|
|
|
|
+ right: 35px;
|
|
|
|
+ bottom: 122px;
|
|
|
|
+ border-radius: 5px;
|
|
|
|
+ "
|
|
|
|
+ :class="
|
|
|
|
+ form.monitorVideoSource.includes('MOBILE_FIRST') &&
|
|
|
|
+ 'enhance-right-bottom-line'
|
|
|
|
+ "
|
|
|
|
+ ></div>
|
|
|
|
+ <div
|
|
|
|
+ style="
|
|
|
|
+ position: absolute;
|
|
|
|
+ width: 2px;
|
|
|
|
+ height: 10px;
|
|
|
|
+ border-right: 1px dotted grey;
|
|
|
|
+ left: 236px;
|
|
|
|
+ top: 92px;
|
|
|
|
+ "
|
|
|
|
+ :class="
|
|
|
|
+ form.monitorVideoSource.includes('CLIENT_CAMERA') &&
|
|
|
|
+ 'enhance-right-line'
|
|
|
|
+ "
|
|
|
|
+ ></div>
|
|
<div class="d-flex">
|
|
<div class="d-flex">
|
|
<div
|
|
<div
|
|
class="d-flex flex-column justify-content-center align-items-center"
|
|
class="d-flex flex-column justify-content-center align-items-center"
|
|
@@ -904,4 +951,18 @@ export default {
|
|
background-image: url(./imgs/电脑操作录屏-选中.png);
|
|
background-image: url(./imgs/电脑操作录屏-选中.png);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+.enhance-left-bottom-line {
|
|
|
|
+ border-left-style: solid !important;
|
|
|
|
+ border-bottom-style: solid !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.enhance-right-bottom-line {
|
|
|
|
+ border-right-style: solid !important;
|
|
|
|
+ border-top-style: solid !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.enhance-right-line {
|
|
|
|
+ border-right-style: solid !important;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|