feat: 业务参数页面国际化完成

src/local/system.js

@@ -58,6 +58,12 @@ export default {
         'Please Input @:paramter.moduleParameters',
     ],
     language: ['语言', 'Language'],
+    languageInputError: ['请输入@:language', 'Please Input @:language'],
     'business.parameterName': ['参数名称', 'Parameter Name'],
+    'business.parameterNameError': [
+        '请输入@:business.parameterName',
+        'Please Input @:business.parameterName',
+    ],
     order: ['顺序', 'Order'],
+    orderInputError: ['请输入@:order', 'Please Input @:order'],
 };

src/pages/system/parameter/business/components/language.vue

 <template>
-    <a-select v-bind="$attrs" v-on="$listeners" :options="langList" :placeholder="$t('select.placeholder')" />
+    <a-select
+        :value="value"
+        v-bind="$attrs"
+        v-on="$listeners"
+        :options="langList"
+        :placeholder="$t('select.placeholder')"
+    />
 </template>
 
 <script>

src/pages/system/parameter/business/form.vue

 <template>
     <Wraper :hidden="hidden" :refresh="refresh" :onOk="submit">
-        <a-form-model layout="vertical" :model="form" :rules="rules" ref="DrawerForm">
-            <a-form-model-item label="语言" prop="paramLocale">
-                <language v-model="form.paramLocale" />
+        <a-form-model layout="vertical" :model="form" :rules="rules" ref="form">
+            <a-form-model-item :label="$t('language')" prop="paramLocale">
+                <Language v-model="form.paramLocale" />
             </a-form-model-item>
-            <a-form-model-item label="参数模块" prop="paramModule">
-                <a-input v-model="form.paramModule" placeholder="请输入" :disabled="isView" />
+            <a-form-model-item :label="$t('paramter.moduleParameters')" prop="paramModule">
+                <a-input v-model="form.paramModule" :placeholder="$t('input.placeholder')" />
             </a-form-model-item>
-            <a-form-model-item label="参数编码" prop="paramCode">
-                <a-input v-model="form.paramCode" placeholder="请输入" :disabled="isView" />
+            <a-form-model-item :label="$t('paramter.parameterCoding')" prop="paramCode">
+                <a-input v-model="form.paramCode" :placeholder="$t('input.placeholder')" />
             </a-form-model-item>
-            <a-form-model-item label="参数值" prop="paramValue">
-                <a-input v-model="form.paramValue" placeholder="请输入" :disabled="isView" />
+            <a-form-model-item :label="$t('paramter.paramValue')" prop="paramValue">
+                <a-input v-model="form.paramValue" :placeholder="$t('input.placeholder')" />
             </a-form-model-item>
-            <a-form-model-item label="参数名称" prop="paramName">
-                <a-input v-model="form.paramName" placeholder="请输入" :disabled="isView" />
+            <a-form-model-item :label="$t('business.parameterName')" prop="paramName">
+                <a-input v-model="form.paramName" :placeholder="$t('input.placeholder')" />
             </a-form-model-item>
-            <a-form-model-item label="显示顺序" prop="paramIndex">
-                <a-input v-model="form.paramIndex" placeholder="请输入" :disabled="isView" />
+            <a-form-model-item :label="$t('order')" prop="paramIndex">
+                <a-input v-model="form.paramIndex" :placeholder="$t('input.placeholder')" />
             </a-form-model-item>
-            <a-form-model-item label="说明" prop="remark">
-                <a-textarea v-model="form.remark" :disabled="isView" :rows="4" />
+            <a-form-model-item :label="$t('table.remark')" prop="remark">
+                <a-textarea v-model="form.remark" :rows="4" :placeholder="$t('input.placeholder')" />
             </a-form-model-item>
         </a-form-model>
     </Wraper>
@@ -28,36 +28,41 @@
 
 <script>
 import Api from '@/api/organization';
-import FormMixin from '@/components/FormMixin';
 import { WraperMixins } from '@/components/table';
 import Language from './components/language.vue';
 
 export default {
-    mixins: [FormMixin, WraperMixins],
+    mixins: [WraperMixins],
     components: { Language },
     data() {
         return {
+            form: {},
             rules: {
-                paramLocale: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
-                paramModule: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
-                paramCode: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
-                paramValue: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
-                paramName: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
-                paramIndex: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
+                paramLocale: [{ required: true, message: this.$t('languageInputError') }],
+                paramModule: [{ required: true, message: this.$t('paramter.moduleParametersError') }],
+                paramCode: [{ required: true, message: this.$t('paramter.parameterCodingError') }],
+                paramValue: [{ required: true, message: this.$t('paramter.paramValueError') }],
+                paramName: [{ required: true, message: this.$t('business.parameterNameError') }],
+                paramIndex: [{ required: true, message: this.$t('orderInputError') }],
             },
-            langList: [],
         };
     },
-
-    methods: {
-        add() {
-            return Api.addBusiness({ ...this.form });
+    computed: {
+        isEdit() {
+            return this.type === 'eidt';
+        },
     },
-        edit() {
-            return Api.updateBusiness({ ...this.form });
+
+    mounted() {
+        if (this.type) {
+            this.form = { ...this.row };
+        }
     },
+
+    methods: {
         async submit() {
-            await this.$refs.validate();
+            await this.$refs.form.validate();
+            return this.isEdit ? Api.updateBusiness({ ...this.form }) : Api.addBusiness({ ...this.form });
         },
     },
 };