manage-client 3.1.24 → 3.1.26-aode

package/src/components/daping/ManageMain.vue

@@ -1,255 +0,0 @@
-<template>
-
-  <div class=' main background-qinhua' style="overflow: hidden" v-if="showChart1">
-    <div class="title-main" style="height: 7%">
-      <span class="title_main" style="vertical-align:left;background: url('../../../static/NewManageHome/矩形1186.png')" @click="showCharts('燃气数据展示')">
-
-        客服</span>
-      <img src="../../../static/NewManageHome/title_left.png" alt="" style="vertical-align:middle">
-      <img src="../../../static/NewManageHome/title_wuhai.png" alt="" style="vertical-align:middle">
-      <img src="../../../static/NewManageHome/title_right.png" alt="" style="vertical-align:middle">
-      <span  class="title_main" style="vertical-align:right;background: url('../../../static/NewManageHome/矩形1186拷贝.png')"  @click="showCharts('数据化管理')" b>
-
-        经营</span>
-    </div>
-    <qh-data-management :changeshow=showChart2></qh-data-management>
-
-  </div>
-  <div class=' main background-qinhua' style="overflow: hidden" v-if="showChart2">
-    <div class="title-main" style="height: 7%">
-      <span class="title_main" style="vertical-align:left;background: url('../../../static/NewManageHome/矩形1186.png')" @click="showCharts('燃气数据展示')">
-
-        客服</span>
-      <img src="../../../static/NewManageHome/矩形6拷贝3.png" alt="" style="vertical-align:middle">
-      <a style="background-image:url('../../../static/NewManageHome/圆角矩形1163.png');font-family: HYk2gj;
-      font-size: 2.2em;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 26px;
-      letter-spacing: 2px;
-      color: #ffffff;" href="http://10.10.90.190:8300/">
-        数据化管理平台
-      </a>
-
-      <img src="../../../static/NewManageHome/矩形6拷贝4.png" alt="" style="vertical-align:middle">
-      <span class="title_main" style="vertical-align:right;background: url('../../../static/NewManageHome/矩形1186拷贝.png')"  @click="showCharts('数据化管理')" b>
-
-        经营</span>
-    </div>
-    <qh-data-management1 ></qh-data-management1>
-
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from 'vue-client'
-  export default {
-    title: '收费',
-    data() {
-      return{
-        sumnum:0,
-        showChart1 : true,
-        showChart2 : false,
-      }
-    },
-    methods: {
-      showCharts(title){
-        if(title === '燃气数据展示'){
-          this.showChart1 = true
-          this.showChart2 = false
-        }else{
-          this.showChart1 = false
-          this.showChart2 = true
-        }
-      }
-    },
-    ready () {
-      let http = new HttpResetClass()
-      http.load('post', '/rs/sql/getSafecheckSum', {data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-       this.sumnum = (res.data[0].value/10000).toFixed(2)
-      })
-    },
-    props: {}
-  }
-</script>
-<style scoped>
-@font-face {
-  font-family: 'hanziti';
-  src: url('/Style/汉仪菱心体简.ttf');
-}
-.title_main {
-  margin: 0 auto;
-  color:white;
-  font-family: 'hanziti';
-  padding-right: 38px;
-  padding-left: 54px;
-  text-align: center;
-  font-size: 24px;
-}
-  @media screen and (max-width: 1920px) {
-    .main {
-      height: 100%;
-      padding: 1em;
-      flex: 1 1 auto;
-      flex-direction: column;
-      display: flex;
-    }
-
-    #top-left {
-      /*padding: 1em;*/
-      width: 32%;
-      height: 100%;
-    }
-
-    #top-mid {
-      /*padding: 1em;*/
-      width: 30%;
-      height: 100%;
-    }
-
-    #top-right {
-      width: 37%;
-      height: 100%;
-    }
-
-    .title-font {
-      font-family: HYk2gj;
-      font-size: 40px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 26px;
-      letter-spacing: 2px;
-      color: #ffffff;
-    }
-
-    .title-main {
-      margin: 0 auto;
-
-    }
-
-
-    .flex-inline {
-      display: inline-flex;
-      justify-content: space-around;
-    }
-
-    #pie-one {
-      height: 100%;
-      width: 35%;
-    }
-
-    #weiruhu {
-      font-family: tRends;
-      font-size: 24px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-      color: #00f6ff;
-    }
-
-    #anjian {
-      font-family: tRENDS;
-      font-size: 24px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-      color: #ffc21f;
-    }
-
-    .qinhuamap {
-      position: absolute;
-      top: 2%;
-      left: 35%;
-      width: 28%;
-      height: 57%;
-    }
-  }
-  @media screen and (max-width: 1440px) {
-    .main {
-      height: 100%;
-      padding: 1em;
-      flex: 1 1 auto;
-      flex-direction: column;
-      display: flex;
-    }
-
-    #top-left {
-      /*padding: 1em;*/
-      width: 32%;
-      height: 100%;
-    }
-
-    #top-mid {
-      /*padding: 1em;*/
-      width: 30%;
-      height: 100%;
-    }
-
-    #top-right {
-      width: 37%;
-      height: 100%;
-    }
-
-    .title-font {
-      font-family: HYk2gj;
-      font-size: 30px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 22px;
-      letter-spacing: 2px;
-      color: #ffffff;
-    }
-
-    .title-main {
-      margin: 0 auto;
-    }
-
-    .flex-inline {
-      display: inline-flex;
-      justify-content: space-around;
-    }
-
-    #pie-one {
-      height: 100%;
-      width: 35%;
-    }
-
-    #weiruhu {
-      font-family: tRends;
-      font-size: 18px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 22px;
-      letter-spacing: 0px;
-      color: #00f6ff;
-    }
-
-    #anjian {
-      font-family: tRENDS;
-      font-size: 18px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 22px;
-      letter-spacing: 0px;
-      color: #ffc21f;
-    }
-
-    .qinhuamap {
-      position: absolute;
-      top: 2%;
-      left: 35%;
-      width: 28%;
-      height: 57%;
-    }
-    .font-14-medium{
-      color: #ffffff;
-      line-height: 18px;
-      font-size: 12px;
-      font-family: font-pingfang-medium;
-    }
-
-  }
-</style>
-

