perf: 减少图表空白面积、取消module侧滑path和port必填限制
This commit is contained in:
@@ -1060,6 +1060,9 @@ li{
|
|||||||
.nz-dialog .el-dialog {
|
.nz-dialog .el-dialog {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
.nz-dialog .el-dialog__body {
|
||||||
|
padding: 0 20px 30px 20px;
|
||||||
|
}
|
||||||
.nz-dialog-title {
|
.nz-dialog-title {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: $box-title-color;
|
color: $box-title-color;
|
||||||
|
|||||||
@@ -52,7 +52,7 @@
|
|||||||
<!--<button @click="refreshChart" type="button" class="nz-btn nz-btn-size-normal nz-btn-style-light"><i style="font-size: 14px;" class="el-icon-refresh-right"></i></button>-->
|
<!--<button @click="refreshChart" type="button" class="nz-btn nz-btn-size-normal nz-btn-style-light"><i style="font-size: 14px;" class="el-icon-refresh-right"></i></button>-->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-table class="nz-table" :data="seriesItem" height="350" border v-loading="tableLoading" tooltip-effect="light">
|
<el-table style="padding-top: 30px;" class="nz-table" :data="seriesItem" height="350" border v-loading="tableLoading" tooltip-effect="light">
|
||||||
<el-table-column sortable :show-overflow-tooltip="true" prop="metric" :label="$t('dashboard.panel.chartTableColumn.metric')" ></el-table-column>
|
<el-table-column sortable :show-overflow-tooltip="true" prop="metric" :label="$t('dashboard.panel.chartTableColumn.metric')" ></el-table-column>
|
||||||
<el-table-column sortable :show-overflow-tooltip="true" prop="label" :label="$t('dashboard.panel.chartTableColumn.label')" ></el-table-column>
|
<el-table-column sortable :show-overflow-tooltip="true" prop="label" :label="$t('dashboard.panel.chartTableColumn.label')" ></el-table-column>
|
||||||
<el-table-column sortable prop="time" :label="$t('dashboard.panel.chartTableColumn.time')" width="145" ></el-table-column>
|
<el-table-column sortable prop="time" :label="$t('dashboard.panel.chartTableColumn.time')" width="145" ></el-table-column>
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
color:lightgray;
|
color:lightgray;
|
||||||
}
|
}
|
||||||
.legend-container{
|
.legend-container{
|
||||||
width:80%;
|
width: calc(100% - 130px);
|
||||||
max-height:80px;
|
max-height:80px;
|
||||||
min-height:40px;
|
min-height:40px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|||||||
@@ -432,7 +432,8 @@ export default {
|
|||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
//height:"50%",
|
//height:"50%",
|
||||||
//top: '13%',
|
left: 65,
|
||||||
|
right: 65,
|
||||||
containLabel: false,
|
containLabel: false,
|
||||||
bottom:70//156
|
bottom:70//156
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -30,7 +30,9 @@ export function phone(rule, value, callback) {
|
|||||||
|
|
||||||
export function port(rule, value, callback) {
|
export function port(rule, value, callback) {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
if(typeof value != 'number'){
|
if (!value) {
|
||||||
|
callback();
|
||||||
|
} else if(typeof value != 'number'){
|
||||||
callback(new Error(vm.$t('validate.number')))
|
callback(new Error(vm.$t('validate.number')))
|
||||||
}else{
|
}else{
|
||||||
if(value < 1 ||value > 65535){
|
if(value < 1 ||value > 65535){
|
||||||
|
|||||||
@@ -122,10 +122,8 @@
|
|||||||
],
|
],
|
||||||
port: [
|
port: [
|
||||||
{validator:port, trigger: 'blur'},
|
{validator:port, trigger: 'blur'},
|
||||||
{required: true, message: this.$t('validate.required'), trigger: 'blur'},
|
|
||||||
],
|
],
|
||||||
path: [
|
path: [
|
||||||
{required: true, message: this.$t('validate.required'), trigger: 'blur'},
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
projectList: [],
|
projectList: [],
|
||||||
|
|||||||
Reference in New Issue
Block a user