中英双语配置文件

src/i18n/en.js

-/*
- * @Author: your name
- * @Date: 2022-03-25 16:54:33
- * @LastEditTime: 2022-03-25 17:14:04
- * @LastEditors: your name
- * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath: \指纹系统\founder_vue\src\i18n\en.js
- */
 /*英文*/
 export default {
   // 人像采集
   rxcj: {
     rxcj: '人像采集',
+    cjsbxh: '采集设备型号',
+    xzry: '新增人员',
+    rxcj: '人像采集',
+    zzwcj: '指掌纹采集',
+    qhpf: '切换皮肤',
+    sz: '设置',
+    sxtcs: '摄像头参数',
+    mr: '默认',
+
+    // csLine
+    dbd: '对比度',
+    ld: '亮度',
+    bhd: '饱和度',
+    rh: '锐化',
+    gmz: '伽马值',
+    hxpy: '横向偏移',
+    zxpy: '纵向偏移',
+
+    // csLinePlus
+    bgbc: '曝光补偿',
+    sw: '色温',
+    jj: '焦距',
+    zd: '自动',
+
+    sxtgdtj: '摄像头高度调节',
+    xs: '向上',
+    xx: '向下',
+
+    cjyl: '采集预览',
+    cjylWz: '将头部置于绿色安全区域内，并保持头部稳定',
+
+    xd: '选定',
+    drtp: '导入图片',
+    qhjt: '切换镜头',
+
+    // cjylOnly
+    tx1: '图像1',
+    tx2: '图像2',
+    tx3: '图像3',
+    tx4: '图像4',
+    tx5: '图像5',
+
+    // cjjgOnly
+    zm: '正面',
+    zcm: '左侧面',
+    ycm: '右侧面',
+
+    cjwc: '采集完成',
+    bctp: '保存图片',
+    tsxx: '提示信息',
+    tsxxWz: '在这里显示采集的提示信息内容，在这里显示采集的提示信息内容!',
+
+    // 提示tip
+    tip1: '请先采集照片，然后预览并选中!',
+    tip2: '请先采集照片，然后进行预览!',
+    tip3: '文件类型错误,请重新选择文件!'
+
+
   }
 }

src/i18n/zh-cn.js

-/*
- * @Author: your name
- * @Date: 2022-03-25 16:36:01
- * @LastEditTime: 2022-03-25 17:13:02
- * @LastEditors: Please set LastEditors
- * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath: \uuuz\founder_vue\src\i18n\zh-cn.js
- */
 /* 中文 */
 export default {
   // 人像采集
   rxcj: {
     rxcj: '人像采集',
+    cjsbxh: '采集设备型号',
+    xzry: '新增人员',
+    rxcj: '人像采集',
+    zzwcj: '指掌纹采集',
+    qhpf: '切换皮肤',
+    sz: '设置',
+    sxtcs: '摄像头参数',
+    mr: '默认',
+
+    // csLine
+    dbd: '对比度',
+    ld: '亮度',
+    bhd: '饱和度',
+    rh: '锐化',
+    gmz: '伽马值',
+    hxpy: '横向偏移',
+    zxpy: '纵向偏移',
+
+    // csLinePlus
+    bgbc: '曝光补偿',
+    sw: '色温',
+    jj: '焦距',
+    zd: '自动',
+
+    sxtgdtj: '摄像头高度调节',
+    xs: '向上',
+    xx: '向下',
+
+    cjyl: '采集预览',
+    cjylWz: '将头部置于绿色安全区域内，并保持头部稳定',
+
+    // cjylOnly
+    tx1: '图像1',
+    tx2: '图像2',
+    tx3: '图像3',
+    tx4: '图像4',
+    tx5: '图像5',
+
+    // cjjgOnly
+    zm: '正面',
+    zcm: '左侧面',
+    ycm: '右侧面',
+
+    cjwc: '采集完成',
+    bctp: '保存图片',
+    tsxx: '提示信息',
+    tsxxWz: '在这里显示采集的提示信息内容，在这里显示采集的提示信息内容!',
+
+    // 提示tip
+    tip1: '请先采集照片，然后预览并选中!',
+    tip2: '请先采集照片，然后进行预览!',
+    tip3: '文件类型错误,请重新选择文件!'
   }
 }

src/views/rxcj/modules/cjjgOnly.vue

@@ -16,7 +16,7 @@
       >
     </div>
     <div class='onlyImgName'>
-      {{name}}
+      {{$t(name)}}
     </div>
   </div>
 </template>

src/views/rxcj/modules/cjylOnly.vue

@@ -17,7 +17,7 @@
       >
     </div>
     <div class='onlyImgName'>
-      {{name}}
+      {{$t(name)}}
     </div>
   </div>
 </template>

src/views/rxcj/modules/csLine.vue

 <template>
   <div class="csLine">
     <div class="csLineLeft">
