From a95decde8f8a47be055d268d8dc6a53aa3f121ee Mon Sep 17 00:00:00 2001
From: CD配唱片 <CD配唱片>
Date: 星期二, 06 五月 2025 12:17:36 +0800
Subject: [PATCH] 提交样式优化
---
src/views/basicData/sheetMetalParamConfig/index.vue | 21 ++++++++++++++++++---
1 files changed, 18 insertions(+), 3 deletions(-)
diff --git a/src/views/basicData/sheetMetalParamConfig/index.vue b/src/views/basicData/sheetMetalParamConfig/index.vue
index 0b7f242..839e84a 100644
--- a/src/views/basicData/sheetMetalParamConfig/index.vue
+++ b/src/views/basicData/sheetMetalParamConfig/index.vue
@@ -9,7 +9,10 @@
class="demo-ruleForm"
>
<el-form-item label="棰勭暀澶╂暟" prop="days" class="form_class">
- <el-input-number v-model="ruleForm.days" @change="handleChange" />
+ <div class="custom-input-number">
+ <el-input-number v-model="ruleForm.days" controls-position="right" @change="handleChange" />
+ <span class="unit">澶�</span>
+ </div>
</el-form-item>
<el-form-item class="form_class">
<el-button type="primary" @click="submitForm">淇濆瓨</el-button>
@@ -42,7 +45,7 @@
onMounted(async () => {
let config = await queryConfigParams("plate_plan_param");
console.log(config.data, "configwudhuhfuw");
- ruleForm.value.days = config.data[0].dictValue*1;
+ ruleForm.value.days = config.data[0].dictValue * 1;
configParams.value = config.data[0];
// console.log(plate_plan_param.value[0].value,'plate_plan_paramplate_plan_param')
});
@@ -63,7 +66,7 @@
console.log(valid, "valid");
const res = await queryConfigParamsSave({
...configParams.value,
- dictValue: ruleForm.value.days*1,
+ dictValue: ruleForm.value.days * 1,
});
if (res.code == 200) {
ElMessage({
@@ -95,4 +98,16 @@
margin-top: 20px;
}
}
+.custom-input-number {
+ position: relative;
+ display: inline-block;
+}
+.unit {
+ position: absolute;
+ top: 50%;
+ right: 40px; /* 鏍规嵁闇�瑕佽皟鏁翠綅缃� */
+ transform: translateY(-50%);
+ pointer-events: none; /* 闃叉鍗曚綅鏍囩褰卞搷杈撳叆妗嗙殑鐐瑰嚮浜嬩欢 */
+ color: #999;
+}
</style>
--
Gitblit v1.9.3