前端VUE双语实现方案详细教程

'use strict';

exports.__esmodule = true;
exports.default = {
    sp: {
        input: {
            amounterror: 'incorrect amount format'
        },
        table: {
            total: 'total:',
            selected: 'selected:',
            tablenodata: 'no data',
            tablenodatasubtext: 'tip: suggest to recheck your filter.',
            tableloadingdata: 'searching...'
        },
        select: {
            placeholder: 'select'
        },
        preview: {
            button: 'view'
        }
    }
};

'use strict';

exports.__esmodule = true;
exports.default = {
    sp: {
        input: {
            amounterror: '金额格式不正确'
        },
        table: {
            total: '共计：',
            selected: '已选择：',
            tablenodata: '暂无数据',
            tablenodatasubtext: '提示：建议核实筛选条件',
            tableloadingdata: '搜索中...'
        },
        select: {
            placeholder: '请选择'
        },
        preview: {
            button: '查看'
        }
    }
};

'use strict';

exports.__esmodule = true;
exports.i18n = exports.use = exports.t = undefined;

var _zhcn = require('./lang/zh-cn');

var _zhcn2 = _interoprequiredefault(_zhcn);

var _vue = require('vue');

var _vue2 = _interoprequiredefault(_vue);

var _deepmerge = require('deepmerge');

var _deepmerge2 = _interoprequiredefault(_deepmerge);

var _format = require('element-ui/lib/locale/format');

var _format2 = _interoprequiredefault(_format);

function _interoprequiredefault(obj) { return obj && obj.__esmodule ? obj : { default: obj }; }

var format = (0, _format2.default)(_vue2.default);
var lang = _zhcn2.default;
var merged = false;
var i18nhandler = function i18nhandler() {
  var vuei18n = object.getprototypeof(this || _vue2.default).$t;
  if (typeof vuei18n === 'function' && !!_vue2.default.locale) {
    if (!merged) {
      merged = true;
      _vue2.default.locale(_vue2.default.config.lang, (0, _deepmerge2.default)(lang, _vue2.default.locale(_vue2.default.config.lang) || {}, { clone: true }));
    }
    return vuei18n.apply(this, arguments);
  }
};
var t = exports.t = function t(path, options) {
  var value = i18nhandler.apply(this, arguments);
  if (value !== null && value !== undefined) return value;

  var array = path.split('.');
  var current = lang;

  for (var i = 0, j = array.length; i < j; i++) {
    var property = array[i];
    value = current[property];
    if (i === j - 1) return format(value, options);
    if (!value) return '';
    current = value;
  }
  return '';
};

var use = exports.use = function use(l) {
  lang = l || lang;
};

var i18n = exports.i18n = function i18n(fn) {
  i18nhandler = fn || i18nhandler;
};

exports.default = { use: use, t: t, i18n: i18n };

import vue from 'vue';
import vuei18n from 'vue-i18n';
import elementlocale from 'element-ui/lib/locale';

import elementcnlocale from 'element-ui/lib/locale/lang/zh-cn'; // element-ui lang
import elementenlocale from 'element-ui/lib/locale/lang/en'; // element-ui lang
import cnlocale from './lang/cn';
import enlocale from './lang/en';
import spuienlocale from 'lib/locale/lang/en';
import spuicnlocale from 'lib/locale/lang/zh-cn';
import spuilocale from 'lib/locale/index.js';

const messages = {
  en: {
    ...elementenlocale,
    ...enlocale,
    ...spuienlocale

  },
  cn: {
    ...elementcnlocale,
    ...cnlocale,
    ...spuicnlocale

  }
};

vue.use(vuei18n);

const i18n = new vuei18n({
  locale: 'cn',
  fallbacklocale: 'cn',
  messages
});

// fix element-ui language switching issue.
elementlocale.i18n((key, value) => i18n.t(key, value));
spuilocale.i18n(function(key, value) {
  return i18n.t(key, value);
});

export default i18n;

