n20-common-lib 3.2.38 → 3.2.40

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,19 @@
             <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('新增'))">{{ $lc('新增') }}</el-link>
         </div>
         <ul class="list" v-if="!visible">
           <li v-for="(item, index) in value" :key="index">
@@ -83,8 +83,8 @@
                   }).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>
@@ -93,13 +93,13 @@
                   class="m-l-s m-r-s"
                   :underline="false"
                   icon="n20-icon-bianjixuanzhong"
-                  @click="handle('编辑', item, index)"
+                  @click="handle($lc('编辑'), item, index)"
                 ></el-link>
                 <el-link
                   class="m-r-s"
                   :underline="false"
                   icon="n20-icon-a-shanchuxuanzhong"
-                  @click="handle('删除', item, index)"
+                  @click="handle($lc('删除'), item, index)"
                 ></el-link>
               </div>
             </div>
@@ -107,12 +107,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>
@@ -135,7 +135,7 @@ export default {
     optionsSelect: {
       type: Array,
       default: () => {
-        return ['每日', '每周', '每月', '工作日', '自定义日期区间', '每月固定天数']
+        return [$lc("每日"), $lc("每周"), $lc("每月"), $lc("工作日"), $lc("自定义日期区间"), $lc("每月固定天数")]
       }
     },
     hasTime: {
@@ -148,34 +148,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 +204,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 +221,7 @@ export default {
       switch (type) {
         case '新增':
           this.index = ''
-          this.title = '新增'
+          this.title = $lc("新增")
           this.visible = true
           this.form = {
             term: { start: '', end: '' }
@@ -229,7 +229,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 +251,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()

package/src/components/DatePicker/index.vue

@@ -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
@@ -31,6 +31,9 @@
 
 <script>
 import dayjs from 'dayjs'
+
+import { $lc } from '../../utils/i18n/index'
+
 export default {
   name: 'BusiDatePicker',
   props: {
@@ -62,9 +65,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"
@@ -88,7 +88,7 @@ export default {
     },
     selectType: {
       type: String,
-      default: '日'
+      default: $lc("日")
     },
     clearable: {
       type: Boolean,
@@ -96,18 +96,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"
     >
@@ -172,16 +172,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/DynamicField/DynamicField.vue

@@ -687,7 +687,7 @@
                   <template v-if="formItem.type === 'input-number'">
                     <span class="value">{{ formItem.value | toThousandsFormat }}</span>
                   </template>
-                  <template v-else-if="formItem.label === '子票区间'">
+                  <template v-else-if="formItem.label === $lc('子票区间')">
                     <span>{{ formItem.value | formatCdRangeFormat }}</span>
                   </template>
                   <span v-else class="value">
@@ -871,7 +871,7 @@ export default {
           value: code
         }))
       } catch (e) {
-        console.error('解析枚举列表失败:', e)
+        console.error($lc("解析枚举列表失败:"), e)
         return null
       }
     }