From 58dea2b63641f930bad79a8b5a4c66b860967b88 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期一, 18 三月 2024 16:24:53 +0800 Subject: [PATCH] 表单关键属性 文字提示 --- Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue | 414 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 405 insertions(+), 9 deletions(-) diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue index f510742..8f724ff 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue @@ -7,32 +7,58 @@ :table-loading="loading"> <!--top鍖哄煙鎸夐挳--> <template slot="menuLeft" slot-scope="scope"> - <dynamic-button LocationType="top" type="table" @buttonClick="buttonClick"></dynamic-button> + <dynamic-button LocationType="top" type="table":butttonList="butttonList" @buttonClick="buttonClick" ></dynamic-button> </template> <!--menu鍖哄煙鎸夐挳--> <template slot="menu" slot-scope="scope"> - <dynamic-button LocationType="menu" type="table" @buttonClick="buttonClick"></dynamic-button> + <dynamic-button :scope="scope" LocationType="menu" type="table":butttonList="butttonList" @buttonClick="buttonClick" ></dynamic-button> </template> </avue-crud> <!-- 琛ㄦ牸鍐呮寜閽搷浣滃璇濇琛ㄥ崟 --> -<!-- <dynamic-form :visible.sync="visible" style="display: none"></dynamic-form>--> + <dynamic-form ref="dynamicForm" :formList="formList" :title="formName" :visible.sync="visible" + style="display: none"></dynamic-form> </div> </template> <script> export default { name: "dynamic-table", + props: { + componentVO: { + type: Object, + default: {} + }, + inDialog: { + type: Boolean, + default: false + }, + areasName: { + type: String, + default: ''//westArea瀵艰埅鍖� + }, + sourceData: { + //鑿滃崟婧愭暟鎹垨鑰呭脊绐楁椂鎸夐挳鎵�灞炲尯鍩熺殑涓婁竴鍖哄煙閫変腑鏁版嵁 + type: Object, + default: {} + }, + paramVOS: { + type: Object, + default: {} + } + }, data() { return { form: {}, + formName: '', loading: false, - visible:false, + visible: false, page: { pageSize: 10, currentPage: 1, total: 5, }, + //琛ㄦ牸澶� tableHeadList: [ { align: "left", @@ -104,6 +130,7 @@ width: 160 } ], + //琛ㄦ牸鏁版嵁 tableList: [ { code: "20220102", @@ -497,6 +524,349 @@ isfirstr: "1", ts: "2022-02-18 14:35:53.177" }, + ], + // 琛ㄥ崟鏁版嵁 + formList: [ + { + comboxKey: null, + customClass: null, + data: null, + dateFormate: null, + defaultValue: "", + displayExtension: "", + extendAttrMap: null, + extendAttrString: null, + field: "name", + hidden: false, + keyAttr: true, + prefix: null, + readOnly: false, + referConfig: null, + required: true, + selectLibFlag: null, + showField: null, + suffix: '$', + text: "鍚嶇О", + tooltips: '鍚嶇О', + type: "text", + unique: false, + verify: "" + }, + { + comboxKey: null, + customClass: null, + data: null, + dateFormate: null, + defaultValue: "", + displayExtension: "", + extendAttrMap: null, + extendAttrString: null, + field: "code", + hidden: false, + keyAttr: false, + prefix: null, + readOnly: false, + referConfig: null, + required: false, + selectLibFlag: null, + showField: null, + suffix: null, + disabled:true, + text: "缂栫爜", + tooltips: null, + type: "text", + unique: false, + verify: "" + }, + { + comboxKey: "EnumReviewType", + customClass: null, + data: null, + dateFormate: null, + defaultValue: "department", + displayExtension: "", + extendAttrMap: null, + extendAttrString: null, + field: "reviewtype", + hidden: false, + keyAttr: false, + prefix: null, + readOnly: false, + referConfig: null, + required: false, + selectLibFlag: null, + showField: null, + suffix: null, + text: "绫诲瀷", + tooltips: null, + type: "combox", + unique: false, + verify: "", + dicData: [{ + label: '娴嬭瘯1', + value: 'department' + }, { + label: '娴嬭瘯2', + value: 'departments' + }] + }, + { + comboxKey: null, + customClass: null, + data: null, + dateFormate: null, + defaultValue: "", + displayExtension: "", + extendAttrMap: null, + extendAttrString: null, + field: "creator", + hidden: true, + keyAttr: false, + prefix: null, + readOnly: true, + referConfig: null, + required: false, + selectLibFlag: null, + showField: null, + suffix: null, + text: "鍒涘缓浜�", + tooltips: null, + type: "text", + unique: false, + verify: "" + }, + { + comboxKey: null, + customClass: null, + data: null, + dateFormate: "yyyy-MM-dd HH:mm:ss", + defaultValue: "", + displayExtension: "", + extendAttrMap: null, + extendAttrString: null, + field: "createtime", + hidden: true, + keyAttr: false, + prefix: null, + readOnly: false, + referConfig: null, + required: false, + selectLibFlag: null, + showField: null, + suffix: null, + text: "鍒涘缓鏃堕棿", + tooltips: null, + type: "datetime", + unique: false, + verify: "" + }, + { + comboxKey: null, + customClass: null, + data: null, + dateFormate: null, + defaultValue: "", + displayExtension: "", + extendAttrMap: null, + extendAttrString: null, + field: "content", + hidden: false, + keyAttr: false, + prefix: null, + readOnly: false, + referConfig: null, + required: false, + selectLibFlag: null, + showField: null, + suffix: null, + text: "澶囨敞", + tooltips: null, + type: "textarea", + unique: false, + 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" + }, ] } }, @@ -508,8 +878,8 @@ editBtn: false, delBtn: false, height: 'auto', - // indexFixed:false, - // menuFixed:false, + indexFixed: false, + menuFixed: false, column: this.updatedColumns, }; }, @@ -530,9 +900,35 @@ }, }, methods: { - buttonClick(id) { - console.log(id) - this.visible = true; + buttonClick(scope, item) { + this.formName = item.name; + + function handleAdd() { + this.visible = true; + } + + function handleEdit() { + this.visible = true; + this.$refs.dynamicForm.form = scope.row; + } + + function handleDelete() { + this.$message.success('鍒犻櫎鎴愬姛锛�'); + } + + const methodHandlers = { + add: handleAdd.bind(this), + edit: handleEdit.bind(this), + delete: handleDelete.bind(this), + }; + + const method = item.paramVOS.buttonMethods; + const handler = methodHandlers[method]; + if (handler) { + handler(); + } else { + this.$message.error('璇烽噸鏂伴厤缃寜閽紒') + } } } } -- Gitblit v1.9.3