n20-common-lib 2.22.52 → 2.22.53

package/src/components/DynamicField/DynamicFieldOptions.vue

@@ -3,15 +3,17 @@
     <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('新增') }}</el-button>
+        <el-button v-if="type === 1" size="mini" type="danger" plain @click="option('删除')">{{
+          $lc('删除')
+        }}</el-button>
+        <el-button v-if="hasTransform" size="mini" plain onlyicon @click="option('下载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 +22,7 @@
         />
         <el-button
           v-if="hasTableOption"
-          v-title="'生成table配置'"
+          v-title="$lc('生成table配置')"
           size="mini"
           icon="n20-icon-wenjian"
           plain
@@ -40,7 +42,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 +57,7 @@
               <el-input
                 v-if="row.fieldType !== 'select'"
                 v-model="row[column.prop]"
-                placeholder="请输入"
+                :placeholder="$lc('请输入')"
                 size="normal"
                 clearable
               />
@@ -65,10 +67,22 @@
             </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 +94,13 @@
             :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 +131,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" />
@@ -130,6 +150,7 @@
 </template>
 
 <script>
+import { $lc } from '../../utils/i18n/index.js'
 import ClPage from '../PageLayout/page.vue'
 import Sortable from 'sortablejs'
 import customFormOptionsData from './jsonData/customFormOptionsData.json'
@@ -140,6 +161,7 @@ import contentPop from './contentPop.vue'
 import tableView from './tableView.vue'
 import ClDialog from '../Dialog/index.vue'
 import ClTablePro from '../TablePro/index.vue'
