我的代办中英文配置

cclqms-vue/src/i18n/locales/cn.js

@@ -10,6 +10,7 @@ module.exports = {
   },
   qc: require('./qc.cn.js'),
   mrb: require('./mrb.cn.js'),
+  todo: require('./todo.cn.js'),
   bpm: require('./bpm.cn.js'),
   dict: require('./dict.cn.js'),
   properties: require('./properties.cn.js'),

cclqms-vue/src/i18n/locales/en.js

@@ -12,6 +12,7 @@ module.exports = {
   },
   qc: require('./qc.en.js'),
   mrb: require('./mrb.en.js'),
+  todo: require('./todo.en.js'),
   bpm: require('./bpm.en.js'),
   dict: require('./dict.en.js'),
   properties: require('./properties.en.js'),

cclqms-vue/src/i18n/locales/todo.cn.js

@@ -0,0 +1,70 @@
+module.exports = {
+  search: {
+    title: '我的待办'
+  },
+  common: {
+    collapse: '收起',
+    expand: '展开',
+    query: '查询',
+    reset: '重置',
+    export: '导出',
+    handle: '处理',
+    warning: '警告',
+    confirm: '确定'
+  },
+  field: {
+    documentNo: '单据号',
+    workflowId: '流程ID',
+    workflowName: '流程名称',
+    nodeId: '当前节点ID',
+    nodeIdShort: '节点ID',
+    nodeName: '当前节点名称',
+    createBy: '流程创建人',
+    createByShort: '创建人',
+    documentType: '单据类型',
+    documentStatus: '单据状态',
+    revisionNo: '版本号',
+    rejectFlagDesc: '是否被驳回',
+    rejectOpinion: '驳回意见',
+    createDate: '流程创建时间',
+    updateBy: '当前节点审批人',
+    currentNode: '当前节点',
+    currentApprover: '当前审批人'
+  },
+  option: {
+    all: '全部',
+    mrb: 'MRB',
+    statusDraft: '草稿',
+    statusInApproval: '审批中',
+    statusDone: '已完成'
+  },
+  kpi: {
+    total: '待办总数',
+    totalTitle: '符合查询条件的待办总数',
+    currentPage: '当前页',
+    currentPageTitle: '当前页待办数量',
+    rejected: '被驳回',
+    rejectedTitle: '当前页被驳回数量'
+  },
+  card: {
+    todo: '待办',
+    reject: '驳回',
+    rejected: '已驳回',
+    pending: '待处理',
+    start: '发起',
+    inApproval: '审批中',
+    revisionPrefix: '版本 '
+  },
+  export: {
+    worksheet: '导出信息',
+    header: '我的待办',
+    filePrefix: '我的待办'
+  },
+  message: {
+    empty: '暂无待办数据',
+    jumpNotSupported: '暂不支持该单据类型的处理跳转：{type}',
+    unknownType: '未知',
+    permissionDenied: '权限不足,访问失败',
+    openFailed: '页面打开失败'
+  }
+}

cclqms-vue/src/i18n/locales/todo.en.js

