样式修改

快乐的昕的电脑

2025-11-13 714f3eebb3eb60e7e50515ffbd5b719f858db543

样式修改

 components/WorkOrder.vue

@@ -60,18 +60,19 @@
                </view>
            </view>
            <view class="form-row1">
                <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 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>
            </view>
        </view>

        <!-- 中部：运行状态 -->
        <view class="section card">
@@ -689,4 +690,25 @@
        }
    }

    .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>