UA 实时页面 顶部栏 国际化

he wei

2023-04-18 db05278c9d2d32f2cee7afb59bff6f4ed1baf352

 src/layout/components/PwdChange.vue

@@ -1,18 +1,18 @@
<template>
   <div class="params-container">
      <el-form ref="ruleForm" size="mini" label-position="top" :model="params" :rules="rules" class="params-dialog">
         <el-form-item label="旧密码" prop="oldPwd">
         <el-form-item :label="$t('oldPwd')" prop="oldPwd">
            <el-input type="password" v-model="params.oldPwd"></el-input>
         </el-form-item>
         <el-form-item label="新密码" prop="newPwd">
         <el-form-item :label="$t('newPwd')" prop="newPwd">
            <el-input type="password" v-model="params.newPwd"></el-input>
         </el-form-item>
         <el-form-item label="确认密码" prop="enPwd">
         <el-form-item :label="$t('confirmPwd')" prop="enPwd">
            <el-input type="password" v-model="params.enPwd"></el-input>
         </el-form-item>
         <div class="form-footer">
            <three-btn @click="submitForm">确定</three-btn>
            <three-btn @click="close">取消</three-btn>
            <three-btn @click="submitForm">{{ $t('ok') }}</three-btn>
            <three-btn @click="close">{{ $t('cancel') }}</three-btn>
         </div>
      </el-form>
   </div>
@@ -20,8 +20,13 @@

<script>
import { checkUserPwd, updateUserPwd } from "@/views/login/js/api"
import i18n from './i18n/PwdChange';
import { createI18nOption } from '@/assets/js/tools/i18n';

const i18nMixin = createI18nOption(i18n);
export default {
   name: "PwdChange",
  mixins: [i18nMixin],
   props: {
      visible: {
         type: Boolean,
@@ -34,7 +39,7 @@
         if (pwdRegex.test(value)) {
            callback();
         } else {
            callback(new Error('您的密码复杂度太低（密码中必须包含字母、数字、至少6位)'));
            callback(new Error(this.$t('pwdMsg')));
         }
      };
      return {
@@ -45,14 +50,14 @@
         },
         rules: {
            oldPwd: [
               { required: true, message: '不能为空', trigger: 'blur' },
               { required: true, message: this.$t('emptyMsg'), trigger: 'blur' },
            ],
            newPwd: [
               { required: true, message: '不能为空', trigger: 'blur' },
               { required: true, message: this.$t('emptyMsg'), trigger: 'blur' },
               { validator: validatePass, trigger: 'blur' }
            ],
            enPwd: [
               { required: true, message: '不能为空', trigger: 'blur' },
               { required: true, message: this.$t('emptyMsg'), trigger: 'blur' },
               { validator: validatePass, trigger: 'blur' }
            ],
         },
@@ -67,7 +72,7 @@
               // 校验旧密码
               this.checkUserPwd();
            } else {
               this.$layer.msg('存在校验未通过的数据！');
               this.$layer.msg(this.$t('form.validateMsg'));
               return false;
            }
         });