add work id for form list

ly525
1 parent 841f12d9
Showing 4 changed files with 44 additions and 8 deletions
front-end/h5/src/locales/lang/en-US.js
front-end/h5/src/locales/lang/zh-CN.js
front-end/h5/src/views/work-manager/form-stat/column.js
front-end/h5/src/views/work-manager/form-stat/index.vue
@@ -22,7 +22,8 @@ export default {
     useNow: 'Use it Now',
     preview: 'Preview',
     edit: 'Edit',
-    createNewWork: 'Create New'
+    createNewWork: 'Create New',
+    view: 'View Work'
   },
   basicData: {
     viewData: 'View Data'
+/*
+ * @Author: ly525
+ * @Date: 2019-11-24 18:51:58
+ * @LastEditors: ly525
+ * @LastEditTime: 2019-11-25 22:06:54
+ * @FilePath: /luban-h5/front-end/h5/src/locales/lang/zh-CN.js
+ * @Github: https://github.com/ly525/luban-h5
+ * @Description: Do not edit
+ * @Copyright 2018 - 2019 luban-h5. All Rights Reserved
+ */
 export default {
   app: {
     title: '鲁班 H5'
@@ -22,10 +32,11 @@ export default {
     useNow: '立即使用',
     preview: '预览',
     createNewWork: '创建新作品',
-    edit: '编辑'
+    edit: '编辑',
+    view: '查看作品'
   },
   basicData: {
-    viewData: 'View Data'
+    viewData: '查看数据'
   },
   editor: {
     sidebar: {
 export const columns = [
   {
+    title: 'Id',
+    // dataIndex: 'id',
+    key: 'id',
+    scopedSlots: { customRender: 'id' }
+  },
+  {
     title: 'Title',
     dataIndex: 'title',
     key: 'title'
@@ -15,6 +21,7 @@ export const columns = [
     key: 'uv'
   },
   {
+    // i18n for title
     title: 'Form Count',
     key: 'formCount',
     dataIndex: 'formCount'
+<!--
+ * @Author: ly525
+ * @Date: 2019-11-24 18:51:58
+ * @LastEditors: ly525
+ * @LastEditTime: 2019-11-26 10:48:17
+ * @FilePath: /luban-h5/front-end/h5/src/views/work-manager/form-stat/index.vue
+ * @Github: https://github.com/ly525/luban-h5
+ * @Copyright 2018 - 2019 luban-h5. All Rights Reserved
+ * @Description:
+    #!zh: [基础数据页面](/work-manager/form-stat) 对应的页面
+    #!en: [basic data page](/work-manager/form-stat)
+ -->
+
 <script>
-/**
- * [基础数据](/work-manager/form-stat) 对应的页面
- *
- */
 import { mapState, mapActions } from 'vuex'
 import { columns } from './column'
@@ -41,7 +50,15 @@ export default {
     return (
       <div class="works-wrapper" style="background-color:white;padding: 12px;margin-top: 24px;">
         <a-table size="middle" columns={columns} dataSource={this.computedWorks} row-key="id" scopedSlots={{
-          action: function (props) {
+          id: (props) => {
+            return (
+              <router-link to={{ name: 'editor', params: { workId: props.id } }} target="_blank" title={this.$t('workCard.view')}>
+                {props.id}
+                <a-icon type="link" title={this.$t('workCard.view')} class="ml-3" />
+              </router-link>
+            )
+          },
+          action: (props) => {
             // 查看数据
             return [<router-link to={{ name: 'stat-detail', params: { id: props.id } }} >{that.$t('basicData.viewData')}</router-link>]
           }