<template>
|
<div class="sheet">
|
<!-- <div class="title">钣金参数配置</div> -->
|
<el-form
|
ref="ruleFormRef"
|
:model="ruleForm"
|
:rules="rules"
|
label-width="120px"
|
class="demo-ruleForm"
|
>
|
<el-form-item label="预留天数" prop="days" class="form_class">
|
<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>
|
</el-form-item>
|
</el-form>
|
</div>
|
</template>
|
<script setup>
|
import {
|
queryConfigParams,
|
queryConfigParamsSave,
|
} from "@/api/basicData/sheetMetalConfig/sheetMetalConfig";
|
// import { ElMessage } from "element-plus";
|
const { proxy } = getCurrentInstance();
|
// const { plate_plan_param } = proxy.useDict('plate_plan_param');
|
const ruleForm = ref({
|
days: null,
|
});
|
const configParams = ref({});
|
const rules = reactive({
|
days: [
|
{ required: true, message: "请输入预留天数", trigger: "blur" },
|
{
|
type: "number",
|
message: "请输入有效的数字",
|
trigger: ["blur", "change"],
|
},
|
],
|
});
|
onMounted(async () => {
|
let config = await queryConfigParams("plate_plan_param");
|
console.log(config.data, "configwudhuhfuw");
|
ruleForm.value.days = parseInt(config.data[0].dictValue);
|
configParams.value = config.data[0];
|
// console.log(plate_plan_param.value[0].value,'plate_plan_paramplate_plan_param')
|
});
|
// const submitForm = async (formEl) => {
|
// if (!formEl) return;
|
// await formEl.validate((valid, fields) => {
|
// if (valid) {
|
// console.log("submit!");
|
// } else {
|
// console.log("error submit!", fields);
|
// }
|
// });
|
// };
|
/** 提交按钮 */
|
function submitForm() {
|
proxy.$refs["ruleFormRef"].validate(async (valid) => {
|
if (valid) {
|
console.log(valid, "valid");
|
const res = await queryConfigParamsSave({
|
...configParams.value,
|
dictValue: ruleForm.value.days * 1,
|
});
|
if (res.code == 200) {
|
ElMessage({
|
message: "更新成功",
|
type: "success",
|
});
|
}
|
}
|
});
|
}
|
const resetForm = (formEl) => {
|
if (!formEl) return;
|
formEl.resetFields();
|
};
|
const handleChange = (value) => {
|
console.log(value);
|
};
|
</script>
|
<style lang="scss" scoped>
|
.sheet {
|
// padding: 20px;
|
.title {
|
font-size: 16px;
|
color: #333;
|
padding-bottom: 10px;
|
border-bottom: 1px solid #999;
|
}
|
.form_class {
|
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>
|