@@ -0,0 +1,70 @@
+module.exports = {
+  search: {
+    title: 'My To-Do'
+  },
+  common: {
+    collapse: 'Collapse',
+    expand: 'Expand',
+    query: 'Query',
+    reset: 'Reset',
+    export: 'Export',
+    handle: 'Handle',
+    warning: 'Warning',
+    confirm: 'OK'
+  },
+  field: {
+    documentNo: 'Document No.',
+    workflowId: 'Workflow ID',
+    workflowName: 'Workflow Name',
+    nodeId: 'Current Node ID',
+    nodeIdShort: 'Node ID',
+    nodeName: 'Current Node Name',
+    createBy: 'Process Creator',
+    createByShort: 'Creator',
+    documentType: 'Document Type',
+    documentStatus: 'Document Status',
+    revisionNo: 'Revision',
+    rejectFlagDesc: 'Rejected',
+    rejectOpinion: 'Reject Opinion',
+    createDate: 'Process Created Time',
+    updateBy: 'Current Approver',
+    currentNode: 'Current Node',
+    currentApprover: 'Current Approver'
+  },
+  option: {
+    all: 'All',
+    mrb: 'MRB',
+    statusDraft: 'Draft',
+    statusInApproval: 'In Approval',
+    statusDone: 'Completed'
+  },
+  kpi: {
+    total: 'Total',
+    totalTitle: 'Total to-dos matching the filters',
+    currentPage: 'This Page',
+    currentPageTitle: 'To-dos on the current page',
+    rejected: 'Rejected',
+    rejectedTitle: 'Rejected to-dos on the current page'
+  },
+  card: {
+    todo: 'To-Do',
+    reject: 'Rejected',
+    rejected: 'Rejected',
+    pending: 'Pending',
+    start: 'Started',
+    inApproval: 'In Approval',
+    revisionPrefix: 'Rev '
+  },
+  export: {
+    worksheet: 'Export Data',
+    header: 'My To-Do',
+    filePrefix: 'MyToDo'
+  },
+  message: {
+    empty: 'No to-do data',
+    jumpNotSupported: 'Jump is not supported for this document type: {type}',
+    unknownType: 'Unknown',
+    permissionDenied: 'Insufficient permission, access denied',
+    openFailed: 'Failed to open the page'
+  }
+}

cclqms-vue/src/views/modules/todo/todoList.vue

@@ -5,7 +5,7 @@
         <div slot="header" class="search-header">
           <div class="header-left">
             <i class="el-icon-s-order"></i>
-            <span class="header-title">我的待办</span>
+            <span class="header-title">{{ $t('todo.search.title') }}</span>
           </div>
           <div class="header-right">
             <el-button
@@ -13,7 +13,7 @@
               size="small"
               class="collapse-btn"
               @click="toggleSearchExpand">
-              <span>{{ searchExpanded ? '收起' : '展开' }}</span>
+              <span>{{ searchExpanded ? $t('todo.common.collapse') : $t('todo.common.expand') }}</span>
               <i :class="searchExpanded ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
             </el-button>
           </div>
@@ -23,39 +23,39 @@
           <template v-if="searchExpanded">
             <el-row :gutter="16" class="search-condition-row">
               <el-col :span="3">
-                <el-form-item label="单据号">
-                  <el-input v-model="searchData.documentNo" clearable placeholder="单据号"></el-input>
+                <el-form-item :label="$t('todo.field.documentNo')">
+                  <el-input v-model="searchData.documentNo" clearable :placeholder="$t('todo.field.documentNo')"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
-                <el-form-item label="流程ID">
-                  <el-input v-model="searchData.workflowId" clearable placeholder="流程ID"></el-input>
+                <el-form-item :label="$t('todo.field.workflowId')">
+                  <el-input v-model="searchData.workflowId" clearable :placeholder="$t('todo.field.workflowId')"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="4">
-                <el-form-item label="流程名称">
-                  <el-input v-model="searchData.workflowName" clearable placeholder="流程名称"></el-input>
+                <el-form-item :label="$t('todo.field.workflowName')">
+                  <el-input v-model="searchData.workflowName" clearable :placeholder="$t('todo.field.workflowName')"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
-                <el-form-item label="当前节点ID">
-                  <el-input v-model="searchData.nodeId" clearable placeholder="节点ID"></el-input>
+                <el-form-item :label="$t('todo.field.nodeId')">
+                  <el-input v-model="searchData.nodeId" clearable :placeholder="$t('todo.field.nodeIdShort')"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="4">
-                <el-form-item label="当前节点名称">
-                  <el-input v-model="searchData.nodeName" clearable placeholder="节点名称"></el-input>
+                <el-form-item :label="$t('todo.field.nodeName')">
+                  <el-input v-model="searchData.nodeName" clearable :placeholder="$t('todo.field.nodeName')"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="3">
-                <el-form-item label="流程创建人">
-                  <el-input v-model="searchData.createBy" clearable placeholder="创建人"></el-input>
+                <el-form-item :label="$t('todo.field.createBy')">
+                  <el-input v-model="searchData.createBy" clearable :placeholder="$t('todo.field.createByShort')"></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="3">
-                <el-form-item label="单据类型">
-                  <el-select v-model="searchData.documentType" clearable placeholder="全部">
-                    <el-option label="MRB" value="MRB"></el-option>
+                <el-form-item :label="$t('todo.field.documentType')">
+                  <el-select v-model="searchData.documentType" clearable :placeholder="$t('todo.option.all')">
+                    <el-option :label="$t('todo.option.mrb')" value="MRB"></el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
@@ -64,8 +64,8 @@
 
           <div class="search-actions">
             <div class="action-left">
