批次编辑：监控方案连线

src/features/examwork/ExamManagement/ExamEdit.vue

@@ -422,8 +422,55 @@
                       padding: 10px;
                       font-size: 10px;
                       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 flex-column justify-content-center align-items-center"
@@ -904,4 +951,18 @@ export default {
     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>