export default {
  common: {
    merchantplatform: '商户平台',
    search: '查询',
    clear: '清除',
    prev: '上一步',
    next: '下一步',
    done: '完成',
    batchcopy: '一键复制',
    currency: '币种',
    back: '返回',
    submit: '提交',
    confirm: '确认',
    add: '添加',
    delete: '删除',
    edit: '编辑',
    notify: '通知',
    nologinname: '未登录',
    logout: '账号登出',
    changepwd: '修改密码',
    total: '总计',
    language: '语言设置',
    languagelist: [
      {
        value: 'en',
        label: 'english'
      },
      {
        value: 'cn',
        label: '中文'
      }
    ],
    gotit: '知道了',
    tablenodata: '暂无数据',
    tablenodatasubtext: '提示：建议核实筛选条件',
    talbeloadingdata: '搜索中...',
    homeloadingtitle: '正在加载资源',
    homeloadingsubtitle: '初次加载资源可能需要较多时间 请耐心等待',
    action: '操作',
    save: '保存',
    cancel: '取消',
    savesuccesstip: '保存成功!',
    deletesuccesstip: '删除成功',
    yes: '是',
    no: '否',
    nonactivated: '未开通',
    required: '必填',
    view: '查看',
    agree: '同意',
    disagree: '不同意',
    notice: '公告通知',
    workordernotice: '工单通知',
    timezone: '时区',
    maillanguage: '邮件语言: ',
    maillanguagetitle: '选择邮件语言',
    maillanguagecontent: '所有与您绑定的商户，都将以该语言给您发送邮件。',
    nocontractsigned: '当前账户未开通该业务合同，请您联系payermax商务负责人获取进一步帮助',
    copysuccessfully: '复制成功',
    copyfailed: '复制失败：您可尝试单击右键进行复制',
    require: '必填',
    to: '-',
    today: '今天',
    yesterday: '昨天',
    last7days: '过去7天',
    last30days: '过去30天',
    placeholderstartdate: '开始日期',
    placeholderenddate: '结束日期',
    applyrefunddes_1: '系统正在处理，请稍后查询。受理成功后，款项预计',
    applyrefunddes_2: '返回至原支付账户中。',
    approvalarrivaltimemap: { 0: '将立刻', 1: '将在1天', 2: '将在10天内', 3: '' },
    reupload: '重新上传',
    download: '导出',
    export: '导出',
    create: '创建',
    showdetail: '详情',
    pixiudetail: '详情',
    success: '成功',
    unit: '笔',
    units: '笔',
    all: '全部',
    timezonesetting: '时区设置：',
    timezonedefault: '默认',
    timezoneselecthint: '时区筛选',

    platformtimezonelist: [
      { value: 'utc', label: 'utc +0:00', offset: 0, city: '   世界标准时间', countrycode: 'utc', zonename: 'utc' },
      { value: 'utc +4:00  gst', label: 'utc +4:00', offset: 240, city: '  迪拜（阿联酋）', countrycode: 'ae', zonename: 'asia/dubai' },
      { value: 'utc +3:00  msk', label: 'utc +3:00', offset: 180, city: '  莫斯科（俄罗斯）', countrycode: 'ru', zonename: 'europe/moscow' },
      { value: 'utc +2:00  cat', label: 'utc +2:00', offset: 120, city: '  开罗（埃及）', countrycode: 'eg', zonename: 'africa/cairo' },
      { value: 'utc +8:00  pht', label: 'utc +8:00', offset: 480, city: '  马尼拉（菲律宾）', countrycode: 'ph', zonename: 'asia/manila' },
      { value: 'utc +8:00  myt', label: 'utc +8:00', offset: 480, city: '  古晋（马来西亚）', countrycode: 'my', zonename: 'asia/kuala_lumpur' },
      { value: 'utc +2:00  sast', label: 'utc +2:00', offset: 120, city: '  约翰内斯堡（南非）', countrycode: 'za', zonename: 'africa/johannesburg' },
      { value: 'utc +3:00  ast', label: 'utc +3:00', offset: 180, city: '  利雅得（沙特）', countrycode: 'sa', zonename: 'asia/riyadh' },
      { value: 'utc +8:00  sgt', label: 'utc +8:00', offset: 480, city: '  新加坡（新加坡）', countrycode: 'sg', zonename: 'asia/singapore' },
      { value: 'utc +5:30  ist', label: 'utc +5:30', offset: 330, city: '  加尔各答（印度）', countrycode: 'in', zonename: 'asia/calcutta' },
      { value: 'utc +7:00  wib', label: 'utc +7:00', offset: 420, city: '  雅加达（印度尼西亚）', countrycode: 'id', zonename: 'asia/jakarta' },
      { value: 'utc +8:00  cst', label: 'utc +8:00', offset: 480, city: '  北京（中国）', countrycode: 'cn', zonename: 'asia/shanghai' },
      { value: 'utc -3:00  brt', label: 'utc -3:00', offset: -180, city: '  圣保罗（巴西）', countrycode: 'br', zonename: 'america/sao_paulo' },
      { value: 'utc +3:00  trt', label: 'utc +3:00', offset: 180, city: '  伊斯坦布尔（土耳其）', countrycode: 'tr', zonename: 'europe/istanbul' }
    ],
    faq: {
      label: '常见问题',
      testurl: 'https://docs-dev.shareitpay.in/#/2?page_id=178&si=1&lang=zh-cn',
      produrl: 'https://docs.payermax.com/#/12?page_id=180&si=1&lang=zh-cn',
    },
    helplist: [{
      label: '文档中心',
      testurl: 'https://docs-dev.shareitpay.in/#/2?page_id=4&si=1&lang=zh-cn',
      produrl: 'https://docs.payermax.com/#/30?page_id=580&si=1&lang=zh-cn',
    },
    {
      label: '帮助中心',
      url: '',
    }],
    documenturlinfo: {
      testurl: 'https://docs.payermax.com/#/12?page_id=81&si=1&lang=cn',
      produrl: 'https://docs.payermax.com/#/30?page_id=580&si=1&lang=zh-cn',
    },
    datepick: {
      tip: '时间跨度最大支持31天'
    },
    downloademail: {
      title: '数据处理中',
      submit: '好的',
      message: '数据处理完成后，我们会将导出文件发送至您的邮箱 <span class="waring">%{email}</span>，请注意查收。'
    },
    accountsubject: '账户主体',
    securityverification: '用户安全登录验证',
    securityopen: '已开启',
    securityclosed: '已关闭',
    deletemerchantdes: '设为默认，账号登录后默认打开此商户号',
    defaultmerchantgroupsdes: '设为默认，账号登录后默认打开此商户群组',
    creategroup: '创建商户群组',
    switchtommc: '切换至商户平台运营',
    notification: '公告通知',
    documentcenter: '文档中心',
    paymentmethodtype: '支付方式类型',
  },
  route: {
    unknown: '未命名菜单',
    dashboard: '仪表盘',
    overview: '概览',
    group: '群组管理',
    banlnce: '账户余额',
    balancetotal: '余额汇总',
    incomedetail: '收支明细',
    merchant: 'merchant',
    report: '报告',
    disbursement: '出款查询',
    reporthistory: '导出记录',
    transaction: '收单管理',
    ordersearch: '订单查询',
    orderdetail: '订单详情',
  },
  responseerror: {
    error602: {
      title: '确定登出',
      content: '您已被登出，请重新登录',
      okstr: '重新登录',
    },
    error603: {
      title: '提示',
      okstr: '重新登录',
    },
    errorcodelist: [
      { value: '600', label: '用户账号不存在' },
      { value: '601', label: '账号名或密码错误' },
      { value: '603', label: '获取权限异常，建议重新登录' },
      { value: '604', label: '验证失败过多，账号已锁定，请重设密码' },
    ],
    unknownerror: '未知错误'
  }
};

