拉取代码
This commit is contained in:
parent
b7899e798e
commit
2d511b4b99
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689819759152},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&lang=less&scoped=true&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=a83bd3b0&lang=less&scoped=true&\"\nimport style2 from \"./index.vue?vue&type=style&index=2&id=a83bd3b0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"a83bd3b0\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\林谷智能项目\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('a83bd3b0')) {\n api.createRecord('a83bd3b0', component.options)\n } else {\n api.reload('a83bd3b0', component.options)\n }\n module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n api.rerender('a83bd3b0', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
|
||||
{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689921027810},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&lang=less&scoped=true&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=a83bd3b0&lang=less&scoped=true&\"\nimport style2 from \"./index.vue?vue&type=style&index=2&id=a83bd3b0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"a83bd3b0\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\林谷智能项目\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('a83bd3b0')) {\n api.createRecord('a83bd3b0', component.options)\n } else {\n api.reload('a83bd3b0', component.options)\n }\n module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n api.rerender('a83bd3b0', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689761057444},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&\"\nimport script from \"./thirtyFiveKV.vue?vue&type=script&lang=js&\"\nexport * from \"./thirtyFiveKV.vue?vue&type=script&lang=js&\"\nimport style0 from \"./thirtyFiveKV.vue?vue&type=style&index=0&id=4bdb45b9&lang=less&scoped=true&\"\nimport style1 from \"./thirtyFiveKV.vue?vue&type=style&index=1&id=4bdb45b9&lang=less&scoped=true&\"\nimport style2 from \"./thirtyFiveKV.vue?vue&type=style&index=2&id=4bdb45b9&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"4bdb45b9\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\林谷智能项目\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('4bdb45b9')) {\n api.createRecord('4bdb45b9', component.options)\n } else {\n api.reload('4bdb45b9', component.options)\n }\n module.hot.accept(\"./thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&\", function () {\n api.rerender('4bdb45b9', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/views/thirtyFiveKV.vue\"\nexport default component.exports"]}
|
||||
{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689906004081},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&\"\nimport script from \"./thirtyFiveKV.vue?vue&type=script&lang=js&\"\nexport * from \"./thirtyFiveKV.vue?vue&type=script&lang=js&\"\nimport style0 from \"./thirtyFiveKV.vue?vue&type=style&index=0&id=4bdb45b9&lang=less&scoped=true&\"\nimport style1 from \"./thirtyFiveKV.vue?vue&type=style&index=1&id=4bdb45b9&lang=less&scoped=true&\"\nimport style2 from \"./thirtyFiveKV.vue?vue&type=style&index=2&id=4bdb45b9&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"4bdb45b9\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\林谷智能项目\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('4bdb45b9')) {\n api.createRecord('4bdb45b9', component.options)\n } else {\n api.reload('4bdb45b9', component.options)\n }\n module.hot.accept(\"./thirtyFiveKV.vue?vue&type=template&id=4bdb45b9&scoped=true&\", function () {\n api.rerender('4bdb45b9', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/views/thirtyFiveKV.vue\"\nexport default component.exports"]}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1560,22 +1560,6 @@ export default {
|
|||
/deep/ .el-table__body-wrapper {
|
||||
height: 195px !important;
|
||||
}
|
||||
.enselect {
|
||||
position: absolute;
|
||||
// left: 30px;
|
||||
img {
|
||||
// position: relative;
|
||||
float: left;
|
||||
}
|
||||
.text {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 20px;
|
||||
// right: -10px;
|
||||
font-size: 22px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 滚动条的宽度
|
||||
|
|
|
|||
|
|
@ -232,6 +232,8 @@
|
|||
height="600"
|
||||
style="position: absolute"
|
||||
></canvas>
|
||||
<img src="../assets/indexN/left.png" class="leftimg" alt="" />
|
||||
<img src="../assets/indexN/right.png" class="rightimg" alt="" />
|
||||
<img class="allimg" src="../assets/indexN/大丰市选中.png" alt="" />
|
||||
<div class="imgboxtwo1">
|
||||
<div class="cartitle">
|
||||
|
|
@ -256,8 +258,8 @@
|
|||
</div>
|
||||
<div class="imgboxone">
|
||||
<div class="contents">
|
||||
<div class="lines" style="width: 70%">
|
||||
<img src="../assets/indexN/图标1.png" style="margin-top: 30%" />
|
||||
<div class="lines" style="width: 55%">
|
||||
<img src="../assets/indexN/图标1.png" style="margin-top: 15%" />
|
||||
<h4 style="color: #fff; margin-top: 10%">数据目录</h4>
|
||||
</div>
|
||||
<div class="lines">
|
||||
|
|
@ -265,16 +267,16 @@
|
|||
<div class="num">
|
||||
<span>发布数量</span>
|
||||
<span class="yellow">
|
||||
100 <span style="color: #fff">%</span>
|
||||
100 <span style="color: #fff">%</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="num" style="margin-top: 15%">
|
||||
<div class="num" style="margin-top: 5%">
|
||||
<span>负面清单</span>
|
||||
<span class="orange">
|
||||
7244 <span style="color: #fff">个</span>
|
||||
7244<span style="color: #fff">个</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="num" style="margin-top: 15%">
|
||||
<div class="num" style="margin-top: 5%">
|
||||
<span>涉及系统</span>
|
||||
<span class="yellow">
|
||||
251 <span style="color: #fff">个</span>
|
||||
|
|
@ -282,8 +284,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lines" style="width: 70%">
|
||||
<img src="../assets/indexN/图标2.png" style="margin-top: 30%" />
|
||||
<div class="lines" style="width: 55%">
|
||||
<img src="../assets/indexN/图标2.png" style="margin-top: 15%" />
|
||||
<h4 style="color: #fff; margin-top: 10%">数据资源</h4>
|
||||
</div>
|
||||
<div class="lines">
|
||||
|
|
@ -293,33 +295,29 @@
|
|||
<span>接入数量</span>
|
||||
</div>
|
||||
<span class="yellow"
|
||||
> 1.6 <span style="color: #fff"
|
||||
>万个</span
|
||||
></span
|
||||
> 1.6 <span style="color: #fff">万个</span></span
|
||||
>
|
||||
</div>
|
||||
<div class="num" style="margin-top: 15%">
|
||||
<div class="num" style="margin-top: 5%">
|
||||
<div style="display: inline-block">
|
||||
<span>涉及系统</span>
|
||||
</div>
|
||||
<span class="orange"
|
||||
> 123 <span style="color: #fff"
|
||||
>个</span
|
||||
></span
|
||||
> 123 <span style="color: #fff">个</span></span
|
||||
>
|
||||
</div>
|
||||
<div class="num" style="margin-top: 15%">
|
||||
<div class="num" style="margin-top: 5%">
|
||||
<div style="display: inline-block">
|
||||
<span>数据资源卡片</span>
|
||||
</div>
|
||||
<span class="yellow"
|
||||
>31 <span style="color: #fff">个</span></span
|
||||
>31<span style="color: #fff">个</span></span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lines" style="width: 70%">
|
||||
<img src="../assets/indexN/图标3.png" style="margin-top: 30%" />
|
||||
<div class="lines" style="width: 55%">
|
||||
<img src="../assets/indexN/图标3.png" style="margin-top: 15%" />
|
||||
<h4 style="color: #fff; margin-top: 10%">数据服务</h4>
|
||||
</div>
|
||||
<div class="lines">
|
||||
|
|
@ -329,29 +327,29 @@
|
|||
<span>服务数量</span>
|
||||
</div>
|
||||
<span class="yellow">
|
||||
1084 <span style="color: #fff">个</span>
|
||||
1084<span style="color: #fff">个</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="num" style="margin-top: 15%">
|
||||
<div class="num" style="margin-top: 5%">
|
||||
<div style="display: inline-block">
|
||||
<span>接入数量</span>
|
||||
</div>
|
||||
<span class="orange">
|
||||
8833 <span style="color: #fff">个</span>
|
||||
8833<span style="color: #fff">个</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="num" style="margin-top: 15%">
|
||||
<div class="num" style="margin-top: 5%">
|
||||
<div style="display: inline-block">
|
||||
<span>访问次数</span>
|
||||
</div>
|
||||
<span class="yellow">
|
||||
5.3 <span style="color: #fff">亿个</span>
|
||||
5.3 <span style="color: #fff">亿个</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lines" style="width: 70%">
|
||||
<img src="../assets/indexN/图标4.png" style="margin-top: 30%" />
|
||||
<div class="lines" style="width: 55%">
|
||||
<img src="../assets/indexN/图标4.png" style="margin-top: 15%" />
|
||||
<h4 style="color: #fff; margin-top: 10%">数据产品</h4>
|
||||
</div>
|
||||
<div class="lines">
|
||||
|
|
@ -361,29 +359,23 @@
|
|||
<span>报表数量</span>
|
||||
</div>
|
||||
<span class="yellow"
|
||||
> 19 <span style="color: #fff"
|
||||
>个</span
|
||||
></span
|
||||
> 19 <span style="color: #fff">个</span></span
|
||||
>
|
||||
</div>
|
||||
<div class="num" style="margin-top: 15%">
|
||||
<div class="num" style="margin-top: 5%">
|
||||
<div style="display: inline-block">
|
||||
<span>服务访问次数</span>
|
||||
</div>
|
||||
<span class="orange"
|
||||
> 0 <span style="color: #fff"
|
||||
>次</span
|
||||
></span
|
||||
> 0 <span style="color: #fff">次</span></span
|
||||
>
|
||||
</div>
|
||||
<div class="num" style="margin-top: 15%">
|
||||
<div class="num" style="margin-top: 5%">
|
||||
<div style="display: inline-block">
|
||||
<span>指标数量</span>
|
||||
</div>
|
||||
<span class="yellow"
|
||||
> 477 <span style="color: #fff"
|
||||
>个</span
|
||||
></span
|
||||
> 477 <span style="color: #fff">个</span></span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -452,6 +444,10 @@
|
|||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="enselect">
|
||||
<img src="../assets/02/地区选择下拉菜单.png" alt="" />
|
||||
<span class="text">乡镇</span>
|
||||
</div>
|
||||
<div id="detailedFive"></div>
|
||||
</div>
|
||||
|
||||
|
|
@ -1068,7 +1064,7 @@ export default {
|
|||
var canvas = document.getElementById("myCanvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.moveTo(650, 450); // moveTo(x,y) 定义线条开始坐标
|
||||
ctx.lineTo(830, 300); // lineTo(x,y) 定义线条结束坐标
|
||||
ctx.lineTo(735, 250); // lineTo(x,y) 定义线条结束坐标
|
||||
ctx.strokeStyle = "orange";
|
||||
ctx.lineWidth = 3;
|
||||
ctx.stroke();
|
||||
|
|
@ -1331,22 +1327,26 @@ export default {
|
|||
color: "#ffffff", //字体颜色
|
||||
},
|
||||
|
||||
data: ["配变名称"],
|
||||
data: ["配变停电"],
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: "category",
|
||||
data: [
|
||||
"钱南1配变",
|
||||
"钱南2配变",
|
||||
"钱南3配变",
|
||||
"钱南4配变",
|
||||
"钱南5配变",
|
||||
"亭湖区",
|
||||
"东台市",
|
||||
"建湖县",
|
||||
"阜宁县",
|
||||
"响水县",
|
||||
"滨海县",
|
||||
"射阳县",
|
||||
"大丰区",
|
||||
],
|
||||
axisLabel: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: "#ffffff",
|
||||
fontSize: 16,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
|
@ -1358,6 +1358,7 @@ export default {
|
|||
axisLabel: {
|
||||
textStyle: {
|
||||
color: "#ffffff",
|
||||
fontSize: 16,
|
||||
},
|
||||
},
|
||||
splitLine: {
|
||||
|
|
@ -1373,19 +1374,36 @@ export default {
|
|||
],
|
||||
series: [
|
||||
{
|
||||
name: "配变名称",
|
||||
name: "配变停电",
|
||||
type: "bar",
|
||||
barWidth: 40, // 柱子宽度核心代码
|
||||
barWidth: 40, // 柱子宽度核心代码，
|
||||
itemStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 1, color: "rgba(86,254,226,.2) " },
|
||||
{ offset: 0.5, color: "rgb(86,254,226,.6)" },
|
||||
{ offset: 0, color: "rgb(86,254,226)" },
|
||||
]),
|
||||
normal: {
|
||||
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||||
{
|
||||
//代表渐变色从正上方开始
|
||||
offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色
|
||||
color: "rgba(2,255,255,.3)",
|
||||
}, //柱图渐变色
|
||||
{
|
||||
offset: 1, //指100%处的颜色
|
||||
color: "rgb(2,255,255)",
|
||||
},
|
||||
]),
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: "top", //在上方显示
|
||||
textStyle: {
|
||||
//数值样式
|
||||
color: "#00ffff",
|
||||
fontSize: 18,
|
||||
},
|
||||
},
|
||||
},
|
||||
borderRadius: [7, 7, 0, 0], // 柱状图圆角
|
||||
borderWidth: 0,
|
||||
},
|
||||
data: [320, 332, 301, 334, 390],
|
||||
data: [5109, 5520, 5354, 5511, 4789, 5254, 5411, 4889],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
|
@ -1803,74 +1821,185 @@ export default {
|
|||
var myChart = this.$echarts.init(
|
||||
document.getElementById("horizontalChart")
|
||||
);
|
||||
var bg =
|
||||
"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=";
|
||||
var bar =
|
||||
"image://data:image/png;base64,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";
|
||||
var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];
|
||||
var barWidth = 20;
|
||||
var maxNum = 0;
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
if (data[i] > maxNum) {
|
||||
maxNum = data[i];
|
||||
}
|
||||
}
|
||||
var honorData = [
|
||||
{
|
||||
name: "60天内掉电客户数",
|
||||
data: [13.4, 12.1, 14.3],
|
||||
},
|
||||
{
|
||||
name: "60天内掉电总数",
|
||||
data: [9.4, 8.1, 7.3],
|
||||
},
|
||||
];
|
||||
var honorXAxisData = ["No.3", "No.2", "No.1"];
|
||||
var nameList = [
|
||||
"PMS_晨光满园9台区",
|
||||
"滨河华苑3台区",
|
||||
"PMS_晨光满园11台区",
|
||||
];
|
||||
var option = {
|
||||
color: ["#0F9AF8", "#2039C3", "rgba(32,57,195,.5)", "#2ECACE"],
|
||||
tooltip: {
|
||||
trigger: "axis",
|
||||
axisPointer: {
|
||||
type: "none",
|
||||
},
|
||||
},
|
||||
legend: {
|
||||
right: 20,
|
||||
top: "5%",
|
||||
itemWidth: 10,
|
||||
itemHeight: 10,
|
||||
itemGap: 15,
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
fontSize: 18,
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
top: "10%",
|
||||
left: "10%",
|
||||
right: "12%",
|
||||
top: "15%",
|
||||
left: "14%",
|
||||
right: "0%",
|
||||
bottom: "0%",
|
||||
},
|
||||
xAxis: {
|
||||
show: false,
|
||||
},
|
||||
yAxis: {
|
||||
data: data.map((item, index) => `No. ${index}`),
|
||||
splitLine: {
|
||||
xAxis: [
|
||||
{
|
||||
type: "value",
|
||||
show: false,
|
||||
axisLine: {
|
||||
show: false,
|
||||
},
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
axisLabel: {
|
||||
color: "#6B9DD7",
|
||||
fontSize: 16, // 文字大小
|
||||
fontWeight: 400,
|
||||
interval: 0,
|
||||
formatter: function (value) {
|
||||
return value + "(万元)";
|
||||
},
|
||||
},
|
||||
splitLine: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
axisLabel: {
|
||||
textStyle: { fontSize: 18, color: "#02afff" },
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: "category",
|
||||
offset: 17,
|
||||
axisLine: {
|
||||
show: false,
|
||||
},
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
axisLabel: {
|
||||
color: "#00FFFF",
|
||||
fontSize: 20, // 文字大小
|
||||
fontWeight: 700,
|
||||
interval: 0,
|
||||
},
|
||||
|
||||
data: honorXAxisData,
|
||||
},
|
||||
axisLine: {
|
||||
show: false,
|
||||
{
|
||||
//名称
|
||||
type: "category",
|
||||
offset: -10,
|
||||
position: "left",
|
||||
axisLine: {
|
||||
show: false,
|
||||
},
|
||||
inverse: true,
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
color: "#fff",
|
||||
align: "left",
|
||||
verticalAlign: "bottom",
|
||||
lineHeight: 40,
|
||||
fontSize: 20,
|
||||
},
|
||||
data: nameList,
|
||||
},
|
||||
axisTick: false,
|
||||
},
|
||||
],
|
||||
series: [
|
||||
{
|
||||
type: "pictorialBar",
|
||||
barWidth: barWidth,
|
||||
zlevel: 2,
|
||||
data: data.map(function (item) {
|
||||
return {
|
||||
value: item,
|
||||
symbol: bar,
|
||||
};
|
||||
}),
|
||||
name: "60天内掉电客户数",
|
||||
type: "bar",
|
||||
stack: "zongliang",
|
||||
barWidth: "25%",
|
||||
barGap: 15, // 柱图之间的间距
|
||||
itemStyle: {
|
||||
//自定义颜色
|
||||
// normal: { color: "orange" },
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
||||
{
|
||||
//代表渐变色从正上方开始
|
||||
offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色
|
||||
color: "rgba(255,165,0,.4)",
|
||||
}, //柱图渐变色
|
||||
{
|
||||
offset: 1, //指100%处的颜色
|
||||
color: "rgb(255,165,0)",
|
||||
},
|
||||
]),
|
||||
},
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
position: ["80%", "-100%"],
|
||||
formatter: function (params) {
|
||||
return params.value;
|
||||
},
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
fontSize: 18,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
data: honorData[0].data,
|
||||
},
|
||||
{
|
||||
type: "pictorialBar",
|
||||
barWidth: barWidth,
|
||||
data: data.map(function (item) {
|
||||
return {
|
||||
realValue: item,
|
||||
value: maxNum,
|
||||
symbol: bg,
|
||||
};
|
||||
}),
|
||||
label: {
|
||||
show: true,
|
||||
position: "right",
|
||||
distance: 80,
|
||||
align: "right",
|
||||
formatter: function (params) {
|
||||
return params.data.realValue + " 万";
|
||||
},
|
||||
color: "#02afff",
|
||||
fontSize: 18,
|
||||
name: "60天内掉电总数",
|
||||
type: "bar",
|
||||
stack: "zongliang",
|
||||
barWidth: "25%",
|
||||
itemStyle: {
|
||||
//自定义颜色
|
||||
// normal: { color: "orange" },
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
||||
{
|
||||
//代表渐变色从正上方开始
|
||||
offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色
|
||||
color: "#005BEA",
|
||||
}, //柱图渐变色
|
||||
{
|
||||
offset: 1, //指100%处的颜色
|
||||
color: "#00C6FB",
|
||||
},
|
||||
]),
|
||||
},
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
position: ["80%", "-100%"],
|
||||
formatter: function (params) {
|
||||
return params.value;
|
||||
},
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
fontSize: 18,
|
||||
},
|
||||
},
|
||||
},
|
||||
data: honorData[1].data,
|
||||
},
|
||||
],
|
||||
};
|
||||
|
|
@ -1956,30 +2085,34 @@ export default {
|
|||
data: [
|
||||
{
|
||||
value: 27,
|
||||
name: "严重不满人员",
|
||||
name: "国网大丰市供电公司",
|
||||
},
|
||||
{
|
||||
value: 30,
|
||||
name: "关注群体",
|
||||
name: "国网射阳县供电公司",
|
||||
},
|
||||
{
|
||||
value: 24,
|
||||
name: "散居外国人",
|
||||
name: "开发区供电服务中心",
|
||||
},
|
||||
{
|
||||
value: 27,
|
||||
name: "上访重点人",
|
||||
name: "盐城运维检修部",
|
||||
},
|
||||
{
|
||||
value: 27,
|
||||
name: "重点精神病",
|
||||
name: "设备管理部",
|
||||
},
|
||||
{
|
||||
value: 27,
|
||||
name: "国网响水县供电公司",
|
||||
},
|
||||
],
|
||||
labelLine: {
|
||||
normal: {
|
||||
show: true,
|
||||
length: 50,
|
||||
length2: 50,
|
||||
length: 20,
|
||||
length2: 10,
|
||||
lineStyle: {
|
||||
color: "#CCCCCC",
|
||||
width: 2,
|
||||
|
|
@ -1991,7 +2124,7 @@ export default {
|
|||
formatter: "{b|{b}}\n{hr|}\n{c|{c}%}",
|
||||
rich: {
|
||||
b: {
|
||||
fontSize: 14,
|
||||
fontSize: 20,
|
||||
color: "#FFF",
|
||||
align: "left",
|
||||
padding: 4,
|
||||
|
|
@ -2003,10 +2136,10 @@ export default {
|
|||
height: 0,
|
||||
},
|
||||
c: {
|
||||
fontSize: 14,
|
||||
fontSize: 20,
|
||||
align: "center",
|
||||
padding: 4,
|
||||
color: "#00EDED",
|
||||
color: "#fff",
|
||||
},
|
||||
},
|
||||
},
|
||||
|
|
@ -2766,6 +2899,13 @@ export default {
|
|||
type: "shadow",
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
left: "5%", //图表距离容器左侧多少距离
|
||||
right: "5%", //图表距离容器右侧侧多少距离
|
||||
bottom: "0%", //图表距离容器上面多少距离
|
||||
top: "30%", //图表距离容器下面多少距离
|
||||
containLabel: true, //防止标签溢出
|
||||
},
|
||||
// legend: {
|
||||
// textStyle: {
|
||||
// fontSize: 18, //字体大小
|
||||
|
|
@ -2778,16 +2918,21 @@ export default {
|
|||
{
|
||||
type: "category",
|
||||
data: [
|
||||
"钱南1配变",
|
||||
"钱南2配变",
|
||||
"钱南3配变",
|
||||
"钱南4配变",
|
||||
"钱南5配变",
|
||||
"长荡镇",
|
||||
"河海镇",
|
||||
"黄沙港镇",
|
||||
"临海镇",
|
||||
"兴桥镇",
|
||||
"合德镇",
|
||||
"四明镇",
|
||||
"特庸镇",
|
||||
],
|
||||
axisLabel: {
|
||||
interval: 0, //横轴信息全部显示
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: "#ffffff",
|
||||
fontSize: 18,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
|
@ -2799,6 +2944,7 @@ export default {
|
|||
axisLabel: {
|
||||
textStyle: {
|
||||
color: "#ffffff",
|
||||
fontSize: 18,
|
||||
},
|
||||
},
|
||||
splitLine: {
|
||||
|
|
@ -2818,15 +2964,30 @@ export default {
|
|||
type: "bar",
|
||||
barWidth: 40, // 柱子宽度核心代码
|
||||
itemStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 1, color: "rgba(86,254,226,.2) " },
|
||||
{ offset: 0.5, color: "rgb(86,254,226,.6)" },
|
||||
{ offset: 0, color: "rgb(86,254,226)" },
|
||||
]),
|
||||
borderRadius: [7, 7, 0, 0], // 柱状图圆角
|
||||
borderWidth: 0,
|
||||
normal: {
|
||||
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||||
{
|
||||
//代表渐变色从正上方开始
|
||||
offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色
|
||||
color: "rgba(232, 155, 0,.3)",
|
||||
}, //柱图渐变色
|
||||
{
|
||||
offset: 1, //指100%处的颜色
|
||||
color: "rgb(232, 155, 0)",
|
||||
},
|
||||
]),
|
||||
label: {
|
||||
show: true, //开启显示
|
||||
position: "top", //在上方显示
|
||||
textStyle: {
|
||||
//数值样式
|
||||
color: "rgb(232, 155, 0)",
|
||||
fontSize: 18,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
data: [320, 332, 301, 334, 390],
|
||||
data: [87.69, 84.69, 82.69, 83.69, 77.69, 67.69, 57.69, 47.69],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
|
@ -3250,7 +3411,7 @@ export default {
|
|||
// width: 100%;
|
||||
// height: calc(100% - 52px);
|
||||
width: 60%;
|
||||
height: calc(100% - 200px);
|
||||
height: calc(100% - 150px);
|
||||
position: absolute;
|
||||
top: 28%;
|
||||
left: 33%;
|
||||
|
|
@ -3375,7 +3536,7 @@ export default {
|
|||
}
|
||||
#detailedOne {
|
||||
width: 100%;
|
||||
height: calc(100% - 200px);
|
||||
height: calc(100% - 160px);
|
||||
}
|
||||
#horizontalChart {
|
||||
// width: 100%;
|
||||
|
|
@ -3396,11 +3557,11 @@ export default {
|
|||
.imgboxone {
|
||||
background: url("../assets/indexN/中间总数据外框.png") no-repeat;
|
||||
background-size: 100%;
|
||||
width: 80%;
|
||||
width: 65%;
|
||||
height: 20%;
|
||||
position: relative;
|
||||
top: -28%;
|
||||
left: 19%;
|
||||
left: 25%;
|
||||
.contents {
|
||||
// height: 90%;
|
||||
position: absolute;
|
||||
|
|
@ -3425,7 +3586,7 @@ export default {
|
|||
align-items: left;
|
||||
color: #ffffff;
|
||||
span {
|
||||
font-size: 20px;
|
||||
font-size: 18px;
|
||||
}
|
||||
h5 {
|
||||
font-size: 34px;
|
||||
|
|
@ -3453,8 +3614,8 @@ export default {
|
|||
background: url("../assets/indexN/弹窗.png") no-repeat;
|
||||
background-size: 100%;
|
||||
float: right;
|
||||
right: 2%;
|
||||
top: 23%;
|
||||
right: 8%;
|
||||
top: 20%;
|
||||
width: 28vh;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
|
@ -3481,9 +3642,17 @@ export default {
|
|||
display: table-cell;
|
||||
text-align: center;
|
||||
margin-left: -20%;
|
||||
.leftimg {
|
||||
position: absolute;
|
||||
left: 34.5%;
|
||||
}
|
||||
.rightimg {
|
||||
position: absolute;
|
||||
right: 35%;
|
||||
}
|
||||
.allimg {
|
||||
position: relative;
|
||||
left: 28.8%;
|
||||
left: 28.5%;
|
||||
top: 34%;
|
||||
}
|
||||
}
|
||||
|
|
@ -3497,6 +3666,22 @@ export default {
|
|||
flex-flow: column nowrap;
|
||||
justify-content: space-between;
|
||||
|
||||
.enselect {
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: 50%;
|
||||
img {
|
||||
float: right;
|
||||
}
|
||||
.text {
|
||||
float: right;
|
||||
// right: -10px;
|
||||
margin-right: -60px;
|
||||
font-size: 20px;
|
||||
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
& > div {
|
||||
width: 100%;
|
||||
background: url("../assets/indexN/boxLr.png") no-repeat;
|
||||
|
|
@ -3828,7 +4013,7 @@ export default {
|
|||
|
||||
#detailedFive {
|
||||
width: 100%;
|
||||
height: calc(100% - 150px);
|
||||
height: calc(100% - 190px);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue