| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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') |
|---|
| | | }); |
|---|
| | |
|---|
| | | 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({ |
|---|
| | |
|---|
| | | 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> |
|---|
