diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 974eeaf..9cf31be 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -153,7 +153,7 @@ aside { //main-container全局样式 .app-container { height: calc(100vh - 85px); - padding: 8px 20px 20px; + padding: 8px 20px 10px; overflow: auto; } .app-viewContent { diff --git a/src/components/echartsList/line.vue b/src/components/echartsList/line.vue index 9c6f9ca..ee3cfbe 100644 --- a/src/components/echartsList/line.vue +++ b/src/components/echartsList/line.vue @@ -166,9 +166,9 @@ legend: legendData, tooltip: { trigger: 'axis', - confine: true, // 将tooltip限制在图表的区域内,防止超出屏幕[1,7](@ref) - enterable: true, // 关键配置:允许鼠标移入tooltip内部[1,2,7](@ref) - extraCssText: 'z-index: 2000;', // 设置一个较高的层级 + confine: true, // 将tooltip限制在图表的区域内,防止超出屏幕 + enterable: dataXY.tooltipFormatter ? true : false, // 关键配置:允许鼠标移入tooltip内部 + extraCssText: dataXY.tooltipFormatter ? 'z-index: 2000;' : 'z-index: 2000;background-color: #ffffffb3;', // 设置一个较高的层级 axisPointer: { type: 'cross', label: { @@ -198,11 +198,11 @@ const date = params[0].name; // 构建提示框HTML内容 let html = `
${date}
`; - if (params && params.length >= 7) { - html = `
-
${date}
- `; - } + // if (params && params.length >= 7) { + // html = `
+ //
${date}
+ // `; + // } // 遍历所有系列 params.forEach(paramItem => { if (dataXY.tooltipFormatter && dataXY.tooltipFormatter.customList) { @@ -237,6 +237,18 @@
${paramItem.value || paramItem.value === 0 ? paramItem.value : '-'}
`; + // 目前应用与服务器管理挂载文件处 + if (dataXY && dataXY.otherModel) { + html += ` +
+
+ + ${dataXY.otherModel.name} +
+ ${dataXY.otherModel.value[paramItem.dataIndex] || dataXY.otherModel.value[paramItem.dataIndex] === 0 ? dataXY.otherModel.value[paramItem.dataIndex] : '-'} +
+ `; + } } }); return html += `
`; diff --git a/src/components/table/index.vue b/src/components/table/index.vue index 0483d3a..2aaa32b 100644 --- a/src/components/table/index.vue +++ b/src/components/table/index.vue @@ -1,5 +1,5 @@