n20-common-lib 3.2.39 → 3.2.42

package/src/components/DynamicField/DynamicFieldOptions.vue

@@ -3,15 +3,15 @@
     <div slot="header">
       <div class="flex-box flex-r m-t-s">
         <el-button v-if="type === 1" icon="n20-icon-shuaxin" plain onlyicon size="mini" @click="getData" />
-        <el-button v-if="type === 1" size="mini" type="primary" @click="option('新增')">新增</el-button>
-        <el-button v-if="type === 1" size="mini" type="danger" plain @click="option('删除')">删除</el-button>
-        <el-button v-if="hasTransform" size="mini" plain onlyicon @click="option('下载Json配置')"
-          >下载Json配置</el-button
+        <el-button v-if="type === 1" size="mini" type="primary" @click="option($lc('新增'))">{{ $lc('新增') }}</el-button>
+        <el-button v-if="type === 1" size="mini" type="danger" plain @click="option($lc('删除'))">{{ $lc('删除') }}</el-button>
+        <el-button v-if="hasTransform" size="mini" plain onlyicon @click="option($lc('下载Json配置'))"
+          >{{ $lc('下载Json配置') }}</el-button
         >
         <!-- <el-button v-if="type === 1" size="mini" plain @click="option('导出')">导出</el-button> -->
         <el-button
           v-if="hasTransform"
-          v-title="'转换'"
+          v-title="$lc('转换')"
           size="mini"
           icon="n20-icon-caidan"
           plain
@@ -20,7 +20,7 @@
         />
         <el-button
           v-if="hasTableOption"
-          v-title="'生成table配置'"
+          v-title="$lc('生成table配置')"
           size="mini"
           icon="n20-icon-wenjian"
           plain
@@ -40,7 +40,7 @@
           class="m-t-s Tabledrag"
           @selection-change-method="handleSelectionChange"
         >
-          <vxe-column slot="order" title="排序" width="60px" align="center">
+          <vxe-column slot="order" :title="$lc('排序')" width="60px" align="center">
             <i class="n20-icon-tuodong draggable-button"></i>
           </vxe-column>
           <!-- 取值规则 -->
@@ -55,7 +55,7 @@
               <el-input
                 v-if="row.fieldType !== 'select'"
                 v-model="row[column.prop]"
-                placeholder="请输入"
+                :placeholder="$lc('请输入')"
                 size="normal"
                 clearable
               />
@@ -65,10 +65,10 @@
             </template>
           </vxe-column>
           <vxe-column slot="input" slot-scope="{ column }" v-bind="column" :field="column.prop" :title="column.label">
-            <el-input v-model="row[column.prop]" slot-scope="{ row }" placeholder="请输入" size="normal" clearable />
+            <el-input v-model="row[column.prop]" slot-scope="{ row }" :placeholder="$lc('请输入')" size="normal" clearable />
           </vxe-column>
           <vxe-column slot="select" slot-scope="{ column }" v-bind="column" :field="column.prop" :title="column.label">
-            <el-select v-model="row[column.prop]" slot-scope="{ row }" placeholder="请选择" clearable filterable>
+            <el-select v-model="row[column.prop]" slot-scope="{ row }" :placeholder="$lc('请选择')" clearable filterable>
               <el-option v-for="item in options[column.prop]" :key="item.code" :label="item.name" :value="item.code" />
             </el-select>
           </vxe-column>
@@ -80,7 +80,7 @@
             :field="column.prop"
             :title="column.label"
           >
-            <el-select v-model="row[column.prop]" slot-scope="{ row }" placeholder="请选择" clearable filterable>
+            <el-select v-model="row[column.prop]" slot-scope="{ row }" :placeholder="$lc('请选择')" clearable filterable>
               <el-option v-for="item in fieldType" :key="item.code" :label="item.name" :value="item.code" />
             </el-select>
           </vxe-column>
@@ -111,18 +111,18 @@
           @formItemClick="formItemClick"
         >
           <el-radio-group slot="input1" v-model="formValue.select" class="m-t-s">
-            <el-radio :label="3">备选项</el-radio>
-            <el-radio :label="6">备选项</el-radio>
-            <el-radio :label="9" disabled>备选项</el-radio>
+            <el-radio :label="3">{{ $lc('备选项') }}</el-radio>
+            <el-radio :label="6">{{ $lc('备选项') }}</el-radio>
+            <el-radio :label="9" disabled>{{ $lc('备选项') }}</el-radio>
           </el-radio-group>
         </DynamicField>
       </div>
     </transition>
     <div slot="footer" class="page-button-shadow flex-box flex-c flex-v">
