只更新第一行 currentCjNum

快乐的昕的电脑

2025-12-03 0c8f85d16c97a8fd4ba381dce13ea9f0b051e6c1

 components/WorkOrderStatus.vue

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

         <!-- 右边工单状态 -->
@@ -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 {
@@ -253,27 +253,26 @@
      flex-direction: column;
   }

   .item {
      display: flex;
      align-items: center;
      margin-bottom: 1.5vh;
   }
    .item {
        display: flex;
        align-items: center;
        margin-bottom: 1vh; /* 原2.2vh，缩小每行间隔 */
        height: 6vh; /* 可适当缩小高度 */
    }

   /* 统一按钮和输入框的高度 */
   button,
   .input-box {
      height: 5vh;
      /* Adjusted for larger, consistent height */
   }
    button,
    .input-box {
        height: 6vh; /* 按钮和输入框更高 */
    }

   button {
      width: 30%;
      padding: 0;
      font-size: 1.8vw;
      /* Larger font for buttons */
      margin-right: 1vw;
      line-height: 5vh;
   }
    button {
        width: 32%; /* 按钮略宽 */
        padding: 0;
        font-size: 2.2vw; /* 字体更大 */
        margin-right: 1vw;
        line-height: 6vh;
    }

   .btn-disabled {
      background-color: #ccc;
@@ -287,35 +286,32 @@
      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;
      /* 确保高度一致 */
   }

   /* 右边工单状态部分 */
    .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;
    .input-box {
        width: 68%; /* 输入框略缩小，配合按钮变宽 */
        padding: 0 1vw;
        font-size: 1.8vw; /* 字体更大 */
        border: 1px solid #ccc;
        box-sizing: border-box;
    }

   .status-title {
      margin-bottom: 2vh;
      font-size: 2vw;
      /* Larger font size for titles */
   /* 右边工单状态部分 */
   .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: 1vh; /* 原2vh，缩小标题间隔 */
        font-size: 2vw;
    }

   .status-circle {
      width: 11vw;
@@ -342,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 {
@@ -362,12 +358,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>