调试

快乐的昕的电脑

2025-11-24 fe97452f589564368a79cc290c57bb973bc26e18

 components/WorkOrderStatus.vue

@@ -1,11 +1,12 @@
<template>
   <view class="page">
      <!-- 刷新按钮 -->
      <button @click="handleRefresh" class="refresh-btn">刷新</button>
      <view>
         <h4>说明:</br>开工时间=首件合格后取送检时间,</br>完工时间=报工数等于工单数的时间</h4>
      </view>
      <!-- 上半部分 -->
      <!-- 刷新按钮 -->
      <!-- 开工完工 -->

      <view class="top-section">
         <!-- 左边工单按钮组和输入框，左右布局 -->
@@ -16,12 +17,16 @@
            </view>
            <view class="item">
               <button class="btn-disabled">完工</button>
               <input class="input-box" v-model="endTime" disabled="true" placeholder="报工数达到计划数，或点完工写入" />
               <input class="input-box" v-model="endTime" disabled="true" placeholder="报工数达到计划数后自动完工" />
            </view>
            <view class="item">
               <button @click="stateCheck(2)" class="btn-blue">暂停</button>
               <input class="input-box" v-model="suspendTime" disabled="true" placeholder="点暂停按钮时写入" />
            </view>
            <!--<view class="item">
               <button @click="stateCheck(2)" class="btn-blue">反暂停</button>
               <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="点反完工按钮写入" />
@@ -282,28 +287,31 @@
      border: none;
   }

   .input-box {
      width: 70%;
      padding: 0 1vw;
      font-size: 1.5vw;
      /* Increased font size for input */
      border: 1px solid #ccc;
      box-sizing: border-box;
      /* 确保高度一致 */
   }
    .input-box {
        width: 70%;
        ght-section

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

   /* 右边工单状态部分 */
   .right-section {
          width: 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;
      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 {
@@ -356,4 +364,12 @@
      /* Larger font for buttons */
      height: 100%;
   }

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