gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat： 给表格添加最小宽 优化宽度显示

Browse Source
This commit is contained in:
zhangyu
2020-11-12 10:11:18 +08:00
parent 0089029a5e
commit 36be347b17
3 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nezha-fronted/src/components/common/alert/alertMessageTable.vue
View File

@@ -45,7 +45,7 @@
:key="`col-${index}`" :key="`col-${index}`"
:label="item.label" :label="item.label"
:show-overflow-tooltip="item.prop != 'labels' && item.prop != 'alertRule'" :show-overflow-tooltip="item.prop != 'labels' && item.prop != 'alertRule'"
min-width="110px" :min-width="item.minWidth || item.width"
:sortable="$tableSet.sortableShow(item.prop,'alertMessage')" :sortable="$tableSet.sortableShow(item.prop,'alertMessage')"
:prop="$tableSet.propTitle(item.prop,'alertMessage')" :prop="$tableSet.propTitle(item.prop,'alertMessage')"
:sort-orders="['ascending', 'descending']" :sort-orders="['ascending', 'descending']"

7
nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
View File

@@ -67,6 +67,7 @@
:sortable="$tableSet.sortableShow(item.prop,'endpointTab')" :sortable="$tableSet.sortableShow(item.prop,'endpointTab')"
:prop="$tableSet.propTitle(item.prop,'endpointTab')" :prop="$tableSet.propTitle(item.prop,'endpointTab')"
:sort-orders="['ascending', 'descending']" :sort-orders="['ascending', 'descending']"
:min-width="item.minWidth || item.width"
> >
<template slot-scope="scope" :column="item"> <template slot-scope="scope" :column="item">
<span v-if="item.prop == 'asset' && scope.row[item.prop]" class="link" @click=""> <span v-if="item.prop == 'asset' && scope.row[item.prop]" class="link" @click="">
@@ -186,10 +187,12 @@
label: this.$t("project.project.project"), label: this.$t("project.project.project"),
prop: 'project', prop: 'project',
show: true, show: true,
width:'120',
},{ },{
label: this.$t("project.module.module"), label: this.$t("project.module.module"),
prop: 'module', prop: 'module',
show: true, show: true,
width:'120',
},{ },{
label: this.$t("project.endpoint.asset"), label: this.$t("project.endpoint.asset"),
prop: 'asset', prop: 'asset',
@@ -199,7 +202,7 @@
label: this.$t("project.endpoint.host"), label: this.$t("project.endpoint.host"),
prop: 'host', prop: 'host',
show: true, show: true,
width:200, width:120,
},{ },{
label: this.$t("project.endpoint.port"), label: this.$t("project.endpoint.port"),
prop: 'port', prop: 'port',
@@ -209,7 +212,7 @@
label: this.$t("overall.type"), label: this.$t("overall.type"),
prop: 'type', prop: 'type',
show: false, show: false,
width:200, width:120,
},{ },{
label: this.$t("project.endpoint.labels"), label: this.$t("project.endpoint.labels"),
prop: 'labels', prop: 'labels',

3
nezha-fronted/src/components/page/project/project.vue
View File

@@ -90,7 +90,7 @@
v-if="item.show" v-if="item.show"
:key="`col-${index}`" :key="`col-${index}`"
:label="item.label" :label="item.label"
:min-width="item.width" :min-width="item.width || item.minWidth"
:sortable="$tableSet.sortableShow(item.prop,'project')" :sortable="$tableSet.sortableShow(item.prop,'project')"
:prop="$tableSet.propTitle(item.prop,'project')" :prop="$tableSet.propTitle(item.prop,'project')"
:sort-orders="['ascending', 'descending']" :sort-orders="['ascending', 'descending']"
@@ -284,6 +284,7 @@
label:this.$t("project.endpoint.asset"), label:this.$t("project.endpoint.asset"),
prop:'asset', prop:'asset',
show:true, show:true,
minWidth:400,
},{ },{
label:this.$t("project.endpoint.host"), label:this.$t("project.endpoint.host"),
prop:'host', prop:'host',