From c83e5706898ca1d479d4d078157e16a73c4eaba2 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期四, 21 三月 2024 11:41:00 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue | 324 +++++++++--------------------------------------------- 1 files changed, 54 insertions(+), 270 deletions(-) diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue index 8f724ff..60a97c6 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue @@ -1,23 +1,24 @@ <template> - <div> + <div class="UI-dynamic" :id="'UI-dynamic-'+areasName+componentVO.oid"> <avue-crud v-model="form" + ref="dataTable" :data="tableList" :option="option" :page.sync="page" :table-loading="loading"> <!--top鍖哄煙鎸夐挳--> <template slot="menuLeft" slot-scope="scope"> - <dynamic-button LocationType="top" type="table":butttonList="butttonList" @buttonClick="buttonClick" ></dynamic-button> + <dynamic-button LocationType="top" type="table":butttonList="componentVO.buttons" @buttonClick="buttonClick" ></dynamic-button> </template> <!--menu鍖哄煙鎸夐挳--> <template slot="menu" slot-scope="scope"> - <dynamic-button :scope="scope" LocationType="menu" type="table":butttonList="butttonList" @buttonClick="buttonClick" ></dynamic-button> + <dynamic-button :scope="scope" LocationType="menu" type="table":butttonList="componentVO.buttons" @buttonClick="buttonClick" ></dynamic-button> </template> </avue-crud> <!-- 琛ㄦ牸鍐呮寜閽搷浣滃璇濇琛ㄥ崟 --> - <dynamic-form ref="dynamicForm" :formList="formList" :title="formName" :visible.sync="visible" - style="display: none"></dynamic-form> + <dynamic-table-form ref="dynamicForm" :formList="formList" :title="formName" :visible.sync="visible" + style="display: none"></dynamic-table-form> </div> </template> @@ -45,10 +46,16 @@ paramVOS: { type: Object, default: {} - } + }, + isShow: { + //鎵�鍦ㄥ尯鍩熸槸鍚﹀凡鏄剧ず锛岄拡瀵箃ab鍜宑ollapse + type: Boolean, + default: true + }, }, data() { return { + parentHeight:'100%',//褰撳墠缁勪欢鏍硅妭鐐瑰厓绱犻珮搴� form: {}, formName: '', loading: false, @@ -58,78 +65,6 @@ currentPage: 1, total: 5, }, - //琛ㄦ牸澶� - tableHeadList: [ - { - align: "left", - colspan: 1, - field: "name", - fieldType: "text", - hidden: false, - title: "鍚嶇О", - width: 100, - }, - { - align: "left", - colspan: 1, - field: "code", - fieldType: "text", - hidden: false, - title: "缂栫爜", - width: 100 - }, - { - align: "left", - colspan: 1, - comboxKey: "EnumReviewType", - field: "reviewtypetext", - fieldType: "combox", - hidden: false, - sortField: "reviewtype", - title: "绫诲瀷", - width: 80 - }, - { - align: "left", - colspan: 1, - field: "content", - fieldType: "textarea", - hidden: false, - title: "澶囨敞", - width: 150 - }, - { - align: "left", - colspan: 1, - comboxKey: "ProcessReviewLC${lcstatus}", - field: "lcstatus_text", - fieldType: "text", - hidden: false, - sortField: "lcstatus", - title: "鐘舵��", - width: 100 - }, - { - align: "left", - colspan: 1, - field: "creator_name", - fieldType: "text", - hidden: false, - sortField: "creator", - title: "鍒涘缓浜�", - width: 80 - }, - { - align: "left", - colspan: 1, - dateFormate: "yyyy-MM-dd HH:mm:ss", - field: "createtime", - fieldType: "date", - hidden: false, - title: "鍒涘缓鏃ユ湡", - width: 160 - } - ], //琛ㄦ牸鏁版嵁 tableList: [ { @@ -686,205 +621,22 @@ verify: "" }, ], - // 鎸夐挳鏁版嵁 - butttonList: [ - { - actionVO: { - actionCls: "", - actionUsedType: "business", - bsUrl: "null", - createTime: "2013-11-01 15:17:45.000", - creator: "eddieliu", - csClass: "plm.uif.actions.client.AddAction", - description: "鍒涘缓涓氬姟瀵硅薄", - id: "add", - lastModifier: "developer", - lastModifyTime: "2013-11-01 15:17:45.000", - licensors: null, - name: "鍒涘缓", - oid: "65274704-5557-231C-E3EA-0B32B9BD5A0B" - }, - areaType: "tab", - authorization: true, - children: null, - createTime: "2022-07-18 17:29:10.000", - creator: "developer", - csUrl: "plm.uif.actions.client.AddAction", - description: "", - displayMode: "textandimage", - hidden: false, - iconPath: "", - id: "add", - lastModifier: "developer", - lastModifyTime: "2022-07-18 17:29:10.000", - name: "鏂板", - oid: "DD34108A-5978-334C-7A2A-45F2EE158B1D", - orderNum: 1, - paramVOS: { - form: "DepartmentProcessReviewForm", - context: "EditDepartmentProcessReview", - type: "processreview", - initvalue: "reviewtype=department", - location: 'top', - buttonType: 'primary', - buttonMethods: 'add' - }, - pkComponent: "D99AD59E-563F-AB7A-F307-794B929114CD", - pkParentOid: "", - url: "null" - }, - { - actionVO: { - actionCls: "", - actionUsedType: "business", - bsUrl: "BaseEditAction#doAction", - createTime: "2013-11-09 10:32:41.000", - creator: "eddieliu", - csClass: "plm.uif.actions.client.EditAction", - description: "淇敼涓氬姟瀵硅薄", - id: "edit", - lastModifier: "developer", - lastModifyTime: "2013-11-09 10:32:41.000", - licensors: null, - name: "淇敼", - oid: "F8534EFE-130B-0CB3-D477-2AC7B19B7DC4" - }, - areaType: "tab", - authorization: true, - children: null, - createTime: "2022-07-18 17:29:10.000", - creator: "developer", - csUrl: "plm.uif.actions.client.EditAction", - description: "", - displayMode: "textandimage", - hidden: false, - iconPath: "", - id: "edit", - lastModifier: "developer", - lastModifyTime: "2022-07-18 17:29:10.000", - name: "淇敼", - oid: "F50F37CE-26FF-8BC1-F87A-FFD9CFA8CE57", - orderNum: 2, - paramVOS: { - form: "DepartmentProcessReviewForm", - checkNotOperation: "${lcstatus}=Auditing&${lcstatus}=Waiting", - location: 'menu', - buttonType: 'text', - icon: "el-icon-edit", - buttonMethods: 'edit' - }, - pkComponent: "D99AD59E-563F-AB7A-F307-794B929114CD", - pkParentOid: "", - url: "BaseEditAction#doAction" - }, - { - actionVO: { - actionCls: "", - actionUsedType: "business", - bsUrl: "BaseDeleteAction", - createTime: "2013-11-09 10:33:08.000", - creator: "1", - csClass: "plm.uif.actions.client.DeleteAction", - description: "鍒犻櫎涓氬姟瀵硅薄", - id: "del", - lastModifier: "developer", - lastModifyTime: "2013-11-09 10:33:08.000", - licensors: null, - name: "鍒犻櫎", - oid: "2655E9F0-014B-DFEC-6F92-A6D1C51FDA19" - }, - areaType: "tab", - authorization: true, - children: null, - createTime: "2022-07-18 17:29:10.000", - creator: "developer", - csUrl: "plm.uif.actions.client.DeleteAction", - description: "", - displayMode: "textandimage", - hidden: false, - iconPath: "", - id: "del", - lastModifier: "developer", - lastModifyTime: "2022-07-18 17:29:10.000", - name: "鍒犻櫎", - oid: "A8914C35-721B-A1E3-1EEE-3A9196DF5EC9", - orderNum: 3, - paramVOS: { - owner: "true", - checkNotOperation: "${lcstatus}=Auditing&${lcstatus}=Waiting", - state: "Editing", - location: 'menu', - buttonType: 'text', - icon: "el-icon-delete", - buttonMethods: 'delete' - }, - pkComponent: "D99AD59E-563F-AB7A-F307-794B929114CD", - pkParentOid: "", - url: "BaseDeleteAction" - }, - { - actionVO: { - actionCls: "", - actionUsedType: "business", - bsUrl: "BaseStartWorkflowAction#doAction", - createTime: "2014-03-17 10:14:40.000", - creator: "developer", - csClass: "plm.uif.actions.client.LaunchWorkFlowAction", - description: "鍚姩娴佺▼", - id: "launchworkflow", - lastModifier: "developer", - lastModifyTime: "2014-03-17 10:14:40.000", - licensors: null, - name: "鍚姩娴佺▼", - oid: "56FE9470-AA2B-403B-F029-0A120FC94536" - }, - areaType: "tab", - authorization: true, - children: null, - createTime: "2022-07-18 17:29:10.000", - creator: "developer", - csUrl: "plm.uif.actions.client.LaunchWorkFlowAction", - description: "", - displayMode: "textandimage", - hidden: false, - iconPath: "", - id: "launchworkflow", - lastModifier: "developer", - lastModifyTime: "2022-07-18 17:29:10.000", - name: "瀹$", - oid: "9963FA86-F146-FBD3-2AC2-51A7AAAAB825", - orderNum: 4, - paramVOS: { - owner: "true", - autoSubmitFirst: "false", - flowtemplates: "宸ヨ壓璇勫瀹$娴佺▼", - state: "Editing", - type: "processreview", - location: 'top', - buttonMethods: 'form' - }, - pkComponent: "D99AD59E-563F-AB7A-F307-794B929114CD", - pkParentOid: "", - url: "BaseStartWorkflowAction#doAction" - }, - ] - } - }, - computed: { - option() { - return { + option: { index: true, addBtn: false, editBtn: false, delBtn: false, - height: 'auto', + height: '100%', + calcHeight: 15, indexFixed: false, menuFixed: false, - column: this.updatedColumns, - }; - }, + column: [], + }, + } + }, + computed: { updatedColumns() { - return this.tableHeadList.map(item => { + return this.componentVO.tableDefineVO.cols[0].map(item => { const typeValue = item.fieldType === 'text' || item.fieldType === 'combox' ? 'input' : item.fieldType; // 琛ㄥ崟Type绫诲瀷 return { @@ -899,6 +651,38 @@ }); }, }, + watch:{ + parentHeight:{ + handler(newval) { + if(newval >50){ + this.option.height=newval; + //doLayout涓嶇敓鏁堬紝鎵嬪姩璁剧疆琛ㄦ牸楂樺害 + this.$children[0].$children[1].$children[1].$children[0].$el.style.height=newval+'px'; + /*this.$nextTick(() => { + if (this.$refs.dataTable && this.$refs.dataTable.doLayout) { + this.$refs.dataTable.doLayout(); + } + })*/ + } + } + }, + isShow:{ + handler(newval) { + if(newval && this.$el.clientHeight>50) { + this.parentHeight = this.$el.clientHeight - this.$children[0].$children[1].$children[0].$el.clientHeight - this.$children[0].$children[2].$el.clientHeight - 5; + } + } + } + }, + created() { + this.option.column=this.updatedColumns; + }, + mounted() { + if(this.$el.clientHeight>50) { + //鐖跺厓绱犻珮搴�-鎸夐挳楂樺害-鍒嗛〉楂樺害 + this.parentHeight = this.$el.clientHeight - this.$children[0].$children[1].$children[0].$el.clientHeight - this.$children[0].$children[2].$el.clientHeight - 5; + } + }, methods: { buttonClick(scope, item) { this.formName = item.name; -- Gitblit v1.9.3