快乐的昕的电脑
2025-12-03 0c8f85d16c97a8fd4ba381dce13ea9f0b051e6c1
components/WorkOrderStatus.vue
@@ -216,12 +216,12 @@
</script>
<style scoped>
   .page {
      padding: 2vh;
      display: flex;
      flex-direction: column;
      box-sizing: border-box;
   }
    .page {
        padding: 1vh; /* 原2vh,缩小整体上下间距 */
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }
   /* 刷新按钮样式 */
   .refresh-btn {
@@ -239,12 +239,12 @@
   }
   /* 上半部分:左右布局 */
   .top-section {
      display: flex;
      justify-content: space-between;
      flex-grow: 1;
      margin-bottom: 4vh;
   }
    .top-section {
        display: flex;
        justify-content: space-between;
        flex-grow: 1;
        margin-bottom: 1.5vh; /* 原4vh,缩小上下间隔 */
    }
   /* 左边按钮和输入框部分(左右布局) */
   .left-section {
@@ -256,8 +256,8 @@
    .item {
        display: flex;
        align-items: center;
        margin-bottom: 2.2vh; /* 间距略增 */
        height: 7vh; /* 整体高度增大 */
        margin-bottom: 1vh; /* 原2.2vh,缩小每行间隔 */
        height: 6vh; /* 可适当缩小高度 */
    }
   /* 统一按钮和输入框的高度 */
@@ -308,11 +308,10 @@
      margin-top: -44px;
   }
   .status-title {
      margin-bottom: 2vh;
      font-size: 2vw;
      /* Larger font size for titles */
   }
    .status-title {
        margin-bottom: 1vh; /* 原2vh,缩小标题间隔 */
        font-size: 2vw;
    }
   .status-circle {
      width: 11vw;
@@ -339,12 +338,12 @@
   }
   /* 下半部分:保存和取消按钮 */
   .bottom-section {
      display: flex;
      justify-content: space-between;
      margin-top: 1vh;
      height: 100%;
   }
    .bottom-section {
        display: flex;
        justify-content: space-between;
        margin-top: 0.5vh; /* 原1vh,缩小与上方间隔 */
        height: 100%;
    }
   .save-btn,
   .cancel-btn {