From 2ee312d3c399ddc62a06189367fa3879fca7daef Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期五, 10 五月 2024 15:35:24 +0800 Subject: [PATCH] UI展示 --- Source/ProjectWeb/src/components/dynamic-components/dynamic-button.vue | 109 ++++++++++++++++++++++-------------------------------- 1 files changed, 45 insertions(+), 64 deletions(-) diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-button.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-button.vue index c190cd4..8390cda 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-button.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-button.vue @@ -5,21 +5,22 @@ <!--top灞曠ず琛ㄦ牸涓婃柟鍖哄煙 menu灞曠ず琛ㄦ牸鎿嶄綔鏍忓尯鍩� 鏃犲氨鏄粯璁� --> <el-button v-for="item in basicButtonList.top" v-if="LocationType === 'top'" - :key="item.oid" :icon="item.paramVOS.webUiButtonIcon" - :type="item.paramVOS.webUiButtonType || 'primary'" plain + :key="item.oid" :icon="item.paramVOS.icon" + :type="item.paramVOS.btnType || 'primary'" plain size="small" @click="buttonClick(item)"> {{ item.name }} </el-button> - <el-button type="text" @click="handleDefaultAddChildren(scope.row)" v-if="(LocationType === 'menu' && this.default === 'default')">鏂板瀛愮骇</el-button> + <el-button type="text" @click="handleDefaultAddChildren(scope.row)" v-if="(LocationType === 'menu' && type === 'TreeTable')">鏂板瀛愮骇</el-button> + <el-button type="text" icon="el-icon-view" size="small" plain @click="$emit('rowView',scope.row,scope.index)" v-if="LocationType === 'menu'">鏌ョ湅</el-button> <el-button v-for="item in basicButtonList.menu" v-if="LocationType === 'menu'" :key="item.oid" - :icon="item.paramVOS.webUiButtonIcon ? item.paramVOS.webUiButtonIcon : (item.paramVOS.webUiButtonMethods === 'edit' ? 'el-icon-edit' : (item.paramVOS.webUiButtonMethods === 'delete' ? 'el-icon-delete' : ''))" - :type="item.paramVOS.webUiButtonType || 'text'" plain + :icon="item.paramVOS.icon ? item.paramVOS.icon : (item.id === 'edit' ? 'el-icon-edit' : (item.id === 'delete' ||item.id === 'del' ? 'el-icon-delete' : ''))" + :type="item.paramVOS.btnType || 'text'" plain size="small" - @click="buttonClick(item)"> + @click="buttonClick(item,scope.row)"> {{ item.name }} </el-button> @@ -31,8 +32,8 @@ <div v-else-if="type === 'form'"> <el-button v-for="item in basicButtonList" :key="item.oid" - :icon="item.paramVOS.webUiButtonIcon" - :type="(item.paramVOS.webUiButtonType !== 'text' ? item.paramVOS.webUiButtonType : 'primary') || 'primary'" + :icon="item.paramVOS.icon" + :type="item.paramVOS.btnType || 'primary'" plain size="small" @click="buttonClick(item)"> @@ -42,12 +43,18 @@ <div v-else-if="type === 'tree'" class="tree-buttons"> <el-button v-for="item in basicButtonList" :key="item.oid" - :icon="item.paramVOS.webUiButtonIcon" - :type="(item.paramVOS.webUiButtonType !== 'text' ? item.paramVOS.webUiButtonType : 'primary') || 'primary'" + :icon="item.paramVOS.icon" + :type="item.paramVOS.btnType || 'primary'" plain size="small" @click="buttonClick(item)"> {{ item.name }} + </el-button> + <el-button type="primary" + plain + size="small" + @click="$emit('refresh')"> + 鍒锋柊 </el-button> </div> </div> @@ -56,7 +63,7 @@ <script> import func from "@/util/func"; import {validatenull} from "@/util/validate"; -import {doAction} from '@/actions/base/BaseAction'; +import {doAction} from '@/components/actions/base/BaseAction'; import Vue from "vue"; export default { @@ -77,9 +84,6 @@ }, butttonList: { type: Array - }, - default:{ - type:String, }, sourceData: { //鎸夐挳鎵�灞炲尯鍩熺殑涓婁竴鍖哄煙閫変腑鏁版嵁 @@ -111,10 +115,20 @@ return basicColumn; } else if (this.type === 'table' || this.type === 'TreeTable') { const top = basicColumn.filter(item => { - return item.paramVOS && (item.paramVOS.webUiButtonLocation === 'top' || func.isEmpty(item.paramVOS.webUiButtonLocation)); + if (item.paramVOS && item.paramVOS.webUiButtonLocation && item.paramVOS.webUiButtonLocation !== 'menu') { + return true; + } else if (item.id != "edit" && item.id != "del" && item.id != "delete" && item.id != "refresh") { + return true; + } + return false }); const menu = basicColumn.filter(item => { - return item.paramVOS && item.paramVOS.webUiButtonLocation === 'menu'; + if (item.paramVOS && item.paramVOS.webUiButtonLocation && item.paramVOS.webUiButtonLocation === 'menu') { + return true + } else if (item.id == "edit" || item.id == "del" || item.id == "delete"){ + return true; + } + return false; }); return { top: top, @@ -130,64 +144,31 @@ this.formName = '鏂板瀛愮骇' this.$refs.dynamicForm.form = row; }, - buttonClick(buttonitem) { - const paramVOS=buttonitem.paramVOS; + buttonClick(buttonitem,rowData) { + const paramVOS = buttonitem.paramVOS; const DefineVO = this.componentVO.treeDefineVO || this.componentVO.tableDefineVO || this.componentVO.treeTableDefineVO || this.componentVO.formDefineVO; if (!paramVOS['title']) { - paramVOS['title'] = buttonitem.name + (DefineVO.title || DefineVO.componentTitle || ''); + paramVOS['title'] = buttonitem.name + (DefineVO.title || ''); } if (!paramVOS['type']) { paramVOS['type'] = DefineVO.btmType; } - paramVOS['initvalue']=paramVOS['initvalue'] || paramVOS['initValue']; - let isShow = true; - if (paramVOS['initvalue'] && typeof(paramVOS.initvalue)=='string') { - let values = paramVOS['initvalue'].split(';'); - let initValues = {} - values.forEach((item,i) => { - item = item.replace(':', '='); - if (item.indexOf('${') > -1) { - if (item.split('=')[1].indexOf('.') > -1) { - if (this.sourceData.length < 1 || !this.sourceData.oid) { - isShow = false; - this.$message.error("璇峰厛閫夋嫨涓�鏉℃潵婧愭暟鎹�"); - return false; - } - let name = item.split('=')[1].split('.')[1].replace('${', '').replace('}', ''); - initValues[item.split('=')[0]] = this.sourceData[name] - } else { - if (this.dataStore.length < 1) { - isShow = false; - this.$message.error("璇峰厛閫夋嫨涓�鏉℃暟鎹�"); - return false; - } - let name = item.split('=')[1].replace('${', '').replace('}', ''); - initValues[item.split('=')[0]] = this.dataStore[0][name]; - } - } - }) - paramVOS['initvalue'] = initValues - } - if(paramVOS['BSContent'] || paramVOS['BSContext']){ - paramVOS['context']=paramVOS['BSContext'] || paramVOS['BSContent'] - paramVOS['content']=paramVOS['BSContext'] || paramVOS['BSContent']; + if (paramVOS['BSContent'] || paramVOS['BSContext']) { + paramVOS['context'] = paramVOS['BSContext'] || paramVOS['BSContent'] + paramVOS['content'] = paramVOS['BSContext'] || paramVOS['BSContent']; } - const that=this; - if(isShow){ - doAction(buttonitem, { - paramVOS: paramVOS, - dataStore: this.dataStore || [], - sourceData: this.sourceData || {}, - callback: function () { - if (that.$parent.handleRefresh) { - that.$parent.handleRefresh() - } - } - }); - } + const that = this; + //paramVOS.customBtn //寮圭獥榛樿鏈変繚瀛樻寜閽�,customBtn涓簍rue鏃跺唴瀹瑰睍绀鸿嚜瀹氫箟鎸夐挳 + doAction(buttonitem, { + paramVOS: paramVOS, + dataStore: rowData || this.dataStore || [], + sourceData: this.sourceData || {} + }, function (actionType,data) { + that.$emit("afterMethod",actionType,data); + }); } }, } -- Gitblit v1.9.3