优化界面

快乐的昕的电脑

2025-10-31 31ab39a665b9d44a1465b0c86715f8d076fb9b8e

 components/mold.vue

@@ -2,6 +2,8 @@
    <view class="page">
        <!-- 刀具选择区 -->
        <view class="top-section-grid">
            <!-- 第一行 -->
            <view class="form-row">
            <view class="form-cell">
                <label class="form-label">刀具编号：</label>
                <input class="input small-font" v-model="selectedToolNo" placeholder="请通过刀具目录选择" disabled />
@@ -22,11 +24,18 @@
                    <span class="unit-text">%</span>
                </view>
            </view>
            </view>

            <!-- 第二行 -->
            <view class="form-row">
            <view class="form-cell">
                <label class="form-label">刀具名称：</label>
                <input class="input small-font" v-model="toolName" placeholder="刀具带出" disabled />
                <label class="form-label" style="margin-left: 16px;">规格型号：</label>
                </view>
                <view class="form-cell">
                    <label class="form-label">规格型号：</label>
                <input class="input small-font" v-model="toolModel" placeholder="刀具带出" disabled />
                </view>
            </view>
        </view>

@@ -637,14 +646,29 @@
    /* 原样保持，未改动样式，只插入了一个输入框 */
    .top-section-grid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        gap: 32px;
        align-items: center;
        gap: 16px;
        margin-bottom: 2vh;
        width: 95vw;
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 新增：表单行样式 */
    .form-row {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        gap: 32px;
        margin-bottom: 16px;
        width: 100%;
    }

        .form-row:last-child {
            margin-bottom: 0;
    }

    .form-cell {
@@ -938,6 +962,7 @@
        margin-top: 2vh;
    }

    /* 新增：带单位的输入框样式 */
    .input-with-unit {
        display: flex;
        align-items: center;