From 46c673f0bf4a22ae108e90cfcf1bdeb4f0b6a45c Mon Sep 17 00:00:00 2001
From: wangting <675591594@qq.com>
Date: 星期二, 07 五月 2024 17:48:19 +0800
Subject: [PATCH] 添加action,数据联动
---
Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue | 95 +++++++++++++++++++++++++++++++++--------------
1 files changed, 66 insertions(+), 29 deletions(-)
diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue
index 25d75c8..f5693d6 100644
--- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue
+++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue
@@ -16,13 +16,18 @@
@selection-change="selectChange">
<!--top鍖哄煙鎸夐挳-->
<template slot="menuLeft" slot-scope="scope">
- <dynamic-button :componentVO="componentVO" :butttonList="componentVO.buttons" :dataStore="selectList" LocationType="top" :sourceData="sourceData"
+ <dynamic-button :componentVO="componentVO"
+ :key="areasName+'buttons-'+componentVO.oid"
+ :butttonList="componentVO.buttons" :dataStore="selectList" LocationType="top" :sourceData="sourceData"
+ @afterMethod="handleRefresh"
type="table"></dynamic-button>
</template>
<!--menu鍖哄煙鎸夐挳-->
<template slot="menu" slot-scope="scope">
- <dynamic-button :componentVO="componentVO" :butttonList="componentVO.buttons" :scope="scope" :dataStore="selectList" :sourceData="sourceData" LocationType="menu"
+ <dynamic-button :componentVO="componentVO" :butttonList="componentVO.buttons" :scope="scope" :dataStore="selectList" :sourceData="sourceData"
+ LocationType="menu"
+ @afterMethod="handleRefresh"
type="table"></dynamic-button>
</template>
</avue-crud>
@@ -51,6 +56,11 @@
inDialog: {
type: Boolean,
default: false
+ },
+ canEdit:{
+ //鍐呭鏄惁鍙紪杈�
+ type:Boolean,
+ default:false
},
areasName: {
type: String,
@@ -85,6 +95,7 @@
},
data() {
return {
+ currentDefineVO:this.componentVO.uiComponentType=='table'?this.componentVO.tableDefineVO:this.componentVO.treeTableDefineVO,
parentHeight: '100%',//褰撳墠缁勪欢鏍硅妭鐐瑰厓绱犻珮搴�
form: {},
query:{},
@@ -113,7 +124,7 @@
height: '100%',
calcHeight: 15,
indexFixed: false,
- menuFixed: false,
+ menuFixed: this.areasName === 'westArea' ? false : 'right',
searchMenuSpan:12,
searchShow:false,
column: [],
@@ -162,6 +173,20 @@
}
}
},
+ tableList:{
+ handler(newval) {
+ if(newval) {
+ this.$emit("setData", {
+ area: this.areasName,
+ type:this.componentVO.uiComponentType,
+ currentDefineVO:this.currentDefineVO,
+ data:newval
+ });
+ }
+ },
+ deep: true,
+ immediate: true
+ },
'sourceData':{
handler(newval) {
if(newval) {
@@ -169,17 +194,24 @@
this.getParams();
this.handleRefresh();
}
- }
+ },
+ deep: true,
+ immediate: true
}
},
created() {
this.getParams();
this.option.column = this.updatedColumns();
+ if (this.componentVO.uiComponentType == 'TreeTable') {
+ //鏍戣〃
+ this.option.rowKey = this.currentDefineVO.treeCurrentField || 'oid';
+ this.option.rowParentKey = this.currentDefineVO.treeParentField || 'parentOid'
+ }
this.page = {
- pageSize: this.componentVO.tableDefineVO.pageVO ? this.componentVO.tableDefineVO.pageVO.limit : 10,
- currentPage: this.componentVO.tableDefineVO.pageVO? this.componentVO.tableDefineVO.pageVO.page :1,
+ pageSize: this.currentDefineVO.pageVO ? this.currentDefineVO.pageVO.limit : 10,
+ currentPage: this.currentDefineVO.pageVO ? this.currentDefineVO.pageVO.page : 1,
total: 0,
- pageSizes:this.componentVO.tableDefineVO.limits || [10, 20, 30, 40, 50, 100]
+ pageSizes: this.currentDefineVO.limits || [10, 20, 30, 40, 50, 100]
};
},
mounted() {
@@ -190,10 +222,10 @@
},
methods: {
updatedColumns: function () {
- const queryFields = !validatenull(this.componentVO.tableDefineVO.queryColumns) ? this.componentVO.tableDefineVO.queryColumns.map(item => item.field) : [];
- return this.componentVO.tableDefineVO.cols[0].map(item => {
+ const queryFields = !validatenull(this.currentDefineVO.queryColumns) ? this.currentDefineVO.queryColumns.map(item => item.field) : [];
+ return this.currentDefineVO.cols[0].map(item => {
const search = queryFields.includes(item.field); // 鍒ゆ柇 field 鏄惁鍦� queryColumns 閲�
- if (this.componentVO.tableDefineVO.btmType == 'fileobject' && item.field == 'name') {
+ if (this.currentDefineVO.btmType == 'fileobject' && item.field == 'name') {
//鏄枃浠�
item.formatter = function (d) {
return '<a class="layui-btn layui-btn-intable" lay-event="PREVIEW">' + d.name + '</a>'
@@ -231,28 +263,29 @@
}
}
- return sourceDataMap;
- },
- getParams: function () {
- const tableParams = {
- btmname: this.componentVO.tableDefineVO.btmType,
- btmType:this.componentVO.tableDefineVO.btmType,
- tableDefineId: this.componentVO.tableDefineVO.id,
- componentOid: this.componentVO.oid,
- uiDefineId: this.uiContext,
- linkTypeFlag: this.componentVO.tableDefineVO.linkTypeFlag
- };
-
- const sourceDataMapList = this.sourceDataMapParams;
-
- if (this.paramVOS) {
+ if (Object.keys(this.paramVOS).length>0) {
for (let i in this.paramVOS) {
let item = this.paramVOS[i]
if (item && item.constructor === Object) return;
if (i == 'type' || i == 'context' || i == 'content') return;
- sourceDataMapList['sourceData["' + i + '"]'] = item
+ sourceDataMap['sourceData["' + i + '"]'] = item
}
}
+ return sourceDataMap;
+ },
+ getParams: function () {
+ const tableParams = {
+ btmname: this.currentDefineVO.btmType,
+ btmType:this.currentDefineVO.btmType,
+ tableDefineId: this.currentDefineVO.id,
+ componentOid: this.componentVO.oid,
+ uiDefineId: this.uiContext,
+ linkTypeFlag: this.currentDefineVO.linkTypeFlag,
+ treeTableFlag:this.componentVO.uiComponentType == 'TreeTable'
+ };
+
+ const sourceDataMapList = this.sourceDataMapParams;
+
this.params = Object.assign({},tableParams, sourceDataMapList);
},
onLoad(page, params = {}) {
@@ -287,7 +320,7 @@
this.$emit("setDataStore", {
area: this.areasName,
type:this.componentVO.uiComponentType,
- btmType:this.componentVO.tableDefineVO.btmType,
+ btmType:this.currentDefineVO.btmType,
dataStore:row
});
},
@@ -309,9 +342,13 @@
},
selectionClear() {
this.selectionList = [];
- this.$refs.dataTable.toggleSelection();
+ try {
+ this.$refs.dataTable.toggleSelection();
+ }catch (e) {
+
+ }
},
- handleRefresh() {
+ handleRefresh(type) {
this.onLoad(this.page, this.query);
}
}
--
Gitblit v1.9.3