n20-common-lib 2.22.52 → 2.22.53

package/src/components/DateChoose/index.vue

@@ -12,20 +12,20 @@
     <Dialog
       v-drag
       :visible.sync="visibleSelect"
-      title="时间选择器"
+      :title="$lc('时间选择器')"
       :destroy-on-open="true"
       width="600px"
       @closed="close"
     >
       <div style="height: 200px">
         <el-form v-if="visible" :model="form" ref="form" label-width="80px" :inline="false" size="normal">
-          <el-form-item label="类型">
-            <el-select class="input-w" v-model="form.type" placeholder="请选择">
+          <el-form-item :label="$lc('类型')">
+            <el-select class="input-w" v-model="form.type" :placeholder="$lc('请选择')">
               <el-option v-for="item in filterOptions" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="日期" v-if="[5, 2, 3, 6].includes(form.type)">
+          <el-form-item :label="$lc('日期')" v-if="[5, 2, 3, 6].includes(form.type)">
             <cl-date-picker-por
               v-if="form.type === 5"
               :start-date.sync="form.term.start"
@@ -40,7 +40,7 @@
               collapse-tags
               clearable
               multiple
-              placeholder="请选择"
+              :placeholder="$lc('请选择')"
               v-if="form.type === 2"
             >
               <el-option v-for="item in weeks" :key="item" :label="item" :value="item"> </el-option>
@@ -51,7 +51,7 @@
               collapse-tags
               clearable
               multiple
-              placeholder="请选择"
+              :placeholder="$lc('请选择')"
               v-if="form.type === 3"
             >
               <el-option v-for="item in months" :key="item" :label="item" :value="item"> </el-option>
@@ -59,19 +59,21 @@
             <el-date-picker
               type="dates"
               v-model="form.value"
-              placeholder="选择一个或多个日期"
+              :placeholder="$lc('选择一个或多个日期')"
               v-if="form.type === 6"
               format="yyyy-MM-dd"
               value-format="yyyy-MM-dd"
             >
             </el-date-picker>
           </el-form-item>
-          <el-form-item label="时间点" v-if="hasTime">
-            <cl-time-picker v-model="form.time" value-format="HH:mm:ss" placeholder="请选择时间" />
+          <el-form-item :label="$lc('时间点')" v-if="hasTime">
+            <cl-time-picker v-model="form.time" value-format="HH:mm:ss" :placeholder="$lc('请选择时间')" />
           </el-form-item>
         </el-form>
         <div class="flex-box flex-r" v-if="!visible">
-          <el-link class="m-b-s" :underline="false" icon="n20-icon-xinzeng" @click="handle('新增')">新增</el-link>
+          <el-link class="m-b-s" :underline="false" icon="n20-icon-xinzeng" @click="handle('新增')">{{
+            $lc('新增')
+          }}</el-link>
         </div>
         <ul class="list" v-if="!visible">
           <li v-for="(item, index) in value" :key="index">
@@ -83,8 +85,10 @@
                   }).label
                 }}</span>
                 <span v-if="item.type === 2">{{ item.value }}</span>
-                <span v-else-if="item.type === 3">{{ item.value }}日</span>
-                <span v-else-if="item.type === 5" class="m-l-s">{{ item.term.start }}至{{ item.term.end }}</span>
+                <span v-else-if="item.type === 3">{{ item.value }}{{ $lc('日') }}</span>
+                <span v-else-if="item.type === 5" class="m-l-s"
+                  >{{ item.term.start }}{{ $lc('至') }}{{ item.term.end }}</span
+                >
                 <span v-else-if="item.type === 6" class="m-l-s">{{ item.value.toString() }}</span>
                 <span style="margin-left: 4px" v-if="hasTime">{{ item.time }}</span>
               </span>
@@ -107,12 +111,12 @@
         </ul>
       </div>
       <div class="dialog-footer" v-if="!visible">
