复选框逻辑修改

快乐的昕的电脑

2025-11-24 c2bd8d29ff48cb95d31818155535befb27f99c7c

 components/WorkOrderStatus.vue

@@ -224,19 +224,20 @@
   }

   /* 刷新按钮样式 */
   .refresh-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      background-color: #00A2E9;
      /* 蓝色背景 */
      color: white;
      padding: 10px 20px;
      border: none;
      border-radius: 5px;
      font-size: 35px;
      cursor: pointer;
   }
    .refresh-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: #00A2E9;
        /* 蓝色背景 */
        color: white;
        padding: 10px 20px;
        height: 60px;
        border: none;
        border-radius: 5px;
        font-size: 35px;
        cursor: pointer;
    }

   /* 上半部分：左右布局 */
   .top-section {
@@ -364,10 +365,36 @@

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

    .button,
    .input-box {
        font-size: 2.2vw !important; /* 字体更大 */
        height: 6vh !important; /* 高度略增 */
    }

    .input-box {
        border: 2.5px solid #999 !important; /* 边框更粗更明显 */
        border-radius: 6px !important; /* 圆角略大 */
        padding: 0 1.5vw !important;
    }

    button {
        border: 2.5px solid #999 !important; /* 按钮边框加粗 */
        border-radius: 6px !important;
    }

    .left-section .item button {
        border-width: 1px !important; /* 边框更粗 */
        border-style: solid !important;
        border-color: #999 !important; /* 保持原有色调 */
        font-size: 2.6vw !important; /* 字体更大 */
        font-weight: bold;
        height: 7vh !important; /* 按钮高度加大 */
    }

</style>