fea(详情显示弹窗): 优化样式

src/views/Monitor/components/Tooltip.vue

@@ -5,7 +5,7 @@
     >
         <p><span>销售订单号: </span><span>销售订单号</span></p>
         <p><span>主计划工单号: </span><span>SCA11233</span></p>
-        <p><span>车间计划工单号: </span><span>SCA11233</span></p>
+        <p><span>车间计划工单号: </span><span>SCA1123asadasd3</span></p>
         <p><span>车型: </span><span>SCA11233</span></p>
         <p><span>订单数量: </span><span>SCA11233</span></p>
         <p><span>单位: </span><span>SCA11233</span></p>
@@ -57,7 +57,7 @@ export default {
     position: absolute;
     padding: 20px 0 0 0;
     width: 260px;
-    height: 233px;
+    height: 266px;
     border-radius: 9px;
     background: #000000;
     opacity: 0.8;
@@ -68,14 +68,22 @@ export default {
         margin: 5px 0;
         font-size: 14px;
         font-weight: bold;
+        overflow: hidden;
 
         span:nth-child(1) {
+            display: block;
             width: 120px;
             float: left;
             text-align: right;
         }
         span:nth-child(2) {
+            display: block;
+            float: left;
+            width: 110px;
             margin-left: 15px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
         }
     }
 

src/views/Monitor/index.vue

@@ -50,6 +50,9 @@
                     <div class="t-m-pre-degreasing"></div>
                     <div class="t-m-electrophoresis-up"></div>
                     <div class="t-m-station"></div>
+                    <!-- 中间两车道点 -->
+                    <div class="m-m-station-1"></div>
+                    <div class="m-m-station-2"></div>
                     <!--上右区-->
                     <div class="t-r-pretreatment-line-1"></div>
                     <div class="t-r-pretreatment-line-2"></div>
@@ -67,6 +70,7 @@
                     <div class="l-station-3"></div>
                     <div class="l-station-4"></div>
                     <div class="l-station-5"></div>
+                    <div class="l-station-6"></div>
                     <!--下区-->
                     <div class="b-column-1-electrophoresis-baking-1"></div>
                     <div class="b-column-1-electrophoresis-baking-2"></div>
@@ -605,6 +609,18 @@
                         left: 396px;
                     }
 
+                    // 中间两车道点
+                    // 车道点1
+                    .m-m-station-1 {
+                        top: 275px;
+                        left: 320px;
+                    }
+                    // 车道点2
+                    .m-m-station-2 {
+                        top: 300px;
+                        left: 320px;
+                    }
+
                     // 上右区
                     // 预处理第一行
                     .t-r-pretreatment-line-1 {
@@ -693,6 +709,12 @@
 
                     // 车道点5
                     .l-station-5 {
+                        left: 55px;
+                        top: 396px;
+                    }
+
+                    // 车道点6
+                    .l-station-6 {
                         left: 55px;
                         top: 430px;
                     }