From a148c1a54511e8df84c80b07aa42df92abc5fc71 Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期四, 25 四月 2024 16:00:15 +0800 Subject: [PATCH] 添加action --- Source/ProjectWeb/src/components/dynamic-components/dynamic-TreeTable.vue | 109 ++++++++++++++++-------------------------------------- 1 files changed, 33 insertions(+), 76 deletions(-) diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-TreeTable.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-TreeTable.vue index 5ab9176..2e4dc1f 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-TreeTable.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-TreeTable.vue @@ -5,6 +5,7 @@ :data="TreeData" :option="option" :page.sync="pageType" + @row-click="rowClickChange" @selection-change="TreeSelectChange"> <template #icon="scope"> <i :class="scope.row.icon" @@ -12,13 +13,13 @@ </template> <!--top鍖哄煙鎸夐挳--> <template slot="menuLeft" slot-scope="scope"> - <dynamic-button :butttonList="componentVO.buttons" :selectList="TreeSelectList" LocationType="top" + <dynamic-button :componentVO="componentVO" :butttonList="componentVO.buttons" :dataStore="TreeSelectList" :sourceData="sourceData" LocationType="top" type="TreeTable"></dynamic-button> </template> <!--menu鍖哄煙鎸夐挳--> <template slot="menu" slot-scope="scope"> - <dynamic-button :butttonList="componentVO.buttons" :scope="scope" :selectList="TreeSelectList" LocationType="menu" default="default" + <dynamic-button :componentVO="componentVO" :butttonList="componentVO.buttons" :scope="scope" :dataStore="TreeSelectList" :sourceData="sourceData" LocationType="menu" default="default" type="TreeTable"></dynamic-button> </template> </avue-crud> @@ -29,6 +30,14 @@ export default { name: "dynamic-TreeTable", props: { + //ui涓婁笅鏂囩殑涓氬姟绫诲瀷锛堟垨閾炬帴绫诲瀷锛� + uiBtmType: { + type: String + }, + //ui涓婁笅鏂� + uiContext:{ + type: String + }, componentVO: { type: Object, default: {} @@ -106,80 +115,10 @@ prop: 'comment' } ], - rowKey: 'id', - rowParentKey: 'parentId', - + rowKey: this.componentVO.treeTableDefineVO.treeCurrentField || 'oid', + rowParentKey: this.componentVO.treeTableDefineVO.treeParentField || 'parentOid', }, - TreeData: [ - { - id: 10, - event: '浜嬩欢1', - timeLine: 50, - comment: '鏃�' - }, - { - id: 1, - event: '浜嬩欢1', - timeLine: 100, - comment: '鏃�', - children: [ - { - parentId: 1, - id: 2, - event: '浜嬩欢2', - timeLine: 10, - comment: '鏃�' - }, - { - parentId: 1, - id: 3, - event: '浜嬩欢3', - timeLine: 90, - comment: '鏃�', - children: [ - { - parentId: 3, - id: 4, - event: '浜嬩欢4', - timeLine: 5, - comment: '鏃�' - }, - { - parentId: 3, - id: 5, - event: '浜嬩欢5', - timeLine: 10, - comment: '鏃�' - } - ] - } - ] - }, - { - id: 10, - event: '浜嬩欢3', - timeLine: 50, - comment: '鏃�' - }, - { - id: 10, - event: '浜嬩欢4', - timeLine: 50, - comment: '鏃�' - }, - { - id: 10, - event: '浜嬩欢5', - timeLine: 50, - comment: '鏃�' - }, - { - id: 10, - event: '浜嬩欢6', - timeLine: 50, - comment: '鏃�' - }, - ], + TreeData: [], TreeSelectList: [], // 琛ㄥ崟鏁版嵁 formList: [ @@ -367,6 +306,13 @@ this.parentHeight = this.$el.clientHeight - this.$children[0].$children[1].$children[0].$el.clientHeight - this.$children[0].$children[2].$el.clientHeight - 5; } } + }, + sourceData:{ + handler(newval) { + //婧愭暟鎹湁鍙樺寲鏃跺彉鏇村綋鍓嶅尯鍩熸暟鎹� + console.log(this.areasName); + console.log(newval); + } } }, mounted() { @@ -377,13 +323,24 @@ }, computed: { pageType() { - return this.areasName === 'westArea' ? this.simplePage : this.page; + return this.areasName.indexOf('westArea') == 0 ? this.simplePage : this.page; } }, methods: { + rowClickChange(row){ + this.$refs.treeTable.toggleRowSelection(row); + }, TreeSelectChange(row) { this.TreeSelectList = row; + this.$emit("setDataStore", { + area: this.areasName, + type:this.componentVO.uiComponentType, + dataStore:row + }); }, + handleRefresh(){ + this.$refs.treeTable.refreshTable(); + } } } </script> -- Gitblit v1.9.3