-              <el-button type="primary" icon="el-icon-search" @click="queryHandle">查询</el-button>
-              <el-button icon="el-icon-refresh" @click="resetHandle">重置</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="queryHandle">{{ $t('todo.common.query') }}</el-button>
+              <el-button icon="el-icon-refresh" @click="resetHandle">{{ $t('todo.common.reset') }}</el-button>
               <download-excel
                 :fields="fields()"
                 :data="exportData"
@@ -76,24 +76,24 @@
                 :fetch="createExportData"
                 :before-generate="startDownload"
                 :before-finish="finishDownload"
-                worksheet="导出信息"
+                :worksheet="$t('todo.export.worksheet')"
                 :class="['el-button', 'el-button--default', 'export-excel-btn', {'is-loading': exportLoading}]">
                 <i v-if="exportLoading" class="el-icon-loading"></i>
                 <i v-else class="el-icon-download"></i>
-                <span>{{ "导出" }}</span>
+                <span>{{ $t('todo.common.export') }}</span>
               </download-excel>
             </div>
             <div class="action-right">
-              <div class="kpi-mini-card kpi-blue" title="符合查询条件的待办总数">
-                <div class="kpi-mini-label">待办总数</div>
+              <div class="kpi-mini-card kpi-blue" :title="$t('todo.kpi.totalTitle')">
+                <div class="kpi-mini-label">{{ $t('todo.kpi.total') }}</div>
                 <div class="kpi-mini-value">{{ totalPage }}</div>
               </div>
-              <div class="kpi-mini-card kpi-green" title="当前页待办数量">
-                <div class="kpi-mini-label">当前页</div>
+              <div class="kpi-mini-card kpi-green" :title="$t('todo.kpi.currentPageTitle')">
+                <div class="kpi-mini-label">{{ $t('todo.kpi.currentPage') }}</div>
                 <div class="kpi-mini-value">{{ dataList.length }}</div>
               </div>
-              <div class="kpi-mini-card kpi-orange" title="当前页被驳回数量">
-                <div class="kpi-mini-label">被驳回</div>
+              <div class="kpi-mini-card kpi-orange" :title="$t('todo.kpi.rejectedTitle')">
+                <div class="kpi-mini-label">{{ $t('todo.kpi.rejected') }}</div>
                 <div class="kpi-mini-value">{{ rejectedCount }}</div>
               </div>
             </div>
@@ -112,7 +112,7 @@
           @click="handleClick(item)">
           <div class="todo-card-head">
             <div class="risk-tag" :class="{ high: isRejected(item) }">
-              {{ isRejected(item) ? '驳回' : (item.documentTypeDesc || '待办') }}
+              {{ isRejected(item) ? $t('todo.card.reject') : (item.documentTypeDesc || $t('todo.card.todo')) }}
             </div>
             <div class="todo-code" :title="item.displayNo">
               <el-link type="primary" :underline="false" @click.native.stop="handleClick(item)">
@@ -120,7 +120,7 @@
               </el-link>
             </div>
             <el-tag size="mini" :type="statusType(item)">
-              {{ item.documentStatus || '审批中' }}
+              {{ statusLabel(item) }}
             </el-tag>
           </div>
 
@@ -133,41 +133,41 @@
               {{ item.nodeName || '-' }}
             </div>
             <div class="todo-process-metrics" v-if="item.revisionNo || item.workflowId">
-              <div class="todo-process-chip" v-if="item.revisionNo" :title="'版本 ' + item.revisionNo">
+              <div class="todo-process-chip" v-if="item.revisionNo" :title="$t('todo.card.revisionPrefix') + item.revisionNo">
                 V{{ item.revisionNo }}
               </div>
