perf: 减少图表空白面积、取消module侧滑path和port必填限制

This commit is contained in:
陈劲松
2020-02-13 17:06:45 +08:00
parent 18a4ceb020
commit e7d0ff62e8
6 changed files with 10 additions and 6 deletions

View File

@@ -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;

View File

@@ -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>

View File

@@ -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;

View File

@@ -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
}, },

View File

@@ -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){

View File

@@ -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: [],