样式修改

快乐的昕的电脑

2025-11-13 971b584513221fa4fe30c5b8d548ce59365e7f10

 components/mold.vue

@@ -9,8 +9,8 @@
                    <input class="input small-font" v-model="selectedToolNo" placeholder="请通过刀具目录选择" disabled />
                </view>
                <view class="form-cell">
                    <label class="form-label">设置使用上限：</label>
                    <input class="input small-font input-use-limit" type="number" v-model="useLimitInput" placeholder="每次换刀后手填" :disabled="!selectedToolNo || loadingForm" />
                    <label class="form-label highlight-label">使用上限：</label>
                    <input class="input small-font input-use-limit" type="number" v-model="useLimitInput" placeholder="每次下刀后手填上限" :disabled="!selectedToolNo || loadingForm" />
                </view>
                <view class="form-cell">
                    <label class="form-label">寿命比预警值：</label>
@@ -25,21 +25,22 @@
            </view>

            <!-- 第二行：在最后添加刀具目录按钮 -->
            <!-- 刀具名称 -->
            <view class="form-cell">
                <label class="form-label">刀具名称：</label>
                <input class="input small-font input-tool-name" v-model="toolName" placeholder="刀具带出" disabled />
            <view class="form-row">
                <!-- 刀具名称 -->
                <view class="form-cell">
                    <label class="form-label">刀具名称：</label>
                    <input class="input small-font input-tool-name" v-model="toolName" placeholder="刀具带出" disabled />
                </view>
                <!-- 规格型号 -->
                <view class="form-cell">
                    <label class="form-label">规格型号：</label>
                    <input class="input small-font input-tool-model" v-model="toolModel" placeholder="刀具带出" disabled />
                </view>
                <!-- 新增的刀具目录按钮 -->
                <view class="form-cell">
                    <button class="btn-blue large-btn" @click="openToolDialog" :disabled="loadingTools">刀具目录</button>
                </view>
            </view>
            <!-- 规格型号 -->
            <view class="form-cell">
                <label class="form-label">规格型号：</label>
                <input class="input small-font input-tool-model" v-model="toolModel" placeholder="刀具带出" disabled />
            </view>
            <!-- 新增的刀具目录按钮 -->
            <view class="form-cell">
                <button class="btn-blue large-btn" @click="openToolDialog" :disabled="loadingTools">刀具目录</button>
            </view>
        </view>
        </view>  <!-- 这里闭合 top-section-grid -->
        <!-- 操作按钮 - 移出 top-section-grid -->
        <view class="button-row">
@@ -1047,12 +1048,6 @@
    }

    /* 新增：让“设置使用上限”“寿命比预警值”输入框变窄 */
    .input-use-limit {
        width: 80px !important;
        min-width: 0 !important;
        margin-right: 10px;
    }

    .input-life-warn {
        width: 80px !important;
        min-width: 0 !important;
@@ -1063,6 +1058,9 @@
        width: 60px !important;
        min-width: 0 !important;
        margin-right: 10px;
        color: #1890ff !important;
        border-color: #1890ff !important; /* 新增：蓝色边框 */
        /* background-color: #e6f7ff !important;  若需背景色可取消注释 */
    }

    .input-tool-model {
@@ -1072,15 +1070,19 @@
    }

    .input-tool-name {
        width: 120px !important;
        width: 80px !important;
        min-width: 0 !important;
        margin-right: 10px;
    }

    .input-tool-model {
        width: 120px !important;
        width: 80px !important;
        min-width: 0 !important;
        margin-right: 10px;
    }

    .highlight-label {
        color: #1890ff !important; /* 你想要的颜色 */
    }

</style>