用计算属性，不用v-model表达式

快乐的昕的电脑

2025-10-20 bc5c06d63e328fc1aa6847bd034a55761178ed73

用计算属性，不用v-model表达式

 components/WorkOrder.vue

@@ -82,7 +82,8 @@
                </view>
                <view class="form-item">
                    <label>日停机时长(mi):</label>
                    <input class="inp" type="text" v-model="todayOnlineTime-todayRunTime" disabled="true" />
                    <!-- 这里用计算属性，不能用v-model表达式 -->
                    <input class="inp" type="text" :value="downtimeDuration" disabled="true" />
                </view>
                <view class="form-item">
                    <label>设备稼动率:</label>
@@ -182,6 +183,15 @@
                lineList: [],
            };
        },
        computed: {
            // 日停机时长 = todayOnlineTime - todayRunTime
            downtimeDuration() {
                // 取order对象中的todayOnlineTime和todayRunTime，都为分钟
                const online = Number(this.order.todayOnlineTime) || 0;
                const run = Number(this.order.todayRunTime) || 0;
                return online - run;
            }
        },
        created() {
            this.fetchData(true);
            this.sumbit();