界面优化2

快乐的昕的电脑

2025-10-08 68072cbb7ba12bcd3698f30cbdd90b2439ec6f88

界面优化2

 components/mold.vue

@@ -17,9 +17,7 @@
            <view class="form-row">
                <label class="form-label">刀具名称：</label>
                <input class="input" v-model="toolName" placeholder="刀具带出" disabled />
            </view>
            <view class="form-row">
                <label class="form-label">规格型号：</label>
                <label class="form-label" style="margin-left: 24px;">规格型号：</label>
                <input class="input" v-model="toolModel" placeholder="刀具带出" disabled />
            </view>
        </view>
@@ -110,7 +108,7 @@
                showToolDialog: false,
                searchKey: '',
                filteredTools: [],
                useLimitInput: '',
                useLimitInput: '',
                toolRecords: [
                    // 示例数据，实际应从后端接口获取
                    { id: 1, no: 'T22050338', name: 'm1.5合金长刀', upTime: '7-13 9:00', upCount: 15, downTime: '7-13 19:00', downCount: 3115, useCount: 3100, useLimit: 8888, lifePercent: '34.88%', lifeWarn: '90%', warnStatus: '正常' }
@@ -153,30 +151,30 @@
</script>

<style scoped>
    .form-row {
        display: flex;
        align-items: center;
        margin-bottom: 1.2vh;
    }
    .form-row {
        display: flex;
        align-items: center;
        margin-bottom: 1.2vh;
    }

    .form-label {
        width: 120px;
        font-weight: bold;
    }
    .form-label {
        width: 120px;
        font-weight: bold;
    }

    .form-select {
        width: 220px;
        padding: 1vh;
        font-size: 1.1vw;
        margin-right: 10px;
    }
    .form-select {
        width: 220px;
        padding: 1vh;
        font-size: 1.1vw;
        margin-right: 10px;
    }

    .button-row {
        display: flex;
        justify-content: center;
        gap: 32px;
        margin: 2vh 0;
    }
    .button-row {
        display: flex;
        justify-content: center;
        gap: 32px;
        margin: 2vh 0;
    }

    .page {
        padding: 2vh;