From f1f78fbd8e6fe50eb49b3170f1fc58e992a2ba44 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期一, 11 九月 2023 18:01:45 +0800 Subject: [PATCH] 集成日志 内容超出隐藏后双击单元格实现复制功能 --- Source/UBCS-WEB/src/views/docking/loge.vue | 96 +++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 79 insertions(+), 17 deletions(-) diff --git a/Source/UBCS-WEB/src/views/docking/loge.vue b/Source/UBCS-WEB/src/views/docking/loge.vue index d5ca13c..136ec29 100644 --- a/Source/UBCS-WEB/src/views/docking/loge.vue +++ b/Source/UBCS-WEB/src/views/docking/loge.vue @@ -7,6 +7,7 @@ :page.sync="page" :permission="permissionList" ref="crud" + @cell-dblclick="cellDbClick" @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange" @@ -14,6 +15,9 @@ @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"> + <template slot-scope="scope" slot="menuLeft"> + <vci-docking-search :SearchObject="SearchObject" :page="page"></vci-docking-search> + </template> </avue-crud> </basic-container> </template> @@ -27,6 +31,52 @@ name: "loge", data(){ return { + value:'', + SearchObject:{ + type:'loge', + searchData:[ + { + label:'鏁版嵁缂栫爜', + prop: "id", + value:0 + }, + { + label:'鍒嗙被浠e彿', + prop: 'classifyId', + value:1 + }, + { + label:'鍒嗙被鍚嶇О', + prop: 'classifyName', + value:2 + }, + { + label:'闆嗘垚绯荤粺缂栧彿', + prop: 'systemCode', + value:3 + }, + { + label:'闆嗘垚绯荤粺鍚嶇О', + prop: 'systemName', + value:4 + }, + { + label:'绫诲瀷', + prop: 'typeText', + value:5 + }, + { + label:'璁板綍鏃堕棿', + value:6, + prop: 'createTime', + }, + { + label:'鏄惁鎴愬姛', + prop: 'interfaceStatus', + value:7 + }, + ], + }, loading: false, query: {}, selectionList: [], @@ -41,7 +91,7 @@ calcHeight: 0, tip: false, searchShow: false, - searchMenuSpan: 6, + // searchMenuSpan: 12, border: true, index: true, viewBtn: true, @@ -52,14 +102,12 @@ { label: "鏁版嵁缂栫爜", prop: "id", - search: true, sortable:true, - width:150 + width:130 }, { label: "鍥惧彿", prop: "uniqueCode", - search: true, hide:true, sortable:true, width:150 @@ -67,28 +115,32 @@ { label: '鍒嗙被浠e彿', prop: 'classifyId', - search: true, sortable:true, - width: 250 + overHidden:true, + width: 150 }, { label: '鍒嗙被鍚嶇О', prop: 'classifyName', - search: true, sortable:true, - overHidden: true + overHidden: true, + width: 140 }, { label: '闆嗘垚绯荤粺缂栧彿', prop: 'systemCode', - search: true, sortable:true, - width: 150 + width: 130 }, { label: '闆嗘垚绯荤粺鍚嶇О', prop: 'systemName', - search: true, + sortable:true, + width: 150 + }, + { + label: '绫诲瀷', + prop: 'typeText', sortable:true, width: 150 }, @@ -96,7 +148,6 @@ label:'鎺ュ彛鍙傛暟', prop:'paramString', overHidden:true, - search: true, sortable:true, width: 150 }, @@ -104,7 +155,6 @@ label:'杩斿洖鍙傛暟', prop:'returnString', overHidden:true, - search: true, sortable:true, width: 150 }, @@ -120,9 +170,8 @@ width: 160 }, { - label: '鏄惁鎺ㄩ�佹垚鍔�', - prop: 'interFaceStatus', - search: true, + label: '鏄惁鎴愬姛', + prop: 'interfaceStatus', sortable:true, width: 120, html:true, @@ -135,7 +184,7 @@ value: "key" }, formatter : function (row, column) { - return row.interFaceStatus == 'true' || row.interFaceStatus == '1' ? '<i class="el-icon-check" style="color: limegreen;font-size: 20px;font-weight: 800"></i>' : '<i class="el-icon-close" style="color: red;font-size: 20px;font-weight: 800"></i>' + return row.interfaceStatus == 'true' || row.interfaceStatus == '' ? '<i class="el-icon-check" style="color: limegreen;font-size: 20px;font-weight: 800"></i>' : '<i class="el-icon-close" style="color: red;font-size: 20px;font-weight: 800"></i>' } }, ] @@ -154,6 +203,19 @@ } }, methods: { + async cellDbClick(row, column, cell, event) { + for (const key in row) { + if (key === column.property) { + this.value = row[key]; + } + } + try { + await this.$copyText(this.value); + this.$message.success('澶嶅埗鎴愬姛'); + } catch (error) { + this.$message.warning('澶嶅埗澶辫触'); + } + }, searchReset() { this.query = {}; this.onLoad(this.page); -- Gitblit v1.9.3