调试

快乐的昕的电脑

2025-11-24 1840f6add8934b913517eed5811e4320ce4984ce

 components/WorkOrderStatus.vue

@@ -28,9 +28,9 @@
               <input class="input-box" v-model="suspendTime" disabled="true" placeholder="点暂停按钮时写入" />
            </view>-->
            <!-- <view class="item">
      <button @click="stateCheck(3)" class="btn-blue">反完工</button>
      <input class="input-box" v-model="reverseTime" disabled="true" placeholder="点反完工按钮写入" />
   </view> -->
               <button @click="stateCheck(3)" class="btn-blue">反完工</button>
               <input class="input-box" v-model="reverseTime" disabled="true" placeholder="点反完工按钮写入" />
            </view> -->
         </view>

         <!-- 右边工单状态 -->
@@ -224,18 +224,19 @@
   }

   /* 刷新按钮样式 */
    .refresh-btn {
        /* position: absolute;  // 删除或注释掉这一行 */
        width: 100%; /* 让按钮占满父容器宽度 */
        background-color: #00A2E9;
        color: white;
        padding: 10px 0; /* 上下10px，左右0，按钮更居中 */
        border: none;
        border-radius: 5px;
        font-size: 35px;
        cursor: pointer;
        margin-bottom: 20px; /* 与下方内容留间距 */
    }
   .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;
   }

   /* 上半部分：左右布局 */
   .top-section {
@@ -297,18 +298,18 @@
   }

   /* 右边工单状态部分 */
    .right-section {
        width: 30%; /* 原来是30%，调大一点 */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: center;
        padding-top: 45px;
        flex-wrap: wrap;
        align-content: flex-start;
        margin-top: -44px;
    }
   .right-section {
      width: 30%; /* 原来是30%，调大一点 */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      text-align: center;
      padding-top: 45px;
      flex-wrap: wrap;
      align-content: flex-start;
      margin-top: -44px;
   }

   .status-title {
      margin-bottom: 2vh;
@@ -361,12 +362,11 @@
      height: 100%;
   }

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

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