From 65f86f41dedbbbb7030e2f37ce3e001bbca4923a Mon Sep 17 00:00:00 2001 From: chengxiangling <291105840@qq.com> Date: 星期四, 15 五月 2025 13:03:25 +0800 Subject: [PATCH] 查询日历带适用工厂 --- src/views/basicData/sheetMetalParamConfig/index.vue | 82 ++++++++++++++++++++++++++++++++--------- 1 files changed, 64 insertions(+), 18 deletions(-) diff --git a/src/views/basicData/sheetMetalParamConfig/index.vue b/src/views/basicData/sheetMetalParamConfig/index.vue index 0b7f242..cccca8f 100644 --- a/src/views/basicData/sheetMetalParamConfig/index.vue +++ b/src/views/basicData/sheetMetalParamConfig/index.vue @@ -5,44 +5,78 @@ ref="ruleFormRef" :model="ruleForm" :rules="rules" - label-width="120px" + :label-width="locale === 'zh' ? '120px' : '160px'" class="demo-ruleForm" > - <el-form-item label="棰勭暀澶╂暟" prop="days" class="form_class"> - <el-input-number v-model="ruleForm.days" @change="handleChange" /> + <el-form-item + :label="$t('basic.query.reservedDays')" + prop="days" + class="form_class" + > + <div class="custom-input-number"> + <el-input-number + v-model="ruleForm.days" + min="0" + controls-position="right" + @change="handleChange" + /> + <span class="unit">{{ $t("basic.query.days") }}</span> + </div> </el-form-item> <el-form-item class="form_class"> - <el-button type="primary" @click="submitForm">淇濆瓨</el-button> + <el-button + type="primary" + @click="submitForm" + v-hasPermi="['system:dict:edit']" + >{{ $t("common.common.save") }}</el-button + > </el-form-item> </el-form> </div> </template> -<script setup> +<script setup name="SheetMetalParamConfig"> import { queryConfigParams, queryConfigParamsSave, } from "@/api/basicData/sheetMetalConfig/sheetMetalConfig"; -import { ElMessage } from "element-plus"; +// import { ElMessage } from "element-plus"; +import { useI18n } from "vue-i18n"; //瑕佸湪js涓娇鐢ㄥ浗闄呭寲 +const { t, locale } = useI18n(); 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"], - }, - ], +let rules = reactive({ + days: [], }); +watch( + locale, + (newLocale) => { + rules = { + days: [ + { + required: true, + message: `${t("common.common.placeholder")}${t( + "basic.query.reservedDays" + )}`, + trigger: "blur", + }, + { + type: "number", + message: `${t("basic.query.significantDigit")}`, + trigger: ["blur", "change"], + }, + ], + }; + }, + { immediate: true, deep: true } +); 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 = parseInt(config.data[0].dictValue); configParams.value = config.data[0]; // console.log(plate_plan_param.value[0].value,'plate_plan_paramplate_plan_param') }); @@ -63,11 +97,11 @@ 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({ - message: "鏇存柊鎴愬姛", + message: t("plan.message.update"), type: "success", }); } @@ -95,4 +129,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