调试

快乐的昕的电脑

2025-11-24 fe97452f589564368a79cc290c57bb973bc26e18

 components/WorkOrderStatus.vue

@@ -253,26 +253,27 @@
      flex-direction: column;
   }

    .item {
        display: flex;
        align-items: center;
        margin-bottom: 2.2vh; /* 间距略增 */
        height: 7vh; /* 整体高度增大 */
    }
   .item {
      display: flex;
      align-items: center;
      margin-bottom: 1.5vh;
   }

   /* 统一按钮和输入框的高度 */
    button,
    .input-box {
        height: 6vh; /* 按钮和输入框更高 */
    }
   button,
   .input-box {
      height: 5vh;
      /* Adjusted for larger, consistent height */
   }

    button {
        width: 32%; /* 按钮略宽 */
        padding: 0;
        font-size: 2.2vw; /* 字体更大 */
        margin-right: 1vw;
        line-height: 6vh;
    }
   button {
      width: 30%;
      padding: 0;
      font-size: 1.8vw;
      /* Larger font for buttons */
      margin-right: 1vw;
      line-height: 5vh;
   }

   .btn-disabled {
      background-color: #ccc;
@@ -287,11 +288,16 @@
   }

    .input-box {
        width: 68%; /* 输入框略缩小，配合按钮变宽 */
        width: 70%;
        ght-section

    {
        padding: 0 1vw;
        font-size: 1.8vw; /* 字体更大 */
        font-size: 1.5vw;
        /* Increased font size for input */
        border: 1px solid #ccc;
        box-sizing: border-box;
        /* 确保高度一致 */
    }

   /* 右边工单状态部分 */
@@ -361,7 +367,7 @@

   /* 让右侧工单号输入框变长 */
   .status-title input.status-title {
      width: 90%; /* 或 100%，根据实际需求调整 */
      width: 100%; /* 或 100%，根据实际需求调整 */
      min-width: 320px; /* 可选，保证最小宽度 */
      font-size: 2vw;
      box-sizing: border-box;