提交样式优化

CD配唱片

2025-05-06 a95decde8f8a47be055d268d8dc6a53aa3f121ee

提交样式优化

 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>