-      {{name}}
+      {{$t(name)}}
     </div>
     <div
       class="csLineMiddle"

src/views/rxcj/modules/csLinePlus.vue

@@ -3,12 +3,12 @@
     <div class="csLineLeft">
       <div class="yuan">
       </div>
-      {{name}}
+      {{$t(name)}}
       <el-checkbox
         v-model="checked"
         @change="changeChecked"
         class="zdDiv"
-      >自动</el-checkbox>
+      >{{$t('rxcj.zd')}}</el-checkbox>
     </div>
     <div
       class="csLineMiddle"

src/views/rxcj/rxcj.vue

@@ -10,7 +10,7 @@
           {{$t('rxcj.rxcj')}}
         </div>
         <div class="headLeftAll headLeft2">
-          {{sbName?sbName:' 采集设备型号'}}
+          {{sbName?sbName: $t('rxcj.cjsbxh')}}
         </div>
       </div>
       <div class='headMiddle'>
@@ -18,17 +18,17 @@
           <i class="el-icon-success"></i>
         </div>
         <div class="wz">
-          新增人员
+          {{$t('rxcj.xzry')}}
         </div>
         <div class="line"></div>
         <div class="biaohao biaohao2">2</div>
         <div class="wz">
-          人像采集
+          {{$t('rxcj.rxcj')}}
         </div>
         <div class="line dashed"></div>
         <div class="biaohao biaohao3">3</div>
         <div class="wz wz1">
-          指掌纹采集
+          {{$t('rxcj.zzwcj')}}
         </div>
       </div>
       <div class="headRight">
@@ -36,11 +36,11 @@
           class='qhpf'
           @click="switchSkin"
         >
-          切换皮肤
+          {{$t('rxcj.qhpf')}}
         </div>
         <div class="sz">
           <i class="el-icon-s-tools"></i>
-          设置
+          {{$t('rxcj.sz')}}
         </div>
       </div>
     </div>
@@ -49,10 +49,10 @@
         <div class="gnq">
           <div class="gnqHead">
             <div class="gnqHeadLeft">
-              摄像头参数
+              {{$t('rxcj.sxtcs')}}
             </div>
             <div class="gnqHeadRight">
-              默认
+              {{$t('rxcj.mr')}}
             </div>
           </div>
           <div class="contentLine"></div>
@@ -81,11 +81,11 @@
             />
           </div>
           <div class="sxtTj">
-            <div class="title">摄像头高度调节</div>
+            <div class="title">{{$t('rxcj.sxtgdtj')}}</div>
             <div class="contentLine"></div>
             <div class='sxtTjDiv'>
-              <el-button plain>向上</el-button>
-              <el-button plain>向下</el-button>
+              <el-button plain>{{$t('rxcj.xs')}}</el-button>
+              <el-button plain>{{$t('rxcj.xx')}}</el-button>
             </div>
           </div>
         </div>
@@ -93,8 +93,8 @@
       <div class="contentRight">
         <div class="content1">
           <div class="content1Head">
-            <div class="left">采集预览</div>
-            <div class="right">将头部置于绿色安全区域内，并保持头部稳定</div>
+            <div class="left">{{$t('rxcj.cjyl')}}</div>
+            <div class="right">{{$t('rxcj.cjylWz')}}</div>
           </div>
           <div class="cjzt">
             <cj
@@ -124,7 +124,7 @@
                 class='
               xdDiv'
                 @click="xzCjyl"
-              >选定
+              >{{$t('rxcj.xd')}}
               </div>
             </div>
           </div>
@@ -133,7 +133,7 @@
               plain
               class='an'
               @click="fileSelect()"
-            >导入图片</el-button>
+            >{{$t('rxcj.drtp')}}</el-button>
             <input
               type="file"
               name="fileToUpload"
@@ -155,7 +155,7 @@
               plain
               class='an'
               @click="changeFacingMode"
-            >切换镜头</el-button>
+            >{{$t('rxcj.qhjt')}}</el-button>
           </div>
           <div class="cjyl">
             <div
@@ -189,19 +189,19 @@
         <div class="content3">
           <div class="content3Top">
             <div class='btn cjwc'>
-              采集完成
+              {{$t('rxcj.cjwc')}}
             </div>
             <div
               class="btn bctp"
               @click="downloadImg"
             >
-              保存图片
+              {{$t('rxcj.bctp')}}
             </div>
           </div>
           <div class="content3Tip">
-            <div class="title">提示信息</div>
+            <div class="title">{{$t('rxcj.tsxx')}}</div>
             <div class="tip">
-              在这里显示采集的提示信息内容，在这里显示采集的提示信息内容!
+              {{$t('rxcj.tsxxWz')}}
             </div>
           </div>
         </div>