+
 export default {
   name: 'DynamicFieldOptions',
   components: { DynamicField, contentPop, tableView, ClPage, ClDialog, ClTablePro },
@@ -157,19 +179,19 @@ export default {
       type: Array,
       default: () => {
         return [
-          '排序',
-          '序号',
-          '栏目',
-          '字段名称',
-          '是否在列表显示',
-          '是否启用',
-          '是否必填',
-          '是否可编辑',
-          '是否可变更',
-          '控件类型',
-          '取值规则',
-          '默认值',
-          '字段说明'
+          $lc('排序'),
+          $lc('序号'),
+          $lc('栏目'),
+          $lc('字段名称'),
+          $lc('是否在列表显示'),
+          $lc('是否启用'),
+          $lc('是否必填'),
+          $lc('是否可编辑'),
+          $lc('是否可变更'),
+          $lc('控件类型'),
+          $lc('取值规则'),
+          $lc('默认值'),
+          $lc('字段说明')
         ]
       }
     },
@@ -185,9 +207,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 +219,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 +238,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 +255,7 @@ export default {
         },
         {
           slotName: 'fieldType',
-          label: '控件类型',
+          label: $lc('控件类型'),
           prop: 'fieldType',
           align: 'center',
           width: '150',
@@ -241,7 +263,7 @@ export default {
         },
         {
           slotName: 'input',
-          label: '字段code',
+          label: $lc('字段code'),
           prop: 'fieldCode',
           align: 'center',
           width: '150',
@@ -249,7 +271,7 @@ export default {
         },
         {
           slotName: 'input',
-          label: '字段名称',
+          label: $lc('字段名称'),
           prop: 'fieldName',
           align: 'center',
           width: '150',
@@ -257,7 +279,7 @@ export default {
         },
         {
           slotName: 'check',
-          label: '是否在列表显示',
+          label: $lc('是否在列表显示'),
           prop: 'isTableShow',
           align: 'center',
           width: '120',
@@ -265,7 +287,7 @@ export default {
         },
         {
           slotName: 'check',
-          label: '是否启用',
+          label: $lc('是否启用'),
           prop: 'isEnabled',
           align: 'center',
           width: '120',
@@ -273,7 +295,7 @@ export default {
         },
         {
           slotName: 'check',
-          label: '是否必填',
+          label: $lc('是否必填'),
           prop: 'isMust',
           align: 'center',
           width: '120',
@@ -281,7 +303,7 @@ export default {
         },
         {
           slotName: 'check',
-          label: '是否可编辑',
+          label: $lc('是否可编辑'),
           prop: 'isEdite',
           align: 'center',
           width: '120',
@@ -289,7 +311,7 @@ export default {
         },
         {
           slotName: 'check',
-          label: '是否可变更',
+          label: $lc('是否可变更'),
           prop: 'isChange',
           align: 'center',
           width: '120',
@@ -298,7 +320,7 @@ export default {
 
         {
           slotName: 'fieldValue',
-          label: '取值规则',
+          label: $lc('取值规则'),
           prop: 'fieldValue',
           align: 'center',
           width: '200',
@@ -306,7 +328,7 @@ export default {
         },
         {
           slotName: 'input',
-          label: '默认值',
+          label: $lc('默认值'),
           prop: 'defaultValue',
           align: 'center',
           width: '160',
@@ -314,7 +336,7 @@ export default {
         },
         {
           slotName: 'input',
-          label: '字段说明',
+          label: $lc('字段说明'),
           prop: 'remark',
           align: 'center',
           width: '200',
@@ -353,7 +375,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 +436,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 +459,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 +479,7 @@ export default {
               if (valid) {
                 console.log(this.formValue)
               } else {
-                this.$message.warning('请填写完整信息')
+                this.$message.warning($lc('请填写完整信息'))
               }
             })
           }

package/src/components/DynamicField/DynamicTable.vue

@@ -112,7 +112,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"
@@ -165,7 +165,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"
@@ -223,7 +223,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)"
         />
@@ -291,7 +291,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,15 +22,17 @@
     </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>
 </template>
 
 <script>
+import { $lc } from '../../utils/i18n/index.js'
 import ClPage from '../PageLayout/page.vue'
 import ClTablePro from '../TablePro/index.vue'
+
 export default {
   name: 'ContentPop',
   components: {
@@ -54,13 +56,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 +70,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>
@@ -74,9 +74,11 @@
 </template>
 
 <script>
+import { $lc } from '../../utils/i18n/index.js'
 import DynamicTable from './DynamicTable.vue'
 import clPage from '../PageLayout/page.vue'
 import clStatisItem from '../Statis/statisItem.vue'
+
 export default {
   name: 'TableList',
   components: {
@@ -131,7 +133,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'
         }

package/src/components/ElectronicArchive/index.vue

@@ -222,7 +222,7 @@
         <template v-slot="{ row }">
           <slot name="handle" :row="row">
             <el-button
-              v-title="!officeStatus ? `缺少插件` : '预览'"
+              v-title="!officeStatus ? $lc('缺少插件') : $lc('预览')"
               type="text"
               :icon="!officeStatus ? 'n20-icon-yanjing' : 'el-icon-view'"
               :disabled="!row[keys.url]"
@@ -262,14 +262,16 @@
           :on-error="(err, file, fileList) => errorFn(err, file, fileList, this.row, $index)"
         >
           <template slot="trigger">
-            <el-button size="small" type="primary">上传附件</el-button>
+            <el-button size="small" type="primary">{{ $lc('上传附件') }}</el-button>
           </template>
         </Upload>
-        <el-button size="small" type="primary" class="m-l-s" @click="baseVisible = true">选择基础附件</el-button>
+        <el-button size="small" type="primary" class="m-l-s" @click="baseVisible = true">{{
+          $lc('选择基础附件')
+        }}</el-button>
       </div>
     </Dialog>
 
-    <Dialog title="基础附件选择" width="85%" max-dialog :visible.sync="baseVisible">
+    <Dialog :title="$lc('基础附件选择')" width="85%" max-dialog :visible.sync="baseVisible">
       <el-table
         class="base-table_default"
         :row-style="rowStyle"
@@ -277,24 +279,24 @@
         :data="baseAttnoData"
         border
       >
-        <el-table-column label="选择" align="center" width="65">
+        <el-table-column :label="$lc('选择')" align="center" width="65">
           <template scope="scope">
             <el-radio v-model="radio" :label="scope.$index" @change.native="getCurrentRow(scope.row)"
               >{{ '' }}
             </el-radio>
           </template>
         </el-table-column>
-        <el-table-column prop="recordname" width="140px" show-overflow-tooltip label="文件名称" />
-        <el-table-column prop="cltName" width="140px" show-overflow-tooltip label="所属单位" />
-        <el-table-column prop="fileVersion" align="center" label="版本号" />
-        <el-table-column prop="startValidTime" width="120px" label="起始有效时间" align="center" />
-        <el-table-column prop="endValidTime" width="120px" label="截至有效时间" align="center" />
-        <el-table-column prop="uploadTime" label="更新时间" width="160px" align="center">
+        <el-table-column prop="recordname" width="140px" show-overflow-tooltip :label="$lc('文件名称')" />
+        <el-table-column prop="cltName" width="140px" show-overflow-tooltip :label="$lc('所属单位')" />
+        <el-table-column prop="fileVersion" align="center" :label="$lc('版本号')" />
+        <el-table-column prop="startValidTime" width="120px" :label="$lc('起始有效时间')" align="center" />
+        <el-table-column prop="endValidTime" width="120px" :label="$lc('截至有效时间')" align="center" />
+        <el-table-column prop="uploadTime" :label="$lc('更新时间')" width="160px" align="center">
           <template v-slot="{ row }">
             {{ dayjs(row.uploadTime).format('YYYY-MM-DD HH:mm:ss') }}
           </template>
         </el-table-column>
-        <el-table-column prop="isEnable" label="状态" align="center">
+        <el-table-column prop="isEnable" :label="$lc('状态')" align="center">
           <template v-slot="{ row }">
             <i v-if="row.isEnable === '0'" class="el-input__icon n20-icon-yichu color-danger"></i>
             <i v-if="row.isEnable === '1'" class="el-input__icon n20-icon-chenggong color-success"></i>
@@ -743,7 +745,7 @@ export default {
       // 自行下载
       let filesId = this.selectionList.map((item) => item.beid)
       if (filesId.length === 0) {
-        return this.$message.warning('请勾选附件')
+        return this.$message.warning($lc('请勾选附件'))
       }
       let data = filesId.map((item) => {
         return {
@@ -762,7 +764,7 @@ export default {
         )
         .then((res) => {
           if (res) {
-            downloadBlob(res, '附件压缩包.zip')
+            downloadBlob(res, $lc('附件压缩包.zip'))
           }
         })
     },
@@ -775,7 +777,7 @@ export default {
     async deleteRowsFn(rows, update) {
       if (rows.length === 0) {
         this.$message({
-          message: '请勾选所需要删除的附件',
+          message: $lc('请勾选所需要删除的附件'),
           type: 'warning'
         })
         return
@@ -795,7 +797,7 @@ export default {
         if (res.code === 200) {
           if (!update) {
             this.tableData = this.tableData.filter((item) => filesId.indexOf(item.beid) === -1)
-            this.$message.success('删除成功')
+            this.$message.success($lc('删除成功'))
             this.callBackFileData(this.tableData)
           }
         }