manage-client 3.2.49 → 3.2.50

package/src/components/ManageHomeCS/NetWork/NetHome.vue

@@ -1,106 +1,106 @@
-<template>
-  <div>
-    <!--管网建设-->
-     <net-info class="border lineinspection"></net-info>
-    <!--管网运行-->
-    <single-bar-line class="border gasvalue"></single-bar-line>
-    <!--巡线-->
-      <trend class="border construction"></trend>
-    <!--管网隐患-->
-    <weather class="border netdanger"></weather>
-    <guanwang  class="border-1 networkmap"></guanwang>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: "NetHome",
-    data() {
-      return {
-        loaddata: 0
-      }
-    },
-    watch: {
-      'loaddata': {
-        deep: true,
-        handler() {
-	       console.log(this.loaddata,'加载次数')
-          if (this.loaddata > 0) {
-            this.$parent.initdatashow = false
-          }
-        },
-        immediate: true
-      }
-    },
-  }
-</script>
-
-<style scoped>
-  .border {
-    padding-top: 0.4%;
-    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
-    linear-gradient(#6fd9d0, #6fd9d0) left top,
-    linear-gradient(#6fd9d0, #6fd9d0) right top,
-    linear-gradient(#6fd9d0, #6fd9d0) right top,
-    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
-    background-repeat: no-repeat;
-    background-size: 1.5px 11px, 11px 1.5px;
-    background-color: rgba(1, 207, 242, 0.05);
-  }
-  .border-1 {
-
-    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
-    linear-gradient(#6fd9d0, #6fd9d0) left top,
-    linear-gradient(#6fd9d0, #6fd9d0) right top,
-    linear-gradient(#6fd9d0, #6fd9d0) right top,
-    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
-    background-repeat: no-repeat;
-    background-size: 1.5px 11px, 11px 1.5px;
-    background-color: rgba(1, 207, 242, 0.05);
-  }
-  /*管网建设*/
-  .construction {
-    position: absolute;
-    top:1%;
-    left: 2%;
-    width: 28%;
-    height: 46%;
-  }
-  /*管网运行*/
-  .gasvalue {
-    position: absolute;
-    top: 1%;
-    left: 74%;
-    width: 24%;
-    height: 46%;
-  }
-  /*巡线*/
-  .lineinspection {
-    position: absolute;
-    top: 49%;
-    left: 2%;
-    width: 28%;
-    height: 45%;
-  }
-  /*管网隐患*/
-  .netdanger {
-    position: absolute;
-    top: 49%;
-    left: 74%;
-    width: 24%;
-    height: 45%;
-  }
-  .networkmap{
-    position: absolute;
-    top: 1%;
-    left: 31%;
-    width: 42%;
-    height: 93%;
-  }
-</style>
+<template>
+  <div>
+    <!--管网建设-->
+     <net-info class="border lineinspection"></net-info>
+    <!--管网运行-->
+    <single-bar-line class="border gasvalue"></single-bar-line>
+    <!--巡线-->
+      <trend class="border construction"></trend>
+    <!--管网隐患-->
+    <weather class="border netdanger"></weather>
+    <guanwang  class="border-1 networkmap"></guanwang>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "NetHome",
+    data() {
+      return {
+        loaddata: 0
+      }
+    },
+    watch: {
+      'loaddata': {
+        deep: true,
+        handler() {
+	       console.log(this.loaddata,'加载次数')
+          if (this.loaddata > 0) {
+            this.$parent.initdatashow = false
+          }
+        },
+        immediate: true
+      }
+    },
+  }
+</script>
+
+<style scoped>
+  .border {
+    padding-top: 0.4%;
+    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
+    background-repeat: no-repeat;
+    background-size: 1.5px 11px, 11px 1.5px;
+    background-color: rgba(1, 207, 242, 0.05);
+  }
+  .border-1 {
+
+    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
+    background-repeat: no-repeat;
+    background-size: 1.5px 11px, 11px 1.5px;
+    background-color: rgba(1, 207, 242, 0.05);
+  }
+  /*管网建设*/
+  .construction {
+    position: absolute;
+    top:1%;
+    left: 2%;
+    width: 28%;
+    height: 46%;
+  }
+  /*管网运行*/
+  .gasvalue {
+    position: absolute;
+    top: 1%;
+    left: 74%;
+    width: 24%;
+    height: 46%;
+  }
+  /*巡线*/
+  .lineinspection {
+    position: absolute;
+    top: 49%;
+    left: 2%;
+    width: 28%;
+    height: 45%;
+  }
+  /*管网隐患*/
+  .netdanger {
+    position: absolute;
+    top: 49%;
+    left: 74%;
+    width: 24%;
+    height: 45%;
+  }
+  .networkmap{
+    position: absolute;
+    top: 1%;
+    left: 31%;
+    width: 42%;
+    height: 93%;
+  }
+</style>

package/src/components/ManageHomeCS/NetWork/NetWork.vue

@@ -1,222 +1,222 @@
-<template>
-  <div class="network">
-    <div class="label">管网</div>
-    <div id="network-one"></div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: "net-work",
-    props: {
-      listenheight: String,
-    },
-    data() {
-      return {
-        xc: '',
-        construction: {//建设数据
-          Built: [200, 100, 30],//已建数据
-          rebuilt: [20, 15, 66],//在建数据
-          approved: [70, 50, 121],//审批数据
-        },
-      }
-    },
-    methods: {
-      setBar() {
-        this.xc = this.$echarts.init(document.getElementById('network-one'))
-        var scale=this.$parent.$parent.$parent.scale
-        this.xc.setOption({
-          title: {
-            text: '',
-            subtext: '',
-            x: 'left'
-          },
-          colors: ['#6fd9d0', '#f7cb32', '#7395db'],
-          tooltip: {
-            alwaysShowContent:true,
-            backgroundColor:'rgba(2, 59, 63, 0.45)',
-            // borderColor :'rgba(13, 109, 180)',
-            borderWidth:0,
-            hideDelay:100,
-              padding:10*scale,
-              textStyle:{
-                  fontSize:18*scale
-              },
-            formatter: function (params) {
-              if (params[0].data == '') {
-                return ''
-              }
-              var result = ''
-              params.forEach(function (item) {
-                result += item.marker + " " + item.seriesName + " &nbsp;&nbsp;&nbsp; <sapn style='color:#e1e52a;font-weight: bolder'>" + item.value + "</sapn></br>";
-              });
-              return "<div style='text-align: center;height: 1px;font-weight: normal'>"+params[0].axisValue + '</div><br/>' + result
-            },
-            trigger: 'axis',
-            axisPointer: {type: 'line', lineStyle: {width: 0}},
-            extraCssText: 'width: auto;height: auto;'
-          },
-          legend: {
-            icon: 'circle',
-            x: 'right',
-            y: 'top',
-            itemGap: 20,
-            itemWidth: 20 ,
-            itemHeight: 10 ,
-            // padding: [0, 25, 0, 0],
-            data: ['已建', '在建', '审批'],
-            textStyle: {
-              fontSize: 14 ,
-              color: '#ffffff'          // 图例文字颜色
-            }
-          },
-          grid: {left: '2%', top: "15%", bottom: "5%", right: "5%", containLabel: true},
-          calculable: true,
-          xAxis: [
-            {
-              type: 'category',
-
-              axisLine: {
-                show: true,
-                lineStyle: {
-                  color: '#004371'
-                }
-              },
-              axisTick: {
-                interval: 0,
-                length: '100px',
-              },
-              data: ['高压', '中压', '家庭'],           //图分段的段名
-              axisLabel: {
-                show: true,
-                textStyle: {
-                  fontSize: 14 * scale,
-                  color: '#ffffff'
-                }
-              }
-            }
-          ],
-          yAxis: [
-            {
-              name: '(km)',
-              nameLocation: "end",
-              type: 'value',
-              nameTextStyle: {
-                fontSize: 14 * scale,
-                padding: [-10 * scale, 35 * scale, 0, 0],
-                color: '#15dce2',
-              },
-              axisLine: {
-                show: false
-              },
-              axisLabel: {
-                show: true,
-                textStyle: {
-                  fontSize: 14 * scale,
-                  color: '#15dce2'
-                }
-              },
-              axisTick: {show: false},
-              splitLine: {
-                show: true,
-                lineStyle: {
-                  type: 'dashed',
-                  color: '#004371',
-                }
-              },
-            }
-          ],
-          barCategoryGap: '2%',
-          series: [
-            {
-              name: '已建',
-              type: 'bar',
-              // barGap: 0,
-              barCategoryGap: '1%',
-              barWidth: '20%',
-              data: this.construction.Built,
-              hoverAnimation: false,
-              label: {
-                show: true,
-                position: 'top',
-                textStyle: { //数值样式
-                  color: '#fefefe',
-                  fontSize: 14 * scale
-                }
-              },
-              itemStyle: {
-                normal: {color: '#6fd9d0',},
-              }
-            },
-            {
-              name: '在建',
-              type: 'bar',
-              //  barGap: 0,
-              barCategoryGap: '1%',
-              barWidth: '20%',
-              data: this.construction.rebuilt,
-              hoverAnimation: false,
-              label: {
-                show: true,
-                position: 'top',
-                textStyle: { //数值样式
-                  color: '#fefefe',
-                  fontSize: 14 * scale
-                }
-              },
-              itemStyle: {normal: {color: '#f7cb32'}},
-            },
-            {
-              name: '审批',
-              type: 'bar',
-              //    barGap: 0,
-              barCategoryGap: '1%',
-              barWidth: '20%',
-              data: this.construction.approved,
-              hoverAnimation: false,
-              label: {
-                show: true,
-                position: 'top',
-                textStyle: { //数值样式
-                  color: '#fefefe',
-                  fontSize: 14 * scale
-                }
-              },
-              itemStyle: {normal: {color: '#7393db'}},
-            },
-          ],
-        }, true)
-      },
-    },
-    watch: {
-      'listenheight': {
-        deep: true,
-        handler(val) {
-          if (this.listenheight !== '') {
-            // this.$parent.$parent.changeresize(this.xc)
-          }
-        },
-      }
-    },
-    ready() {
-      this.setBar()
-    }
-  }
-</script>
-
-<style scoped>
-  .label {
-    margin-left: 6%;
-    font-size: 1.85rem;
-    float: left;
-    color: #fff;
-    height: 8%;
-  }
-
-  #network-one {
-    padding: 0 4%;
-    height: 91%;
-    width: 100%;
-  }
-
-</style>
+<template>
+  <div class="network">
+    <div class="label">管网</div>
+    <div id="network-one"></div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "net-work",
+    props: {
+      listenheight: String,
+    },
+    data() {
+      return {
+        xc: '',
+        construction: {//建设数据
+          Built: [200, 100, 30],//已建数据
+          rebuilt: [20, 15, 66],//在建数据
+          approved: [70, 50, 121],//审批数据
+        },
+      }
+    },
+    methods: {
+      setBar() {
+        this.xc = this.$echarts.init(document.getElementById('network-one'))
+        var scale=this.$parent.$parent.$parent.scale
+        this.xc.setOption({
+          title: {
+            text: '',
+            subtext: '',
+            x: 'left'
+          },
+          colors: ['#6fd9d0', '#f7cb32', '#7395db'],
+          tooltip: {
+            alwaysShowContent:true,
+            backgroundColor:'rgba(2, 59, 63, 0.45)',
+            // borderColor :'rgba(13, 109, 180)',
+            borderWidth:0,
+            hideDelay:100,
+              padding:10*scale,
+              textStyle:{
+                  fontSize:18*scale
+              },
+            formatter: function (params) {
+              if (params[0].data == '') {
+                return ''
+              }
+              var result = ''
+              params.forEach(function (item) {
+                result += item.marker + " " + item.seriesName + " &nbsp;&nbsp;&nbsp; <sapn style='color:#e1e52a;font-weight: bolder'>" + item.value + "</sapn></br>";
+              });
+              return "<div style='text-align: center;height: 1px;font-weight: normal'>"+params[0].axisValue + '</div><br/>' + result
+            },
+            trigger: 'axis',
+            axisPointer: {type: 'line', lineStyle: {width: 0}},
+            extraCssText: 'width: auto;height: auto;'
+          },
+          legend: {
+            icon: 'circle',
+            x: 'right',
+            y: 'top',
+            itemGap: 20,
+            itemWidth: 20 ,
+            itemHeight: 10 ,
+            // padding: [0, 25, 0, 0],
+            data: ['已建', '在建', '审批'],
+            textStyle: {
+              fontSize: 14 ,
+              color: '#ffffff'          // 图例文字颜色
+            }
+          },
+          grid: {left: '2%', top: "15%", bottom: "5%", right: "5%", containLabel: true},
+          calculable: true,
+          xAxis: [
+            {
+              type: 'category',
+
+              axisLine: {
+                show: true,
+                lineStyle: {
+                  color: '#004371'
+                }
+              },
+              axisTick: {
+                interval: 0,
+                length: '100px',
+              },
+              data: ['高压', '中压', '家庭'],           //图分段的段名
+              axisLabel: {
+                show: true,
+                textStyle: {
+                  fontSize: 14 * scale,
+                  color: '#ffffff'
+                }
+              }
+            }
+          ],
+          yAxis: [
+            {
+              name: '(km)',
+              nameLocation: "end",
+              type: 'value',
+              nameTextStyle: {
+                fontSize: 14 * scale,
+                padding: [-10 * scale, 35 * scale, 0, 0],
+                color: '#15dce2',
+              },
+              axisLine: {
+                show: false
+              },
+              axisLabel: {
+                show: true,
+                textStyle: {
+                  fontSize: 14 * scale,
+                  color: '#15dce2'
+                }
+              },
+              axisTick: {show: false},
+              splitLine: {
+                show: true,
+                lineStyle: {
+                  type: 'dashed',
+                  color: '#004371',
+                }
+              },
+            }
+          ],
+          barCategoryGap: '2%',
+          series: [
+            {
+              name: '已建',
+              type: 'bar',
+              // barGap: 0,
+              barCategoryGap: '1%',
+              barWidth: '20%',
+              data: this.construction.Built,
+              hoverAnimation: false,
+              label: {
+                show: true,
+                position: 'top',
+                textStyle: { //数值样式
+                  color: '#fefefe',
+                  fontSize: 14 * scale
+                }
+              },
+              itemStyle: {
+                normal: {color: '#6fd9d0',},
+              }
+            },
+            {
+              name: '在建',
+              type: 'bar',
+              //  barGap: 0,
+              barCategoryGap: '1%',
+              barWidth: '20%',
+              data: this.construction.rebuilt,
+              hoverAnimation: false,
+              label: {
+                show: true,
+                position: 'top',
+                textStyle: { //数值样式
+                  color: '#fefefe',
+                  fontSize: 14 * scale
+                }
+              },
+              itemStyle: {normal: {color: '#f7cb32'}},
+            },
+            {
+              name: '审批',
+              type: 'bar',
+              //    barGap: 0,
+              barCategoryGap: '1%',
+              barWidth: '20%',
+              data: this.construction.approved,
+              hoverAnimation: false,
+              label: {
+                show: true,
+                position: 'top',
+                textStyle: { //数值样式
+                  color: '#fefefe',
+                  fontSize: 14 * scale
+                }
+              },
+              itemStyle: {normal: {color: '#7393db'}},
+            },
+          ],
+        }, true)
+      },
+    },
+    watch: {
+      'listenheight': {
+        deep: true,
+        handler(val) {
+          if (this.listenheight !== '') {
+            // this.$parent.$parent.changeresize(this.xc)
+          }
+        },
+      }
+    },
+    ready() {
+      this.setBar()
+    }
+  }
+</script>
+
+<style scoped>
+  .label {
+    margin-left: 6%;
+    font-size: 1.85rem;
+    float: left;
+    color: #fff;
+    height: 8%;
+  }
+
+  #network-one {
+    padding: 0 4%;
+    height: 91%;
+    width: 100%;
+  }
+
+</style>