From 9b4433fddf5b401edb0aace8a404ac733b122702 Mon Sep 17 00:00:00 2001
From: 田源 <tianyuan@vci-tech.com>
Date: 星期四, 03 四月 2025 14:35:02 +0800
Subject: [PATCH] 添加非密字段显示
---
Source/UBCS-WEB/src/views/docking/loge.vue | 274 +++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 187 insertions(+), 87 deletions(-)
diff --git a/Source/UBCS-WEB/src/views/docking/loge.vue b/Source/UBCS-WEB/src/views/docking/loge.vue
index 37333e4..3788739 100644
--- a/Source/UBCS-WEB/src/views/docking/loge.vue
+++ b/Source/UBCS-WEB/src/views/docking/loge.vue
@@ -1,94 +1,121 @@
<template>
<!--绯荤粺闆嗘垚鐨勭郴缁熸棩蹇楅〉闈�-->
<basic-container>
- <avue-crud :option="option"
- :table-loading="loading"
- :data="data"
+ <avue-crud ref="crud"
+ :data="data || getList"
+ :option="option"
:page.sync="page"
- :permission="permissionList"
- ref="crud"
+ :table-loading="loading"
@cell-dblclick="cellDbClick"
@search-change="searchChange"
@search-reset="searchReset"
@selection-change="selectionChange"
@current-change="currentChange"
@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"></vci-docking-search>
+ @refresh-change="refreshChange">
+ <template slot="menuLeft" slot-scope="scope">
+ <vci-docking-search ref="dockingSearch" :SearchObject="SearchObject" :formInline="formInline" :page="page"
+ :status="status" @getList="dockingGetList"></vci-docking-search>
+ </template>
+ <template slot="paramString" slot-scope="scope">
+ <avue-text-ellipsis :height="50" :text="scope.row.paramString">
+ <small slot="more">...</small>
+ </avue-text-ellipsis>
+ </template>
+ <template slot="returnString" slot-scope="scope">
+ <avue-text-ellipsis :height="50" :text="scope.row.returnString">
+ <small slot="more">...</small>
+ </avue-text-ellipsis>
+ </template>
+ <template slot="menu" slot-scope="scope">
+ <el-button icon="el-icon-view" size="mini" type="text" @click="rowView(scope.row)">鏌ョ湅</el-button>
</template>
</avue-crud>
</basic-container>
</template>
<script>
-import {getList} from "@/api/docking/loge";
+import {getLogoList, gridLogeDetail} from "@/api/docking/loge";
import {validatenull} from "@/util/validate";
import {mapGetters} from "vuex";
export default {
name: "loge",
- data(){
+ data() {
return {
- value:'',
+ value: '',
//鍚勪釜绫诲瀷鐘舵��
- status:{
- type:'loge',
- typeFlag:false,
- dateFlag:false,
- stateFlag:false,
+ status: {
+ type: 'loge',
+ typeFlag: false,
+ dateFlag: false,
+ stateFlag: false,
},
//model缁戝畾
- formInline:{
- type:'',
- cut:'',
- text:'',
- Date:'',
- state:''
+ formInline: {
+ type: '',
+ cut: '',
+ text: '',
+ Date: '',
+ state: ''
},
//闆嗘垚绫诲瀷姝绘暟鎹�
- SearchObject:{
- searchData:[
+ SearchObject: {
+ searchData: [
{
- label:'鏁版嵁缂栫爜',
+ label: '鏁版嵁缂栫爜',
prop: "id",
- value:0
+ value: 0
},
{
- label:'鍒嗙被浠ｅ彿',
+ label: '鍒嗙被浠ｅ彿',
prop: 'classifyId',
- value:1
+ value: 1
},
{
- label:'鍒嗙被鍚嶇О',
+ label: '鍒嗙被鍚嶇О',
prop: 'classifyName',
- value:2
+ value: 2
},
{
- label:'闆嗘垚绯荤粺缂栧彿',
+ label: '闆嗘垚绯荤粺缂栧彿',
prop: 'systemCode',
- value:3
+ value: 3
},
{
- label:'闆嗘垚绯荤粺鍚嶇О',
+ label: '闆嗘垚绯荤粺鍚嶇О',
prop: 'systemName',
- value:4
+ value: 4
},
{
- label:'绫诲瀷',
+ label: '绫诲瀷',
prop: 'typeText',
- value:5
+ value: 5
},
{
- label:'璁板綍鏃堕棿',
- value:6,
+ label: '璁板綍鏃堕棿',
+ value: 6,
prop: 'createTime',
},
{
- label:'鏄惁鎴愬姛',
+ label: '鏄惁鎴愬姛',
prop: 'interfaceStatus',
- value:7
+ value: 7
+ },
+ {
+ label: '鎺ュ彛鍙傛暟',
+ prop: 'paramString',
+ value: 11
+ },
+ {
+ label: '杩斿洖鍙傛暟',
+ prop: 'returnString',
+ value: 12
+ },
+ {
+ label: '杩斿洖msg',
+ prop: 'msg',
+ value: 13
},
],
},
@@ -100,78 +127,108 @@
currentPage: 1,
total: 0
},
- data:[],
+ data: [],
option: {
- height:'auto',
- calcHeight: 0,
+ height: 'auto',
+ calcHeight: 20,
+ menuWidth: 120,
tip: false,
searchShow: false,
- // searchMenuSpan: 12,
border: true,
index: true,
- viewBtn: true,
+ indexFixed: false,
selection: false,
dialogClickModal: false,
- menu:false,
+ menuFixed: 'right',
+ dialogType: 'drawer',
+ viewBtn: false,
+ stripe: true,
+ addBtn: false,
+ editBtn: false,
+ delBtn: false,
column: [
{
label: "鏁版嵁缂栫爜",
prop: "id",
- sortable:true,
- width:130
+ sortable: true,
+ width: 130
},
{
label: "鍥惧彿",
prop: "uniqueCode",
- hide:true,
- sortable:true,
- width:150
+ hide: true,
+ sortable: true,
+ width: 150
},
{
label: '鍒嗙被浠ｅ彿',
prop: 'classifyId',
- sortable:true,
- overHidden:true,
+ sortable: true,
+ overHidden: true,
width: 150
},
{
label: '鍒嗙被鍚嶇О',
prop: 'classifyName',
- sortable: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',
- sortable:true,
+ labelWidth: 150,
+ sortable: true,
width: 130
},
{
label: '闆嗘垚绯荤粺鍚嶇О',
prop: 'systemName',
- sortable:true,
+ sortable: true,
+ labelWidth: 150,
width: 150
},
{
label: '绫诲瀷',
prop: 'typeText',
- sortable:true,
+ sortable: true,
width: 150
},
{
- label:'鎺ュ彛鍙傛暟',
- prop:'paramString',
- overHidden:true,
- sortable:true,
- width: 150
+ label: '鎺ュ彛鍙傛暟',
+ prop: 'paramString',
+ sortable: true,
+ minRows: 20,
+ type: "textarea",
+ slot: true,
+ hide: true,
},
{
- label:'杩斿洖鍙傛暟',
- prop:'returnString',
- overHidden:true,
- sortable:true,
- width: 150
+ label: '杩斿洖鍙傛暟',
+ prop: 'returnString',
+ sortable: true,
+ minRows: 20,
+ type: "textarea",
+ slot: true,
+ hide: true,
},
{
label: '杩斿洖msg',
@@ -181,33 +238,33 @@
{
label: '璁板綍鏃堕棿',
prop: 'createTime',
- sortable:true,
- width: 160
+ sortable: true,
+
},
{
label: '鏄惁鎴愬姛',
prop: 'interfaceStatus',
- sortable:true,
+ sortable: true,
width: 120,
- html:true,
- align:'center',
- type:'select',
- searchLabelWidth:130,
- dicData: [{key:'true',value:'鏄�'},{key:'false',value:'鍚�'}],
+ html: true,
+ align: 'center',
+ type: 'select',
+ searchLabelWidth: 130,
+ dicData: [{key: 'true', value: '鏄�'}, {key: 'false', value: '鍚�'}],
props: {
label: "value",
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>'
+ formatter: function (row, column) {
+ 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>'
}
},
]
}
}
},
- computed:{
- ...mapGetters([ "permission"]),
+ computed: {
+ ...mapGetters(["permission"]),
permissionList() {
return {
addBtn: false,
@@ -217,7 +274,26 @@
};
}
},
+ created() {
+ this.onLoad(this.page);
+ },
methods: {
+ rowView(row) {
+ this.loading = true;
+ gridLogeDetail({oid: row.oid}).then(res => {
+ console.log(res)
+ if (res.data.data) {
+ this.loading = false
+ this.$refs.crud.rowView(res.data.data)
+ }
+ })
+ },
+ 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) {
@@ -250,28 +326,37 @@
},
currentChange(currentPage) {
this.page.currentPage = currentPage;
+ this.$refs.dockingSearch.SaveSearchHandler();
},
sizeChange(pageSize) {
this.page.pageSize = pageSize;
+ this.$refs.dockingSearch.SaveSearchHandler();
},
refreshChange() {
- this.onLoad(this.page);
+ const page = {
+ pageSize: 20,
+ currentPage: 1,
+ total: 0
+ };
+ this.page = page;
+ this.formInline = { type: '', cut: '', text: '',Date: '', state: ''}
+ this.onLoad(page);
},
- onLoad(page, params={}) {
+ 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;
this.loading = false;
this.selectionClear();
- }).catch(error=>{
+ }).catch(error => {
this.$message.error(error);
this.loading = false;
});
@@ -281,6 +366,21 @@
}
</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