1完成酸轧轧辊调整

2完成双机架工艺规格串联
3完成双机架计划串联
4完成双机架wip快捷录入检索
5完成双机架实绩串联

klp-ui/src/layout/components/TagsView/ScrollPane.vue

@@ -88,6 +88,12 @@ export default {
     }
     .el-scrollbar__wrap {
       height: 39px;
+      overflow-x: auto;
+      overflow-y: hidden;
+    }
+    .el-scrollbar__view {
+      display: inline-block;  /* 让所有 tag 排在同一行，不换行 */
+      white-space: nowrap;
     }
   }
 }

klp-ui/src/layout/components/TagsView/index.vue

@@ -245,7 +245,7 @@ export default {
   // background: #454c51;
   border-bottom: 1px solid #a0a6ad;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.05) inset;
-  
+
   .tags-view-wrapper {
     .tags-view-item {
       display: inline-block;
@@ -253,6 +253,7 @@ export default {
       cursor: pointer;
       height: 26px;
       line-height: 26px;
+      white-space: nowrap;
       border: 1px solid #a0a6ad;
       color: #111;
       // 标签金属渐变背景
@@ -262,32 +263,32 @@ export default {
       margin-left: 5px;
       margin-top: 4px;
       border-radius: 4px;
-      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1), 
+      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1),
                  -1px -1px 2px rgba(255, 255, 255, 0.05);
       transition: all 0.2s ease;
-      
+
       &:first-of-type {
         margin-left: 15px;
       }
-      
+
       &:last-of-type {
         margin-right: 15px;
       }
-      
+
       &:hover {
-        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15), 
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15),
                    -1px -1px 2px rgba(255, 255, 255, 0.08);
         border-color: #8d939b;
       }
-      
+
       &.active {
         // 激活状态主色调渐变
         background: linear-gradient(145deg, #6b809d, #637994);
         color: #fff;
         border-color: #5a6d86;
-        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15), 
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15),
                    -1px -1px 2px rgba(255, 255, 255, 0.1) inset;
-        
+
         &::before {
           content: '';
           background: rgba(255, 255, 255, 0.8);
@@ -302,7 +303,7 @@ export default {
       }
     }
   }
-  
+
   .contextmenu {
     margin: 0;
     // 右键菜单金属背景
@@ -317,15 +318,15 @@ export default {
     font-size: 12px;
     font-weight: 400;
     color: #606266;
-    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15), 
+    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15),
                -2px -2px 5px rgba(255, 255, 255, 0.08);
-    
+
     li {
       margin: 0;
       padding: 7px 16px;
       cursor: pointer;
       transition: all 0.2s ease;
-      
+
       &:hover {
         background: rgba(99, 121, 148, 0.15);
         color: #637994;
@@ -349,13 +350,13 @@ export default {
       transition: all .3s cubic-bezier(.645, .045, .355, 1);
       transform-origin: 100% 50%;
       margin-left: 4px;
-      
+
       &:before {
         transform: scale(.6);
         display: inline-block;
         vertical-align: -3px;
       }
-      
+
       &:hover {
         background-color: rgba(0, 0, 0, 0.15);
         color: #ddd;
@@ -363,7 +364,7 @@ export default {
                     inset -1px -1px 2px rgba(255, 255, 255, 0.05);
       }
     }
-    
+
     &.active {
       .el-icon-close:hover {
         background-color: rgba(255, 255, 255, 0.2);
@@ -372,4 +373,4 @@ export default {
     }
   }
 }
-</style>
+</style>