-              <div class="todo-rate-chip" v-if="item.workflowId" :title="'流程ID ' + item.workflowId">
+              <div class="todo-rate-chip" v-if="item.workflowId" :title="$t('todo.field.workflowId') + ' ' + item.workflowId">
                 {{ item.workflowId }}
               </div>
             </div>
           </div>
 
           <div class="todo-detail-line">
-            <span class="label">单据类型</span>
+            <span class="label">{{ $t('todo.field.documentType') }}</span>
             <span class="value" :title="item.documentTypeDesc">{{ item.documentTypeDesc || '-' }}</span>
           </div>
           <div class="todo-detail-line">
-            <span class="label">当前节点</span>
+            <span class="label">{{ $t('todo.field.currentNode') }}</span>
             <span class="value" :title="nodeLabel(item)">{{ nodeLabel(item) }}</span>
           </div>
           <div class="todo-detail-line">
-            <span class="label">流程创建人</span>
+            <span class="label">{{ $t('todo.field.createBy') }}</span>
             <span class="value" :title="item.createBy">{{ item.createBy || '-' }}</span>
           </div>
           <div class="todo-detail-line">
-            <span class="label">当前审批人</span>
+            <span class="label">{{ $t('todo.field.currentApprover') }}</span>
             <span class="value" :title="item.updateBy">{{ item.updateBy || '-' }}</span>
           </div>
           <div class="todo-detail-line" v-if="isRejected(item) || item.rejectOpinion">
-            <span class="label">驳回意见</span>
+            <span class="label">{{ $t('todo.field.rejectOpinion') }}</span>
             <span class="value" :title="item.rejectOpinion">{{ item.rejectOpinion || '-' }}</span>
           </div>
 
           <div class="todo-step-row">
-            <div class="step-item done">发起</div>
-            <div class="step-item done">审批中</div>
+            <div class="step-item done">{{ $t('todo.card.start') }}</div>
+            <div class="step-item done">{{ $t('todo.card.inApproval') }}</div>
             <div class="step-item" :class="{ danger: isRejected(item) }">
-              {{ isRejected(item) ? '已驳回' : '待处理' }}
+              {{ isRejected(item) ? $t('todo.card.rejected') : $t('todo.card.pending') }}
             </div>
           </div>
 
@@ -180,7 +180,7 @@
                 plain
                 native-type="button"
                 @click.native.stop="handleClick(item)">
-                处理
+                {{ $t('todo.common.handle') }}
               </el-button>
             </div>
           </div>
@@ -188,7 +188,7 @@
       </div>
 
       <div v-else class="todo-empty">
-        暂无待办数据
+        {{ $t('todo.message.empty') }}
       </div>
     </div>
 
