From 70fb56a9fb61f70ccc55fcbc085b470e9423858a Mon Sep 17 00:00:00 2001 From: fujunling <2984387807@qq.com> Date: 星期一, 05 六月 2023 16:16:35 +0800 Subject: [PATCH] 解决冲突 --- Source/UBCS-WEB/src/components/code-dialog-page/referSelectBtmAttrDialog.vue | 186 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 186 insertions(+), 0 deletions(-) diff --git a/Source/UBCS-WEB/src/components/code-dialog-page/referSelectBtmAttrDialog.vue b/Source/UBCS-WEB/src/components/code-dialog-page/referSelectBtmAttrDialog.vue new file mode 100644 index 0000000..afa7747 --- /dev/null +++ b/Source/UBCS-WEB/src/components/code-dialog-page/referSelectBtmAttrDialog.vue @@ -0,0 +1,186 @@ +<template> + <el-dialog + :title="options.title" + append-to-body + :visible.sync="crudParams.isShowDialog" + width="65%" + destroy-on-close + @close="clearTableRowSelection" + style="height: 110vh; margin-top: -12vh; overflow-y: hidden"> + <avue-crud :option="crudParams.crudOption" + :table-loading="crudParams.crudLoading" + :data="crudParams.crudData" + :ref="crudParams.ref" + @row-click="selectedBtmTypeAttrRowClick" + @selection-change="selectionBtmTypeAttrChange" + @search-change="selectedBtmTypeAttrSrchChange" + @search-reset="selectedBtmTypeAttrSrchReset"> + </avue-crud> + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="selectedBtmTypeAttr">纭� 瀹�</el-button> + <el-button @click="crudParams.isShowDialog = false">鍙� 娑�</el-button> + </div> + </el-dialog> +</template> + +<script> +import { gridAttributesByBtmId } from "@/api/code/referBtmType"; +export default { + name: "referSelectBtmAttrDialog", + props: { + // 瀵硅瘽妗嗘樉绀洪殣钘忔帶鍒� + visible: { + type: "Boolean", + default: false, + }, + + + }, + watch: { + // 鐩戝惉鐖剁粍浠朵紶鐨勭獥鍙f樉绀洪殣钘忕殑鍊� + visible (){ + this.crudParams.isShowDialog = this.visible; + } + }, + data() { + return { + + // 琛ㄦ牸鐩稿叧鍙傛暟 + crudParams: { + ref: "selectedAttrCrud", + isShowDialog: this.visible, //瀵硅瘽妗嗘樉绀烘帶鍒� + crudLoading: false, + crudOption: { + border: true, + height: '250px', + tip: false, + //searchShow: false, + index: true, + selection: true, + addBtn: false, + menu: false, + // refreshBtn: false, + searchShowBtn: false, + columnBtn: false, + dialogClickModal: false, + highlightCurrentRow: true, + searchMenuSpan: 5, + align: 'center', + menuAlign: 'center', + border: true, + column: [{ + label: '灞炴�ц嫳鏂囩紪鍙�', + width: 120, + search: true, + searchSpan: 8, + searchLabelWidth: 100, + prop: 'id' + },{ + label: '灞炴�т腑鏂囧悕绉�', + search: true, + searchSpan: 8, + searchLabelWidth: 100, + prop: 'name' + },{ + label: '灞炴�ч暱搴�', + search: false, + prop: 'attrLength' + },{ + label: '灞炴�х被鍨�', + search: false, + prop: 'attrType' + }], + }, + crudData: [], + crudQuery: {}, + crudSelectedRowData: [], + }, + // 璋冪敤鏂逛紶杩囨潵鐨勭浉鍏冲弬鏁� + options: {}, + + } + }, + methods: { + + // 娓呯┖閫変腑 + clearTableRowSelection(){ + this.crudParams.crudSelectedRow=''; + this.crudParams.crudSelectedRowData = ''; + this.$emit('update:visible', false); + }, + + // crud鐩稿叧鏂规硶 + selectedBtmTypeAttrOnLoad(params){ + this.options = params; + this.crudParams.crudLoading = true; + // 璋冪敤api璇锋眰 + const data = { + total: 2, + data: [{ + id: 'test', + name: '娴嬭瘯', + attrLength: 11, + attrType: '瀛楃涓�' + }, { + id: 'test1', + name: '娴嬭瘯1', + attrLength: 12, + attrType: '鏁板瓧' + }] + } + let param = {}; + // 澶氫釜conditionMap杩欐牱浼犲弬 + if(this.crudParams.crudQuery){ + Object.keys(crudParams.crudQuery).forEach(key=>{ + param['conditionMap['+key+']'] = crudParams.crudQuery[key]; + }); + } + gridAttributesByBtmId(1,-1,param).then(res=>{ + console.log(res); + }) + this.crudParams.crudData = data.data; + this.crudParams.crudLoading = false; + }, + selectedBtmTypeAttrSrchChange(params, done){ + this.crudParams.crudQuery = params; + this.selectedBtmTypeAttrOnLoad(this.options); + done(); + }, + selectedBtmTypeAttrSrchReset(){ + this.crudParams.crudQuery = {}; + this.selectedBtmTypeAttrOnLoad(this.options); + }, + selectedBtmTypeAttrRowClick(row){ + this.crudParams.crudSelectedRowData = row; + this.$refs[this.crudParams.ref].toggleSelection(); + this.$refs[this.crudParams.ref].setCurrentRow(row); + this.$refs[this.crudParams.ref].toggleRowSelection(row); //閫変腑褰撳墠琛� + }, + selectionBtmTypeAttrChange(list){ + this.crudParams.crudSelectedRowData = list; + this.$refs[this.crudParams.ref].setCurrentRow(this.crudParams.crudSelectedRowData[list.length-1]); + //褰撳墠閫変腑琛屼负绌虹殑鏃跺�欏氨灏嗙爜娈电鐞嗚〃鏍兼暟鎹疆绌� + }, + // 閫変腑灞炴�т箣鍚� + selectedBtmTypeAttr(){ + if(this.crudParams.crudSelectedRowData.length<=0 || (this.options.condition == 'sortField' && this.crudParams.crudSelectedRowData.length!=1)) { + this.$message.warning("璇烽�夋嫨涓�鏉℃暟鎹�"); + return; + } + // 鏋勯�犲洖鏄剧埗缁勪欢闇�瑕佷紶閫掔殑鐩稿叧鍙傛暟 + let data = { + selectedArrary: this.crudParams.crudSelectedRowData, + condition: this.options.condition + }; + this.$emit('echoSelectedAttr',data); + this.crudParams.isShowDialog = false; + }, + + }, + +} +</script> + +<style> + +</style> \ No newline at end of file -- Gitblit v1.9.3