From 813b237509319b8db2e0ac8c82025b70713aa11c Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期三, 24 四月 2024 10:31:41 +0800 Subject: [PATCH] 操作日志添加模糊查询-集成日志隐藏表格接口参数 --- Source/UBCS-WEB/src/views/docking/loge.vue | 199 ++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 171 insertions(+), 28 deletions(-) diff --git a/Source/UBCS-WEB/src/views/docking/loge.vue b/Source/UBCS-WEB/src/views/docking/loge.vue index 4653329..ffbb8c7 100644 --- a/Source/UBCS-WEB/src/views/docking/loge.vue +++ b/Source/UBCS-WEB/src/views/docking/loge.vue @@ -3,10 +3,10 @@ <basic-container> <avue-crud :option="option" :table-loading="loading" - :data="data" + :data="data || getList" :page.sync="page" - :permission="permissionList" ref="crud" + @cell-dblclick="cellDbClick" @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange" @@ -14,12 +14,25 @@ @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"> + <template slot-scope="scope" slot="menuLeft"> + <vci-docking-search :SearchObject="SearchObject" :page="page" :formInline="formInline" :status="status" @getList="dockingGetList"></vci-docking-search> + </template> + <template slot="paramString" slot-scope="scope"> + <avue-text-ellipsis :text="scope.row.paramString" :height="50"> + <small slot="more">...</small> + </avue-text-ellipsis> + </template> + <template slot="returnString" slot-scope="scope"> + <avue-text-ellipsis :text="scope.row.returnString" :height="50"> + <small slot="more">...</small> + </avue-text-ellipsis> + </template> </avue-crud> </basic-container> </template> <script> -import {getList} from "@/api/docking/loge"; +import {getLogoList} from "@/api/docking/loge"; import {validatenull} from "@/util/validate"; import {mapGetters} from "vuex"; @@ -27,6 +40,81 @@ name: "loge", data(){ return { + value:'', + //鍚勪釜绫诲瀷鐘舵�� + status:{ + type:'loge', + typeFlag:false, + dateFlag:false, + stateFlag:false, + }, + //model缁戝畾 + formInline:{ + type:'', + cut:'', + text:'', + Date:'', + state:'' + }, + //闆嗘垚绫诲瀷姝绘暟鎹� + SearchObject:{ + 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 + }, + { + label: '鏍囧噯鐢宠', + prop: 'applyCodeForBZ', + value:8 }, + { + label: '閮ㄩ棬鐢宠', + prop: 'syncDataForOrg', + value:9 + }, + { + label: '浜哄憳鐢宠', + prop: 'syncDataForPerson', + value:10 + }, + ], + }, loading: false, query: {}, selectionList: [], @@ -38,28 +126,32 @@ data:[], option: { height:'auto', - calcHeight: 0, + calcHeight: 20, + menuWidth:120, tip: false, searchShow: false, - searchMenuSpan: 6, border: true, index: true, - viewBtn: true, + indexFixed:false, selection: false, dialogClickModal: false, - menu:false, + menuFixed:'right', + dialogType: 'drawer', + viewBtn: true, + stripe: true, + addBtn:false, + editBtn:false, + delBtn:false, column: [ { label: "鏁版嵁缂栫爜", prop: "id", - search: true, sortable:true, width:130 }, { label: "鍥惧彿", prop: "uniqueCode", - search: true, hide:true, sortable:true, width:150 @@ -67,7 +159,6 @@ { label: '鍒嗙被浠e彿', prop: 'classifyId', - search: true, sortable:true, overHidden:true, width: 150 @@ -75,51 +166,71 @@ { label: '鍒嗙被鍚嶇О', prop: 'classifyName', - search: true, sortable:true, overHidden: true, width: 140 }, { + label: '鏍囧噯鐢宠', + prop: 'applyCodeForBZ', + sortable:true, + width: 130 + }, + { + label: '閮ㄩ棬鐢宠', + prop: 'syncDataForOrg', + sortable:true, + width: 130 + }, + { + label: '浜哄憳鐢宠', + prop: 'syncDataForPerson', + sortable:true, + width: 130 + }, + { label: '闆嗘垚绯荤粺缂栧彿', prop: 'systemCode', - search: true, + labelWidth:150, sortable:true, width: 130 }, { label: '闆嗘垚绯荤粺鍚嶇О', prop: 'systemName', - search: true, sortable:true, + labelWidth:150, width: 150 }, { label: '绫诲瀷', - prop: 'type', - search: true, + prop: 'typeText', sortable:true, width: 150 }, { label:'鎺ュ彛鍙傛暟', prop:'paramString', - overHidden:true, - search: true, sortable:true, - width: 150 + minRows: 20, + width: 150, + type: "textarea", + slot: true, + hide:true, }, { label:'杩斿洖鍙傛暟', prop:'returnString', - overHidden:true, - search: true, sortable:true, - width: 150 + minRows: 20, + width: 150, + type: "textarea", + slot: true, }, { label: '杩斿洖msg', prop: 'msg', + width: 150, overHidden: true }, { @@ -129,9 +240,8 @@ width: 160 }, { - label: '鏄惁鎺ㄩ�佹垚鍔�', + label: '鏄惁鎴愬姛', prop: 'interfaceStatus', - search: true, sortable:true, width: 120, html:true, @@ -144,7 +254,7 @@ value: "key" }, formatter : function (row, column) { - 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>' + return row.interfaceStatus == 'true' || row.interfaceStatus == '' ? '<i class="el-icon-check" style="color: #32cd32;font-size: 20px;font-weight: 800"></i>' : '<i class="el-icon-close" style="color: #ff0000;font-size: 20px;font-weight: 800"></i>' } }, ] @@ -163,6 +273,25 @@ } }, methods: { + dockingGetList(val){ + this.data=val.records; + this.page.pageSize=val.size; + this.page.currentPage=val.current; + this.page.total=val.total; + }, + 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); @@ -191,13 +320,13 @@ }, onLoad(page, params={}) { this.loading = true; - var query={} + var queryCondition={} if (this.query) { for (var key in this.query) { - query['conditionMap["' + key + '"]'] = this.query[key]; + queryCondition['conditionMap["' + key + '"]'] = this.query[key]; } } - getList(page.currentPage, page.pageSize, Object.assign(params,this.params, query,this.query)).then(res => { + getLogoList(page.currentPage, page.pageSize,'createTime','desc',Object.assign(params,this.params, queryCondition,this.query),).then(res => { const data = res.data.data; this.page.total = data.total; this.data = data.records; @@ -213,6 +342,20 @@ } </script> -<style scoped> +<style lang="scss" scoped> +// 婊氬姩鏉℃牱寮忎慨鏀� +// 婊氬姩鏉$殑瀹藉害 + /deep/ .el-table__body-wrapper::-webkit-scrollbar { + height: 15px; // 绾靛悜婊氬姩鏉� 蹇呭啓 + background: white; + border: white; + width: 10px; + } +// 婊氬姩鏉$殑婊戝潡 + /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { + background-color: #ececec; + border-radius: 20px; + border: #ececec; + } </style> -- Gitblit v1.9.3