调试

快乐的昕的电脑

2025-11-14 26351be21d952cfb1e109c823475579c50a268ed

 components/WorkOrder.vue

@@ -60,19 +60,18 @@
            </view>
         </view>
         <view class="form-row1">
            <view class="right-group">
               <view class="form-item" style="display:inline-block;">
                  <label>工单状态:</label>
                  <input class="inp1" type="text" v-model="order.daa018" disabled="true" />
                  <!-- 刷新按钮 -->
                  <button @click="handleRefresh" class="refresh-btn">刷新</button>
               </view>
               <view class="form-item">
                  <label>机台编号:</label>
                  <input class="inp2" type="text" v-model="order.machineNo" disabled="true" />
               </view>
            <view class="form-item" style="display:inline-block;">
               <label>工单状态:</label>
               <input class="inp1" type="text" v-model="order.daa018" disabled="true" />
               <!-- 刷新按钮 -->
               <button @click="handleRefresh" class="refresh-btn">刷新</button>
            </view>
            <view class="form-item">
               <label>机台编号:</label>
               <input class="inp2" type="text" v-model="order.machineNo" disabled="true" />
            </view>
         </view>
      </view>

      <!-- 中部：运行状态 -->
      <view class="section card">
@@ -669,6 +668,17 @@
            padding: 3px;
        }

    .inp {
        float: left;
        width: 85%;
        padding: 3px;
        border: 1px solid #ccc;
        border-radius: 0.5vw;
        margin-top: 0.2vh;
        font-size: 15px;
        height: 26px;
    }

    /* 针对1280*717屏幕的特定优化 */
    @media screen and (max-width: 1280px) and (max-height: 800px) {
        .top-order {
@@ -689,26 +699,4 @@
            margin-bottom: 4px;
        }
    }

    .top-order {
        width: 65%;
        display: inline-block;
        vertical-align: top;
    }

    .form-row1 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        position: relative;
        /* width: 100%;  // 去掉这行 */
    }

    .right-group {
        display: flex;
        align-items: center;
        gap: 24px; /* 控制两块之间的间距，可根据需要调整 */
    }

</style>