manage-client 3.2.88-2 → 3.2.88-aodeToV4

package/src/components/daping/ManageMain.vue

@@ -1,270 +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>
-    <div style="height: 93%;">
-      <qh-data-management :changeshow=showChart2></qh-data-management>
-    </div>
-
-
-  </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/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>
-    <redact-da-ping></redact-da-ping>
-<!--    <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/NetWork.vue

@@ -1,238 +0,0 @@
-<template>
-  <div class="network" style="margin-top: 2%;">
-    <div class="label"><span class="font-title">管网</span></div>
-    <div id="network"></div>
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from "vue-client";
-
-  export default {
-    name: "net-work",
-    props: {
-      listenheight: String,
-    },
-    data() {
-      return {
-        xc: '',
-        construction: {//建设数据
-          types: [],
-          Built: [200, 100, 30],//已建数据
-          rebuilt: [20, 15, 66],//在建数据
-          approved: [70, 50, 121],//审批数据
-        },
-      }
-    },
-    methods: {
-      async resize(){
-        let http = new HttpResetClass()
-        // 收费
-        await http.load('post', '/rs/sql/getNetWork', {data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-          console.log('管网---------------',res)
-          this.construction.types = res.data.map(item => item.f_type)
-          this.construction.Built = res.data.map(item => item.f_yijian)
-          this.construction.rebuilt = res.data.map(item => item.f_zaijian)
-          this.construction.approved = res.data.map(item => item.f_shenpi)
-          this.setBar()
-        })
-      },
-      setBar() {
-        this.xc = this.$echarts.init(document.getElementById('network'))
-        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,
-              textStyle:{
-                  fontSize:18
-              },
-            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 * scale,
-              color: '#ffffff'          // 图例文字颜色
-            }
-          },
-          grid: {left: '2%', top: "25%", bottom: "1%", right: "5%", containLabel: true},
-          calculable: true,
-          xAxis: [
-            {
-              type: 'category',
-
-              axisLine: {
-                show: true,
-                lineStyle: {
-                  color: '#004371'
-                }
-              },
-              axisTick: {
-                interval: 0,
-                length: '100px',
-              },
-              data: this.construction.types,           //图分段的段名
-              axisLabel: {
-                show: true,
-                textStyle: {
-                  fontSize: 14 ,
-                  color: '#ffffff'
-                }
-              }
-            }
-          ],
-          yAxis: [
-            {
-                // name: '(km)',
-                // nameLocation: "end",
-                // type: 'value',
-                // nameTextStyle: {
-                //   fontSize: 14 ,
-                //   padding: [50 , 35 , 0, 0],
-                //   color: '#15dce2',
-                // },
-              axisLine: {
-                show: false
-              },
-              axisLabel: {
-                show: true,
-                textStyle: {
-                  fontSize: 14 ,
-                  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
-                }
-              },
-              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
-                }
-              },
-              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
-                }
-              },
-              itemStyle: {normal: {color: '#7393db'}},
-            },
-          ],
-        }, true)
-      },
-    },
-    watch: {
-      // 'listenheight': {
-      //   deep: true,
-      //   handler(val) {
-      //     if (this.listenheight !== '') {
-      //       // this.$parent.$parent.changeresize(this.xc)
-      //     }
-      //   },
-      // }
-    },
-    ready() {
-      this.resize()
-    }
-  }
-</script>
-
-<style scoped>
-  .label {
-    margin-left: 6%;
-    font-size: 1.85rem;
-    float: left;
-    color: #fff;
-    height: 8%;
-  }
-
-  #network {
-    padding: 0 4%;
-    height: 91%;
-    width: 100%;
-  }
-
-</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>
-