-      <el-button type="primary" @click="option('保存')">保存</el-button>
-      <el-button plain @click="option('重置')">重置</el-button>
+      <el-button type="primary" @click="option('保存')">{{ $lc('保存') }}</el-button>
+      <el-button plain @click="option('重置')">{{ $lc('重置') }}</el-button>
     </div>
-    <cl-dialog v-drag :visible.sync="visible" title="数据引用" :destroy-on-open="true">
+    <cl-dialog v-drag :visible.sync="visible" :title="$lc('数据引用')" :destroy-on-open="true">
       <content-pop v-model="selectFieldValue" :visible.sync="visible" @save="dialogSave" />
     </cl-dialog>
     <tableView ref="tableView" />
@@ -157,19 +157,19 @@ export default {
       type: Array,
       default: () => {
         return [
-          '排序',
-          '序号',
-          '栏目',
-          '字段名称',
-          '是否在列表显示',
-          '是否启用',
-          '是否必填',
-          '是否可编辑',
-          '是否可变更',
-          '控件类型',
-          '取值规则',
-          '默认值',
-          '字段说明'
+          $lc("排序"),
+          $lc("序号"),
+          $lc("栏目"),
+          $lc("字段名称"),
+          $lc("是否在列表显示"),
+          $lc("是否启用"),
+          $lc("是否必填"),
+          $lc("是否可编辑"),
+          $lc("是否可变更"),
+          $lc("控件类型"),
+          $lc("取值规则"),
+          $lc("默认值"),
+          $lc("字段说明")
         ]
       }
     },
@@ -185,9 +185,9 @@ export default {
         return {
           fieldType: [],
           fieldGroup: [
-            { code: '基础信息', name: '基础信息' },
-            { code: '汇款申请书', name: '汇款申请书' },
-            { code: '收款人', name: '收款人' }
+            { code: $lc("基础信息"), name: $lc("基础信息") },
+            { code: $lc("汇款申请书"), name: $lc("汇款申请书") },
+            { code: $lc("收款人"), name: $lc("收款人") }
           ]
         }
       }
