冲突解决

src/components/chart/radar/direction-radar-chart.vue

@@ -215,7 +215,7 @@ export default {
                     },
                     {
                       offset: 1,
-                      color: this.$store.state.themeName === "dark" ? partten.getColor("green") : partten.getColor("deepblue") + 60, // 100% 处的颜色
+                      color: this.$store.state.moreSty === "greenSty" ? partten.getColor("green") : partten.getColor("deepblue") + 60, // 100% 处的颜色
                     },
                   ],
                   global: false, // 缺省为 false
@@ -268,11 +268,11 @@ export default {
                     new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                       {
                         offset: 0,
-                        color: this.$store.state.themeName === "dark" ? partten.getColor(this.color) + 10 : partten.getColor("deepblue") + 10,
+                        color: this.$store.state.moreSty === "greenSty" ? partten.getColor(this.color) + 10 : partten.getColor("deepblue") + 10,
                       },
                       {
                         offset: 1,
-                        color: this.$store.state.themeName === "dark" ? partten.getColor(this.color) + 99 : partten.getColor("deepblue") + 99,
+                        color: this.$store.state.moreSty === "greenSty" ? partten.getColor(this.color) + 99 : partten.getColor("deepblue") + 99,
                       },
                     ]),
                   ],
@@ -370,7 +370,7 @@ export default {
     this.initChart();
   },
   watch: {
-    "$store.state.themeName"() {
+    "$store.state.moreSty"() {
       this.initChart();
     },
   },

src/router/index.js

@@ -87,7 +87,7 @@ export const asyncRoutes = [
     //经济运行
     {
         path: "/economicsOperation",
-        redirect: "/economicsOperation/windAnalyse/singleWindAnasyle",
+        redirect: "/economicsOperation/benchmarkingManagement/performanceRankingList",
         component: () => import("@/views/economicsOperation/nxfHomePage"),
         name: "economicsOperation",
         meta: {
@@ -96,124 +96,150 @@ export const asyncRoutes = [
             permissions: ["jn_economicsOperation"],
         },
         children: [
-            //对标管理
-            // {
-            //     path: "benchmarkingManagement",
-            //     redirect: "benchmarkingManagement/performanceRankingList",
-            //     component: () =>
-            //         import("@/views/economicsOperation/benchmarkingManagement"),
-            //     name: "benchmarkingManagement",
-            //     meta: {
-            //         title: "对标管理",
-            //         icon: "svg-dbgl",
-            //         permissions: ["jn_dbgl"],
-            //     },
-            //     children: [
-            //         {
-            //             path: "performanceRankingList",
-            //             component: () =>
-            //                 import(
-            //                     "@/views/economicsOperation/benchmarkingManagement/performanceRankingList/index.vue"
-            //                 ),
-            //             name: "performanceRankingList",
-            //             meta: {
-            //                 title: "绩效榜",
-            //                 icon: "",
-            //                 permissions: ["jn_dbgl_jxb"],
-            //             },
-            //         },
-            //         {
-            //             path: "decision1Mx", //风机绩效榜明细
-            //             name: "decision1Mx",
-            //             component: () =>
-            //                 import(
-            //                     "@/views/economicsOperation/benchmarkingManagement/performanceRankingList/decision1Mx.vue"
-            //                 ),
-            //             meta: {
-            //                 title: "风机绩效榜明细",
-            //                 icon: "",
-            //                 permissions: ["jn_dbgl_jxb"],
-            //             },
-            //         },
-            //         {
-            //             path: "loseRate",
-            //             component: () =>
-            //                 import(
-            //                     "@/views/economicsOperation/benchmarkingManagement/loseRate/index.vue"
-            //                 ),
-            //             name: "loseRate",
-            //             meta: {
-            //                 title: "五项损失率",
-            //                 icon: "",
-            //                 permissions: ["jn_dbgl_wxssl"],
-            //             },
-            //         },
-            //         {
-            //             path: "siteBenchmarking",
-            //             component: () =>
-            //                 import(
-            //                     "@/views/economicsOperation/benchmarkingManagement/siteBenchmarking"
-            //                 ),
-            //             name: "siteBenchmarking",
-            //             meta: {
-            //                 title: "场内对标",
-            //                 icon: "",
-            //                 permissions: ["jn_dbgl_cndb"],
-            //             },
-            //         },
-            //         {
-            //             path: "intervalBenchmarking",
-            //             component: () =>
-            //                 import(
-            //                     "@/views/economicsOperation/benchmarkingManagement/intervalBenchmarking"
-            //                 ),
-            //             name: "intervalBenchmarking",
-            //             meta: {
-            //                 title: "场际对标",
-            //                 icon: "",
-            //                 permissions: ["jn_dbgl_cjdb"],
-            //             },
-            //         },
-            //         {
-            //             path: "valueBenchmarking",
-            //             component: () =>
-            //                 import(
-            //                     "@/views/economicsOperation/benchmarkingManagement/valueBenchmarking"
-            //                 ),
-            //             name: "valueBenchmarking",
-            //             meta: {
-            //                 title: "值际对标",
-            //                 icon: "",
-            //             },
-            //         },
-            //         {
-            //             path: "projectBenchmarking",
-            //             component: () =>
-            //                 import(
-            //                     "@/views/economicsOperation/benchmarkingManagement/projectBenchmarking"
-            //                 ),
-            //             name: "projectBenchmarking",
-            //             meta: {
-            //                 title: "项目对标",
-            //                 icon: "",
-            //                 permissions: ["jn_dbgl_xmdb"],
-            //             },
-            //         },
-            //         {
-            //             path: "wiringBenchmarking",
-            //             component: () =>
-            //                 import(
-            //                     "@/views/economicsOperation/benchmarkingManagement/wiringBenchmarking"
-            //                 ),
-            //             name: "wiringBenchmarking",
-            //             meta: {
-            //                 title: "线路对标",
-            //                 icon: "",
-            //                 permissions: ["jn_dbgl_xldb"],
-            //             },
-            //         },
-            //     ],
-            // },
+            // //对标管理
+            {
+                path: "benchmarkingManagement",
+                redirect: "benchmarkingManagement/performanceRankingList",
+                component: () =>
+                    import("@/views/economicsOperation/benchmarkingManagement"),
+                name: "benchmarkingManagement",
+                meta: {
+                    title: "对标管理",
+                    icon: "svg-dbgl",
+                    permissions: ["jn_dbgl"],
+                },
+                children: [
+                    {
+                        path: "performanceRankingList",
+                        component: () =>
+                            import(
+                                "@/views/economicsOperation/benchmarkingManagement/performanceRankingList/index.vue"
+                            ),
+                        name: "performanceRankingList",
+                        meta: {
+                            title: "绩效榜",
+                            icon: "",
+                            permissions: ["jn_dbgl_jxb"],
+                        },
+                    },
+                    {
+                        path: "decision1Mx", //风机绩效榜明细
+                        name: "decision1Mx",
+                        component: () =>
+                            import(
+                                "@/views/economicsOperation/benchmarkingManagement/performanceRankingList/decision1Mx.vue"
+                            ),
+                        meta: {
+                            title: "风机绩效榜明细",
+                            icon: "",
+                            permissions: ["jn_dbgl_jxb"],
+                        },
+                    },
+                    {
+                        path: "loseRate",
+                        component: () =>
+                            import(
+                                "@/views/economicsOperation/benchmarkingManagement/loseRate/index.vue"
+                            ),
+                        name: "loseRate",
+                        meta: {
+                            title: "五项损失率",
+                            icon: "",
+                            permissions: ["jn_dbgl_wxssl"],
+                        },
+                    },
+                    {
+                        path: "siteBenchmarking",
+                        component: () =>
+                            import(
+                                "@/views/economicsOperation/benchmarkingManagement/siteBenchmarking"
+                            ),
+                        name: "siteBenchmarking",
+                        meta: {
+                            title: "场内对标",
+                            icon: "",
+                            permissions: ["jn_dbgl_cndb"],
+                        },
+                    },
+                    {
+                        path: "intervalBenchmarking",
+                        component: () =>
+                            import(
+                                "@/views/economicsOperation/benchmarkingManagement/intervalBenchmarking"
+                            ),
+                        name: "intervalBenchmarking",
+                        meta: {
+                            title: "场际对标",
+                            icon: "",
+                            permissions: ["jn_dbgl_cjdb"],
+                        },
+                    },
+                    {
+                        path: "valueBenchmarking",
+                        component: () =>
+                            import(
+                                "@/views/economicsOperation/benchmarkingManagement/valueBenchmarking"
+                            ),
+                        name: "valueBenchmarking",
+                        meta: {
+                            title: "值际对标",
+                            icon: "",
+                        },
+                    },
+                    {
+                        path: "projectBenchmarking",
+                        component: () =>
+                            import(
+                                "@/views/economicsOperation/benchmarkingManagement/projectBenchmarking"
+                            ),
+                        name: "projectBenchmarking",
+                        meta: {
+                            title: "项目对标",
+                            icon: "",
+                            permissions: ["jn_dbgl_xmdb"],
+                        },
+                    },
+                    {
+                        path: "wiringBenchmarking",
+                        component: () =>
+                            import(
+                                "@/views/economicsOperation/benchmarkingManagement/wiringBenchmarking"
+                            ),
+                        name: "wiringBenchmarking",
+                        meta: {
+                            title: "线路对标",
+                            icon: "",
+                            permissions: ["jn_dbgl_xldb"],
+                        },
+                    },
+                    {
+                        path: "performanceBenchmarking",
+                        component: () =>
+                            import(
+                                "@/views/economicsOperation/benchmarkingManagement/performanceBenchmarking"
+                            ),
+                        name: "performanceBenchmarking",
+                        meta: {
+                            title: "性能对标",
+                            icon: "",
+                            permissions: ["jn_dbgl_cjdb"],
+                        },
+                    },
+                    {
+                        path: "singleMachineBenchmarking",
+                        component: () =>
+                            import(
+                                "@/views/economicsOperation/benchmarkingManagement/singleMachineBenchmarking"
+                            ),
+                        name: "singleMachineBenchmarking",
+                        meta: {
+                            title: "单机性能对标",
+                            icon: "",
+                            permissions: ["jn_dbgl_cjdb"],
+                        },
+                    },
+                ],
+            },
             //性能分析(山西版)
             {
                 path: "windAnalyse",
@@ -572,33 +598,33 @@ export const asyncRoutes = [
             //         },
             //     ],
             // },
-            // //管控效率
-            // {
-            //     path: "efficiency",
-            //     redirect: "efficiency/restorationEfficiency",
-            //     component: () => import("@/views/economicsOperation/efficiency"),
-            //     name: "efficiency",
-            //     meta: {
-            //         title: "指标统计分析",
-            //         icon: "svg-dimension-new",
-            //         permissions: ["jn_slgl"],
-            //     },
-            //     children: [
-            //         {
-            //             path: "restorationEfficiency",
-            //             component: () =>
-            //                 import(
-            //                     "@/views/economicsOperation/efficiency/restorationEfficiency"
-            //                 ),
-            //             name: "restorationEfficiency",
-            //             meta: {
-            //                 title: "复位及时率",
-            //                 icon: "",
-            //                 permissions: ["jn_slgl_fwjsl"],
-            //             },
-            //         },
-            //     ],
-            // },
+            //管控效率
+            {
+                path: "efficiency",
+                redirect: "efficiency/restorationEfficiency",
+                component: () => import("@/views/economicsOperation/efficiency"),
+                name: "efficiency",
+                meta: {
+                    title: "指标统计分析",
+                    icon: "svg-dimension-new",
+                    permissions: ["jn_slgl"],
+                },
+                children: [
+                    {
+                        path: "restorationEfficiency",
+                        component: () =>
+                            import(
+                                "@/views/economicsOperation/efficiency/restorationEfficiency"
+                            ),
+                        name: "restorationEfficiency",
+                        meta: {
+                            title: "复位及时率",
+                            icon: "",
+                            permissions: ["jn_slgl_fwjsl"],
+                        },
+                    },
+                ],
+            },
             // //指标排行
             // {
             //     path: "comprehensiveControl",

src/views/economicsOperation/benchmarkingManagement/intervalBenchmarking/index.vue

@@ -112,7 +112,7 @@
     </div>
     <div class="bodys" v-if="!displayDetail">
       <div class="line">
-        <div class="leftContent"><span>场际对标</span></div>
+        <div class="leftContent" :data-type="$store.state.moreSty"><span>场际对标</span></div>
       </div>
       <div class="economicTable" v-if="!displayDetail">
         <el-table
@@ -862,12 +862,18 @@ export default {
   justify-content: space-between;
   width: 100%;
 
+  .leftContent[data-type~="greenSty"] {
+            background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+        }
+        .leftContent[data-type~="blueSty"] {
+            background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
+        }
+
   .leftContent {
     width: 242px;
     height: 41px;
     display: flex;
     align-items: center;
-    background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
 
     span {
       font-size: 16px;

src/views/economicsOperation/benchmarkingManagement/loseRate/index.vue

@@ -151,7 +151,7 @@
     </div>
     <div class="bodys" v-if="!displayDetail">
       <div class="line">
-        <div class="leftContent"><span>{{selectValue}}</span></div>
+        <div class="leftContent" :data-type="$store.state.moreSty"><span>{{selectValue}}</span></div>
         <div class="search-right">
             <img class="select-back" src="@assets/imgs/select-back.png" />
             <div class="title-select">
@@ -943,12 +943,17 @@ export default {
   align-items: center;
   justify-content: space-between;
   width: 100%;
+  .leftContent[data-type~="greenSty"] {
+            background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+        }
+        .leftContent[data-type~="blueSty"] {
+            background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
+        }
   .leftContent {
     width: 242px;
     height: 41px;
     display: flex;
     align-items: center;
-    background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
 
     span {
       font-size: 16px;

src/views/economicsOperation/benchmarkingManagement/performanceBenchmarking/dataJson.json

@@ -0,0 +1,346 @@
+{
+    "code": 0,
+    "data": {
+        "success": true,
+        "code": 200,
+        "message": "成功",
+        "count": null,
+        "data": {
+            "total": 13,
+            "pageSize": 10,
+            "resultList": [
+                {
+                    "id": "SXJ_KGDL_XWT_FDC_STA",
+                    "name": "13风电场",
+                    "ordernum": 1.0,
+                    "date": null,
+                    "zhpm": 10,
+                    "fdlpm": 10,
+                    "fdl": 61.09,
+                    "llfdl": 172.47,
+                    "gzssdlpm": 10,
+                    "gzssdl": 107.97,
+                    "jxssdlpm": 2,
+                    "jxssdl": 0.0,
+                    "xnssdlpm": 4,
+                    "xnssdl": 3.41,
+                    "xdssdlpm": 2,
+                    "xdssdl": 0.0,
+                    "slssdlpm": 9,
+                    "slssdl": 0.0,
+                    "fnlylpm": 10,
+                    "fnlyl": 35.42,
+                    "gzsslpm": 10,
+                    "gzssl": 62.6,
+                    "jxsslpm": 2,
+                    "jxssl": 0.0,
+                    "qflpm": 2,
+                    "qfl": 0.0,
+                    "xnsslpm": 9,
+                    "xnssl": 1.98,
+                    "zssdl": 111.38,
+                    "slssl": 0.0,
+                    "slsslpm": 9
+                },
+                {
+                    "id": "SXJ_KGDL_YF_FDC_STA",
+                    "name": "06风电场",
+                    "ordernum": 3.0,
+                    "date": null,
+                    "zhpm": 2,
+                    "fdlpm": 2,
+                    "fdl": 1065.82,
+                    "llfdl": 1089.16,
+                    "gzssdlpm": 2,
+                    "gzssdl": 0.0,
+                    "jxssdlpm": 9,
+                    "jxssdl": 14.62,
+                    "xnssdlpm": 8,
+                    "xnssdl": 8.71,
+                    "xdssdlpm": 8,
+                    "xdssdl": 0.0,
+                    "slssdlpm": 6,
+                    "slssdl": 0.0,
+                    "fnlylpm": 6,
+                    "fnlyl": 97.86,
+                    "gzsslpm": 2,
+                    "gzssl": 0.0,
+                    "jxsslpm": 8,
+                    "jxssl": 1.34,
+                    "qflpm": 8,
+                    "qfl": 0.0,
+                    "xnsslpm": 6,
+                    "xnssl": 0.8,
+                    "zssdl": 23.33,
+                    "slssl": 0.0,
+                    "slsslpm": 6
+                },
+                {
+                    "id": "SXJ_KGDL_BHB3_FDC_STA",
+                    "name": "04风电场",
+                    "ordernum": 4.0,
+                    "date": null,
+                    "zhpm": 3,
+                    "fdlpm": 3,
+                    "fdl": 861.29,
+                    "llfdl": 878.1,
+                    "gzssdlpm": 9,
+                    "gzssdl": 11.6,
+                    "jxssdlpm": 1,
+                    "jxssdl": 0.0,
+                    "xnssdlpm": 7,
+                    "xnssdl": 5.21,
+                    "xdssdlpm": 1,
+                    "xdssdl": 0.0,
+                    "slssdlpm": 4,
+                    "slssdl": 0.0,
+                    "fnlylpm": 5,
+                    "fnlyl": 98.09,
+                    "gzsslpm": 9,
+                    "gzssl": 1.32,
+                    "jxsslpm": 1,
+                    "jxssl": 0.0,
+                    "qflpm": 1,
+                    "qfl": 0.0,
+                    "xnsslpm": 4,
+                    "xnssl": 0.59,
+                    "zssdl": 16.81,
+                    "slssl": 0.0,
+                    "slsslpm": 4
+                },
+                {
+                    "id": "SXJ_KGDL_PDL_FDC_STA",
+                    "name": "11风电场",
+                    "ordernum": 5.0,
+                    "date": null,
+                    "zhpm": 7,
+                    "fdlpm": 7,
+                    "fdl": 440.64,
+                    "llfdl": 461.38,
+                    "gzssdlpm": 8,
+                    "gzssdl": 1.78,
+                    "jxssdlpm": 7,
+                    "jxssdl": 4.63,
+                    "xnssdlpm": 9,
+                    "xnssdl": 14.34,
+                    "xdssdlpm": 7,
+                    "xdssdl": 0.0,
+                    "slssdlpm": 10,
+                    "slssdl": 0.0,
+                    "fnlylpm": 9,
+                    "fnlyl": 95.5,
+                    "gzsslpm": 7,
+                    "gzssl": 0.39,
+                    "jxsslpm": 7,
+                    "jxssl": 1.0,
+                    "qflpm": 7,
+                    "qfl": 0.0,
+                    "xnsslpm": 10,
+                    "xnssl": 3.11,
+                    "zssdl": 20.75,
+                    "slssl": 0.0,
+                    "slsslpm": 10
+                },
+                {
+                    "id": "SXJ_KGDL_GJY_FDC_STA",
+                    "name": "02风电场",
+                    "ordernum": 8.0,
+                    "date": null,
+                    "zhpm": 1,
+                    "fdlpm": 1,
+                    "fdl": 2613.97,
+                    "llfdl": 2642.33,
+                    "gzssdlpm": 6,
+                    "gzssdl": 0.23,
+                    "jxssdlpm": 6,
+                    "jxssdl": 2.01,
+                    "xnssdlpm": 10,
+                    "xnssdl": 26.12,
+                    "xdssdlpm": 4,
+                    "xdssdl": 0.0,
+                    "slssdlpm": 7,
+                    "slssdl": 0.0,
+                    "fnlylpm": 3,
+                    "fnlyl": 98.93,
+                    "gzsslpm": 6,
+                    "gzssl": 0.01,
+                    "jxsslpm": 4,
+                    "jxssl": 0.08,
+                    "qflpm": 4,
+                    "qfl": 0.0,
+                    "xnsslpm": 7,
+                    "xnssl": 0.99,
+                    "zssdl": 28.36,
+                    "slssl": 0.0,
+                    "slsslpm": 7
+                },
+                {
+                    "id": "SXJ_KGDL_PTZ_FDC_STA",
+                    "name": "09风电场",
+                    "ordernum": 9.0,
+                    "date": null,
+                    "zhpm": 4,
+                    "fdlpm": 4,
+                    "fdl": 692.91,
+                    "llfdl": 718.73,
+                    "gzssdlpm": 4,
+                    "gzssdl": 0.0,
+                    "jxssdlpm": 10,
+                    "jxssdl": 21.47,
+                    "xnssdlpm": 6,
+                    "xnssdl": 4.35,
+                    "xdssdlpm": 10,
+                    "xdssdl": 0.0,
+                    "slssdlpm": 5,
+                    "slssdl": 0.0,
+                    "fnlylpm": 8,
+                    "fnlyl": 96.41,
+                    "gzsslpm": 4,
+                    "gzssl": 0.0,
+                    "jxsslpm": 10,
+                    "jxssl": 2.99,
+                    "qflpm": 10,
+                    "qfl": 0.0,
+                    "xnsslpm": 5,
+                    "xnssl": 0.61,
+                    "zssdl": 25.82,
+                    "slssl": 0.0,
+                    "slsslpm": 5
+                },
+                {
+                    "id": "SXJ_KGDL_HSM_FDC_STA",
+                    "name": "05风电场",
+                    "ordernum": 10.0,
+                    "date": null,
+                    "zhpm": 8,
+                    "fdlpm": 8,
+                    "fdl": 338.02,
+                    "llfdl": 349.81,
+                    "gzssdlpm": 3,
+                    "gzssdl": 0.0,
+                    "jxssdlpm": 8,
+                    "jxssdl": 8.25,
+                    "xnssdlpm": 5,
+                    "xnssdl": 3.54,
+                    "xdssdlpm": 9,
+                    "xdssdl": 0.0,
+                    "slssdlpm": 8,
+                    "slssdl": 0.0,
+                    "fnlylpm": 7,
+                    "fnlyl": 96.63,
+                    "gzsslpm": 3,
+                    "gzssl": 0.0,
+                    "jxsslpm": 9,
+                    "jxssl": 2.36,
+                    "qflpm": 9,
+                    "qfl": 0.0,
+                    "xnsslpm": 8,
+                    "xnssl": 1.01,
+                    "zssdl": 11.79,
+                    "slssl": 0.0,
+                    "slsslpm": 8
+                },
+                {
+                    "id": "SXJ_KGDL_ZK_FDC_STA",
+                    "name": "07风电场",
+                    "ordernum": 11.0,
+                    "date": null,
+                    "zhpm": 5,
+                    "fdlpm": 5,
+                    "fdl": 584.07,
+                    "llfdl": 585.34,
+                    "gzssdlpm": 1,
+                    "gzssdl": 0.0,
+                    "jxssdlpm": 4,
+                    "jxssdl": 0.57,
+                    "xnssdlpm": 3,
+                    "xnssdl": 0.7,
+                    "xdssdlpm": 5,
+                    "xdssdl": 0.0,
+                    "slssdlpm": 2,
+                    "slssdl": 0.0,
+                    "fnlylpm": 2,
+                    "fnlyl": 99.78,
+                    "gzsslpm": 1,
+                    "gzssl": 0.0,
+                    "jxsslpm": 5,
+                    "jxssl": 0.1,
+                    "qflpm": 5,
+                    "qfl": 0.0,
+                    "xnsslpm": 2,
+                    "xnssl": 0.12,
+                    "zssdl": 1.27,
+                    "slssl": 0.0,
+                    "slsslpm": 2
+                },
+                {
+                    "id": "SXJ_KGDL_YTY_FDC_STA",
+                    "name": "08风电场",
+                    "ordernum": 12.0,
+                    "date": null,
+                    "zhpm": 9,
+                    "fdlpm": 9,
+                    "fdl": 192.61,
+                    "llfdl": 195.47,
+                    "gzssdlpm": 7,
+                    "gzssdl": 0.84,
+                    "jxssdlpm": 5,
+                    "jxssdl": 1.34,
+                    "xnssdlpm": 2,
+                    "xnssdl": 0.69,
+                    "xdssdlpm": 6,
+                    "xdssdl": 0.0,
+                    "slssdlpm": 3,
+                    "slssdl": 0.0,
+                    "fnlylpm": 4,
+                    "fnlyl": 98.54,
+                    "gzsslpm": 8,
+                    "gzssl": 0.43,
+                    "jxsslpm": 6,
+                    "jxssl": 0.69,
+                    "qflpm": 6,
+                    "qfl": 0.0,
+                    "xnsslpm": 3,
+                    "xnssl": 0.35,
+                    "zssdl": 2.87,
+                    "slssl": 0.0,
+                    "slsslpm": 3
+                },
+                {
+                    "id": "SXJ_KGDL_YLZ_FDC_STA",
+                    "name": "10风电场",
+                    "ordernum": 13.0,
+                    "date": null,
+                    "zhpm": 6,
+                    "fdlpm": 6,
+                    "fdl": 499.79,
+                    "llfdl": 500.3,
+                    "gzssdlpm": 5,
+                    "gzssdl": 0.05,
+                    "jxssdlpm": 3,
+                    "jxssdl": 0.14,
+                    "xnssdlpm": 1,
+                    "xnssdl": 0.31,
+                    "xdssdlpm": 3,
+                    "xdssdl": 0.0,
+                    "slssdlpm": 1,
+                    "slssdl": 0.0,
+                    "fnlylpm": 1,
+                    "fnlyl": 99.9,
+                    "gzsslpm": 5,
+                    "gzssl": 0.01,
+                    "jxsslpm": 3,
+                    "jxssl": 0.03,
+                    "qflpm": 3,
+                    "qfl": 0.0,
+                    "xnsslpm": 1,
+                    "xnssl": 0.06,
+                    "zssdl": 0.5,
+                    "slssl": 0.0,
+                    "slsslpm": 1
+                }
+            ],
+            "pageNum": 1
+        }
+    }
+}

src/views/economicsOperation/benchmarkingManagement/performanceBenchmarking/index.vue

@@ -0,0 +1,963 @@
+<template>
+  <div class="parcel-box">
+    <div class="form-wrapper">
+      <el-select
+        size="mini"
+        :disabled="displayDetail"
+        v-model="company"
+        placeholder="请选择"
+        @change="handleCompanyChange(company)"
+      >
+        <el-option
+          v-for="item in companyOptions"
+          :key="item.id"
+          :label="item.aname"
+          :value="item.id"
+        >
+        </el-option>
+      </el-select>
+      <div class="tabCut">
+        <div
+          @click="tabClick(val.id)"
+          :class="[
+            tabIndex === val.id ? 'active' : '',
+            displayDetail ? 'disabled' : '',
+          ]"
+          v-for="val in tabOptions"
+          :key="val.id"
+        >
+          <span>{{ val.name }}</span>
+        </div>
+      </div>
+      <div class="station">
+        场站：
+        <el-select
+          size="mini"
+          :disabled="displayDetail"
+          v-model="stationObj"
+          multiple
+          collapse-tags
+          placeholder="请选择"
+          @change="handleStationChange(stationObj)"
+          clearable
+        >
+          <el-option
+            v-for="item in stationList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="station">
+        开始日期
+        <div class="search-input">
+          <el-date-picker
+            v-model="starTime"
+            :disabled="displayDetail"
+            type="date"
+            size="mini"
+            value-format="YYYY-MM-DD"
+            placeholder="选择日期"
+            popper-class="date-select"
+          >
+          </el-date-picker>
+        </div>
+      </div>
+      <div class="station">
+        结束日期
+        <div class="search-input">
+          <el-date-picker
+            v-model="endTime"
+            :disabled="displayDetail"
+            type="date"
+            size="mini"
+            value-format="YYYY-MM-DD"
+            placeholder="选择日期"
+            popper-class="date-select"
+          >
+          </el-date-picker>
+        </div>
+      </div>
+      <div class="but">
+        <el-button
+          round
+          size="mini"
+          :disabled="displayDetail"
+          class="buttons"
+          @click="gerCjdb"
+          >搜 索</el-button
+        >
+        <el-button
+          round
+          size="mini"
+          class="buttons"
+          @click="dbfx"
+          :disabled="
+            chooseList.length <= 5 && chooseList.length > 1 ? false : true
+          "
+          >对标分析</el-button
+        >
+        <el-button
+          round
+          size="mini"
+          class="buttons"
+          @click="goBack"
+          v-if="displayDetail"
+          >返回</el-button
+        >
+        <!-- <el-button round size="mini" class="buttons">导出</el-button> -->
+      </div>
+    </div>
+    <div class="bodys" v-if="!displayDetail">
+      <div class="line">
+        <div class="leftContent" :data-type="$store.state.moreSty"><span>性能对标</span></div>
+      </div>
+      <div class="economicTable" v-if="!displayDetail">
+        <el-table
+          :data="tableData"
+          ref="multipleTable"
+          size="mini"
+          height="calc(100% - 39px)"
+          :cell-style="{ padding: '6px' }"
+          :row-style="{ height: '0' }"
+          stripe
+          @selection-change="handleCurrentChange"
+        >
+          <el-table-column type="selection" width="60" align="center">
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            align="center"
+            prop="name"
+            label="名称"
+            sortable
+          >
+            <template v-slot="scope">
+              <span
+                @click="goDetail(scope.row)"
+                style="cursor: pointer;"
+                :style="$store.state.moreSty === 'greenSty' ? 'color: #05bb4c' : 'color: #67b9ff'"
+                >{{ scope.row.name }}</span
+              >
+            </template>
+          </el-table-column>
+          <el-table-column
+            header-align="center"
+            :align="item.align ? item.align : 'center'"
+            v-for="item in tabIndex == -1 ? tableHeader : tableHeaderG"
+            :key="item.code"
+            :prop="item.code"
+            :label="item.name"
+            :width="item.name.length == 4 ? 55 : 68"
+            show-overflow-tooltip
+            sortable
+          />
+        </el-table>
+        <div class="pagination-class">
+          <el-pagination
+            @current-change="handlePageChange"
+            :current-page="page.currentPage"
+            :page-size="page.pagesize"
+            layout="total, prev, pager, next, jumper"
+            :total="page.total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+    <div v-if="!displayDetail" class="echarts">
+      <div class="pie-echarts">
+        <div class="chart-name">
+          <div class="point point-left bottom"></div>
+          <div class="point point-right bottom"></div>
+          损失电量分析
+        </div>
+        <PieChart
+          :lossPower="lossPower"
+          width="100%"
+          height="calc(100% - 39px)"
+          :showLable="false"
+        ></PieChart>
+      </div>
+      <div class="bar-echarts">
+        <div class="chart-name">
+          <div class="point point-left bottom"></div>
+          <div class="point point-right bottom"></div>
+          五项损失
+        </div>
+        <BarCharts
+          :list="barList"
+          width="100%"
+          height="calc(100% - 39px)"
+          :showLegend="true"
+          :xdate="false"
+          :colorIndex="true"
+        ></BarCharts>
+      </div>
+    </div>
+    <div v-if="displayDetail" style="height: calc(100% - 48px - 35px)">
+      <el-table
+        :data="detailTable"
+        ref="multipleTable"
+        size="mini"
+        height="100%"
+        :cell-style="{ padding: '6px' }"
+        :row-style="{ height: '4' }"
+        stripe
+        @selection-change="handleCurrentChange"
+      >
+        <el-table-column type="selection" width="60" align="center">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="风机名称"
+          show-overflow-tooltip
+          sortable
+        >
+        </el-table-column>
+        <el-table-column
+          v-for="item in tabIndex == -1
+            ? tableHeaderDetail
+            : tableHeaderGDetail"
+          :key="item.code"
+          :prop="item.code"
+          :label="item.name"
+          :width="item.name.length == 4 ? 58 : 88"
+          show-overflow-tooltip
+          header-align="center"
+          :align="item.align ? item.align : 'center'"
+          sortable
+        />
+      </el-table>
+      <div class="pagination-class">
+        <el-pagination
+          @current-change="handlePageDChange"
+          :current-page="pageD.currentPage"
+          :page-size="pageD.pagesize"
+          @size-change="handleSizeDChange"
+          :page-sizes="[19, 50, 100, 500]"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="pageD.total"
+        >
+        </el-pagination>
+      </div>
+    </div>
+    <el-dialog
+      class="dialogs"
+      width="90%"
+      top="40px"
+      v-model="dialogVisible"
+      :show-close="true"
+    >
+      <template #title>
+        <div class="dialog-title">
+          <div class="title">对标排名分析</div>
+        </div>
+      </template>
+      <div class="dialog-body">
+        <img class="dialog-img" src="@assets/imgs/dialog.png" />
+        <dayinfo
+          :radarValue="radarValue"
+          :title="[windNum, windNum2, windNum3, windNum4, windNum5]"
+          :windNum="windNum"
+          :windNum2="windNum2"
+          :windNum3="windNum3"
+          :windNum4="windNum4"
+          :windNum5="windNum5"
+          :tabs="tabs"
+          :analyisDialog="analyisDialog"
+        />
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import dayjs from "dayjs";
+import {
+  tableHeader,
+  tableHeaderG,
+  tableHeaderDetail,
+  tableHeaderGDetail,
+} from "@/utills//constant.js";
+import { companys } from "@/api/curveAnalyse";
+import { getStation, cjdb, details } from "@/api/performance";
+import PieChart from "../../homePage/components/pieChart.vue";
+import BarCharts from "../../homePage/components/barCharts.vue";
+import dayinfo from "../compontent/dayinfo.vue";
+import dataJson from "./dataJson.json"
+export default {
+  name: "intervalBenchmarking", //场际对标
+  components: {
+    PieChart,
+    BarCharts,
+    dayinfo,
+  },
+  data() {
+    return {
+      tableHeader,
+      tableHeaderG,
+      tableHeaderDetail,
+      tableHeaderGDetail,
+      page: {
+        pagesize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      pageD: {
+        pagesize: 19,
+        currentPage: 1,
+        total: 0,
+      },
+      company: "",
+      companyOptions: [],
+      stationObj: [],
+      stationList: [],
+      starTime: "",
+      endTime: "",
+      tabIndex: -1,
+      tabOptions: [
+        { id: -1, name: "风电" },
+        { id: -2, name: "光伏" },
+      ],
+      tableData: [],
+      detailTable: [],
+      chooseList: [],
+      lossPower: [],
+      barList: [],
+      displayDetail: false,
+      dialogVisible: false,
+      radarValue: [],
+      windNum: "",
+      windNum2: "",
+      windNum3: "",
+      windNum4: "",
+      windNum5: "",
+      tabs: [],
+      analyisDialog: [],
+      screenHeight: window.innerHeight,
+      echartsHeight: "55vh",
+      detailRow: {},
+    };
+  },
+  created() {
+    let date = new Date();
+    date.setDate(1);
+    let month = parseInt(date.getMonth() + 1);
+    let day = date.getDate();
+    if (month < 10) {
+      month = "0" + month;
+    }
+    if (day < 10) {
+      day = "0" + day;
+    }
+    this.starTime = date.getFullYear() + "-" + month + "-" + day;
+    this.endTime = dayjs(new Date().getTime()).format("YYYY-MM-DD");
+    this.initialization();
+  },
+  mounted() {
+    if (this.screenHeight > 1100) {
+      this.echartsHeight = "58vh";
+    } else {
+      this.echartsHeight = "55vh";
+    }
+    window.onresize = () => {
+      return (() => {
+        window.screenHeight = window.innerHeight;
+        this.screenHeight = window.screenHeight;
+      })();
+    };
+  },
+  methods: {
+    handlePageChange(val) {
+      this.page.currentPage = val;
+      this.gerCjdb();
+    },
+    handlePageDChange(val) {
+      this.pageD.currentPage = val;
+      this.goDetail();
+    },
+    handleSizeDChange(val) {
+      this.pageD.currentPage = 1;
+      this.pageD.pagesize = val;
+      this.goDetail();
+    },
+    tabClick(val) {
+      this.tabIndex = val;
+      if (val == -2) {
+        this.company = "SXJ_KGDL_GFFD_ZGS";
+        this.getStation(this.company);
+        this.stationObj = [];
+        this.gerCjdb();
+      } else {
+        this.company = this.companyOptions[0].id;
+        this.getStation(this.company);
+        this.stationObj = [];
+        this.gerCjdb();
+      }
+
+      //   this.initialization()
+    },
+    initialization() {
+        this.dataChange(dataJson.data)
+      companys().then(({ data: res }) => {
+        if (res.data) {
+          this.company = res.data[0].id;
+          this.companyOptions = res.data;
+          this.getStation(res.data[0].id);
+        }
+      });
+    },
+    getStation(companyids) {
+      getStation({
+        companyids: companyids,
+        type: this.tabIndex,
+      }).then(({ data: res }) => {
+        if (res.data.length) {
+          this.stationList = res.data;
+        } else {
+          this.stationList = [];
+        }
+        this.gerCjdb();
+      });
+    },
+    gerCjdb() {
+      cjdb({
+        companys: this.company,
+        type: this.tabIndex,
+        beginDate: this.starTime,
+        endDate: this.endTime,
+        wpids: this.stationObj.join(","),
+        pageSize: this.page.pagesize,
+        pageNum: this.page.currentPage,
+        target: "",
+        sort: "",
+      }).then(({ data: res }) => {
+        this.dataChange(res)
+        
+      });
+    },
+    dataChange(res) {
+        if (res.data) {
+          let barList = [
+            {
+              name: "故障损失电量",
+              children: [],
+              date: [],
+            },
+            {
+              name: "检修损失电量",
+              children: [],
+            },
+            {
+              name: "性能损失电量",
+              children: [],
+            },
+            {
+              name: "限电损失电量",
+              children: [],
+            },
+            {
+              name: "受累损失电量",
+              children: [],
+            },
+          ];
+          this.tableData = res.data.resultList;
+          this.page.total = res.data.total;
+          let lossPower = [];
+          res.data.resultList.forEach((item) => {
+            let obj = {
+              name: item.name,
+              value: item.zssdl,
+            };
+            lossPower.push(obj);
+            barList[0].date.push(item.name);
+            barList[0].children.push(item.gzssdl);
+            barList[1].children.push(item.jxssdl);
+            barList[2].children.push(item.xnssdl);
+            barList[3].children.push(item.xdssdl);
+            barList[4].children.push(item.slssdl);
+          });
+          this.lossPower = lossPower;
+          this.barList = barList;
+        }
+    },
+    handleStationChange(val) {
+      this.stationObj = val;
+      this.gerCjdb();
+    },
+    handleCompanyChange(val) {
+      this.company = val;
+      this.getStation(val);
+    },
+    handleCurrentChange(val) {
+      if (val.length > 5) {
+        let del_row = val.shift();
+        this.$refs.multipleTable.toggleRowSelection(del_row, false);
+      }
+      let arr = [];
+      val.forEach((item, index) => {
+        if (index < 5) {
+          arr.push(item);
+        }
+      });
+      this.chooseList = arr;
+    },
+    goDetail(row) {
+      if (!this.displayDetail) {
+        this.displayDetail = true;
+        this.detailRow = row;
+      }
+
+      details({
+        id: this.detailRow.id,
+        beginDate: this.starTime,
+        endDate: this.endTime,
+        pageSize: this.pageD.pagesize,
+        pageNum: this.pageD.currentPage,
+        target: "",
+        sort: "",
+      }).then(({ data: res }) => {
+        if (res.data) {
+          this.detailTable = res.data.resultList;
+          this.pageD.total = res.data.total;
+        }
+      });
+    },
+    goBack() {
+      this.displayDetail = false;
+    },
+    dbfx() {
+      if (this.chooseList.length <= 5) {
+        this.dialogVisible = true;
+        this.AjaxDbfx();
+      }
+    },
+    AjaxDbfx() {
+      var data = this.chooseList;
+      this.windNum = data[0]?.date || data[0]?.name;
+      this.windNum2 = data[1]?.date || data[1]?.name;
+      this.windNum3 = data[2]?.date || data[2]?.name;
+      this.windNum4 = data[3]?.date || data[3]?.name;
+      this.windNum5 = data[4]?.date || data[4]?.name;
+      let tabs = [
+        {
+          name: "发电量",
+          code: "fdl",
+        },
+        {
+          name: "故障损失电量",
+          code: "gzssdl",
+        },
+        {
+          name: "检修损失电量",
+          code: "jxssdl",
+        },
+        {
+          name: "性能未达标损失电量",
+          code: "xnssdl",
+        },
+        {
+          name: "受累损失电量",
+          code: "slssdl",
+        },
+        {
+          name: "风能利用率",
+          code: "fnlyl",
+        },
+        {
+          name: "故障损失率",
+          code: "gzssl",
+        },
+        {
+          name: "检修损失率",
+          code: "jxssl",
+        },
+        {
+          name: "弃风率",
+          code: "qfl",
+        },
+        {
+          name: "性能损失率",
+          code: "xnssl",
+        },
+        {
+          name: "受累损失率",
+          code: "slssl",
+        },
+      ];
+      tabs = tabs.map((item) => {
+        if (item.code == "fnlyl") {
+          if (this.tabIndex == -1) {
+            item.name = "风能利用率";
+          } else {
+            item.name = "光能利用率";
+          }
+        }
+        if (item.code == "qfl") {
+          if (this.tabIndex == -1) {
+            item.name = "弃风率";
+          } else {
+            item.name = "弃光率";
+          }
+        }
+        return item;
+      });
+
+      tabs.forEach((val) => {
+        data.forEach((item, index) => {
+          val["windData" + (index + 1)] = item[val.code];
+        });
+      });
+      this.tabs = tabs;
+      let radarValue = [];
+      data.forEach((item, index) => {
+        let data = {
+          indicator: [
+            "风能利用率排名",
+            "故障损失率排名",
+            "检修损失率排名",
+            "弃风率排名",
+            "性能损失率排名",
+            "受累损失率排名",
+          ],
+          data: [
+            {
+              value: [
+                item.fnlylpm,
+                item.gzsslpm,
+                item.jxsslpm,
+                item.qflpm,
+                item.xnsslpm,
+                item.slsslpm,
+              ],
+              name: item.name,
+            },
+          ],
+        };
+        if (this.tabIndex == -1) {
+          data.indicator = [
+            "风能利用率排名",
+            "故障损失率排名",
+            "检修损失率排名",
+            "弃风率排名",
+            "性能损失率排名",
+            "受累损失率排名",
+          ];
+        } else {
+          data.indicator = [
+            "光能利用率排名",
+            "故障损失率排名",
+            "检修损失率排名",
+            "弃光率排名",
+            "性能损失率排名",
+            "受累损失率排名",
+          ];
+        }
+        radarValue.push(data);
+      });
+      this.radarValue = radarValue;
+      var analyis = [],
+        gzssdl = [],
+        jxssdl = [],
+        xnssdl = [],
+        xdssdl = [],
+        slssdl = [];
+      data.forEach((item, index) => {
+        gzssdl.push({
+          text: item.name,
+          value: item.gzssdl,
+        });
+        jxssdl.push({
+          text: item.name,
+          value: item.jxssdl,
+        });
+        xnssdl.push({
+          text: item.name,
+          value: item.xnssdl,
+        });
+        xdssdl.push({
+          text: item.name,
+          value: item.xdssdl,
+        });
+        slssdl.push({
+          text: item.name,
+          value: item.slssdl,
+        });
+      });
+      analyis.push(
+        {
+          title: "故障损失电量",
+          yAxisIndex: 0,
+          value: gzssdl,
+        },
+        {
+          title: "检修损失电量",
+          yAxisIndex: 0,
+          value: jxssdl,
+        },
+        {
+          title: "性能损失电量",
+          yAxisIndex: 0,
+          value: xnssdl,
+        },
+        {
+          title: "限电损失电量",
+          yAxisIndex: 0,
+          value: xdssdl,
+        },
+        {
+          title: "受累损失电量",
+          yAxisIndex: 0,
+          value: slssdl,
+        }
+      );
+      this.analyisDialog = analyis;
+    },
+  },
+  watch: {
+    screenHeight(val) {
+      this.screenHeight = val;
+      if (val > 1100) {
+        this.echartsHeight = "58vh";
+      } else {
+        this.echartsHeight = "55vh";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.pagination-class {
+  text-align: right;
+  margin-top: 5px;
+}
+.parcel-box {
+  height: 100%;
+  width: 100%;
+  padding: 0 30px;
+  padding-bottom: 14px;
+}
+
+.form-wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-top: 10px;
+  margin-bottom: 10px;
+
+  .tabCut {
+    display: inline-block;
+    margin: 0 10px;
+
+    div {
+      display: inline-block;
+      width: 60px;
+      height: 27px;
+      border: 1px solid #274934;
+      text-align: center;
+      line-height: 25px;
+      cursor: pointer;
+    }
+
+    div:nth-child(1) {
+      border-radius: 13px 0px 0px 13px;
+      border-right-width: 0;
+    }
+
+    div:nth-child(2) {
+      border-radius: 0px 13px 13px 0px;
+    }
+
+    .active {
+      background-color: rgba(5, 187, 76, 0.9);
+      color: #fff;
+    }
+    .disabled {
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  }
+
+  .tabCut1 {
+    display: inline-block;
+    margin: 0 10px;
+
+    div {
+      display: inline-block;
+      width: 60px;
+      height: 27px;
+      border: 1px solid #274934;
+      text-align: center;
+      line-height: 25px;
+      cursor: pointer;
+    }
+
+    div:nth-child(1) {
+      border-radius: 13px 0px 0px 13px;
+    }
+
+    div:nth-child(3) {
+      border-radius: 0px 13px 13px 0px;
+    }
+
+    .active {
+      background-color: rgba(5, 187, 76, 0.9);
+      color: #fff;
+    }
+  }
+
+  .station {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 14px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #b3b3b3;
+    margin-right: 10px;
+  }
+
+  .search-input {
+    margin-left: 10px;
+  }
+
+  .but {
+    display: flex;
+    flex-direction: row;
+    align-content: center;
+    margin-left: 20px;
+  }
+
+  .buttons {
+    background-color: rgba(5, 187, 76, 0.2);
+    border: 1px solid #3b6c53;
+    color: #b3b3b3;
+    font-size: 14px;
+
+    &:hover {
+      background-color: rgba(5, 187, 76, 0.5);
+      color: #ffffff;
+    }
+  }
+}
+.bodys {
+  width: 100%;
+  height: calc(100% - 350px - 43px - 20px);
+  background-color: rgba(0, 0, 0, 0.45);
+  border-radius: 5px;
+}
+.economicTable {
+  width: 100%;
+  height: calc(100% - 36px);
+}
+.line {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+
+.leftContent[data-type~="greenSty"] {
+            background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+        }
+        .leftContent[data-type~="blueSty"] {
+            background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
+        }
+  .leftContent {
+    width: 242px;
+    height: 41px;
+    display: flex;
+    align-items: center;
+
+    span {
+      font-size: 16px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      color: #05bb4c;
+      margin-left: 25px;
+    }
+  }
+
+  .rightContent {
+    width: 212px;
+    height: 28px;
+    margin-top: 13px;
+    background: url("../../../../assets/imgs/title_right_bg.png");
+  }
+}
+
+.echarts {
+  width: 100%;
+  height: 350px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+
+  .chart-name {
+    display: flex;
+    align-items: center;
+    padding-left: 20px;
+    position: relative;
+    height: 39px;
+    width: 98%;
+    margin-left: 1%;
+    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+  }
+
+  .pie-echarts {
+    width: 30%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.45);
+    border-radius: 5px;
+  }
+
+  .bar-echarts {
+    width: 69%;
+    margin-left: 1%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.45);
+    border-radius: 5px;
+  }
+}
+
+.point {
+  width: 6px;
+  height: 1px;
+  background-color: #ffffff;
+  position: absolute;
+
+  &.point-left {
+    left: 0;
+  }
+  &.point-right {
+    right: 0;
+  }
+
+  &.top {
+    top: -1px;
+  }
+
+  &.bottom {
+    bottom: -1px;
+  }
+}
+
+/*去除表头全选框*/
+::v-deep .el-table__header-wrapper .el-checkbox {
+  display: none;
+}
+::v-deep .el-table__body-wrapper .el-checkbox {
+  .el-checkbox__input {
+    display: block;
+  }
+}
+</style>

src/views/economicsOperation/benchmarkingManagement/projectBenchmarking/index.vue

@@ -131,7 +131,7 @@
     </div>
     <div class="bodys" v-if="!displayDetail">
       <div class="line">
-        <div class="leftContent"><span>项目对标</span></div>
+        <div class="leftContent" :data-type="$store.state.moreSty"><span>项目对标</span></div>
       </div>
       <div class="economicTable">
         <el-table
@@ -857,12 +857,17 @@ export default {
   align-items: center;
   justify-content: space-between;
   width: 100%;
+  .leftContent[data-type~="greenSty"] {
+            background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+        }
+        .leftContent[data-type~="blueSty"] {
+            background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
+        }
   .leftContent {
     width: 242px;
     height: 41px;
     display: flex;
     align-items: center;
-    background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
 
     span {
       font-size: 16px;

src/views/economicsOperation/benchmarkingManagement/singleMachineBenchmarking/dataJson.json

@@ -0,0 +1,89 @@
+{
+    "data": [
+        { "title": "日发电量", "code": "rfdl", "A01": "213" },
+        { "title": "月发电量", "code": "yfdl" },
+        { "title": "年发电量", "code": "nfdl" },
+        { "title": "日应发电量", "code": "ryfdl" },
+        { "title": "月应发电量", "code": "yyfdl" },
+        { "title": "年应发电量", "code": "nyfdl" },
+        { "title": "日平均功率", "code": "rpjgl" },
+        { "title": "月平均功率", "code": "ypjgl" },
+        { "title": "年平均功率", "code": "npjgl" },
+        { "title": "日平均风速", "code": "rpjfs" },
+        { "title": "月平均风速", "code": "ypjfs" },
+        { "title": "年平均风速", "code": "npjfs" },
+        { "title": "日运行小时", "code": "ryxxs" },
+        { "title": "月运行小时", "code": "yyxxs" },
+        { "title": "年运行小时", "code": "nyxxs" },
+        { "title": "日待机小时", "code": "rdjxs" },
+        { "title": "月待机小时", "code": "ydjxs" },
+        { "title": "年待机小时", "code": "ndjxs" },
+        { "title": "日故障小时", "code": "rgzxs" },
+        { "title": "月故障小时", "code": "ygzxs" },
+        { "title": "年故障小时", "code": "ngzxs" },
+        { "title": "日检修小时", "code": "rjxxs" },
+        { "title": "月检修小时", "code": "yjxxs" },
+        { "title": "年检修小时", "code": "njxxs" },
+        { "title": "日中断小时", "code": "rzdxs" },
+        { "title": "月中断小时", "code": "yzdxs" },
+        { "title": "年中断小时", "code": "nzdxs" },
+        { "title": "日有效风时", "code": "ryxfs" },
+        { "title": "月有效风时", "code": "yyxfs" },
+        { "title": "年有效风时", "code": "nyxfs" },
+        { "title": "日损失电量", "code": "rssdl" },
+        { "title": "月损失电量", "code": "yssdl" },
+        { "title": "年损失电量", "code": "nssdl" },
+        { "title": "日报警次数", "code": "rbjcs" },
+        { "title": "月报警次数", "code": "ybjcs" },
+        { "title": "年报警次数", "code": "nbjcs" },
+        { "title": "日停机次数", "code": "rtjcs" },
+        { "title": "月停机次数", "code": "ytjcs" },
+        { "title": "年停机数", "code": "ntjcs" },
+        { "title": "日不饱和数", "code": "rbbhcs" },
+        { "title": "月不饱和数", "code": "ybbhcs" },
+        { "title": "年不饱和数", "code": "nbbhcs" },
+        { "title": "日可利用率", "code": "rsbklyl" },
+        { "title": "月可利用率", "code": "ysbklyl" },
+        { "title": "年可利用率", "code": "nsbklyl" },
+        { "title": "日平均温度", "code": "rpjwd" },
+        { "title": "月平均温度", "code": "ypjwd" },
+        { "title": "年平均温度", "code": "npjwd" },
+        { "title": "日平均湿度", "code": "rpjsd" },
+        { "title": "月平均湿度", "code": "ypjsd" },
+        { "title": "年平均湿度", "code": "npjsd" },
+        { "title": "日平均压强", "code": "rpjyq" },
+        { "title": "月平均压强", "code": "ypjyq" },
+        { "title": "年平均压强", "code": "npjyq" },
+        { "title": "日拟合优度", "code": "rnhyd" },
+        { "title": "月拟合优度", "code": "ynhyd" },
+        { "title": "年拟合优度", "code": "nnhyd" },
+        { "title": "日实际/保证", "code": "rsjbz" },
+        { "title": "月实际/保证", "code": "ysjbz" },
+        { "title": "年实际/保正", "code": "nsjbz" },
+        { "title": "风资源", "code": "fzy" }
+    ],
+    "data1": [
+        { "title": "风电机", "code": "fdj", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "发电量", "code": "fdl", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "应发电量", "code": "yfdl", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "平均功率", "code": "pjgl", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "平均风速", "code": "pjfs", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "运行小时", "code": "yxxs", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "待机小时", "code": "djxs", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "故障小时", "code": "gzxs", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "维护小时", "code": "whxs", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "中断小时", "code": "zdxs", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "有效风时", "code": "yxfs", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "损失电量", "code": "ssdl", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "报警次数", "code": "bjcs", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "停机次数", "code": "tjcs", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "不饱和次数", "code": "bbhcs", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "设备可利用率", "code": "sbklyl", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "平均温度", "code": "pjwd", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "平均湿度", "code": "pjsd", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "平均压强", "code": "pjyq", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "拟合优度", "code": "nhyd", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "实际/保证", "code": "sjbz", "A01": "213", "A02": "24", "A03": "789" },
+        { "title": "风资源", "code": "fzy", "A01": "213", "A02": "24", "A03": "789" }
+    ]
+}

src/views/economicsOperation/benchmarkingManagement/singleMachineBenchmarking/index.vue

@@ -2,26 +2,6 @@
   <div class="Benchmarking">
     <div class="Benchmarking_topAll">
       <div class="Benchmarking_top">
-        <div class="stationcm">
-          <el-select
-            size="mini"
-            v-model="companyVal"
-            placeholder="请选择"
-            @change="changeCompan"
-          >
-            <el-option
-              v-for="item in companyOptions"
-              :key="item.id"
-              :label="item.aname"
-              :value="item.id"
-            >
-            </el-option>
-          </el-select>
-        </div>
-        <!-- <div class="tabCut">
-                    <div @click="changeBtn(val.id)" :class="tabEvent === val.id ? 'active' : ''" v-for="val in tabOptions"
-                    :key="val.id"><span>{{ val.name }}</span></div>
-                </div> -->
         <div class="station stationss">
           场站：
           <el-select
@@ -42,46 +22,6 @@
             </el-option>
           </el-select>
         </div>
-        <div class="station stationss">
-          项目：
-          <el-select
-            size="mini"
-            v-model="projectVal"
-            placeholder="请选择"
-            multiple
-            collapse-tags
-            @change="changeProject"
-            clearable
-          >
-            <el-option
-              v-for="item in projectOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            >
-            </el-option>
-          </el-select>
-        </div>
-        <div class="station stationss">
-          线路：
-          <el-select
-            size="mini"
-            v-model="lineVal"
-            placeholder="请选择"
-            multiple
-            collapse-tags
-            @change="changeByLine"
-            clearable
-          >
-            <el-option
-              v-for="item in lineOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            >
-            </el-option>
-          </el-select>
-        </div>
         <div class="station">
           风机：
           <el-select
@@ -119,12 +59,9 @@
           <el-button round size="mini" class="buttons" @click="seachData"
             >搜 索</el-button
           >
-          <el-button round size="mini" class="buttons" @click="downXlsxFn"
-            >导出</el-button
-          >
         </div>
       </div>
-      <div class="selections">
+      <div class="selections"  :data-type="$store.state.moreSty">
         <div
           class="selections_btn"
           @click="tabSelect(0)"
@@ -150,64 +87,47 @@
     </div>
     <div style="background: rgba(0, 0, 0, 0.4)">
       <div class="Benchmarking_title clearfix">
-        <div class="leftContent floatLeft"><span>单机对标</span></div>
+        <div class="leftContent floatLeft" :data-type="$store.state.moreSty"><span>单机性能对标</span></div>
       </div>
       <div class="Benchmarking_Table">
         <el-table
           :data="BenchmarkingData"
           size="mini"
-          height="46vh"
+          height="55vh"
           ref="stand_table"
           style="width: 100%"
         >
-          <el-table-column type="index" label="序号" width="55" align="center">
-          </el-table-column>
-          <!-- <el-table-column prop='name' label="指标" width="55" align="center">
-                </el-table-column> -->
-          <el-table-column
-            v-for="(item, index) in tableHeader"
-            :key="index"
-            :prop="item.code"
-            :label="item.title"
-            align="center"
-            :width="item.title === '指标' ? '150' : ''"
-          >
-            <template #default="scope">
-              <span v-if="item.title === '指标'">{{ scope.row.name }}</span>
-              <span v-else>
-                <span
-                  v-if="scope.row.name === '风资源' && scope.row[item.code * 1]"
-                >
-                  <div class="chart-namess">
-                    <div class="point left"></div>
-                    <div class="point right"></div>
-                  </div>
-
-                  <!-- :indicator="scope.row[item.code*1].indicator"  :showLegend="true"-->
-                  <!-- <direction-radar-chart
-                                    width="300px"
-                                    height="300px"
-                                    :value="[scope.row[item.code*1]]"
-                                    :showTool="false"                                
-                                /> -->
-                  <!-- :lenged="scope.row[item.code*1].lenged" -->
-                  <direction-radar-chart
-                    width="280px"
-                    height="300px"
-                    :xAxis="scope.row[item.code * 1].rzdfsxaisx"
-                    :series="scope.row[item.code * 1].data"
-                    title=""
-                    :isRadar="false"
-                  />
-                  <div class="chart-namess">
-                    <div class="point left"></div>
-                    <div class="point right"></div>
-                  </div>
-                </span>
-                <span v-else>{{ scope.row[item.code * 1] }}</span>
-              </span>
-            </template>
-          </el-table-column>
+            <el-table-column type="index" label='序号' width="60" align="center" />
+            <el-table-column prop='title' label="指标" width="130" align="center">
+            </el-table-column>
+            <el-table-column
+                v-for="(item, index) in tableHeader"
+                :key="index"
+                :prop="item.code"
+                :label="item.title"
+                align="center"
+                :width="item.title === '指标' ? '150' : ''"
+            >
+                <template #default="scope">
+                    <div v-if="scope.row.title === '风资源'">
+                        <div class="chart-namess">
+                            <div class="point left"></div>
+                            <div class="point right"></div>
+                        </div>
+                        <direction-radar-chart
+                            width="300px"
+                            height="300px"
+                            :value="scope.row[item.code]"
+                            :showTool="false" 
+                        />
+                        <div class="chart-namess">
+                            <div class="point left"></div>
+                            <div class="point right"></div>
+                        </div>
+                    </div>
+                    <span v-else>{{ scope.row[item.code] }}</span>
+                </template>
+            </el-table-column>
         </el-table>
       </div>
     </div>
@@ -223,10 +143,11 @@
 </template>
 
 <script>
-// import DirectionRadarChart from "@/components/chart/radar/direction-radar-chart.vue";
+import DirectionRadarChart from "@/components/chart/radar/direction-radar-chart.vue";
 // import DirectionRadarChart from "@/components/chart/radar/radar-chart.vue";
 // import DirectionRadarChart from "../../homePage/components/normal-radar-chart.vue";
-import DirectionRadarChart from "../../analyse/standAloneAnalyse/raderswithhart.vue";
+// import DirectionRadarChart from "../../analyse/standAloneAnalyse/raderswithhart.vue";
+// import DirectionRadarChart from "../../windAnalyse/singleWindAnasyle/raderswithhart.vue";
 import * as echarts from "echarts";
 import {
   getApicompanyslist,
@@ -240,10 +161,11 @@ import {
 import utils from "@/utills/downXlsx";
 import partten from "@/helper/partten.js";
 import util from "@/helper/util.js";
+import dataJson from "./dataJson.json"
 export default {
   name: "singleMachineBenchmarking",
   components: {
-    DirectionRadarChart,
+    DirectionRadarChart
   },
   data() {
     return {
@@ -273,8 +195,47 @@ export default {
   },
   created() {
     this.getCompanyData();
+    this.tableHeader = [
+        {
+            title: "A01",
+            code: "A01"
+        },
+        {
+            title: "A02",
+            code: "A02"
+        },
+        {
+            title: "A03",
+            code: "A03"
+        }
+    ]
+  },
+  mounted() {
+    this.BenchmarkingData = dataJson.data1
+    this.$nextTick(() =>{
+        this.initChart()
+    })
   },
   methods: {
+    initChart() {
+        let lenged = ["实发功率", "应发功率"];
+        let xAxis = ["A01", "A02", "A03"];
+        let series = [
+            {
+                name: "实发功率",
+                data: [820, 932, 231],
+                type: 'line',
+                smooth: true
+            },
+            {
+                name: "应发功率",
+                data: [234, 657, 345],
+                type: 'line',
+                smooth: true
+            }
+          ]
+        this.getChart(xAxis, lenged, series);
+    },
     // 切换tab
     tabSelect(index) {
       this.tabIndex = index;
@@ -518,22 +479,15 @@ export default {
           },
         },
         legend: {
-          show: true,
-          data: lenged,
-          padding: [10, 10],
-          right: 56,
-          icon: "circle",
-          itemWidth: 6,
-          inactiveColor: partten.getColor("gray"),
-          textStyle: {
-            color: partten.getColor("grayl"),
-            fontSize: 12,
-          },
+            data: lenged,
+            textStyle: {
+                color: "#fff"
+            }
         },
         grid: {
           top: 56,
-          left: 40,
-          right: 15,
+          left: 50,
+          right: 55,
           bottom: 24,
         },
         xAxis: [
@@ -723,9 +677,27 @@ export default {
         }
       }
     }
+    .selections[data-type~="greenSty"] {
+        .selections_btn{
+            &:hover,
+            &.active {
+                background: fade(#05bb4c, 80);
+                border: 1px solid #05bb4c;
+            }
+        }
+    }
+    .selections[data-type~="blueSty"] {
+        .selections_btn{
+            &:hover,
+            &.active {
+                background: fade(#0046c7, 80);
+                border: 1px solid #0046c7;
+            }
+        }
+    }
     .selections {
       position: relative;
-      right: 100px;
+      top: 46px;
       display: flex;
       margin-top: 13px;
       .selections_btn {
@@ -741,8 +713,6 @@ export default {
         border-radius: 20px;
         &:hover,
         &.active {
-          background: fade(#0046c7, 80);
-          border: 1px solid #0046c7;
           color: #b9b9b9;
           cursor: pointer;
         }
@@ -751,11 +721,16 @@ export default {
   }
   .Benchmarking_title {
     padding-left: 10px;
+    .leftContent[data-type~="greenSty"] {
+            background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+        }
+        .leftContent[data-type~="blueSty"] {
+            background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
+        }
     .leftContent {
       width: 242px;
       height: 41px;
       line-height: 41px;
-      background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
       span {
         font-size: 16px;
         font-family: Microsoft YaHei;

src/views/economicsOperation/benchmarkingManagement/siteBenchmarking/index.vue

@@ -110,7 +110,7 @@
     </div>
     <div class="bodys" v-if="!displayDetail">
       <div class="line">
-        <div class="leftContent"><span>场内对标</span></div>
+        <div class="leftContent" :data-type="$store.state.moreSty"><span>场内对标</span></div>
       </div>
       <div class="economicTable">
         <el-table
@@ -1179,12 +1179,18 @@ export default {
   justify-content: space-between;
   width: 100%;
 
+  .leftContent[data-type~="greenSty"] {
+            background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+        }
+        .leftContent[data-type~="blueSty"] {
+            background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
+        }
+
   .leftContent {
     width: 242px;
     height: 41px;
     display: flex;
     align-items: center;
-    background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
 
     span {
       font-size: 16px;

src/views/economicsOperation/benchmarkingManagement/valueBenchmarking/index.vue

@@ -34,7 +34,7 @@
     </div>
     <div class="data-bodys">
       <div class="line clearfix">
-        <div class="leftContent left"><span>值际对标</span></div>
+        <div class="leftContent left" :data-type="$store.state.moreSty"><span>值际对标</span></div>
       </div>
       <div class="economicTable">
         <!-- theoreticalgeneratity 理论发电量
@@ -219,11 +219,16 @@ export default {
 
   .line {
     padding-bottom: 5px;
+    .leftContent[data-type~="greenSty"] {
+            background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+        }
+        .leftContent[data-type~="blueSty"] {
+            background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
+        }
     .leftContent {
       width: 242px;
       height: 41px;
       line-height: 41px;
-      background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
 
       span {
         font-size: 16px;

src/views/economicsOperation/benchmarkingManagement/wiringBenchmarking/index.vue

@@ -152,7 +152,7 @@
     </div>
     <div class="bodys" v-if="!displayDetail">
       <div class="line">
-        <div class="leftContent"><span>线路对标</span></div>
+        <div class="leftContent" :data-type="$store.state.moreSty"><span>线路对标</span></div>
       </div>
       <div class="economicTable">
         <el-table
@@ -944,12 +944,17 @@ export default {
   align-items: center;
   justify-content: space-between;
   width: 100%;
+  .leftContent[data-type~="greenSty"] {
+            background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+        }
+        .leftContent[data-type~="blueSty"] {
+            background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
+        }
   .leftContent {
     width: 242px;
     height: 41px;
     display: flex;
     align-items: center;
-    background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
 
     span {
       font-size: 16px;