@@ -217,8 +217,8 @@ export default {
       searchExpanded: true,
       exportLoading: false,
       exportData: [],
-      exportName: '我的待办' + this.dayjs().format('YYYYMMDDHHmmss'),
-      exportHeader: ['我的待办'],
+      exportName: '',
+      exportHeader: [],
       exportFooter: [],
       exportList: [],
       pageIndex: 1,
@@ -241,19 +241,19 @@ export default {
       },
       dataList: [],
       columnList: [
-        { columnProp: 'documentTypeDesc', columnLabel: '单据类型' },
-        { columnProp: 'displayNo', columnLabel: '单据号' },
-        { columnProp: 'revisionNo', columnLabel: '版本号' },
-        { columnProp: 'documentStatus', columnLabel: '单据状态' },
-        { columnProp: 'workflowId', columnLabel: '流程ID' },
-        { columnProp: 'workflowName', columnLabel: '流程名称' },
-        { columnProp: 'nodeId', columnLabel: '当前节点ID' },
-        { columnProp: 'nodeName', columnLabel: '当前节点名称' },
-        { columnProp: 'rejectFlagDesc', columnLabel: '是否被驳回' },
-        { columnProp: 'rejectOpinion', columnLabel: '驳回意见' },
-        { columnProp: 'createBy', columnLabel: '流程创建人' },
-        { columnProp: 'createDate', columnLabel: '流程创建时间' },
-        { columnProp: 'updateBy', columnLabel: '当前节点审批人' }
+        { columnProp: 'documentTypeDesc', columnLabel: 'todo.field.documentType' },
+        { columnProp: 'displayNo', columnLabel: 'todo.field.documentNo' },
+        { columnProp: 'revisionNo', columnLabel: 'todo.field.revisionNo' },
+        { columnProp: 'documentStatus', columnLabel: 'todo.field.documentStatus' },
+        { columnProp: 'workflowId', columnLabel: 'todo.field.workflowId' },
+        { columnProp: 'workflowName', columnLabel: 'todo.field.workflowName' },
+        { columnProp: 'nodeId', columnLabel: 'todo.field.nodeId' },
+        { columnProp: 'nodeName', columnLabel: 'todo.field.nodeName' },
+        { columnProp: 'rejectFlagDesc', columnLabel: 'todo.field.rejectFlagDesc' },
+        { columnProp: 'rejectOpinion', columnLabel: 'todo.field.rejectOpinion' },
+        { columnProp: 'createBy', columnLabel: 'todo.field.createBy' },
+        { columnProp: 'createDate', columnLabel: 'todo.field.createDate' },
+        { columnProp: 'updateBy', columnLabel: 'todo.field.updateBy' }
       ]
     }
   },
@@ -263,6 +263,7 @@ export default {
     }
   },
   created () {
+    this.refreshExportMeta()
     this.getDataList()
   },
   methods: {
@@ -348,6 +349,20 @@ export default {
       }
       return 'info'
     },
+    statusLabel (item) {
+      const status = item && item.documentStatus ? String(item.documentStatus) : ''
+      if (status === '已完成') {
+        return this.$t('todo.option.statusDone')
+      }
+      if (status === '草稿') {
+        return this.$t('todo.option.statusDraft')
+      }
+      return this.$t('todo.option.statusInApproval')
+    },
+    refreshExportMeta () {
+      this.exportName = this.$t('todo.export.filePrefix') + this.dayjs().format('YYYYMMDDHHmmss')
+      this.exportHeader = [this.$t('todo.export.header')]
+    },
     nodeLabel (item) {
       if (!item) {
         return '-'
@@ -375,6 +390,7 @@ export default {
       return this.exportList
     },
     startDownload () {
+      this.refreshExportMeta()
       this.exportLoading = true
     },
     finishDownload () {
@@ -383,7 +399,7 @@ export default {
     fields () {
       const map = {}
       this.columnList.forEach(item => {
-        map[item.columnLabel] = item.columnProp
+        map[this.$t(item.columnLabel)] = item.columnProp
       })
       return map
     },
@@ -407,7 +423,9 @@ export default {
       }
       const target = routeMap[documentType]
       if (!target) {
-        this.$message.warning('暂不支持该单据类型的处理跳转：' + (row.documentTypeDesc || documentType || '未知'))
+        this.$message.warning(this.$t('todo.message.jumpNotSupported', {
+          type: row.documentTypeDesc || documentType || this.$t('todo.message.unknownType')
+        }))
         return
       }
       this.pushTodoRoute(target.name, target.params)
@@ -416,7 +434,9 @@ export default {
       const resolved = this.$router.resolve({ name: name })
       const route = resolved && (resolved.route || resolved.resolved)
       if (!route || route.name !== name) {
-        this.$alert('权限不足,访问失败', '警告', { confirmButtonText: '确定' })
+        this.$alert(this.$t('todo.message.permissionDenied'), this.$t('todo.common.warning'), {
+          confirmButtonText: this.$t('todo.common.confirm')
+        })
         return
       }
       this.$router.push({
@@ -425,7 +445,7 @@ export default {
         query: params || {}
       }, () => {}, (err) => {
         if (err && err.name !== 'NavigationDuplicated') {
-          this.$message.warning((err && err.message) || '页面打开失败')
+          this.$message.warning((err && err.message) || this.$t('todo.message.openFailed'))
         }
       })
     }