|
@@ -4,17 +4,18 @@
|
|
|
<div class="darkblue-background">
|
|
<div class="darkblue-background">
|
|
|
|
|
|
|
|
<!-- 服务调用趋势 验收版保留,演示版隐藏 start-->
|
|
<!-- 服务调用趋势 验收版保留,演示版隐藏 start-->
|
|
|
- <div class="second-title">服务调用趋势(近30天)</div>
|
|
|
|
|
- <div id="echart1"></div>
|
|
|
|
|
-
|
|
|
|
|
- <div class="second-title">平台核心运行清单</div>
|
|
|
|
|
|
|
+ <div style="background-color: #eeeeee0b;padding: 10px;vertical-align: middle;border-radius: 10px;">
|
|
|
|
|
+ <div class="second-title">服务调用趋势(近30天)</div>
|
|
|
|
|
+ <div id="echart1"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- <div class="second-title">平台核心运行清单</div> -->
|
|
|
<!--四组统计-->
|
|
<!--四组统计-->
|
|
|
<div class="row">
|
|
<div class="row">
|
|
|
<div class="lighter-container" style="flex: 2">
|
|
<div class="lighter-container" style="flex: 2">
|
|
|
<div class="third-title">
|
|
<div class="third-title">
|
|
|
- <el-icon color="#0071e3" size="30px">
|
|
|
|
|
|
|
+ <!-- <el-icon color="#0071e3" size="30px">
|
|
|
<Stopwatch></Stopwatch>
|
|
<Stopwatch></Stopwatch>
|
|
|
- </el-icon>
|
|
|
|
|
|
|
+ </el-icon> -->
|
|
|
<div>基础统计</div>
|
|
<div>基础统计</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="grid-2x2">
|
|
<div class="grid-2x2">
|
|
@@ -47,9 +48,9 @@
|
|
|
<div class="lighter-container" style="flex: 3">
|
|
<div class="lighter-container" style="flex: 3">
|
|
|
<div class="between-row">
|
|
<div class="between-row">
|
|
|
<div class="third-title">
|
|
<div class="third-title">
|
|
|
- <el-icon color="#0071e3" size="30px">
|
|
|
|
|
|
|
+ <!-- <el-icon color="#0071e3" size="30px">
|
|
|
<Histogram />
|
|
<Histogram />
|
|
|
- </el-icon>
|
|
|
|
|
|
|
+ </el-icon> -->
|
|
|
<div>委办调用情况</div>
|
|
<div>委办调用情况</div>
|
|
|
</div>
|
|
</div>
|
|
|
<span>
|
|
<span>
|
|
@@ -541,14 +542,18 @@ export default {
|
|
|
xAxis: [
|
|
xAxis: [
|
|
|
{
|
|
{
|
|
|
type: "value",
|
|
type: "value",
|
|
|
- // axisLine: { lineStyle: { color: "red" } },
|
|
|
|
|
- // splitLine: { show: false }, // 隐藏分割线
|
|
|
|
|
- splitLine: {
|
|
|
|
|
- lineStyle: {
|
|
|
|
|
- color: "rgba(255,255,255,0.12)",
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ axisLine: {
|
|
|
|
|
+ lineStyle: {
|
|
|
|
|
+ color: "#fff",
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
|
|
+ splitLine: {
|
|
|
|
|
+ lineStyle: {
|
|
|
|
|
+ type: "dashed",
|
|
|
|
|
+ color: "#113761",
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
],
|
|
],
|
|
|
yAxis: [
|
|
yAxis: [
|
|
|
{
|
|
{
|
|
@@ -558,7 +563,8 @@ export default {
|
|
|
data: [""],
|
|
data: [""],
|
|
|
splitLine: {
|
|
splitLine: {
|
|
|
lineStyle: {
|
|
lineStyle: {
|
|
|
- color: "red",
|
|
|
|
|
|
|
+ type: "dashed",
|
|
|
|
|
+ color: "#113761",
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
@@ -848,6 +854,12 @@ export default {
|
|
|
axisLabel: {
|
|
axisLabel: {
|
|
|
formatter: this.numberFormatter,
|
|
formatter: this.numberFormatter,
|
|
|
},
|
|
},
|
|
|
|
|
+ splitLine: {
|
|
|
|
|
+ lineStyle: {
|
|
|
|
|
+ type: "dashed",
|
|
|
|
|
+ color: "#113761",
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
});
|
|
});
|
|
@@ -859,6 +871,12 @@ export default {
|
|
|
min: 0,
|
|
min: 0,
|
|
|
|
|
|
|
|
axisLine: { lineStyle: { color: "#fff" } },
|
|
axisLine: { lineStyle: { color: "#fff" } },
|
|
|
|
|
+ splitLine: {
|
|
|
|
|
+ lineStyle: {
|
|
|
|
|
+ type: "dashed",
|
|
|
|
|
+ color: "#113761",
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
});
|
|
});
|
|
@@ -1009,7 +1027,8 @@ export default {
|
|
|
.lighter-container {
|
|
.lighter-container {
|
|
|
background-color: #eeeeee0b;
|
|
background-color: #eeeeee0b;
|
|
|
padding: 20px;
|
|
padding: 20px;
|
|
|
- margin: 15px;
|
|
|
|
|
|
|
+ // margin: 15px;
|
|
|
|
|
+ margin-top: 20px;
|
|
|
vertical-align: middle;
|
|
vertical-align: middle;
|
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
|
}
|
|
}
|
|
@@ -1171,7 +1190,7 @@ export default {
|
|
|
font-size: 20px;
|
|
font-size: 20px;
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
padding-left: 10px;
|
|
padding-left: 10px;
|
|
|
- border-left: 2px solid #3498db;
|
|
|
|
|
|
|
+ //border-left: 2px solid #3498db;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
}
|
|
}
|
|
|
|
|
|