@@ -197,12 +197,12 @@ export default {
     return {
       visible: false,
       fieldType: [
-        { code: 'input', name: '输入框' },
-        { code: 'input-number', name: '金额输入框' },
-        { code: 'select', name: '下拉框' },
-        { code: 'selectMultiple', name: '多选下拉框' },
-        { code: 'date-picker', name: '日期选择' },
-        { code: 'textarea', name: '大文本' }
+        { code: 'input', name: $lc("输入框") },
+        { code: 'input-number', name: $lc("金额输入框") },
+        { code: 'select', name: $lc("下拉框") },
+        { code: 'selectMultiple', name: $lc("多选下拉框") },
+        { code: 'date-picker', name: $lc("日期选择") },
+        { code: 'textarea', name: $lc("大文本") }
         // 这三种暂时不开放
         /*   { code: 'input-number-range', name: '金额区间' },
         { code: 'input-rate-range', name: '利率区间' },
@@ -216,16 +216,16 @@ export default {
           width: '46',
           fixed: 'left',
           align: 'center',
-          prop: '勾选',
+          prop: $lc("勾选"),
           static: 'pre' // 静态不被"显示列"显示的,且最终会被拼接到"显示列"排序后的表格的"前面"
         },
         {
-          label: '排序',
+          label: $lc("排序"),
           slotName: 'order'
         },
         {
           slotName: 'select',
-          label: '栏目',
+          label: $lc("栏目"),
           prop: 'fieldGroup',
           align: 'center',
           width: '150',
@@ -233,7 +233,7 @@ export default {
         },
         {
           slotName: 'fieldType',
-          label: '控件类型',
+          label: $lc("控件类型"),
           prop: 'fieldType',
           align: 'center',
           width: '150',
@@ -241,7 +241,7 @@ export default {
         },
         {
           slotName: 'input',
-          label: '字段code',
+          label: $lc("字段code"),
           prop: 'fieldCode',
           align: 'center',
           width: '150',
@@ -249,7 +249,7 @@ export default {
         },
         {
           slotName: 'input',
-          label: '字段名称',
+          label: $lc("字段名称"),
           prop: 'fieldName',
           align: 'center',
           width: '150',
@@ -257,7 +257,7 @@ export default {
         },
         {
           slotName: 'check',
-          label: '是否在列表显示',
+          label: $lc("是否在列表显示"),
           prop: 'isTableShow',
           align: 'center',
           width: '120',
@@ -265,7 +265,7 @@ export default {
         },
         {
           slotName: 'check',
-          label: '是否启用',
+          label: $lc("是否启用"),
           prop: 'isEnabled',
           align: 'center',
           width: '120',
@@ -273,7 +273,7 @@ export default {
         },
         {
           slotName: 'check',
-          label: '是否必填',
+          label: $lc("是否必填"),
           prop: 'isMust',
           align: 'center',
           width: '120',
@@ -281,7 +281,7 @@ export default {
         },
         {
           slotName: 'check',
-          label: '是否可编辑',
+          label: $lc("是否可编辑"),
           prop: 'isEdite',
           align: 'center',
           width: '120',
@@ -289,7 +289,7 @@ export default {
         },
         {
           slotName: 'check',
-          label: '是否可变更',
+          label: $lc("是否可变更"),
           prop: 'isChange',
           align: 'center',
           width: '120',
@@ -298,7 +298,7 @@ export default {
 
         {
           slotName: 'fieldValue',
-          label: '取值规则',
+          label: $lc("取值规则"),
           prop: 'fieldValue',
           align: 'center',
           width: '200',
@@ -306,7 +306,7 @@ export default {
         },
         {
           slotName: 'input',
-          label: '默认值',
+          label: $lc("默认值"),
           prop: 'defaultValue',
           align: 'center',
           width: '160',
@@ -314,7 +314,7 @@ export default {
         },
         {
           slotName: 'input',
-          label: '字段说明',
+          label: $lc("字段说明"),
           prop: 'remark',
           align: 'center',
           width: '200',
@@ -353,7 +353,7 @@ export default {
     pz(row, index) {
       this.selectFieldValue = row.fieldValue || []
       this.selectIndex = index
-      this.title = '数据来源'
+      this.title = $lc("数据来源")
       this.visible = true
     },
     dialogSave(value) {
@@ -414,7 +414,7 @@ export default {
       switch (key) {
         case '下载Json配置':
           a.href = url
-          a.download = '动态字段配置.json'
+          a.download = $lc("动态字段配置.json")
           document.body.appendChild(a)
           a.click()
           // 释放 URL 对象
@@ -437,7 +437,7 @@ export default {
           break
         case '删除':
           if (this.selectData.length === 0) {
-            this.$message.warning('至少选择一条数据')
+            this.$message.warning($lc("至少选择一条数据"))
             return false
           }
           this.tableData = this.tableData.filter((item) => {
@@ -457,7 +457,7 @@ export default {
               if (valid) {
                 console.log(this.formValue)
               } else {
-                this.$message.warning('请填写完整信息')
+                this.$message.warning($lc("请填写完整信息"))
               }
             })
           }

package/src/components/DynamicField/DynamicFormView.vue

@@ -24,20 +24,20 @@
                 v-if="diff"
                 :value="`${formValue['contractDTO_loanTerm']} ${
                   formValue['contractDTO_termUnit'] === 'DAY'
-                    ? $l('天')
+                    ? $lc('天')
                     : formValue['contractDTO_termUnit'] === 'MONTH'
-                    ? $l('月')
+                    ? $lc('月')
                     : formValue['contractDTO_termUnit'] === 'YEAR'
-                    ? $l('年')
+                    ? $lc('年')
                     : ''
                 }`"
                 :old-value="`${oldFormValue['contractDTO_loanTerm']} ${
                   oldFormValue['contractDTO_termUnit'] === 'DAY'
-                    ? $l('天')
+                    ? $lc('天')
                     : oldFormValue['contractDTO_termUnit'] === 'MONTH'
-                    ? $l('月')
+                    ? $lc('月')
                     : oldFormValue['contractDTO_termUnit'] === 'YEAR'
-                    ? $l('年')
+                    ? $lc('年')
                     : ''
                 }`"
                 :tooltip="true"
@@ -46,11 +46,11 @@
                 {{ formValue['contractDTO_loanTerm'] }}
                 {{
                   formValue['contractDTO_termUnit'] === 'DAY'
-                    ? $l('天')
+                    ? $lc('天')
                     : formValue['contractDTO_termUnit'] === 'MONTH'
-                    ? $l('月')
+                    ? $lc('月')
                     : formValue['contractDTO_termUnit'] === 'YEAR'
-                    ? $l('年')
+                    ? $lc('年')
                     : ''
                 }}
               </div>
@@ -58,7 +58,7 @@
             <!-- 结构化/费用编号 -->
             <template
               v-else-if="
-                $l(formItem.label) === $l('是否结构化') ||
+                $lc(formItem.label) === $lc('是否结构化') ||
                 ((formItem.key || key) === 'exInfoDTO_feeNo' && (formItem.key || key) !== 'mainFeeCurrencyCode')
               "
             >
@@ -99,7 +99,7 @@
             <template v-else-if="formItem.type === 'input-number'">
               <div
                 v-if="
-                  [$l('利率'), $l('合同利率'), $l('利率（%）'), $l('合同利率（%）'), $l('中间价')].includes(
+                  [$lc('利率'), $lc('合同利率'), $lc('利率（%）'), $lc('合同利率（%）'), $lc('中间价')].includes(
                     $l(formItem.label)
                   )
                 "
@@ -136,7 +136,7 @@
               </div>
             </template>
             <!-- 来款国家（地区） -->
-            <template v-else-if="$l(formItem.label) === $l('来款国家（地区）')">
+            <template v-else-if="$lc(formItem.label) === $lc('来款国家（地区）')">
               <cl-diff
                 v-if="diff"
                 :value="formValue['applyInfoDTO_areaInfoName'] || '--'"
@@ -159,7 +159,7 @@
                     (formValue[formItem.key || key] && formValue[formItem.key || key].name) || '--'
                   }}</span>
                 </div>
-                <div v-else-if="formItem.label === '结售汇性质'">
+                <div v-else-if="formItem.label === $lc('结售汇性质')">
                   <cl-diff
                     v-if="diff"
                     :value="formValue[formItem.key || key] || '--'"

package/src/components/DynamicField/DynamicTable.vue

@@ -107,7 +107,7 @@
       >
         <el-select
           v-model="row[column.prop]"
-          :placeholder="column.placeholder || (column.filterable ? '请输入关键词' : column.label)"
+          :placeholder="column.placeholder || (column.filterable ? $lc('请输入关键词') : column.label)"
           :remote-method="(query) => column.remoteMethod && column.remoteMethod(query, { ...$attrs, item, value })"
           :clearable="column.clearable === false ? false : true"
           :multiple="false"
@@ -159,7 +159,7 @@
       >
         <el-select
           v-model="row[column.prop]"
-          :placeholder="column.placeholder || (column.filterable ? '请输入关键词' : column.label)"
+          :placeholder="column.placeholder || (column.filterable ? $lc('请输入关键词') : column.label)"
           :remote-method="(query) => column.remoteMethod && column.remoteMethod(query, { ...$attrs, item, value })"
           :clearable="column.clearable === false ? false : true"
           :multiple="true"
@@ -216,7 +216,7 @@
           :disabled="column.disabled || row[column.prop + '_disabled']"
           type="date"
           value-format="yyyy-MM-dd"
-          placeholder="请选择日期"
+          :placeholder="$lc('请选择日期')"
           :clearable="column.clearable === false ? false : true"
           @change="(value) => $emit('valueChange', value, column.prop, row, column)"
         />
@@ -282,7 +282,7 @@
           v-model="row[column.prop]"
           type="textarea"
           :rows="1"
-          placeholder="请输入内容"
+          :placeholder="$lc('请输入内容')"
           maxlength="150"
           show-word-limit
           v-bind="column"

package/src/components/DynamicField/contentPop.vue

@@ -3,12 +3,12 @@
     <div class="flex-box flex-lr flex-v m-b-s">
       <div></div>
       <div>
-        <el-button type="primary" size="mini" @click="option('新增')">新增</el-button>
+        <el-button type="primary" size="mini" @click="option('新增')">{{ $lc('新增') }}</el-button>
       </div>
     </div>
     <cl-table-pro ref="xTable" :loading="loading" :data="value" :columns="TableHeader" :height="'300px'">
       <vxe-column slot="input" slot-scope="{ column }" v-bind="column" :field="column.prop" :title="column.label">
-        <el-input v-model="row[column.prop]" slot-scope="{ row }" placeholder="请输入" size="normal" clearable />
+        <el-input v-model="row[column.prop]" slot-scope="{ row }" :placeholder="$lc('请输入')" size="normal" clearable />
       </vxe-column>
       <vxe-column slot="delete" slot-scope="{ column }" v-bind="column" :field="column.prop" :title="column.label">
         <el-link
@@ -22,7 +22,7 @@
     </cl-table-pro>
 
     <div slot="footer" class="page-button-shadow flex-box flex-c flex-v">
-      <el-button type="primary" @click="option('保存')">保存</el-button>
+      <el-button type="primary" @click="option('保存')">{{ $lc('保存') }}</el-button>
       <!-- <el-button plain @click="option('重置')">重置</el-button> -->
     </div>
   </cl-page>
@@ -54,13 +54,13 @@ export default {
         }, */
         {
           type: 'seq',
-          label: '序号',
+          label: $lc("序号"),
           width: '56',
           align: 'center'
         },
         {
           slotName: 'input',
-          label: '枚举名',
+          label: $lc("枚举名"),
           prop: 'label',
           align: 'left',
           minWidth: '120',
@@ -68,7 +68,7 @@ export default {
         },
         {
           slotName: 'input',
-          label: '枚举值',
+          label: $lc("枚举值"),
           prop: 'value',
           width: '260'
         },

package/src/components/DynamicField/tableList.vue

@@ -3,7 +3,7 @@
     <div slot="header" class="flex-box flex-v flex-lr m-b-s">
       <el-form :inline="true" @submit.native.prevent />
       <div class="flex-box flex-v">
-        <el-button type="primary" size="mini" @click="handleWork('新增')">新增</el-button>
+        <el-button type="primary" size="mini" @click="handleWork('新增')">{{ $lc('新增') }}</el-button>
       </div>
     </div>
     <DynamicTable
@@ -48,7 +48,7 @@
         slot="name7"
         v-model="formValue.customList[rowIndex]['name7']"
         slot-scope="{ column, rowIndex }"
-        placeholder="请选择"
+        :placeholder="$lc('请选择')"
         clearable
         filterable
         @change="
@@ -64,8 +64,8 @@
       <div class="flex-box flex-v">
         <cl-statis-item
           type="全部合计"
-          :count-label="['笔数']"
-          :list="[{ label: '笔数', value: formValue.customList.length }]"
+          :count-label="[$lc('笔数')]"
+          :list="[{ label: $lc('笔数'), value: formValue.customList.length }]"
         />
       </div>
       <div></div>
@@ -131,7 +131,7 @@ export default {
     valueChange(value, key, row) {
       switch (key) {
         case 'input':
-          if (value === '禁用') {
+          if (value === $lc("禁用")) {
             // this.$set(row, 'startDate_disabled', true)
             // this.list.startDate.disabled = true
             // this.makeTableHeaders()

package/src/components/DynamicField/tableView.vue

@@ -1,15 +1,28 @@
 <template>
-  <cl-dialog v-drag width="85%" max-dialog :visible.sync="tableVisible" title="数据展示" :destroy-on-open="true">
+  <cl-dialog
+    v-drag
+    width="85%"
+    max-dialog
+    :visible.sync="tableVisible"
+    :title="$lc('数据展示')"
+    :destroy-on-open="true"
+  >
     <cl-page class="contentPop">
       <div class="flex-box flex-lr flex-v m-b-s">
         <div></div>
         <div>
-          <el-button type="primary" size="mini" @click="option('导出json')">导出json</el-button>
+          <el-button type="primary" size="mini" @click="option('导出json')">{{ $lc('导出json') }}</el-button>
         </div>
       </div>
       <cl-table-pro ref="xTable" :loading="loading" :data="value" :columns="TableHeader" :height="'300px'">
         <vxe-column slot="input" slot-scope="{ column }" v-bind="column" :field="column.prop" :title="column.label">
-          <el-input v-model="row[column.prop]" slot-scope="{ row }" placeholder="请输入" size="normal" clearable />
+          <el-input
+            v-model="row[column.prop]"
+            slot-scope="{ row }"
+            :placeholder="$lc('请输入')"
+            size="normal"
+            clearable
+          />
         </vxe-column>
         <vxe-column slot="delete" slot-scope="{ column }" v-bind="column" :field="column.prop" :title="column.label">
           <el-link
@@ -31,6 +44,7 @@
 </template>
 
 <script>
+import { $lc } from '../../utils/i18n/index.js'
 import clDialog from '../Dialog/index.vue'
 import ClPage from '../PageLayout/page.vue'
 import ClTablePro from '../TablePro/index.vue'
@@ -52,7 +66,7 @@ export default {
       TableHeader: [
         {
           slotName: 'input',
-          label: '枚举名',
+          label: $lc('枚举名'),
           prop: 'label',
           align: 'left',
           minWidth: '120',
@@ -60,7 +74,7 @@ export default {
         },
         {
           slotName: 'input',
-          label: '枚举值',
+          label: $lc('枚举值'),
           prop: 'value',
           width: '260'
         },
@@ -86,7 +100,7 @@ export default {
         },
         {
           type: 'seq',
-          label: '序号',
+          label: $lc('序号'),
           width: '56',
           align: 'center'
         }