export default {
  common: {
    merchantplatform: 'merchant platform',
    search: 'search',
    clear: 'clear',
    prev: 'back',
    done: 'done',
    batchcopy: 'copy all',
    currency: 'currency',
    next: 'next',
    back: 'back',
    submit: 'submit',
    confirm: 'confirm',
    add: 'add',
    delete: 'delete',
    edit: 'edit',
    notify: 'notify',
    nologinname: 'no login',
    logout: 'sign out',
    changepwd: 'change password',
    total: 'total',
    language: 'language settings',
    languagelist: [
      {
        value: 'en',
        label: 'english'
      },
      {
        value: 'cn',
        label: '中文'
      }
    ],
    gotit: 'got it',
    tablenodata: 'no data',
    tablenodatasubtext: 'tip: suggest to recheck your filter.',
    talbeloadingdata: 'searching...',
    homeloadingtitle: 'loading...',
    homeloadingsubtitle: 'it may take more time to load the resource for the first time. please wait patiently.',
    action: 'action',
    save: 'save',
    cancel: 'cancel',
    savesuccesstip: 'save successfully!',
    deletesuccesstip: 'delete successfully!',
    yes: 'confirm',
    no: 'cancel',
    nonactivated: 'nonactivated',
    required: 'required',
    view: 'view',
    agree: 'agree',
    disagree: 'disagree',
    notice: 'notification',
    timezone: 'time zone',
    maillanguage: 'email language: ',
    maillanguagetitle: 'select email language',
    maillanguagecontent: 'all merchants that are bound to you will send you an email in this language.',
    nocontractsigned: 'there is no contract under the current account, please contact the payermax business development for further assistance.',
    copysuccessfully: 'copy successfully',
    copyfailed: 'copy failed: please try right-click and select copy',
    require: 'required',
    to: '-',
    today: 'today',
    yesterday: 'yesterday',
    last7days: 'last 7 days',
    last30days: 'last 30 days',
    placeholderstartdate: 'start date',
    placeholderenddate: 'end date',
    applyrefunddes_1: 'wait for some time, system is processing. once the refund is processed, the money will be sent to the original payment source',
    applyrefunddes_2: '.',
    approvalarrivaltimemap: { 0: ' immediately', 1: ' within 1 working day', 2: ' within 10 working days', 3: '' },
    reupload: 're-upload',
    download: 'download',
    export: 'export',
    create: 'create',
    showdetail: 'detail',
    pixiudetail: 'details',
    success: 'success',
    unit: 'order',
    units: 'orders',
    all: 'all',
    timezonesetting: 'timezone setting: ',
    timezonedefault: 'default',
    timezoneselecthint: 'time zone filter',
    platformtimezonelist: [
      { value: 'utc', label: 'utc +0:00', offset: 0, city: '   universal time coordinated', countrycode: 'utc', zonename: 'utc' },
      { value: 'utc +4:00  gst', label: 'utc +4:00', offset: 240, city: '  dubai(united arab emirates)', countrycode: 'ae', zonename: 'asia/dubai' },
      { value: 'utc +3:00  msk', label: 'utc +3:00', offset: 180, city: '  moscow(russia)', countrycode: 'ru', zonename: 'europe/moscow' },
      { value: 'utc +2:00  cat', label: 'utc +2:00', offset: 120, city: '  cairo(egypt)', countrycode: 'eg', zonename: 'africa/cairo' },
      { value: 'utc +8:00  pht', label: 'utc +8:00', offset: 480, city: '  manila(philippines)', countrycode: 'ph', zonename: 'asia/manila' },
      { value: 'utc +8:00  myt', label: 'utc +8:00', offset: 480, city: '  kuching(malaysia)', countrycode: 'my', zonename: 'asia/kuala_lumpur' },
      { value: 'utc +2:00  sast', label: 'utc +2:00', offset: 120, city: '  johannesburg(south africa)', countrycode: 'za', zonename: 'africa/johannesburg' },
      { value: 'utc +3:00  ast', label: 'utc +3:00', offset: 180, city: '  riyadh(saudi arabia)', countrycode: 'sa', zonename: 'asia/riyadh' },
      { value: 'utc +8:00  sgt', label: 'utc +8:00', offset: 480, city: '  singapore(singapore)', countrycode: 'sg', zonename: 'asia/singapore' },
      { value: 'utc +5:30  ist', label: 'utc +5:30', offset: 330, city: '  kolkata(india)', countrycode: 'in', zonename: 'asia/calcutta' },
      { value: 'utc +7:00  wib', label: 'utc +7:00', offset: 420, city: '  jakarta(indonesia)', countrycode: 'id', zonename: 'asia/jakarta' },
      { value: 'utc +8:00  cst', label: 'utc +8:00', offset: 480, city: '  beijing(china)', countrycode: 'cn', zonename: 'asia/shanghai' },
      { value: 'utc -3:00  brt', label: 'utc -3:00', offset: -180, city: '  sao paulo(brazil)', countrycode: 'br', zonename: 'america/sao_paulo' },
      { value: 'utc +3:00  trt', label: 'utc +3:00', offset: 180, city: '  istanbul(turkey)', countrycode: 'tr', zonename: 'europe/istanbul' }
    ],
    faq: {
      label: 'faq',
      testurl: 'https://docs-dev.payermax.com/#/2?page_id=178&si=1&lang=en',
      produrl: 'https://docs.payermax.com/#/12?page_id=180&si=1&lang=en',
    },
    helplist: [{
      label: 'documents',
      testurl: 'https://docs-dev.payermax.com/#/2?page_id=4&si=1&lang=en',
      produrl: 'https://docs.payermax.com/#/30?page_id=580&si=1&lang=zh-en',
    },
    {
      label: 'support',
      url: '',
      hidden: true
    }],
    documenturlinfo: {
      testurl: 'https://docs.payermax.com/#/30?page_id=580&si=1&lang=zh-en',
      produrl: 'https://docs.payermax.com/#/30?page_id=580&si=1&lang=zh-en',
    },
    datepick: {
      tip: 'date range up to 31 days'
    },
    downloademail: {
      title: 'data processing',
      submit: 'ok',
      message: 'we will send the export to <span class="waring">%{email}</span> when it\'s completed, please check it later.'
    },
    accountsubject: 'account subject',
    securityverification: 'user security login verification',
    securityopen: 'enabled',
    securityclosed: 'closed',
    deletemerchantdes: 'set as default, this merchant account will be displayed after account login',
    defaultmerchantgroupsdes: 'set as default, this merchant group account will be displayed after account login',
    creategroup: 'create group',
    switchtommc: 'switch to merchant platform',
    notification: 'notification',
    documentcenter: 'document center',
    paymentmethodtype: 'payment method type',
  },
  route: {
    unknown: 'unknown menu',
    dashboard: 'dashboard',
    overview: 'dashboard',
    banlnce: 'banlnce',
    balancetotal: 'balance summary',
    incomedetail: 'account turnover',
    group: 'group',
    report: 'report',
    disbursement: 'disbursement',
    reporthistory: 'export records',
    merchant: 'merchant',
    transaction: 'payment',
    ordersearch: 'order search',
    orderdetail: 'order detail',
  },
  responseerror: {
    error602: {
      title: 'logout',
      content: 'your session has expired, please login again.',
      okstr: 'click to sign in',
    },
    error603: {
      title: 'hint',
      okstr: 'click to sign in',
    },
    errorcodelist: [
      { value: '600', label: 'the user account is not exits.' },
      { value: '601', label: 'user id or password is incorrect.' },
      { value: '603', label: 'something wrong with accessing permission. suggest to sign in again.' },
    ],
    unknownerror: 'unknown error.'
  }
};