package/src/components/daping/Pie.vue

@@ -1,171 +0,0 @@
-<template>
-  <div id='pie' style="height: 100%;width: 100%">
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from 'vue-client'
-  export default {
-    title: '收费',
-    data () {
-      return{
-        data:0,
-        data1:0
-      }
-    },
-    methods: {
-      init () {
-        var color = ['#2F8DF4', '#ef9861']
-        var title = ['民用', '非民用']
-        var option = {
-                  title:{
-        text:'年售气量类型占比',
-        x:'10px',
-        y:'10px',
-       backgroundColor: '#002c45', //标题背景颜色，默认'rgba(0,0,0,0)'透明
-            borderColor: '#01fee8', //标题边框颜色,默认'#ccc'
-            borderWidth: 1, //标题边框线宽，单位px，默认为0（无边框）
-            padding:5,
-            textStyle: {
-              fontSize: 12,
-              fontWeight: 'normal',
-              fontFamily: 'pFBold',
-              lineHeight: 26,
-              color: '#24d4d4',
-              align: 'center'
-            }},
-          color: color,
-          backgroundColor: '#ffffff00',
-          legend: {
-
-            orient: 'horizontal',
-            left: 'center',
-            bottom: '10',
-            icon: 'circle',
-            itemWidth: 10,
-            itemHeight: 10,
-            data: title,
-            textStyle: {
-              color: '#fff'
-            }
-          },
-    //           title: {
-    //     left: 'center',
-    //     top: '50%',
-    //     textStyle: {
-    //         fontSize: 22,
-    //         color: '#fff',
-    //         fontWeight: 'normal'
-    //     }
-    // },
-    // tooltip: {
-    //     trigger: 'item',
-    //     extraCssText: 'width:auto;height:30%;border:1px solid #015999;background:#032f53 '
-    // },
-    series: [{
-        type: 'pie',
-        roseType: 'radius',
-        radius: ['25%', '40%'],
-
-        data: [{
-                value: this.data,
-                name: '民用'
-            }, {
-                value: this.data1,
-                name: '非民用'
-            }
-        ],
-        label: {
-             show:false,
-            normal: {
-                formatter: '{font|{b}}\n{hr|}\n{font|{d}%}',
-                rich: {
-                    font: {
-                        fontSize: 10,
-                        padding: [5, 0],
-                        color: '#fff'
-                    },
-                    hr: {
-                        height: 0,
-                        borderWidth: 1,
-                        width: '100%',
-                        borderColor: '#fff'
-                    }
-                }
-            },
-        },
-        labelLine: {
-            lineStyle: {
-                color: '#fff'
-            }
-        },
-        emphasis: {
-            itemStyle: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: 'rgba(0,0,0,0.5)'
-            }
-        }
-    }]
-        }
-        let barchart = this.$echarts.init(document.getElementById('pie' +
-          ''))
-        console.log(option)
-        barchart.setOption(option)
-        let index = -1 // 高亮所在下标
-        let dataLength = title.length   // 当前饼图有多少个扇形
-        // 用定时器控制饼图高亮
-        // this.mTime = setInterval(() => {
-        //   // 清除之前的高亮
-        //   barchart.dispatchAction({
-        //     type: 'downplay',
-        //     seriesIndex: 0,
-        //     dataIndex: index
-        //   })
-        //   index = (index + 1) % dataLength
-        //   // 当前下标高亮
-        //   barchart.dispatchAction({
-        //     type: 'highlight',
-        //     seriesIndex: 0,
-        //     dataIndex: index
-        //   })
-        //   if (index > dataLength) {
-        //     index = 0
-        //   }
-        // }, 1000)
-        // 鼠标划入
-        // barchart.on('mouseover', () => {
-        //   // 停止定时器，清除之前的高亮
-        //   // clearInterval(this.mTime)
-        //   this.echartsPie.dispatchAction({
-        //     type: 'downplay',
-        //     seriesIndex: 0,
-        //     dataIndex: index
-        //   })
-        // })
-      }
-    },
-    ready() {
-
-        let http = new HttpResetClass()
-      http.load('post', '/rs/sql/getSellSumByType', {data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-        for(let i=0;i<res.data.length;i++){
-          if(res.data[i].name==='民用'){
-            this.data = res.data[i].value
-          }
-          if(res.data[i].name==='非民用'){
-            this.data1 = res.data[i].value
-          }
-        }
-              this.init()
-      })
-
-    },
-    props: {}
-  }
-</script>
-<style scoped>
-
-
-</style>
-

