主界面样式修复

快乐的昕的电脑

2025-10-21 920cb1e1e00225dd98a905da583bd46268b33b86

主界面样式修复

 components/WorkOrder.vue

@@ -75,14 +75,13 @@

        <!-- 中部：运行状态 -->
        <view class="section card">
            <view class="form-row">
            <view class="status-row">
                <view class="form-item">
                    <label style="color: red;">日停机次数(时长超3分钟):</label>
                    <input class="inp" style="width: 40%;" type="number" v-model="order.todayDowntimeCount" disabled="true" />
                    <input class="inp" type="number" v-model="order.todayDowntimeCount" disabled="true" />
                </view>
                <view class="form-item">
                    <label>日停机时长(mi):</label>
                    <!-- 这里用计算属性，不能用v-model表达式 -->
                    <input class="inp" type="text" :value="downtimeDuration" disabled="true" />
                </view>
                <view class="form-item">
@@ -90,7 +89,7 @@
                    <input class="inp" type="text" v-model="utilizationRate" disabled="true" />
                </view>
            </view>
            <view class="form-row">
            <view class="status-row">
                <view class="form-item">
                    <label>生产开始时间:</label>
                    <input class="inp" type="text" v-model="startTime" disabled="true" />
@@ -635,4 +634,26 @@
        width: 70%;
        min-width: 120px;
    }

    .status-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.5vh;
    }

        .status-row .form-item {
            flex: 1;
            margin: 0 10px;
        }

            .status-row .form-item label {
                min-width: 110px;
                margin-right: 8px;
            }

        .status-row .inp {
            width: 70%;
            min-width: 120px;
        }
</style>