import i18n from './i18n';

const vue = new vue({
  router,
  store,
  i18n,
  created() {
    injectbeyla();
  },
  mounted() {
    util.init();
  },
  render: h => h(app),
}).$mount('#app');

  <problemdescription :title="$t(`workorderinfo.yourlocalreceivingaccountnumber`)" />
  <el-button @click="goback">{{ $t('workorderinfo.return') }}</el-button>

 {
    prop: 'status',
    labelkey: 'workorderinfo.workorderstatus',
    minwidth: 130,
    render(h, row) {
      const type = setstatus(row.status, this.language) || '';
      return <div>
        {row.status == 'process' && <div style='color: rgba(251, 151, 1, 1);padding: 4px 12px;border-radius: 14px;background: rgba(255, 241, 215, 1);'>{type || '-'}</div>}
        {row.status == 'finished' && <div style='color: rgba(0, 195, 82, 1);padding: 4px 12px;border-radius: 14px;background: rgba(230, 249, 239, 1);'>{type || '-'}</div>}
      </div>;
    }
  },

  import local from './local';

  const scope_name = 'workorderinfo';


  created() {
    if (!this.$i18n.getlocalemessage('en')[scope_name]) {
      this.$i18n.mergelocalemessage('en', local.en);
      this.$i18n.mergelocalemessage('cn', local.cn);
    }
  },

  this.tipmessage(this.$t('workorderinfo.orderexisting'));

export default {
  cn: {
    workorderinfo: {
      orderexisting: '该订单已经创建咨询，请刷新页面',
      mustselectacontent: '必须选择一项内容',
      filecount: '当前限制最多上传 5 个文件!',

    }
  },
  en: {
    workorderinfo: {
      orderexisting: 'the order has been created, please refresh the page',
      mustselectacontent: 'one item must be selected',
      filecount: 'the current limit allows for a maximum of 5 files to be uploaded!',
    }
  }
};