修复BPB预测模块bug

src/pages/bpb/index.vue

@@ -107,7 +107,7 @@
                         <div class="no" v-else>产能不足：{{item.neednum/1000}}T<br>编号：{{ item.id }}</div>
                         -->
                         <table cellspacing="0" cellpadding="0"><tbody>
-                                <tr><td rowspan="2">{{ item.name }}<br>{{ item.bomSpec }}</td></tr>
+                                <tr><td rowspan="2"><div class="text_overflow" style="width:100%">{{ item.name }}</div>{{ item.bomSpec }}</td></tr>
                                 <tr><td>
                                     <div v-if="!item.isalarm">产能充足,超额 {{item.neednum/1000}} T</div>
                                     <div v-else>产能不足,差额 {{item.neednum/1000}}T</div>
@@ -168,7 +168,7 @@
             <el-table-column label="物料规格" align="center" prop="bomSpec" width="120px"/>
             <el-table-column label="预测结果" align="center" prop="neednum" >
                 <template #default="scope">
-                      <span :style="{'color':scope.row.isalarm?'red':''}" v-html="(scope.row.neednum>0?'产能不足<br>':'产能过剩<br>') + (scope.row.neednum/1000) +'T'"></span>
+                      <span :style="{'color':scope.row.isalarm?'red':''}" v-html="(scope.row.isalarm?'产能不足<br>差额 ':'产能充足<br>超额 ') + (scope.row.neednum/1000) +'T'"></span>
                     </template>
             </el-table-column>
         </el-table>

src/styles/bpb.css

@@ -12,6 +12,11 @@ input[type='text']{
     line-height: 28px;
     border-radius: 2px;
 }
+.text_overflow {
+    white-space: nowrap; /* 禁止换行 */
+    overflow: hidden; /* 隐藏溢出内容 */
+    text-overflow: ellipsis; /* 显示省略号 */
+  }
 @keyframes rotate {
     from {
       transform: rotate(0deg); /* 动画开始时图片的角度 */
@@ -302,12 +307,12 @@ input[type='text']{
     left: -94px;
 }
 .bpb_order_result_item table{
-    width: 200%;
+    width: 202%;
     transform: rotateZ(0deg) rotateX(13deg) rotateY(-291deg) skew(-30deg) !important;
     letter-spacing: 1px;
     position: absolute;
-    top: 14%;
-    left: -110px;
+    top: 12%;
+    left: -115px;
 }
 .bpb_mt_list tr,.bpb_order_result_item tr{
     background: none !important;