package/src/components/daping/ResidentsSecurity.vue

@@ -1,132 +0,0 @@
-<template>
-    <div id="expiremeters" style="height: 100%;width:100%"></div>
-
-</template>
-
-<script>
-import {HttpResetClass } from 'vue-client'
-
-export default {
-  name: 'expiremeter',
-
-  ready(){
-    this.setBar()
-  },
-  methods:{
-    setBar(){
-      let http = new HttpResetClass()
-      http.load('post','rs/sql/getSellSum',{data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-        // this.year =  (res.data[0].gas_year/10000).toFixed(2)
-        // this.day =  (res.data[0].gas_day/10000).toFixed(2)
-      })
-      this.xc =  this.$echarts.init(document.getElementById('expiremeters'))
-      var data = {
-
-        area: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-        legend: ['累计到访户数', '实际入户数'],
-        data: [
-          [120, 362, 201, 334, 320, 330, 110, 220, 200],
-          [320, 302, 301, 334, 390, 330, 320, 100, 50],
-
-        ]
-
-
-      }
-      var colors = [ '#6fd9d0',  '#ef9861']
-
-      var option = {
-        color: colors,
-        legend: {
-          top: 22,
-          left: 450,
-          itemWidth: 10,
-          itemHeight: 10,
-          // padding: [5, 10],
-          textStyle: {
-            fontSize: 14,
-            color: '#96A4F4',
-            padding: [3, 0, 0, 0]
-          },
-          data: data.legend
-        },
-        grid: {
-          left: '3%',
-          right: '10%',
-          bottom: '13%',
-          containLabel: true
-        },
-        xAxis: {
-          name :'近12月',
-          type: 'category',
-          axisLabel: {
-            color: '#96A4F4'
-          },
-          axisLine: {
-            lineStyle: {
-              color: '#96A4F4'
-            },
-            width: 5
-          },
-          axisTick: {
-            show: false,
-          },
-          data: data.area
-        },
-        yAxis: {
-          name:'数量',
-          type: 'value',
-          axisLabel: {
-            color: '#96A4F4'
-          },
-          axisLine: {
-            lineStyle: {
-              color: '#96A4F4'
-            },
-            width: 5
-          },
-          axisTick: {
-            show: false,
-          },
-          splitLine: {
-            lineStyle: {
-              color: 'rgba(150, 164, 244, 0.3)'
-            }
-          },
-        },
-        series: [
-
-        ]
-      };
-      for (var i = 0; i < data.legend.length; i++) {
-        option.series.push({
-          name: data.legend[i],
-          type: 'bar',
-          barWidth: '35%',
-          label: {
-            show: true,
-            position: 'insideTop',
-            fontSize :8
-          },
-          data: data.data[i]
-        })
-      }
-      console.log('执行了~~~~~~~~~~~~~~~')
-      console.log('执行了~~~~~~~~~~~~~~~',option.series)
-      this.xc.setOption(option)
-      console.log('这个图表执行啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦')
-
-    }
-  },
-  data() {
-    return {
-      xc :''
-    }
-  }
-}
-</script>
-
-<style scoped>
-.scada-title{
-  height: 20%;
-}
-</style>