@@ -234,30 +234,30 @@ export default {
     return {
       skinType: 'night',
       czList: [
-        { name: '对比度', value: 23 },
-        { name: '亮度', value: 33 },
-        { name: '饱和度', value: 22 },
-        { name: '锐化', value: 22 },
-        { name: '伽马值', value: 22 },
-        { name: '横向偏移', value: 22 },
-        { name: '纵向偏移', value: 22 },
+        { name: 'rxcj.dbd', value: 23 },
+        { name: 'rxcj.ld', value: 33 },
+        { name: 'rxcj.bhd', value: 22 },
+        { name: 'rxcj.rh', value: 22 },
+        { name: 'rxcj.gmz', value: 22 },
+        { name: 'rxcj.hxpy', value: 22 },
+        { name: 'rxcj.zxpy', value: 22 },
       ],
       czListPlus: [
-        { name: '曝光补偿', value: 11, zdType: true },
-        { name: '色温', value: 11, zdType: false },
-        { name: '焦距', value: 11, zdType: true },
+        { name: 'rxcj.bgbc', value: 11, zdType: true },
+        { name: 'rxcj.sw', value: 11, zdType: false },
+        { name: 'rxcj.jj', value: 11, zdType: true },
       ],
       cjylList: [
-        { name: '图像1', content: '' },
-        { name: '图像2', content: '' },
-        { name: '图像3', content: '' },
-        { name: '图像4', content: '' },
-        { name: '图像5', content: '' },
+        { name: 'rxcj.tx1', content: '' },
+        { name: 'rxcj.tx2', content: '' },
+        { name: 'rxcj.tx3', content: '' },
+        { name: 'rxcj.tx4', content: '' },
+        { name: 'rxcj.tx5', content: '' },
       ],
       cjjgList: [
-        { name: '正面', content: '', id: 1 },
-        { name: '左侧面', content: '', id: 2 },
-        { name: '右侧面', content: '', id: 4 },
+        { name: 'rxcj.zm', content: '', id: 1 },
+        { name: 'rxcj.zcm', content: '', id: 2 },
+        { name: 'rxcj.ycm', content: '', id: 4 },
       ],
       cjjgFlag: 0,
       cjztYl: true,
@@ -272,11 +272,11 @@ export default {
   methods: {
     cshCj () {
       this.cjylList = [
-        { name: '图像1', content: '' },
-        { name: '图像2', content: '' },
-        { name: '图像3', content: '' },
-        { name: '图像4', content: '' },
-        { name: '图像5', content: '' },
+        { name: 'rxcj.tx1', content: '' },
+        { name: 'rxcj.tx2', content: '' },
+        { name: 'rxcj.tx3', content: '' },
+        { name: 'rxcj.tx4', content: '' },
+        { name: 'rxcj.tx5', content: '' },
       ];
       this.cjztImg = '';
       this.cjztYl = true;
@@ -287,7 +287,7 @@ export default {
     cjjgOneClick (e) {
       console.log('单击', e)
       if (this.cjjgList[e].content == '') {
-        this.$message.error('请先采集照片，然后预览并选中')
+        this.$message.error(this.$t('rxcj.tip1'))
       } else {
         this.$refs['cj'].stopNavigator()
         this.cjztYl = false
@@ -303,7 +303,7 @@ export default {
     ylCjyl (e) {
       console.log('预览采集结果', e)
       if (this.cjylList[e].content == '') {
-        this.$message.error('请先采集照片，然后进行预览！')
+        this.$message.error(this.$t('rxcj.tip2'))
       } else {
         this.$refs['cj'].stopNavigator()
         this.cjztYl = false
@@ -312,7 +312,7 @@ export default {
     },
     xzCjyl () {
       if (this.cjztImg == '') {
-        this.$message.error('请先采集照片，然后预览并选中')
+        this.$message.error(this.$t('rxcj.tip1'))
       } else {
         this.cjjgList[this.cjjgFlag].content = this.cjztImg
       }
@@ -351,11 +351,11 @@ export default {
     },
     changeFacingMode () {
       this.cjylList = [
-        { name: '图像1', content: '' },
-        { name: '图像2', content: '' },
-        { name: '图像3', content: '' },
-        { name: '图像4', content: '' },
-        { name: '图像5', content: '' },
+        { name: 'rxcj.tx1', content: '' },
+        { name: 'rxcj.tx2', content: '' },
+        { name: 'rxcj.tx3', content: '' },
+        { name: 'rxcj.tx4', content: '' },
+        { name: 'rxcj.tx5', content: '' },
       ];
       this.cjztImg = '';
       this.cjztYl = true;
@@ -396,7 +396,7 @@ export default {
       }
       let name = file.name.split(".").splice(-1).toString();
       if (name !== "png" && name !== "jpg") {
-        this.$message.error("文件类型错误,请重新选择文件");
+        this.$message.error(this.$t('rxcj.tip3'));
         return;
       }
       console.log(file)