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-button.vue | 184 ------------------------- Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue | 25 +++ Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue | 191 ++++++++++++++++++++++++++ 3 files changed, 213 insertions(+), 187 deletions(-) diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-button.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-button.vue index b5322d1..6d57f5d 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-button.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-button.vue @@ -38,193 +38,15 @@ }, scope:{ type:Object, + }, + butttonList:{ + type:Array } }, data() { return { visible: false, formName: '', - 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: { diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue index d0ccd6c..947b92d 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue @@ -1,7 +1,22 @@ <template> <basic-container> <el-dialog v-if="dialogFormVisible" :title="title" :visible.sync="dialogFormVisible" @close="closeHandler" append-to-body> - <avue-form v-model="form" :option="option" @submit="submitHandler" @reset-change="changeHandler"></avue-form> + <avue-form v-model="form" :option="option" @submit="submitHandler" @reset-change="changeHandler"> + <template v-for="item in slotData" :slot="item.prop + 'Label'"> + <span> + <span>{{ item.label }} </span> + <el-tooltip + v-if="item.keyAttr" + class="item" + content="璇ュ睘鎬т负鍏抽敭灞炴��" + effect="dark" + placement="top-start" + > + <i class="el-icon-star-on" style="font-size: 17px !important; color: red;vertical-align: baseline;"></i> + </el-tooltip> + </span> + </template> + </avue-form> </el-dialog> </basic-container> </template> @@ -61,11 +76,15 @@ column: this.formColumn(this.formList) } }, + slotData(){ + return this.formColumn(this.formList) + } }, methods:{ //琛ㄥ崟鎻愪氦 submitHandler(form,done){ console.log(form) + console.log(this.slotData) done() }, changeHandler(){ @@ -89,6 +108,8 @@ suffixIcon: item.prefix, placeholder:item.placeholder, clearable:item.clearable, + tip: item.tooltips, + keyAttr: item.keyAttr, rules: [{ required: item.required, message: `璇疯緭鍏�${item.text}!`, @@ -104,6 +125,6 @@ } </script> -<style scoped> +<style scoped lang="scss"> </style> diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue index 6e4ab50..8f724ff 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue @@ -7,12 +7,12 @@ :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 :scope="scope" 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> <!-- 琛ㄦ牸鍐呮寜閽搷浣滃璇濇琛ㄥ崟 --> @@ -538,7 +538,7 @@ extendAttrString: null, field: "name", hidden: false, - keyAttr: false, + keyAttr: true, prefix: null, readOnly: false, referConfig: null, @@ -547,7 +547,7 @@ showField: null, suffix: '$', text: "鍚嶇О", - tooltips: null, + tooltips: '鍚嶇О', type: "text", unique: false, verify: "" @@ -571,6 +571,7 @@ selectLibFlag: null, showField: null, suffix: null, + disabled:true, text: "缂栫爜", tooltips: null, type: "text", @@ -684,6 +685,188 @@ 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" + }, ] } }, -- Gitblit v1.9.3