调试

快乐的昕的电脑

2025-11-24 04e3d9d7228fdfa93a6c1173ff5a73b3553888e3

 components/WorkOrderStatus.vue

@@ -231,12 +231,16 @@
        background-color: #00A2E9;
        /* 蓝色背景 */
        color: white;
        padding: 10px 20px;
        height: 60px;
        border: none;
        border-radius: 5px;
        font-size: 35px;
        cursor: pointer;
        width: 90px !important; /* 更窄 */
        height: 60px !important; /* 更高 */
        font-size: 22px !important;
        padding: 0 !important;
        border-radius: 8px !important;
    }

   /* 上半部分：左右布局 */
@@ -257,7 +261,8 @@
    .item {
        display: flex;
        align-items: center;
        margin-bottom: 3vh; /* 原1.5vh，改为3vh，按钮间距更大 */
        margin-bottom: 3vh;
        flex-wrap: nowrap; /* 禁止换行 */
    }

   /* 统一按钮和输入框的高度 */
@@ -348,25 +353,28 @@
   }

   /* 下半部分：保存和取消按钮 */
   .bottom-section {
      display: flex;
      justify-content: space-between;
      margin-top: 1vh;
      height: 100%;
    .bottom-section {
        display: flex;
        margin-top: 1vh;
        height: 100%;
        justify-content: flex-end; /* 让按钮靠右对齐（可选） */
        gap: 16px; /* 按钮间距 */
   }

   .save-btn,
   .cancel-btn {
      width: 48%;
      padding: 1.5vh;
      background-color: #00A2E9;
      color: white;
      border: none;
      text-align: center;
      font-size: 1.8vw;
      /* Larger font for buttons */
      height: 100%;
   }
    .save-btn,
    .cancel-btn {
        background-color: #00A2E9;
        color: white;
        border: none;
        text-align: center;

        width: 90px !important; /* 更窄 */
        height: 60px !important; /* 更高 */
        font-size: 22px !important;
        padding: 0 !important;
        border-radius: 8px !important;
        display: inline-block;
    }

    /* 让右侧工单号输入框变长 */
    .status-title input.status-title {
@@ -400,6 +408,17 @@
        font-size: 2.6vw !important; /* 字体更大 */
        font-weight: bold;
        height: 7vh !important; /* 按钮高度加大 */
        margin-right: 2%; /* 与输入框间距 */
        box-sizing: border-box;

        width: 38% !important; /* 按钮略宽一点，避免输入框太窄 */
        min-width: 70px;
    }

    .left-section .item .input-box {
        width: 45% !important; /* 原60%，改为45% */
        min-width: 100px;
        box-sizing: border-box;
    }

</style>