1.新增商品编辑

src/views/order/components/add.vue

@@ -20,8 +20,10 @@
                 </div>
                 <div class="demo_tabs_boxitem_onetow">
                     <div style="font-size: 16px; color: #757575;">{{ item.orderNo }}</div>
-                    <div>
-                        <span>{{ item.names && item.names[0] }} </span>
+                    <div class="order_info">
+                        <span class="sp1">{{
+                            item.names &&
+                            item.names[0] }} </span>
                         <span style="margin-left: 6px;">{{ item.names && item.names.length }}项</span>
                     </div>
                 </div>
@@ -115,6 +117,19 @@ const clickitemboxshow = (e) => {
                 justify-content: space-around;
                 flex: 1;
                 margin-left: 20px;
+
+                .order_info {
+                    display: flex;
+                    align-items: center;
+
+                    .sp1 {
+                        display: inline-block;
+                        width: 100px;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                        overflow: hidden;
+                    }
+                }
             }
         }
     }

src/views/order/index.vue

@@ -1091,8 +1091,8 @@ onMounted(() => {
 
     .tableDataclass {
       width: 100%;
-      overflow: auto;
-      height: 90%;
+      overflow-y: auto;
+      height: 70%;
 
       .orderbox_right_item {
         margin-top: 6px;