From 42b90c73ec1a9f4ce40e92049d28b1617c721c7d Mon Sep 17 00:00:00 2001
From: lixiaobang <2547956374@qq.com>
Date: Wed, 9 Nov 2022 10:40:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue        |   2 +
 src/api/index.js   |  12 +++
 src/views/Home.vue | 202 ++++++++++++++++++++++++++++-----------------
 3 files changed, 140 insertions(+), 76 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3d9403f..76c600a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -113,6 +113,8 @@ export default {
     .active{
       color: #ffffff;
       background: url('./assets/images/routerActive.png') no-repeat;
+      background-size: 100% 100%;
+      
     }
   }
   .right{
diff --git a/src/api/index.js b/src/api/index.js
index ee818b1..6d65199 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -21,4 +21,16 @@ export const getDevice = (params) => {
     return axios.get('/Handler/Device.ashx', {
         params
     })
+};
+//班组故障查询
+export const getBanzugz = (params) => {
+    return axios.get('/Handler/Banzugz.ashx', {
+        params
+    })
+};
+//查询工单统计
+export const getGdtj = (params) => {
+    return axios.get('/Handler/gdtj.ashx', {
+        params
+    })
 };
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 6b471d5..bf59a53 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -76,57 +76,62 @@
         </div>
       </div>
       <div class="two" style="height: 570px">
-        <div class="cartitle">全市本周配网故障次数</div>
+        <div class="cartitle">
+          <div class="titleFont">
+            全市本周配网故障次数
+          </div>
+        </div>
         <div class="table user_skills">
           <el-table
             :data="tableData"
             style="width: 100%; height: 100%"
             :header-cell-style="{ 'text-align': 'center' }"
             :cell-style="{ 'text-align': 'center' }"
+            
           >
-            <el-table-column label="" align="center" width="10">
+            <el-table-column label="" align="center" width="20">
               <template slot-scope="scop">
                 {{ scop.$index + 1 }}
               </template>
             </el-table-column>
-            <el-table-column prop="name" label="班组" width="80">
+            <el-table-column prop="bz" label="班组" width="80" :show-overflow-tooltip="true">
             </el-table-column>
-            <el-table-column prop="line" label="故障路线" width="80">
+            <el-table-column prop="gzxl" label="故障路线" width="80" :show-overflow-tooltip="true">
             </el-table-column>
-            <el-table-column prop="why" label="故障原因" width="80">
+            <el-table-column prop="gzyy" label="故障原因" width="80" :show-overflow-tooltip="true">
             </el-table-column>
-            <el-table-column prop="sucss" label="重合成功" width="60">
+            <el-table-column prop="chcg" label="重合成功" width="60">
               <template slot-scope="scope">
                 <div style="color:#ffbc3a">
-                {{ scope.row.sucss}}
+                {{ scope.row.chcg}}
                  </div>
               </template>
             </el-table-column>
-            <el-table-column prop="unsucss" label="重合不成" width="80">
+            <el-table-column prop="chbc" label="重合不成" width="80">
                <template slot-scope="scope">
                 <div style="color:#ffbc3a">
-                {{ scope.row.unsucss}}
+                {{ scope.row.chbc}}
                  </div>
               </template>
             </el-table-column>
-            <el-table-column prop="noneunsucss" label="无重合闸" width="60">
+            <el-table-column prop="wchz" label="无重合闸" width="60">
                <template slot-scope="scope">
                 <div style="color:#2793ff">
-                {{ scope.row.noneunsucss}}
+                {{ scope.row.wchz}}
                  </div>
                </template>
             </el-table-column>
-            <el-table-column prop="address" label="接地" width="60">
+            <el-table-column prop="jiedi" label="接地" width="60">
               <template slot-scope="scope">
                 <div style="color:#794af8">
-                {{ scope.row.address}}
+                {{ scope.row.jiedi}}
                  </div>
                </template>
             </el-table-column>
-            <el-table-column prop="total" label="合计" width="60">
+            <el-table-column prop="heji" label="合计" width="60">
                <template slot-scope="scope">
                 <div style="color:#ee8316">
-                {{ scope.row.total}}
+                {{ scope.row.heji}}
                  </div>
               </template>
             </el-table-column>
@@ -180,7 +185,11 @@
       </div>
       <div class="detailed">
         <div class="two" style="height: 350px; width: 780px">
-          <div class="cartitle">本周路线故障跳闸明细</div>
+          <div class="cartitle">
+            <div class="titleFont">
+            本周路线故障跳闸明细
+            </div>
+          </div>
           <div class="detailedOneList">
           <div>
             单位
@@ -219,7 +228,10 @@
           <div id="detailedOne" style="height:90%"></div>
         </div>
         <div class="three" style="height: 350px; width: 780px">
-          <div class="cartitle">本年度路线故障调闸明细</div>
+          <div class="cartitle">
+            <div class="titleFont">
+            本年度路线故障调闸明细</div>
+          </div>
           <div id="detailedFour"></div>
         </div>
       </div>
@@ -227,7 +239,10 @@
     <div class="right">
       <div class="one" style="height: 310px">
         <div class="cartitle">
-          <div  style="width: 82%;display: flex;justify-content: space-between;align-items: center;">盐都配变停运管理情况
+          <div  style="width: 82%;display: flex;justify-content: space-between;align-items: center;">
+            <div class="titleFont">
+            盐都配变停运管理情况
+            </div>
             <div class="dateSelect">
             <div style="text-indent: 15px;" @click="handleDate(index)" :class="addColor(index)" v-for="(item,index) in dateList" :key="index">
               {{item}}
@@ -244,11 +259,19 @@
          <div style="height:90%" id="detailedFive"></div>
       </div>
       <div class="two" style="height: 340px">
-        <div class="cartitle">盐都供电质量统计</div>
+        <div class="cartitle">
+          <div class="titleFont">
+          盐都供电质量统计
+          </div>
+          </div>
         <div id="detailedTwo"></div>
       </div>
       <div class="three" style="height: 310px">
-        <div class="cartitle">工单统计</div>
+        <div class="cartitle">
+          <div class="titleFont">
+          工单统计
+          </div>
+        </div>
         <div id="detailedThree"></div>
       </div>
     </div>
@@ -303,7 +326,7 @@
 </template>
 
 <script>
-import { getCompanyInfo,getLine} from "../api/index.js";
+import { getCompanyInfo,getLine,getBanzugz,getGdtj} from "../api/index.js";
 import ringMainUnit from  "./HomePop/ringMainUnit.vue"
 export default {
   name: "home",
@@ -312,6 +335,7 @@ export default {
   },
   data() {
     return {
+      dataGzList:[],
       dateList: ['周','月'],
       acolor: true,//是否展示颜色
       currentIndex : -1,
@@ -325,18 +349,7 @@ export default {
       modelOthers: false,
       componentShow: "",
       CompanyInfo: {},
-      tableData: [
-        {
-          name: "大岗供电所",
-          line: "10kv龙灯线",
-          why: "125-10",
-          sucss: "1",
-          unsucss: "1",
-          noneunsucss: "/",
-          address: "/",
-          total: "2",
-        },
-      ],
+      tableData: [],
       btnArr: ["总览", "环网柜", "分支箱", "箱变", "开闭所", "热力图"],
       btnActive: 0,
       iconGround:[
@@ -399,16 +412,37 @@ export default {
     ).then((res)=>{
       if (res.data != '') {
         this.options = Object.keys(res.data.data).map((item,index)=>{
-          console.log(res.data.data[index],"res.data.data");
           return {value:res.data.data[index].line_code,label:res.data.data[index].line_name}
         })
       }
       
     })
+    //周查询班组
+    getBanzugz(
+      {
+        action: 'week'
+      }
+    ).then((res)=>{
+      for (let i = 0; i < res.data.data.length; i++) {
+        this.tableData.push(res.data.data[i])
+      }
+    })
+    //工单统计
+    getGdtj().then((res)=>{
+      let dataList = res.data.data
+      this.detailedThree(dataList);
+    })
+    //年度查询班组
+    getBanzugz(
+      {
+        action: 'year'
+      }
+    ).then((res)=>{
+       this.dataGzList=res.data.data
+        this.detailedFour(this.dataGzList);
+    })
     this.detailedOne();
-    this.detailedThree();
     this.detailedTwo();
-    this.detailedFour();
     this.detailedFive();
     this.handleDate(0);
     let that = this;
@@ -773,23 +807,23 @@ export default {
 };
       myChart.setOption(option);
     },
-    detailedThree(){
-      var equipment = ["运检类投诉","运检类意见"];
+    detailedThree(dataList){
+      var equipment = [dataList.yjlts,dataList.yjlyj];
       var colorList = ["#0090ff","#06d3c4","#66b0ed","#7cb79d"]
       var dataList = [{
-          value: 875,
+          value: dataList.pftd,
           name: "频繁停电",
         },
         {
-          value: 1239,
+          value: dataList.dctd,
           name: "多次停电",
         },
         {
-          value: 1239,
+          value: dataList.clsjc,
           name: "处理时间长",
         },
         {
-          value: 500,
+          value: dataList.mspc,
           name: "民事赔偿",
         },]
       var myChart = this.$echarts.init(document.getElementById("detailedThree"));
@@ -883,7 +917,7 @@ export default {
         normal: {
           formatter: function (params) {
             if (params.value != 0)
-              return params.data.type + ":" + params.value + "个";
+              return params.data.name + ":" + params.data.type + "个";
             else return "";
           },
           color:"#ffffff",
@@ -893,13 +927,13 @@ export default {
 
       data: [
         {
-          value: 135,
-          name: "传输",
+          value: equipment[0],
+          name: "运检类投诉",
           type: equipment[0],
         },
         {
-          value: 230,
-          name: "话务",
+          value: equipment[1],
+          name: "运检类意见",
           type: equipment[1],
         },
        
@@ -909,27 +943,40 @@ export default {
    };
       myChart.setOption(option);
     },
-    detailedFour(){
-      let that = this
+    detailedFour(dataList){
+      let yearBzData = []
+      let yearChcg = []
+      let yearChbc = []
+      let yearWchz = []
+      let yearJieDi = []
+      for (let i = 0; i < dataList.length; i++) {
+        yearBzData.push(dataList[i].bz)
+        yearChcg.push(dataList[i].chcg)
+        yearChbc.push(dataList[i].chbc)
+        yearWchz.push(dataList[i].wchz)
+        yearJieDi.push(dataList[i].jiedi)
+      }
+      console.log(yearBzData);
+        let that = this
       var myChart = this.$echarts.init(document.getElementById("detailedFour"));
       var option = {
-  tooltip: {
-    axisPointer: {
-      type: "shadow",
-      textStyle: {
-        color: "#fff",
+      tooltip: {
+        axisPointer: {
+          type: "shadow",
+          textStyle: {
+            color: "#fff",
+          },
+        },
+      },
+      grid: {
+        borderWidth: 0,
+        top: 30,
+        bottom: 40,
+        left: 90,
+        textStyle: {
+          color: "#fff",
+        },
       },
-    },
-  },
-  grid: {
-    borderWidth: 0,
-    top: 30,
-    bottom: 40,
-    left: 90,
-    textStyle: {
-      color: "#fff",
-    },
-  },
   legend: {
     icon: "rect",
     right: "4%",
@@ -961,7 +1008,7 @@ export default {
       axisLabel: {
         interval: 0,
       },
-      data: ["配网一班","配网二班","大冈", "大纵湖", "尚庄", "郭猛", "秦南", "西区","楼王","学富","潘黄","龙冈"],
+      data: yearBzData,
     },
   ],
   yAxis: [
@@ -1024,7 +1071,7 @@ export default {
           ]),
         },
       },
-      data: [1, 3, 5, 7, 9,4,5,4,1,10,2,10],
+      data: yearChcg,
     },
     {
       name: "重合不成",
@@ -1057,7 +1104,7 @@ export default {
           ]),
         },
       },
-      data: [3,5, 8, 7, 12,4,6,7,9,3,12,7],
+      data: yearChbc,
     },
     {
       name: "无重合闸",
@@ -1091,7 +1138,7 @@ export default {
           barBorderRadius: 0,
         },
       },
-      data: [4, 7, 6, 3, 2,19,2,20,10,11,20,10],
+      data: yearWchz,
     },
     {
       name: "接地",
@@ -1125,11 +1172,13 @@ export default {
           barBorderRadius: 0,
         },
       },
-      data: [15, 23, 3, 5, 9,10,4,7,11,7,3,14],
+      data: yearJieDi,
     },
   ],
 };
       myChart.setOption(option);
+        
+      
     },
     detailedFive(){
       let that = this;
@@ -1669,12 +1718,12 @@ export default {
       height: calc(100% - 52px);
     };
   };
-  // .titleFont{
-  //     color: transparent ;
-  //     -webkit-background-clip: text;
-  //     background-clip: text ;
-  //     background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(86,244,254))
-  // }
+  .titleFont{
+      color: transparent ;
+      -webkit-background-clip: text;
+      background-clip: text ;
+      background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(123,247,245))
+  }
   //弹窗样式
   .componentShow{
     width: 100%;
@@ -1798,6 +1847,7 @@ export default {
   .el-table::before{
     background-color: transparent;
   }
+ 
 ::v-deep .el-table .el-table__body tr.el-table__row td{
   background: rgba(79, 218, 255, 0.1) !important;
 }