-        <el-button type="primary" @click="visibleSelect = false">确定</el-button>
-        <el-button plain @click="visibleSelect = false">取消</el-button>
+        <el-button type="primary" @click="visibleSelect = false">{{ $lc('确定') }}</el-button>
+        <el-button plain @click="visibleSelect = false">{{ $lc('取消') }}</el-button>
       </div>
       <div class="dialog-footer" v-else>
-        <el-button type="primary" @click="handle('确定')">确定</el-button>
-        <el-button plain @click="handle('取消')">取消</el-button>
+        <el-button type="primary" @click="handle('确定')">{{ $lc('确定') }}</el-button>
+        <el-button plain @click="handle('取消')">{{ $lc('取消') }}</el-button>
       </div>
     </Dialog>
   </div>
@@ -120,6 +124,7 @@
 
 <script>
 import Dialog from '../Dialog/index.vue'
+import { $lc } from '../../utils/i18n/index.js'
 export default {
   name: 'DateChoose',
   components: {
@@ -135,7 +140,7 @@ export default {
     optionsSelect: {
       type: Array,
       default: () => {
-        return ['每日', '每周', '每月', '工作日', '自定义日期区间', '每月固定天数']
+        return [$lc('每日'), $lc('每周'), $lc('每月'), $lc('工作日'), $lc('自定义日期区间'), $lc('每月固定天数')]
       }
     },
     hasTime: {
@@ -148,34 +153,34 @@ export default {
       form: {},
       visible: false,
       visibleSelect: false,
-      title: '新增',
+      title: $lc('新增'),
       options: [
         {
-          label: '每日',
+          label: $lc('每日'),
           value: 1
         },
         {
-          label: '每周',
+          label: $lc('每周'),
           value: 2
         },
         {
-          label: '每月',
+          label: $lc('每月'),
           value: 3
         },
         {
-          label: '工作日',
+          label: $lc('工作日'),
           value: 4
         },
         {
-          label: '自定义日期区间',
+          label: $lc('自定义日期区间'),
           value: 5
         },
         {
-          label: '每月固定天数',
+          label: $lc('每月固定天数'),
           value: 6
         }
       ],
-      weeks: ['一', '二', '三', '四', '五', '六', '日'],
+      weeks: [$lc('一'), $lc('二'), $lc('三'), $lc('四'), $lc('五'), $lc('六'), $lc('日')],
       months: [
         1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30,
         31
@@ -204,7 +209,7 @@ export default {
         if (item.type === 2) {
           week = item.value
         } else if (item.type === 3) {
-          week = item.value + '日'
+          week = item.value + $lc('日')
         } else if (item.type === 5) {
           week = `${item.term.start}-${item.term.end}`
         } else if (item.type === 6) {
@@ -221,7 +226,7 @@ export default {
       switch (type) {
         case '新增':
           this.index = ''
-          this.title = '新增'
+          this.title = $lc('新增')
           this.visible = true
           this.form = {
             term: { start: '', end: '' }
@@ -229,7 +234,7 @@ export default {
           // this.value.push({})
           break
         case '编辑':
-          this.title = '编辑'
+          this.title = $lc('编辑')
           this.index = index
           this.form = JSON.parse(JSON.stringify(row))
           this.visible = true
@@ -251,12 +256,12 @@ export default {
           break
         case '删除':
           this.$msgboxPor({
-            title: '确认要删除吗？',
+            title: $lc('确认要删除吗？'),
             message: '',
             type: 'warning',
             customClass: 'question',
-            confirmButtonText: '确定',
-            cancelButtonText: '取消'
+            confirmButtonText: $lc('确定'),
+            cancelButtonText: $lc('取消')
           }).then(() => {
             this.value.splice(index, 1)
             this.setView()
@@ -269,9 +274,9 @@ export default {
   }
 }
 </script>
-<stylescoped>
+<style scoped>
 .list li {
-    height: 24px;
-    line-height: 24px;
-  }
-</stylescoped>
+  height: 24px;
+  line-height: 24px;
+}
+</style>

package/src/components/DatePicker/index.vue

@@ -23,7 +23,7 @@
 
 <script>
 const LONG_TERM_DATE = new Date(9999, 11, 31, 23, 59, 59)
-
+import { $lc } from '../../utils/i18n/index'
 export default {
   name: 'DatePicker',
   props: {
@@ -45,7 +45,7 @@ export default {
     },
     longTermLabel: {
       type: String,
-      default: '长期'
+      default: $lc('长期')
     }
   },
   computed: {

package/src/components/DateSelect/busiDate.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex-box flex-v">
     <div class="n20-date-select-busi">
-      <el-select v-model="type" placeholder="请选择" style="width: 85px" @change="handleDate">
+      <el-select v-model="type" :placeholder="$lc('请选择')" style="width: 85px" @change="handleDate">
         <el-option v-for="(item, index) in selectOptions" :key="index" :label="item.label" :value="item.value" />
       </el-select>
       <el-date-picker
@@ -30,6 +30,7 @@
 </template>
 
 <script>
+import { $lc } from '../../utils/i18n/index.js'
 import dayjs from 'dayjs'
 export default {
   name: 'BusiDatePicker',
@@ -62,9 +63,9 @@ export default {
       type: Array,
       default: () => {
         return [
-          { label: '期望日', value: 1 },
-          { label: '提交日', value: 2 },
-          { label: '发起日', value: 3 }
+          { label: $lc('期望日'), value: 1 },
+          { label: $lc('提交日'), value: 2 },
+          { label: $lc('发起日'), value: 3 }
         ]
       }
     }

package/src/components/DateSelect/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="n20-date-select">
-    <el-select v-model="type" placeholder="请选择" style="width: 65px" @change="dateTypeSelectChange">
+    <el-select v-model="type" :placeholder="$lc('请选择')" style="width: 65px" @change="dateTypeSelectChange">
       <el-option
         v-for="(item, index) in timing.filter((item) => selectList.includes(item.label))"
         :key="index"
@@ -72,6 +72,7 @@
 </template>
 
 <script>
+import { $lc } from '../../utils/i18n/index.js'
 // TODO: 双休绑定数值格式不统一
 import quarterDatePicker from './quarterDatePicker'
 import dayjs from 'dayjs'
@@ -88,7 +89,7 @@ export default {
     },
     selectType: {
       type: String,
-      default: '日'
+      default: $lc('日')
     },
     clearable: {
       type: Boolean,
@@ -96,18 +97,18 @@ export default {
     },
     selectList: {
       type: Array,
-      default: () => ['日', '周', '月', '季', '年']
+      default: () => [$lc('日'), $lc('周'), $lc('月'), $lc('季'), $lc('年')]
     }
   },
   data() {
     this.attrs = Object.assign({ firstDayOfWeek: 1 }, this.$attrs['picker-options'])
     return {
       timing: [
-        { label: '日', value: 'day' },
-        { label: '周', value: 'week' },
-        { label: '月', value: 'month' },
-        { label: '季', value: 'season' },
-        { label: '年', value: 'year' }
+        { label: $lc('日'), value: 'day' },
+        { label: $lc('周'), value: 'week' },
+        { label: $lc('月'), value: 'month' },
+        { label: $lc('季'), value: 'season' },
+        { label: $lc('年'), value: 'year' }
       ],
       day: [],
       week: '',

package/src/components/DateSelect/quarterDatePicker.vue

@@ -16,7 +16,7 @@
           class="el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-d-arrow-left"
           @click="prev"
         ></button>
-        <span role="button" class="el-date-picker__header-label" @click="handleYear">{{ year }}年</span>
+        <span role="button" class="el-date-picker__header-label" @click="handleYear">{{ year }}{{ $lc('年') }}</span>
         <button
           type="button"
           aria-label="后一年"
@@ -34,7 +34,7 @@
             :class="this.season == 1 ? 'isactive' : ''"
             class="n20-quarter-date-picker__btn"
             @click="selectSeason(0)"
-            >{{ year }}年 第一季度</el-button
+            >{{ year }}{{ $lc('年 第一季度') }}</el-button
           >
           <el-button
             type="text"
@@ -43,7 +43,7 @@
             size="medium"
             class="n20-quarter-date-picker__btn"
             @click="selectSeason(1)"
-            >{{ year }}年 第二季度</el-button
+            >{{ year }}{{ $lc('年 第二季度') }}</el-button
           >
           <el-button
             type="text"
@@ -52,7 +52,7 @@
             size="medium"
             class="n20-quarter-date-picker__btn"
             @click="selectSeason(2)"
-            >{{ year }}年 第三季度</el-button
+            >{{ year }}{{ $lc('年 第三季度') }}</el-button
           >
           <el-button
             type="text"
@@ -61,7 +61,7 @@
             size="medium"
             class="n20-quarter-date-picker__btn"
             @click="selectSeason(3)"
-            >{{ year }}年 第四季度</el-button
+            >{{ year }}{{ $lc('年 第四季度') }}</el-button
           >
         </div>
         <div v-else class="n20-quarter-date-picker__year__grid">
@@ -73,7 +73,7 @@
             :class="year === item ? 'color-primary' : ''"
             class="n20-quarter-date-picker__btn"
             @click="selectYaer(item)"
-            >{{ item }}年</el-button
+            >{{ item }}{{ $lc('年') }}</el-button
           >
         </div>
       </div>
@@ -83,7 +83,7 @@
       ref="quarterDate"
       v-model="showValue"
       class="el-date-editor"
-      placeholder="选择季度"
+      :placeholder="$lc('选择季度')"
       clearable
       @focus="changeFocus"
     >
@@ -95,6 +95,7 @@
 <script>
 import quarter from 'dayjs/plugin/quarterOfYear'
 import dayjs from 'dayjs'
+import {$lc} from '../../utils/i18n/index'
 dayjs.extend(quarter)
 export default {
   name: 'QuarterDatePicker',
@@ -172,16 +173,16 @@ export default {
       let value = ''
       switch (val) {
         case 1:
-          value = '一'
+          value = $lc("一")
           break
         case 2:
-          value = '二'
+          value = $lc("二")
           break
         case 3:
-          value = '三'
+          value = $lc("三")
           break
         case 4:
-          value = '四'
+          value = $lc("四")
           break
         default:
           break

package/src/components/Diff/index.vue

@@ -22,6 +22,7 @@
 
 <script>
 import { $lc } from '../../utils/i18n/index'
+
 export default {
   name: 'Diff',
   props: {
@@ -63,7 +64,7 @@ export default {
         return undefined
       } else {
         if (this.tooltip === true) {
-          return $lc('修改前数据内容')
+          return $lc("修改前数据内容")
         } else {
           return this.tooltip
         }

package/src/components/DynamicField/DynamicField.vue

@@ -318,7 +318,7 @@
                 <template v-if="formItem.type === 'input-number'">
                   <span class="value">{{ formItem.value | toThousands }}</span>
                 </template>
-                <template v-else-if="formItem.label === '子票区间'">
+                <template v-else-if="formItem.label === $lc('子票区间')">
                   <span>{{ formItem.value | formatCdRange }}</span>
                 </template>
                 <span v-else class="value">

package/src/components/DynamicField/DynamicFieldMixin.js

@@ -1,4 +1,5 @@
 import { $lc } from '../../utils/i18n/index.js'
+
 const obj = {
   mounted() {
     this.setRules()
@@ -30,9 +31,9 @@ const obj = {
           if (item.list[key].requiredMessage) {
             msg = item.list[key].requiredMessage
           } else if (['select', 'date-picker', 'searchSelect', 'daterange'].includes(item.list[key].type)) {
-            msg = $lc('请选择') + item.list[key].label
+            msg = $lc("请选择") + item.list[key].label
           } else {
-            msg = $lc('请输入') + item.list[key].label
+            msg = $lc("请输入") + item.list[key].label
           }
           rules[key] = [
             {