feat: 补充ProTable rowKey属性

BoBoooooo · Jan 24, 2021 · 9f91d3a · 9f91d3a
1 parent 1011aa2
commit 9f91d3a
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 7 deletions.
diff --git a/src/component/crud-table/src/CrudTable.vue b/src/component/crud-table/src/CrudTable.vue
@@ -1,9 +1,3 @@
-<!--
- * @file:
- * @author: BoBo
- * @copyright: NanJing Anshare Tech .Com
- * @Date: 2021-01-20 10:00:48
--->
 <!--
  * @file: el-table CrudTable封装,支持高级查询 分页 增删改查表单
  * @copyright: BoBo
@@ -18,6 +12,7 @@
       <ProTable v-bind="$attrs"
                 v-on="$listeners"
                 ref="table"
+                :rowKey="rowKey"
                 @selection-change="handleSelectionChange"
                 :visibleList="view"
                 :columns="tableConfig"
@@ -163,6 +158,12 @@ export default class CrudTable extends Vue {
   })
   listField!: string;
 
+  @Prop({
+    type: Function,
+    default: row => row.id,
+  })
+  rowKey!: any;
+
   // 设置只读
   @Prop({ default: false, type: Boolean }) readOnly!: any;
 

diff --git a/src/demo/App.vue b/src/demo/App.vue
@@ -38,6 +38,7 @@
           </el-link>
         </div>
       </el-header>
+
       <el-main class="content">
         <el-container class="container">
           <el-header>表格设计器(TableDesigner)</el-header>
@@ -295,6 +296,7 @@ import CusDialog from '@/component/common/CusDialog.vue';
 import PersonCrudTable from './component/PersonCrudTable.vue';
 import PersonProTable from './component/PersonProTable.vue';
 
+
 export default {
   name: 'app',
   methods: {
@@ -316,7 +318,6 @@ export default {
     // 保存设计
     btnSaveOnClick() {
       const formValues = this.$refs.formDesigner.getData();
-      console.log(formValues);
     },
     initFormJson() {
       getFormDetail('person').then((res) => {

diff --git a/src/types/common.ts b/src/types/common.ts
@@ -50,3 +50,11 @@ export interface columnConfig {
   sortable: 'false' | 'custom' // 是否可排序
   searchable: boolean // 是否可查询
 }
+
+export interface fn {
+  (...args: any[]): any
+}
+
+export interface AnyObject {
+  [key: string]: any
+}