拉取代码

node_modules/.cache/vue-loader/3d431fa1d4ee6958813486cac0af620a.json

@@ -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"]}

node_modules/.cache/vue-loader/9119f9f249f2da9f6bd30803833adb3c.json

@@ -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"]}

src/views/enterprisePollutionMonitoring.vue

@@ -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;
-    }
-  }
 }
 
 // 滚动条的宽度

src/views/index.vue

@@ -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%">
+            <div class="lines" style="width: 55%">
-              <img src="../assets/indexN/图标1.png" style="margin-top: 30%" />
+              <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">
-                    &nbsp;100&nbsp;<span style="color: #fff">%</span>
+                    100&nbsp;<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">
-                    &nbsp;7244&nbsp;<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">
                     &nbsp;251&nbsp;<span style="color: #fff">个</span>
@@ -282,8 +284,8 @@
                 </div>
               </div>
             </div>
-            <div class="lines" style="width: 70%">
+            <div class="lines" style="width: 55%">
-              <img src="../assets/indexN/图标2.png" style="margin-top: 30%" />
+              <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"
-                    >&nbsp;&nbsp;1.6&nbsp;<span style="color: #fff"
+                    >&nbsp;1.6&nbsp;<span style="color: #fff">万个</span></span
-                      >万个</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"
-                    >&nbsp;&nbsp;123&nbsp;<span style="color: #fff"
+                    >&nbsp;123&nbsp;<span style="color: #fff">个</span></span
-                      >个</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&nbsp;<span style="color: #fff">个</span></span
+                    >31<span style="color: #fff">个</span></span
                   >
                 </div>
               </div>
             </div>
-            <div class="lines" style="width: 70%">
+            <div class="lines" style="width: 55%">
-              <img src="../assets/indexN/图标3.png" style="margin-top: 30%" />
+              <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">
-                    &nbsp;1084&nbsp;<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">
-                    &nbsp;8833&nbsp;<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">
-                    &nbsp;5.3&nbsp;<span style="color: #fff">亿个</span>
+                    5.3&nbsp;<span style="color: #fff">亿个</span>
                   </span>
                 </div>
               </div>
             </div>
-            <div class="lines" style="width: 70%">
+            <div class="lines" style="width: 55%">
-              <img src="../assets/indexN/图标4.png" style="margin-top: 30%" />
+              <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"
-                    >&nbsp;&nbsp;19&nbsp;<span style="color: #fff"
+                    >&nbsp;19&nbsp;<span style="color: #fff">个</span></span
-                      >个</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"
-                    >&nbsp;&nbsp;0&nbsp;<span style="color: #fff"
+                    >&nbsp;0&nbsp;<span style="color: #fff">次</span></span
-                      >次</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"
-                    >&nbsp;&nbsp;477&nbsp;<span style="color: #fff"
+                    >&nbsp;477&nbsp;<span style="color: #fff">个</span></span
-                      >个</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, [
+              normal: {
-                { offset: 1, color: "rgba(86,254,226,.2) " },
+                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
-                { offset: 0.5, color: "rgb(86,254,226,.6)" },
+                  {
-                { offset: 0, color: "rgb(86,254,226)" },
+                    //代表渐变色从正上方开始
-              ]),
+                    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 =
+      var honorData = [
-        "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=";
+        {
-      var bar =
+          name: "60天内掉电客户数",
-        "image://data:image/png;base64,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";
+          data: [13.4, 12.1, 14.3],
-      var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];
+        },
-      var barWidth = 20;
+        {
-      var maxNum = 0;
+          name: "60天内掉电总数",
-      for (var i = 0; i < data.length; i++) {
+          data: [9.4, 8.1, 7.3],
-        if (data[i] > maxNum) {
+        },
-          maxNum = data[i];
+      ];
-        }
+      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%",
+          top: "15%",
-          left: "10%",
+          left: "14%",
-          right: "12%",
+          right: "0%",
           bottom: "0%",
         },
-        xAxis: {
+        xAxis: [
-          show: false,
+          {
-        },
+            type: "value",
-        yAxis: {
-          data: data.map((item, index) => `No. ${index}`),
-          splitLine: {
             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",
+            name: "60天内掉电客户数",
-            barWidth: barWidth,
+            type: "bar",
-            zlevel: 2,
+            stack: "zongliang",
-            data: data.map(function (item) {
+            barWidth: "25%",
-              return {
+            barGap: 15, // 柱图之间的间距
-                value: item,
+            itemStyle: {
-                symbol: bar,
+              //自定义颜色
-              };
+              // 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",
+            name: "60天内掉电总数",
-            barWidth: barWidth,
+            type: "bar",
-            data: data.map(function (item) {
+            stack: "zongliang",
-              return {
+            barWidth: "25%",
-                realValue: item,
+            itemStyle: {
-                value: maxNum,
+              //自定义颜色
-                symbol: bg,
+              // normal: { color: "orange" },
-              };
+              color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
-            }),
+                {
-            label: {
+                  //代表渐变色从正上方开始
-              show: true,
+                  offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色
-              position: "right",
+                  color: "#005BEA",
-              distance: 80,
+                }, //柱图渐变色
-              align: "right",
+                {
-              formatter: function (params) {
+                  offset: 1, //指100%处的颜色
-                return params.data.realValue + " 万";
+                  color: "#00C6FB",
-              },
+                },
-              color: "#02afff",
+              ]),
-              fontSize: 18,
             },
+            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,
+                length: 20,
-                length2: 50,
+                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, [
+              normal: {
-                { offset: 1, color: "rgba(86,254,226,.2) " },
+                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
-                { offset: 0.5, color: "rgb(86,254,226,.6)" },
+                  {
-                { offset: 0, color: "rgb(86,254,226)" },
+                    //代表渐变色从正上方开始
-              ]),
+                    offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色
-              borderRadius: [7, 7, 0, 0], // 柱状图圆角
+                    color: "rgba(232, 155, 0,.3)",
-              borderWidth: 0,
+                  }, //柱图渐变色
+                  {
+                    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%;
+      right: 8%;
-      top: 23%;
+      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);
     }
   }