manage-client 3.2.84-1 → 3.2.84-aode

package/src/components/yulin/NetInfo.vue

@@ -1,330 +0,0 @@
-<template>
-  <div class="">
-    <div class="label">管网材料信息
-    </div>
-    <!--<div>-->
-    <!--<div class="div-select">-->
-    <!--<select v-model="date" >-->
-    <!--<option :value="date" v-for="s in date">{{s}}</option>-->
-    <!--</select>-->
-    <!--</div>-->
-    <div class="d1" style="height: 30%">
-      <div class="d11">
-        <table class="backgroundimg">
-          <tr>
-            <td >总长度</td> <td ><span class="span-unit">{{sum}}米</span></td>
-          </tr>
-          <tr>
-            <td >PE</td> <td ><span class="span-unit">{{PE}}米</span></td>
-          </tr>
-          <tr>
-            <td >钢管</td> <td ><span class="span-unit">{{Iron}}米</span></td>
-          </tr>
-        </table>
-      </div>
-    </div>
-    <div id='pie' style="height: 70%;width: 100%">
-    </div>
-    <!--</div>-->
-  </div>
-</template>
-
-<script>
-  import co from 'co'
-  import * as Util  from '../../Util'
-  import {HttpResetClass} from 'vue-client'
-  export default {
-    name: "supplygas",
-    data() {
-      return {
-        totalgas: '',
-        totalgasarrary: [],
-        PE:0,
-        Iron:0,
-        sum:0,
-        sqlcondition: '',
-        result: [],
-        unit: '',
-        resdata: []
-      }
-    },
-    methods: {
-      init () {
-        var color = ['#2F8DF4', '#ef9861']
-        var title = ['钢管', 'PE']
-        var option = {
-          color: color,
-          backgroundColor: '#ffffff00',
-          legend: {
-            orient: 'horizontal',
-            left: 'center',
-            top: 'bottom',
-            icon: 'circle',
-            padding: [0, 0, 30, 0],
-            data: title,
-            textStyle: {
-              color: '#fff'
-            }
-          },
-          series: [{
-            type: 'pie',
-            roseType: 'radius',
-            radius: ['40%', '60%'],
-            data: [{
-              value: this.Iron,
-              name: '钢管'
-            }, {
-              value: this.PE,
-              name: 'PE'
-            }],
-            labelLine: {
-              normal: {
-                length: '5%'
-              }
-            },
-            label: {
-              show: true,
-              formatter: '{b|{b}占比:{d}%}\n{长度：{c}}',
-              rich: {
-                b: {
-                  fontSize: 14,
-                  padding: [5, 0],
-                  color: '#fff'
-                },
-                hr: {
-                  height: 0,
-                  borderWidth: 1,
-                  width: '100%',
-                  borderColor: '#fff'
-                },
-                per: {
-                  color: '#FDF44E',
-                  fontSize: 14,
-                  borderRadius: 2
-                }
-              },
-              position: 'outside'
-            }
-          }]
-        }
-        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
-          })
-        })
-      }
-    },
-    watch: {
-
-    },
-    ready () {
-        let http = new HttpResetClass()
-        http.load('post', 'rs/logic/getNetLenMat', {}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-              console.log(res.data)
-              if(res.data.length>0){
-                this.sum = 0
-                for(let i=0;i<res.data.length;i++){
-                  if(res.data[i].name ==='PE'){
-                    this.PE = res.data[i].len.toFixed(2)
-                    this.sum+=parseFloat(this.PE)
-                  }
-                  if(res.data[i].name ==='钢'){
-                    this.Iron = res.data[i].len.toFixed(2)
-                    this.sum+=parseFloat(this.Iron)
-
-                  }
-                }
-              }
-              this.sum = this.sum.toFixed(2)
-                    this.init()
-        })
-
-    }
-  }
-</script>
-
-<style scoped>
-  @media screen and (max-width: 1920px) {
-    .label {
-      font-size: 0.85em;
-      color: #fff;
-      height: 8%;
-      width: 100%;
-      margin-left: 6%;
-    }
-    table {
-      width: 100%;
-      height: 100%;
-    }
-
-    span {
-      border: solid 1px #00f7ff;
-      /*margin: 0px 5px;*/
-      /*padding: 1px 6px;*/
-      background-color: #01363f;
-      color: #f7cb32;
-      font-size: 2.6rem;
-      font-weight: bolder;
-      /*width: 30px;*/
-      /*height: 44px;*/
-      margin: 0% 2%;
-      padding: 1% 2%;
-      border-radius: 4px;
-    }
-
-    .backgroundimg td {
-      text-align: center;
-      /*width: 486px;*/
-      height: 40%;
-      width: 40%;
-      color: #ffffff;
-    }
-
-    .td2 {
-      font-size: 1.8rem;
-      height: 20%!important;
-    }
-
-    .td3 {
-      padding-left: 4%;
-      text-align: center;
-    }
-
-    .td4 {
-    }
-
-    .span-unit {
-      margin-left: 1px;
-      font-size: 1.5em;
-      color: #f7cb32;
-      border: none;
-      background-color: rgba(1, 207, 242, 0);
-    }
-
-    .backgroundimg {
-      /*background-image: url('../../../../static/ManageHomePic/gasborder.png');*/
-      background-size: 90% 75%;
-      background: no-repeat center;
-    }
-
-    .d1 {
-      /*height: 250px;*/
-      width: 100%;
-      height: 100%;
-      padding-top: 5%;
-    }
-
-    .d11 {
-      /*height: 140px*/
-      width: 100%;
-      height: 45%;
-    }
-
-    .d12 {
-      /*height: 114px;*/
-      width: 100%;
-      height: 45%;
-    }
-
-  }
-  @media screen and (max-width: 1366px) {
-    .label {
-      font-size: 0.85em;
-      color: #fff;
-      height: 8%;
-      width: 100%;
-      margin-left: 6%;
-    }
-    table {
-      width: 100%;
-      height: 100%;
-    }
-
-    span {
-      border: solid 1px #00f7ff;
-      /*margin: 0px 5px;*/
-      /*padding: 1px 6px;*/
-      background-color: #01363f;
-      color: #f7cb32;
-      font-size: 1.8rem;
-      font-weight: bolder;
-      /*width: 30px;*/
-      /*height: 44px;*/
-      margin: 0% 2%;
-      padding: 1% 2%;
-      border-radius: 4px;
-    }
-
-    .backgroundimg td {
-      text-align: center;
-      /*width: 486px;*/
-      height: 40%;
-      width: 100%;
-      color: #ffffff;
-    }
-    .span-unit {
-      margin-left: 1px;
-      font-size: 1em;
-      color: #f7cb32;
-      border: none;
-      background-color: rgba(1, 207, 242, 0);
-    }
-
-    .backgroundimg {
-      /*background-image: url('../../../../static/ManageHomePic/gasborder.png');*/
-      background-size: 90% 75%;
-      background: no-repeat center;
-    }
-
-    .d1 {
-      /*height: 250px;*/
-      width: 100%;
-      height: 100%;
-      padding-top: 5%;
-    }
-
-    .d11 {
-      /*height: 140px*/
-      width: 100%;
-      height: 45%;
-    }
-
-    .d12 {
-      /*height: 114px;*/
-      width: 100%;
-      height: 45%;
-    }
-
-  }
-
-</style>

