From 388daad59d20da84118067593fc88a89e3f8c9d8 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期五, 07 七月 2023 17:59:50 +0800 Subject: [PATCH] 主题库7-7完善发现bug --- Source/UBCS-WEB/src/components/Tree/attrCrud.vue | 378 +++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 275 insertions(+), 103 deletions(-) diff --git a/Source/UBCS-WEB/src/components/Tree/attrCrud.vue b/Source/UBCS-WEB/src/components/Tree/attrCrud.vue index 9848275..34279e1 100644 --- a/Source/UBCS-WEB/src/components/Tree/attrCrud.vue +++ b/Source/UBCS-WEB/src/components/Tree/attrCrud.vue @@ -1,36 +1,38 @@ <template> <div> <div style="display: flex;flex-wrap: wrap;" v-if="this.crudArrayFlag"> + <el-button-group> <!--鏂板--> - <el-button v-if="attrEditVisible == false && attrFlagChiledren==false" size="small" type="primary" - @click="busineHandle">锛� 娣诲姞 {{ msg }} - </el-button> + <el-button v-if="attrEditVisible == false && attrFlagChiledren==false" size="small" type="primary" icon="el-icon-plus" @click="busineHandle">娣诲姞 {{ msg }}</el-button> <!-- 鍏ㄥ睆缂栬緫--> - <el-button v-if=" attrEditVisible == false && attrFlagChiledren==false" size="small" @click="fullscreenHandle"> - 鍏ㄥ睆缂栬緫 - </el-button> - <!-- 缁勫悎瑙勫垯--> - <el-button size="small" @click="isShowHandler">缁勫悎瑙勫垯</el-button> + <el-button v-if=" attrEditVisible == false && attrFlagChiledren==false" size="small" @click="fullscreenHandle" icon="el-icon-full-screen">鍏ㄥ睆缂栬緫</el-button> <!-- 楠岃瘉瑙勫垯--> <el-button icon="el-icon-info" size="small" @click="rulesVisible=true">楠岃瘉瑙勫垯</el-button> <!-- 灞炴�у垎缁�--> <el-button icon="el-icon-menu" size="small" @click="attrVisibleHandle">灞炴�у垎缁�</el-button> + </el-button-group> + <el-button-group> <!-- 鍒嗙被娉ㄥ叆--> <el-button icon="el-icon-magic-stick" size="small" @click="injectBtn">鍒嗙被娉ㄥ叆</el-button> + <!-- 缁勫悎瑙勫垯--> + <el-button size="small" @click="isShowHandler">缁勫悎瑙勫垯</el-button> <!-- 鏋氫妇娉ㄥ叆--> <el-button size="small" @click="enmuVisHandle">鏋氫妇娉ㄥ叆</el-button> <!-- 绾ц仈灞炴��--> <el-button size="small" @click="CascadeHandle">绾ц仈灞炴��</el-button> <!-- 棰勮鎺掑簭--> - <el-button size="small">棰勮鎺掑簭</el-button> + <el-button size="small" @click="orderHandle" icon="el-icon-arrow-down">棰勮鎺掑簭</el-button> + </el-button-group> + <el-button-group> <!-- 淇濆瓨--> - <el-button size="small" @click="addsHandler">淇濆瓨</el-button> + <el-button size="small" @click="addsHandler" icon="el-icon-check">淇濆瓨</el-button> <!-- 鍒犻櫎--> - <el-button size="small" @click="CrudRemove">鍒犻櫎</el-button> + <el-button size="small" @click="CrudRemove" icon="el-icon-delete">鍒犻櫎</el-button> <!-- 閲嶇疆--> - <el-button size="small" @click="reset">閲嶇疆</el-button> + <el-button size="small" @click="reset" icon="el-icon-refresh-right">閲嶇疆</el-button> <!-- 鍚屾鍒板叾浠栨ā鏉�--> - <el-button size="small"@click="syncHandle">鍚屾鍒板叾浠栨ā鏉�</el-button> + <el-button size="small"@click="syncHandle" icon="el-icon-share">鍚屾鍒板叾浠栨ā鏉�</el-button> + </el-button-group> <!-- 缂栫爜鐢宠棰勮--> <el-button size="small" @click="applicationHandle" style="">缂栫爜鐢宠棰勮</el-button> <!-- 楠岃瘉瑙勫垯--> @@ -92,7 +94,7 @@ </el-table-column> <el-table-column fixed="right" label="鎿嶄綔" width="120"> <template slot-scope="scope"> - <el-button size="small" type="text" @click.native.prevent="enumDeleteRow(scope.$index, tableData)"> + <el-button size="small" type="text" plain @click="enumDeleteRow"> 绉婚櫎 </el-button> </template> @@ -209,49 +211,72 @@ ></formula-editor> <!-- 鏂板 --> <el-dialog :visible.sync="addVisible" append-to-body title="浠庝笟鍔$被鍨嬩腑閫夋嫨灞炴��"> - <avue-crud :data="businessData" :option="businessOption" @selection-change="businessSelect"> + <avue-crud ref="AddOriginPlace" :data="businessData" :option="businessOption" @selection-change="businessSelect"> <template slot="menuLeft"> <div style="display: flex;"> - <el-select> - <el-option>灞炴�ц嫳鏂囧悕绉�</el-option> - <el-option>灞炴�т腑鏂囧悕绉�</el-option> + <el-select v-model="SelectValue" placeholder="璇烽�夋嫨" style="width: 150px !important;"> + <el-option + v-for="item in SelectOption" + :key="item.value" + :label="item.label" + :value="item.value" + style="width: 150px"> + </el-option> </el-select> - <el-input style="width: 300px;margin-left: 20px"></el-input> - <el-button size="small" style="margin-left: 10px">鏌ヨ</el-button> + <el-input style="width: 400px;margin-left: 20px" v-model="SelectFInd"></el-input> + <el-button size="small" style="margin-left: 10px" @click="AddFindHandler">鏌ヨ</el-button> </div> - </template> </avue-crud> <div style="display: flex;justify-content: flex-end;margin-top: 15px"> <el-button size="small" type="primary" @click="busineAddHandle">淇濆瓨</el-button> - <el-button size="small" type="primary">鍙栨秷</el-button> + <el-button size="small" type="primary" @click="addVisible=false">鍙栨秷</el-button> </div> </el-dialog> + <!-- 鍙傜収閰嶇疆--> + <refer-config-form-dialog + ref="referConfigFormDialog" + @echoReferConfig="echoReferConfig" + ></refer-config-form-dialog> </div> <el-table :data="ProData" style="width: 100%" + height="280" @cell-click="handleCellClicks" @select="selectHandle" + @selection-change="selectionChange" v-if="this.crudArrayFlag" + ref="referAttrCrud" > <el-table-column type="selection" - width="55"> + width="55" fixed> </el-table-column> <!--<el-table-column fixed label="搴忓彿" type="index" width="55"></el-table-column>--> - <el-table-column v-for="item in this.option.column" :key="item.id" + <el-table-column v-for="(item,index) in this.option.column" :key="item.id" :label="item.label" :prop="item.prop" :formatter="formAttr" - :width="item.label.length >=4 ?'150':item.label.length==3 ?'120':'90'" + :width="item.width||(item.label.length >=4 ?'160':item.label.length==3 ?'130':'100')" :show-overflow-tooltip="true" + :sortable="item.sortable" + :fixed="item.fixed" align="center" + v-if="item.edit !='referName'" > <template slot-scope="{ row }"> - <el-input v-if="editingRows === row && editShows== item.prop && (item.edit == 'text' || item.edit == 'select' ||item.edit == 'refer')" v-model="row[item.prop]" + <el-input v-if="editingRows === row && editShows== item.prop && item.prop != 'codeDateFormat' && (item.edit == 'text' ||item.edit == 'refer' )" v-model="row[item.prop]" @blur="saveRows"></el-input> - <el-input-number controls-position="right" v-if="editingRows === row && editShows== item.prop && item.edit == 'number'" v-model="row[item.prop]" - @blur="saveRows"></el-input-number> + <el-input-number size="small" controls-position="right" v-if="editingRows === row && editShows== item.prop && item.edit == 'number'" v-model="row[item.prop]" + @blur="saveRows" :style="{width:(item.width-10)+'px'}"></el-input-number> + <el-select v-model="row[item.prop]" filterable allow-create default-first-option slot="prepend" v-if="editingRows === row && editShows== item.prop && item.edit == 'select' " @focus="DataChangeHandler(item.editConfig,index)"> + <el-option + v-for="optionItem in item.data" + :key="optionItem.key" + :label="optionItem.value" + :value="optionItem.key"> + </el-option> + </el-select> <el-switch v-if="item.edit === 'switch'" v-model="row[item.prop]" active-value="true" inactive-value="false"> @@ -262,7 +287,7 @@ <el-table-column fixed="right" label="鎿嶄綔" - width="120"> + width="70"> <template slot-scope="scope"> <el-button size="small" @@ -274,11 +299,10 @@ </el-table-column> </el-table> </div> - <!-- </avue-crud>--> </template> <script> -import {AttrByBtm, gridCodeClassifyTemplateAttr, batchAddSave, copyto} from '@/api/template/templateAttr' +import {AttrByBtm, gridCodeClassifyTemplateAttr, batchAddSave, copyto,listByFlag} from '@/api/template/templateAttr' export default { name: "attrCrud .vue", @@ -326,6 +350,24 @@ }, data() { return { + screenWidth: document.documentElement.clientWidth, // 灞忓箷瀹藉害 + //褰撳墠鍗曞厓鏍� + CurrentCell:'', + // 鏂板 + SelectValue:"", + SelectFInd:"", + SelectOption:[ + { + value: 'name', + label: '灞炴�т腑鏂囧悕绉�' + }, + { + value: 'id', + label: '灞炴�ц嫳鏂囧悕绉�' + } + ], + //鍙傜収 + referVisible:false, crudArrayFlag:false, editingRows: null, editShows:"", @@ -435,6 +477,8 @@ isShowformulaEdit: false, // 绾ц仈鍗曢�� selectRow: '', + //绾ц仈鍗曢�夋暟缁� + selectRowArr:[], // 绾ц仈data CascadeData: [], // 绾ц仈option @@ -901,11 +945,27 @@ }, { label: "鏁版嵁绫诲瀷", - prop: "attrDataType" + prop: "attrDataType", + formatter:function(row,column){ + let vciFieldTypeMap = { + VTBoolean: "甯冨皵鍨�", + VTClob: "闀挎枃鏈�", + VTDate: "鏃ユ湡", + VTDateTime: "鏃ユ湡鏃堕棿", + VTTime: "鏃堕棿", + VTLong: "闀挎暣鍨�", + VTDouble: "閲戦/鍙岀簿搴�", + VTInteger: "鏁村舰", + VTFilePath: "鏂囦欢", + VTString: "瀛楃涓�" + } + return vciFieldTypeMap[row.attrDataType]; + } }, { label: "鍙┖", - prop: "nullableFlag" + prop: "nullableFlag", + formatter:function(row,column){return row.nullableFlag=='true' || row.nullableFlag=='1'?'鏄�':'鍚�'} }, { label: "榛樿鍊�", @@ -925,11 +985,25 @@ }, { label: "鍙傜収", - prop: "referFlag" + prop: "referFlag", + formatter: function (d) { + if (!d.referFlag) { + return ''; + } else { + return d.referBtmTypeId + } + } }, { label: "鏋氫妇", - prop: "enumFlag" + prop: "enumFlag", + formatter: function (d) { + if (!d.enumFlag) { + return ''; + } else { + return d.enumId + } + } }, ] }, @@ -959,7 +1033,7 @@ label: '鎺掑簭鍙�', sortable: true, edit: 'number', - width: 60, + width: 90, fixed: true }, { label: "灞炴�ц嫳鏂囩紪鍙�", @@ -975,7 +1049,7 @@ prop: "name", fixed: true, cell: false, - width: 125, + width: 145, edit: 'text', sortable: true }, @@ -1016,14 +1090,14 @@ { label: "楂樼骇鏌ヨ灞炴��", prop: "seniorQueryAttrFlag", - width: 95, + width: 110, cell: false, edit: "switch" }, { label: "鐩镐技鏌ラ噸灞炴��", prop: "sameRepeatAttrFlag", - width: 95, + width: 110, cell: false, edit: "switch" }, @@ -1076,6 +1150,13 @@ prop: "prefixValue", sortable: true, edit: 'select', + width: 110, + editConfig: { + extraParams: { + code: 'codeclstempattr', + dictKey: 'prefix' + } + }, cell: false, }, { @@ -1083,6 +1164,13 @@ prop: "suffixValue", sortable: true, edit: 'select', + width: 110, + editConfig: { + extraParams: { + code: 'codeclstempattr', + dictKey: 'suffix' + } + }, cell: false, }, { @@ -1105,15 +1193,27 @@ label: "鏃堕棿鏍煎紡", prop: "codeDateFormat", sortable: true, - width: 105, + width: 135, edit: 'select', + editConfig: { + extraParams: { + code: 'codeclstempattr', + dictKey: 'dateFormates' + } + }, cell: false, + }, + { + label: "鍒嗙被娉ㄥ叆", + prop: "classifyInvokeLevelName", + cell: false, + edit: 'refer' }, { label: "鍒嗙被娉ㄥ叆", prop: "classifyInvokeLevel", cell: false, - edit: 'refer' + edit: 'referName', }, { label: "鏋氫妇娉ㄥ叆", @@ -1220,7 +1320,9 @@ VTInteger: "鏁村舰", VTFilePath: "鏂囦欢", VTString: "瀛楃涓�" - } + }, + //鏃堕棿鏍煎紡涓嬫媺妗� + codeDataFlag:false, } }, computed:{ @@ -1240,6 +1342,17 @@ } }, mounted() { + window.addEventListener( + 'resize', + () => { + if(Math.abs(this.screenWidth - document.body.clientWidth) > 20) { + this.$nextTick(() => { + this.$refs.AddOriginPlace.refreshTable(); + }) + } + this.screenWidth = document.body.clientWidth; + } + ) }, created() { @@ -1248,22 +1361,51 @@ formAttr(row, column) { console.log(row,column) }, + //鏂板鎼滅储 + AddFindHandler(){ + if(this.SelectValue == 'id'){ + const masterParameter={ + 'conditionMap[id]':this.SelectFInd + } + this.BuineAttrByBtm(masterParameter); + this.SelectValue="" + this.SelectFInd="" + }else if(this.SelectValue == 'name'){ + const masterParameter={ + 'conditionMap[name]':this.SelectFInd + } + this.BuineAttrByBtm(masterParameter) + this.SelectValue="" + this.SelectFInd="" + } + }, + //鍙傜収閰嶇疆瀛愮粍浠� + echoReferConfig(val){ + console.log('val--',val) + this.$set(this.CurrentCell,'referConfig',JSON.stringify(val)) + + }, + //鏃堕棿涓嬫媺鏍煎紡 + DataChangeHandler(editConfig,index){ + listByFlag(editConfig.extraParams).then(res=>{ + console.log(res); + this.option.column[index].data=res; + }) + }, //灞炴�у垎缁勬寜閽� attrVisibleHandle() { - - if (this.attrSelectList.length > 1) { - this.$message.warning('鍙兘閫夋嫨涓�鏉℃ā鏉垮睘鎬�') - } else if (this.attrSelectList < 1) { + if (this.attrSelectList < 1) { this.$message.warning('璇烽�夋嫨涓�鏉℃ā鏉垮睘鎬�') - } else if (this.attrSelectList.length === 1) { + } else { this.attrVisible = true; + console.log(this.attrSelectList) } }, //灞炴�у垎缁勬彁浜� attrHandle() { this.$set(this.attrRow, 'attributeGroup', this.attrModel) - this.attrModel = "" - this.attrVisible = false + this.attrModel = ""; + this.attrVisible = false; }, //灞炴�у垎缁勬竻绌� attrRemove() { @@ -1285,7 +1427,6 @@ this.$message.warning('璇烽�夋嫨灞炴�ч泦'); return false; } -debugger; let ordernum = this.ProData.length; this.busineSelectList.forEach((citem) => { let isCopy = false; @@ -1310,18 +1451,16 @@ precisionLength: (citem.precisionLength ? citem.precisionLength : '') + (citem.scaleLength ? '(' + citem.scaleLength + ')' : ''), classifyTemplateOid: this.crudOid, classifytemplateoid: this.crudOid, - formDisplayFlag: true, - tableDisplayFlag: true, - sortAttrFlag: false, - queryAttrFlag: true, - seniorQueryAttrFlag: true, + formDisplayFlag: 'true', + tableDisplayFlag: 'true', + sortAttrFlag: 'false', + queryAttrFlag: 'true', + seniorQueryAttrFlag: 'true', attrTableWidth: 120 }) this.ProData.push(JSON.parse(JSON.stringify(this.busineAddList))) } }) - - this.addVisible = false; }, @@ -1334,7 +1473,11 @@ this.addVisible = true; this.busineSelectList = [] this.busineAddList = []; - AttrByBtm({'conditionMap[oid]': this.crudOid}).then(res => { + this.BuineAttrByBtm() + }, + //涓氬姟绫诲瀷鏁版嵁 + BuineAttrByBtm(masterParameter){ + AttrByBtm({'conditionMap[oid]': this.crudOid,...masterParameter}).then(res => { this.businessData = res.data.data; }) }, @@ -1354,25 +1497,10 @@ }) } }, - //琛ㄦ牸鍗曢�� - selectHandle(selection, row) { - this.attrOid = row.oid; - this.attrRow = row; - }, - //琛ㄦ牸閫夋嫨 - selectionChange(list) { - this.attrSelectList = list; - }, - //淇濆瓨 - addsHandler() { - batchAddSave(JSON.parse(JSON.stringify(this.ProData))).then(res => { - this.$message.success('淇濆瓨鎴愬姛') - }) - }, //绾ц仈淇濆瓨 CascadeAddHandle() { let CascadeString = ""; - CascadeString = this.attrRow.id + (this.attrRow.name); + CascadeString = this.selectRowArr.id + (this.selectRowArr.name); this.$set(this.attrRow, 'parentCode', CascadeString) this.CascadeVisible = false; }, @@ -1382,16 +1510,54 @@ }, // 绾ц仈灞炴�ц鍗曢�� CascaderowClick(row) { - this.selectRow = row.$index + this.selectRow = row.$index; + this.selectRowArr=row }, + // 鎺掑簭棰勮鎸夐挳 + orderHandle(){ + this.$refs.referAttrCrud.sort("orderNum"); + }, + //琛ㄦ牸鍗曢�� + selectHandle(selection, row) { + this.attrOid = row.oid; + this.attrRow = row; + console.log(row) + }, + //琛ㄦ牸閫夋嫨 + selectionChange(list,) { + this.attrSelectList = list; + console.log(list) + }, + //淇濆瓨 + addsHandler() { + batchAddSave(JSON.parse(JSON.stringify(this.ProData))).then(res => { + this.$message.success('淇濆瓨鎴愬姛') + }) + }, + //琛ㄦ牸琛岀紪杈� handleCellClicks(row, column) { this.editingRows = row; this.editShows = column.property; this.rowOid = row.oid; + console.log(row,column) + this.CurrentCell=row; + if(column.property == 'referConfig' ){ + this.$refs.referConfigFormDialog.isShowReferConfigForm = true; + this.$refs.referConfigFormDialog.onloadAttrData(); + }else if(column.property == 'classifyInvokeLevelName'){ + this.injectVisible=true; + }else if(column.property == 'componentRule'){ + this.isShowformulaEdit = true; + }else if(column.property == 'enumString'){ + this.enumVisible=true; + }else if(column.property == 'parentCode'){ + this.CascadeVisible=true; + } }, saveRows() { this.editingRows = null; + console.log('1321') }, // 鏋氫妇娉ㄥ叆娣诲姞涓�琛岀┖鏁版嵁 addRow() { @@ -1407,7 +1573,7 @@ }, //鏋氫妇娉ㄥ叆鍒犻櫎 enumDeleteRow(row) { - this.tableData.splice(row, 1) + this.tableData.splice(row.$index, 1) }, //鏋氫妇娉ㄥ叆鎸夐挳 enmuVisHandle() { @@ -1428,11 +1594,16 @@ if (this.enumRow.length < 1) { this.$message.warning('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹�') } else { - this.$set(this.attrRow, 'enumString', this.enumRow); - this.enumVisible = false; + if(this.CurrentCell){ + this.$set(this.CurrentCell, 'enumString', JSON.stringify(this.enumRow)); + this.enumVisible = false; + }else { + this.$set(this.attrRow, 'enumString', JSON.stringify(this.enumRow)); + this.enumVisible = false; + } } }, - // 灏嗘鍦ㄧ紪杈戠殑琛岀殑鐘舵�佸彉涓� null 锛屽嵆閫�鍑虹紪杈戠姸鎬� + // 灏嗘鍦ㄧ紪杈戠殑琛岀殑鐘舵�佸彉涓� null锛屽嵆閫�鍑虹紪杈戠姸鎬� saveRow() { this.editingRow = null; }, @@ -1467,7 +1638,19 @@ }, //鍒嗙被娉ㄥ叆淇濆瓨 injectAddHandle() { - this.$set(this.attrRow, 'classifyInvokeLevel', this.injectOption); + let data = { + "娉ㄥ叆绫诲瀷": this.injectOption.type, + "娉ㄥ叆绫诲瀷鍚嶇О": this.injectOption.set, + "灞傜骇璁剧疆": this.injectOption.injectNum, + "鏄惁鍙慨鏀�": this.injectOption.change + } + if(this.CurrentCell){ + this.$set(this.CurrentCell, "classifyInvokeLevelName", data); + this.$set(this.CurrentCell, "classifyInvokeLevel", JSON.stringify(this.injectOption)); + }else { + this.$set(this.attrRow, 'classifyInvokeLevelName', data); + this.$set(this.attrRow, 'classifyInvokeLevel', JSON.stringify(this.injectOption)); + } this.injectVisible = false }, //鍒嗙被娉ㄥ叆娓呯┖ @@ -1482,32 +1665,15 @@ this.injectVisible = false }, //灞炴�фā鏉胯〃鏍煎崟鍏冩牸鐐瑰嚮浜嬩欢 - handleRowClick(row, column, cell, event) { - //鍒ゆ柇鐐瑰嚮涓嶆槸鎿嶄綔鏍忔墠鍙墽琛� - if (column.property != "menu") { - // 褰撳墠琛屽彉涓哄彲缂栬緫鐘舵�� - this.rowList = row - row.$cellEdit = true - // 姣忎竴涓崟鍏冩牸鍔犱笂cell涓簍rue鎵嶆槸缂栬緫鐘舵�� - //鎷垮埌姣忎釜columnKey锛岀偣鍑绘椂璁剧疆涓簍rue锛屽氨瀹炵幇鍗曞厓鏍肩紪杈戠姸鎬佷簡 - this.rowCellList = this.findObject(this.option.column, column.columnKey) - this.rowCellList.cell = true - if (this.List.indexOf(column.columnKey) == -1) { - this.List.push(column.columnKey) - } - // if(this.List.length >= 2){ - // const cellName=this.List[0] - // - // } - } - }, //琛ㄦ牸鎿嶄綔鏍忓垹闄� CrudRowDel(row) { this.ProData.splice(row.$index, 1) }, //琛ㄦ牸鍒犻櫎 CrudRemove() { - this.ProData.splice(this.attrRow.$index, 1) + this.attrSelectList.forEach((item)=>{ + this.ProData.splice(item.$index, 1) + }) }, //琛ㄦ牸閲嶇疆 reset() { @@ -1536,7 +1702,7 @@ } else if (this.attrSelectList.length < 1) { this.$message.warning('璇烽�夋嫨涓�鏉℃ā鏉垮睘鎬ф暟鎹�') } else if (this.attrSelectList.length === 1) { - this.isShowformulaEdit = true; + this.isShowformulaEdit=true } }, //鍏ㄥ睆缂栬緫 @@ -1554,8 +1720,14 @@ this.attrFlagChiledren = false; this.attrEditVisible = false; }, + //缁勫悎瑙勫垯纭畾 updataFormlaContent(val) { - this.$set(this.attrRow, 'componentRule', val) + if(this.CurrentCell){ + this.$set(this.CurrentCell, 'componentRule', JSON.stringify(val)) + }else { + this.$set(this.attrRow, 'componentRule', JSON.stringify(val)) + } + }, // 鎺掑簭 sortChange(val) { @@ -1575,7 +1747,7 @@ } </script> -<style scoped lang="scss"> +<style scoped lang="scss" > /deep/ .el-button { margin: 0 10px 10px 0; } -- Gitblit v1.9.3