package/src/components/yulin/SingleBarLine.vue

@@ -1,352 +0,0 @@
-<template>
-  <div>
-    <div class="auto" style="height: 5%">
-      <div class="form-group">
-        <label for="year" class="col-sm-4 col-sm-offset-4" style="color:#fff;line-height: 32px">年份</label>
-        <div class="col-sm-4">
-          <input class="form-control" type="number" id="year" v-model="year" @blur="getYear()"/>
-        </div>
-      </div>
-    </div>
-    <div id="single-bar-chart">
-    </div>
-  </div>
-</template>
-
-<script>
-  import echarts from 'echarts'
-  import {HttpResetClass} from 'vue-client'
-  export default {
-    title: '收费',
-    data () {
-      return {
-        xData: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-        threeArr: [10, 10, 30, 12, 15, 3, 7, 18, 20, 30, 50, 70],
-        twoArr: [5, 12, 11, 14, 25, 16, 10, 17, 26, 35, 67, 36],
-        oneArr: [12, 13, 31, 44, 55, 136, 120, 27, 25, 12, 35, 56],
-        barchart: {},
-        interval:0,
-        year: 2021,
-        year1: 2021,
-        year2: 2020,
-        year3: 2019
-      }
-    },
-    methods: {
-      initEchart(dataZoom) {
-        const colorList = ["#9E87FF", '#fe9a8b', '#73DD39']
-        let option = {
-          backgroundColor: '#ffffff00',
-          title: {
-            text: '售气量分析图(单位/万m³)',
-            left: 'left',
-            textStyle: {
-              color: '#fff'
-            }
-          },
-          legend: {
-            icon: 'circle',
-            top: '5%',
-            right: '5%',
-            itemWidth: 6,
-            itemGap: 20,
-            textStyle: {
-              color: '#fff'
-            }
-          },
-          tooltip: {
-            trigger: 'axis',
-            extraCssText: 'width: auto;height: auto;box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)',
-            axisPointer: {
-              label: {
-                show: true,
-                backgroundColor: '#fff',
-                color: '#556677',
-                borderColor: 'rgba(0,0,0,0)',
-                shadowColor: 'rgba(0,0,0,0)',
-                shadowOffsetY: 0
-              },
-              lineStyle: {
-                width: 0
-              }
-            },
-
-            textStyle: {
-              color: '#fff'
-            },
-            padding: [10, 10]
-          },
-          grid: {
-            top: '15%'
-          },
-          xAxis: [{
-            type: 'category',
-            data: this.xData,
-            axisLine: {
-              lineStyle: {
-                color: 'rgba(107,107,107,0.37)', //x轴颜色
-              }
-            },
-            axisTick: {
-              show: false
-            },
-            axisLabel: {
-              interval: this.interval,
-              textStyle: {
-                color: '#fff' //坐标轴字颜色
-              },
-              margin: 15
-            },
-            axisPointer: {
-              label: {
-                padding: [11, 5, 7],
-                backgroundColor: {
-                  type: 'linear',
-                  x: 0,
-                  y: 0,
-                  x2: 0,
-                  y2: 1,
-                  colorStops: [{
-                    offset: 0,
-                    color: '#fff' // 0% 处的颜色
-                  }, {
-                    offset: 0.9,
-                    color: '#fff' // 0% 处的颜色
-                  }, {
-                    offset: 0.9,
-                    color: '#33c0cd' // 0% 处的颜色
-                  }, {
-                    offset: 1,
-                    color: '#33c0cd' // 100% 处的颜色
-                  }],
-                  global: false // 缺省为 false
-                }
-              }
-            },
-            boundaryGap: false
-          }],
-          yAxis: [{
-            type: 'value',
-            axisTick: {
-              show: false
-            },
-            axisLine: {
-              show: true,
-              lineStyle: {
-                color: 'rgba(107,107,107,0.37)', //y轴颜色
-              }
-            },
-            axisLabel: {
-              textStyle: {
-                color: '#fff'
-              }
-            },
-            splitLine: {
-              show: false
-            }
-          }],
-          series: [{
-            name: this.year1,
-            type: 'line',
-            data: this.threeArr,
-            symbolSize: 5,
-            symbol: 'circle',
-            smooth: true,
-            yAxisIndex: 0,
-            showSymbol: false,
-            dataZoom: [{show: false, disabled: true}],
-            lineStyle: {
-              width: 2,
-              color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
-                offset: 0,
-                color: '#9E87FF'
-              },
-                {
-                  offset: 1,
-                  color: '#9E87FF'
-                }
-              ])
-            },
-            itemStyle: {
-              normal: {
-                color: colorList[0],
-                borderColor: colorList[0]
-              }
-            }
-          }, {
-            name: this.year2,
-            type: 'line',
-            data: this.twoArr,
-            symbolSize: 5,
-            symbol: 'circle',
-            smooth: true,
-            yAxisIndex: 0,
-            showSymbol: false,
-            lineStyle: {
-              width: 2,
-              color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
-                offset: 0,
-                color: '#fe9a8b'
-              },
-                {
-                  offset: 1,
-                  color: '#fe9a8b'
-                }
-              ])
-            },
-            itemStyle: {
-              normal: {
-                color: colorList[1],
-                borderColor: colorList[1]
-              }
-            }
-          },
-            {
-              name: this.year3,
-              type: 'line',
-              data: this.oneArr,
-              symbolSize: 5,
-              symbol: 'circle',
-              smooth: true,
-              yAxisIndex: 0,
-              showSymbol: false,
-              lineStyle: {
-                width: 2,
-                color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
-                  offset: 0,
-                  color: '#73DD39'
-                },
-                  {
-                    offset: 1,
-                    color: '#73DD39'
-                  }
-                ])
-              },
-              itemStyle: {
-                normal: {
-                  color: colorList[2],
-                  borderColor: colorList[2]
-                }
-              }
-            }
-          ]
-        }
-
-        if (dataZoom !== 'cancle') {
-          this.interval = 2
-          option.dataZoom = dataZoom
-        } else {
-          this.interval = 0
-          console.log('cancle')
-          option.dataZoom = [{show: false, disabled: true}]
-          console.log(option)
-        }
-        this.barchart = echarts.init(document.getElementById('single-bar-chart'))
-        this.barchart.off('click')
-        this.barchart.setOption(option)
-      },
-      getYear () {
-        if (this.year) {
-          this.year = parseInt(this.year)
-          this.year1 = parseInt(this.year)
-          this.year2 = parseInt(this.year) - 1
-          this.year3 = parseInt(this.year) - 2
-        }
-        let data = {year: this.year, condition: '1=1'}
-        this.xData= ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-        this.getInitData(data, 'cancle')
-      },
-      // getData() {
-      //   this.initEchart()
-      // },
-      init (dataZoom) {
-        this.initEchart(dataZoom)
-        var _this = this
-        // 添加点击事件
-        this.barchart.on('click', function (param) {
-          // 初始化dataZoom
-          _this.xData = ['1日', '2日', '3日', '4日', '5日', '6日', '7日', '8日', '9日', '10日', '11日', '12日', '13日', '14日', '15日', '16日', '17日', '18日', '19日', '20日', '21日', '22日', '23日', '24日', '25日', '26日', '27日', '28日', '29日', '30日', '31日']
-          let dataZoom = [{
-            show: false,
-            height: 15,
-            xAxisIndex: [0],
-            bottom: 0,
-            start: 0,
-            end: 100,
-            handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
-            handleSize: '110%',
-            handleStyle: {
-              color: "#d3dee5",
-            },
-            textStyle: {
-              show: false,
-              color: "rgba(204,187,225,0.5)",
-            },
-            fillerColor: "rgba(115,221,255, 0.3)",
-            borderColor: "#90979c",
-
-          }, {
-            type: "inside",
-            show: false,
-            height: 15,
-            start: 1,
-            end: 35
-          }]
-          let data = {
-            year: _this.year, condition: '1=1',month: parseInt(param.name)
-          }
-          // 判断是否刷新数据
-          if (_this.year1.toString().indexOf('月') === -1){
-            _this.year1 = _this.year1 + '年' + param.name
-            _this.year2 = _this.year2 + '年' + param.name
-            _this.year3 = _this.year3 + '年' + param.name
-            _this.getInitData(data, dataZoom)
-          }
-        })
-      },
-      getInitData (data, dataZoom) {
-        let http = new HttpResetClass()
-        http.load('post', '/rs/logic/getGasAmount', data, {rejectMsg: null, resolveMsg: null}).then((res) => {
-          this.threeArr = []
-          this.twoArr = []
-          this.oneArr = []
-          console.log(res.data.data)
-          let getData = res.data.data
-          for (let i = 0; i < getData.length; i++) {
-            console.log('年份' + parseInt(getData[i].month.substr(0, 4)))
-            if (parseInt(getData[i].month.substr(0, 4)) === this.year) {
-              this.threeArr.push(getData[i].f_pregas / 10000)
-            }
-            if (parseInt(getData[i].month.substr(0, 4)) === this.year - 1) {
-              this.twoArr.push(getData[i].f_pregas / 10000)
-            }
-            if (parseInt(getData[i].month.substr(0, 4)) === this.year - 2) {
-              this.oneArr.push(getData[i].f_pregas / 10000)
-            }
-            this.init(dataZoom)
-          }
-        })
-      }
-    },
-    ready () {
-      let date = new Date()
-      this.year = parseInt(date.getFullYear())
-      this.year1 = parseInt(this.year)
-      this.year2 = parseInt(this.year) - 1
-      this.year3 = parseInt(this.year) - 2
-      let data = {
-        condition: '1=1',
-        year: this.year
-      }
-      // 获取初始化数据  cancle作为dataZoom显示标志
-      this.getInitData(data, 'cancle')
-    },
-    props: {}
-  }
-</script>
-<style scoped>
-  /*div{*/
-  /*height: auto;*/
-  /*}*/
-</style>
-