manage-client 3.2.83-2 → 3.2.83-aode

package/src/components/daping/SafeCheckRing.vue

@@ -1,166 +0,0 @@
-<template>
-  <div id='safecheck-ring' style="width: 100%;height: 99%;margin-top: 1%;">
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from "vue-client";
-
-  export default {
-    title: '收费',
-    data () {
-      return{
-        titData: [],
-        valData: []
-      }
-    },
-    methods: {
-      async resize(){
-        let http = new HttpResetClass()
-        // 收费
-        await http.load('post', '/rs/sql/getSafecheckSumByType', {data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-          this.valData = res.data
-          this.titData = res.data.map(item => item.name)
-          this.init()
-        })
-      },
-      init () {
-        var colorarr = ['#00FFFF', '#f27c79', '#00FFA8', '#897bd3']
-        var option = {
-          backgroundColor: '#ffffff00',
-          animation: true,
-          title: {
-            x: 'center',
-            y: 'center',
-            textStyle: {
-              color: '#fff',
-              fontSize: 60,
-              fontWeight: 'normal',
-              align: 'center',
-              width: '200px'
-            },
-            subtextStyle: {
-              color: '#fff',
-              fontSize: 20,
-              fontWeight: 'normal',
-              align: 'center'
-            }
-          },
-          legend: {
-            width: '70%',
-            textStyle: {
-              color: '#fff',
-              fontSize: 12
-            },
-            orient: 'vertical',
-            icon: 'circle',
-            bottom: '10%',
-            right: '10%',
-            itemGap: 10,
-            data: this.titData
-              // ['到访不遇', '无法检查','正常入户','拒绝检查']
-          },
-          series: [{
-            type: 'pie',
-            center: ['30%', '60%'],
-            radius: ['30%', '55%'],
-            color: colorarr,
-            startAngle: 135,
-            labelLine: {
-              normal: {
-                length: 20
-              }
-            },
-            label: {
-              show: true,
-              formatter: '{b|{b}}\n{per|{d}%}',
-              rich: {
-                a: {
-                  color: '#999',
-                  lineHeight: 22,
-                  align: 'center'
-                },
-                hr: {
-                  borderColor: '#aaa',
-                  width: '100%',
-                  borderWidth: 1,
-                  height: 0
-                },
-                b: {
-                  fontSize: 10,
-                  padding: [5, 0],
-                  color: '#fff'
-                },
-                c: {
-                  fontSize: 10,
-                  color: '#eee'
-                },
-                per: {
-                  color: '#FDF44E',
-                  fontSize: 10,
-                  borderRadius: 2
-                }
-              },
-              position: 'outside'
-            },
-            data: this.valData
-            //   [{
-            //   name: '到访不遇',
-            //   value: 259574
-            // }, {
-            //   name: '无法检查',
-            //   value: 503
-            // }, {
-            //   name: '正常入户',
-            //   value: 471544
-            // }, {
-            //   name: '拒绝检查',
-            //   value: 4700
-            // }]
-          }]
-        }
-        let barchart = this.$echarts.init(document.getElementById('safecheck-ring'))
-        console.log(option)
-        barchart.setOption(option)
-        let index = -1 // 高亮所在下标
-        let dataLength = colorarr.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 () {
-      this.resize()
-    },
-    props: {}
-  }
-</script>
-<style scoped>
-</style>
-

package/src/components/daping/SafecheckBarChart.vue

@@ -1,233 +0,0 @@
-<template>
-  <div id="safecheck-barchart" style="height: 100%;width:100%">
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from "vue-client";
-
-  export default {
-    title: '收费',
-    data() {
-      return{
-        xData: [],
-        yData1: [],
-        yData2: []
-      }
-    },
-    methods: {
-      async resize(){
-        let http = new HttpResetClass()
-        // 收费
-        await http.load('post', '/rs/sql/getSafecheckSumByMonth', {data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-          this.xData = res.data.map(item => item.time)
-          this.yData1 = res.data.map(item => item.allnum)
-          this.yData2 = res.data.map(item => item.sucnum)
-          this.init()
-        })
-      },
-      init() {
-        var xData = this.xData,
-            // ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
-          yData1 = this.yData1,
-            // [60871, 0, 2, 26946, 108042, 136004, 156401, 164792, 83286],
-          yData2 = this.yData2,
-            // [35337, 0, 2, 15514, 72138, 78966, 101071, 110397, 58137],
-          borderData = [],
-          legend = ['计划安检量', '正常入户量'],
-          colorArr = [{
-            start: 'rgba(242,153,97)',
-            mid: 'rgba(242,153,97,0.7)',
-            end: 'rgba(0, 0, 0,0.5)'
-          },
-            {
-              end: 'rgba(0, 0, 0,0.5)',
-              mid: 'rgba(111,217,208,0.7)',
-              start: 'rgba(111,217,208)'
-            },
-            {
-              color: '#00EAFF'
-            }
-          ]
-        let normalColor = 'rgba(8,115,142)'
-        let seriesData = []
-        var borderHeight = 4
-        xData.forEach(element => {
-          borderData.push(borderHeight)
-        });
-        [yData1, yData2].forEach((item, index) => {
-          var obj1 = {}
-          obj1 = {
-            name: legend[index],
-            type: 'bar',
-            stack: legend[index],
-            data: item,
-            barWidth: '10%',
-            itemStyle: {
-              normal: {
-                barBorderRadius: [30, 30, 30, 30],
-                color: {
-                  type: 'linear',
-                  x: 0,
-                  y: 0,
-                  x2: 0,
-                  y2: 1,
-                  colorStops: [{
-                    offset: 0,
-                    color: colorArr[index].start
-                  },
-                  {
-                    offset: 0.5,
-                    color: colorArr[index].mid
-                  },
-                  {
-                    offset: 1,
-                    color: colorArr[index].end
-                  }
-                  ],
-                  globalCoord: false
-                }
-              }
-            }
-          }
-          seriesData.push(obj1)
-        })
-        console.log(seriesData)
-        // 更改柱状图位置
-        let option = {
-          backgroundColor: '#ffffff00',
-          grid: {
-            left: '2%',
-            top: '2%',
-            right: '7%',
-            bottom: '20%',
-            containLabel: true
-          },
-          legend: {
-            show: true,
-            icon: 'rect',
-            itemWidth: 30,
-            itemHeight: 20,
-            right: 'center',
-            bottom: '7%',
-            textStyle: {
-              color: '#fff'
-            },
-            data: legend
-          },
-          tooltip: {
-            position: function (pos, params, dom, rect, size) {
-              let yPos = '20%'
-              let xPos = 0
-              if (pos[0] < size.viewSize[0] / 2) {
-                xPos = pos[0] + 10
-              } else {
-                xPos = pos[0] - dom.offsetWidth - 10
-              }
-              return [xPos, yPos]
-            },
-            trigger: 'axis',
-            extraCssText: 'width: auto;height: auto;',
-            formatter: function (params) {
-              var str = ''
-              for (var i = 0; i < params.length; i++) {
-                if (params[i].seriesName !== '') {
-                  str += `<span>${params[i].name}月${params[i].seriesName}</span><span style="color:gold">${params[i].value}</span> <br />`
-                }
-              }
-              return str
-            }
-          },
-          xAxis: [{
-            name: '近6月',
-            type: 'category',
-            data: xData,
-            nameTextStyle: {
-              color: '#95bad7',
-              fontSize: 12
-            },
-            interval: 0,
-            axisPointer: {
-              type: 'shadow'
-            },
-            axisLabel: {
-              textStyle: {
-                color: normalColor,
-                fontSize: '1vw'
-              }
-            },
-            axisLine: {
-              lineStyle: {
-                color: normalColor
-              }
-            },
-            axisTick: {
-              show: false
-            },
-            splitLine: {
-              show: false
-            }
-          }],
-          yAxis: [{
-            type: 'value',
-            nameTextStyle: {
-              color: normalColor,
-              fontSize: 12
-            },
-            // 'min': 0,
-            // 'max': 50,
-            axisLabel: {
-              formatter: '{value}',
-              textStyle: {
-                color: normalColor,
-                fontSize: 12
-              }
-            },
-            axisLine: {
-              lineStyle: {
-                color: normalColor
-              }
-            },
-            axisTick: {
-              show: false
-            },
-            splitLine: {
-              show: true,
-              lineStyle: {
-                type: 'dashed',
-                color: normalColor
-              }
-            }
-          }],
-          series: seriesData
-        }
-        console.log(option)
-        let barchart = this.$echarts.init(document.getElementById('safecheck-barchart'))
-        console.log(option)
-        barchart.setOption(option)
-        var index = 0
-        // var mTime = setInterval(function () {
-        //   barchart.dispatchAction({
-        //     type: 'showTip',
-        //     seriesIndex: 0,
-        //     dataIndex: index
-        //   })
-        //   index++
-        //   if (index > xData.length) {
-        //     index = 0
-        //   }
-        // }, 1000)
-      }
-    },
-    ready() {
-      this.resize()
-    },
-    props: {}
-  }
-</script>
-<style scoped>
-  /*div{*/
-  /*height: auto;*/
-  /*}*/
-</style>
-

package/src/components/daping/Scada.vue

@@ -1,198 +0,0 @@
-<template>
-  <div>
-    <div class="background-left-top">
-      <div class="col-sm-12" style="height: auto;padding-left: 4%;margin:2%">
-      <span class="pf-title">SCADA</span>
-      </div>
-      <div class="col-sm-12 " style="height: 90%;margin-left: 1%">
-          <div class="background-content-img scade-box col-sm-12 col-md-12" >
-            <div class="flex-row scada-title">
-              <p style="color:#00f6ff"><span class="scada-font-title">1152</span><span class="font-14">万</span></p>
-              <p style="color:#ffc21f"><span class="scada-font-title">1152</span><span class="font-14">万</span></p>
-              <p style="color:#f27c79"><span class="scada-font-title">1152</span><span class="font-14">万</span></p>
-            </div>
-              <div class="flex-row scada-title">
-              <span class="font-14-medium">总累计流量(NM3)</span>
-              <span class="font-14-medium">进站流量(NM3)</span>
-              <span class="font-14-medium">热源厂用气量(NM3)</span>
-            </div>
-        </div>
-        <div class="col-sm-12  content-box" style="height: 55%;margin: 1%;width:95%">
-            <div class="flex-row scada-title" style="border:1px solid #227ad8">
-              <span class="font-14-medium flex-1">地区</span>
-              <span class="font-14-medium flex-1">累计流量(NM3)</span>
-              <span class="font-14-medium flex-1">进站压力(MPA)</span>
-              <span class="font-14-medium flex-1">瞬时流量(NM3)</span>
-              <span class="font-14-medium flex-1">出站压力(MPA)</span>
-            </div>
-            <div class="flex-row scada-title" style="background:rgba(1,44,69,1)" v-for="item in items">
-              <span  class="font-16 flex-1">{{item.station_name.toUpperCase()}}</span>
-              <span  class="font-16 flex-1">{{item.cumulative_flow}}</span>
-              <span  class="font-16 flex-1">{{item.input_pressure}}</span>
-              <span  class="font-16 flex-1">{{item.instantaneous_flow}}</span>
-              <span  class="font-16 flex-1">{{item.output_pressure}}</span>
-            </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  import {HttpResetClass} from 'vue-client'
-  export default {
-    name: 'scada',
-    data () {
-      return {
-        items:[{"station_name":"吕小寨","instantaneous_flow":0,"output_pressure":36.594,"create_time":"2021-05-11 18:00:00.0","input_pressure":30.776,"cumulative_flow":0,"id":5},{"station_name":"狄寨塬","instantaneous_flow":26667358,"output_pressure":22.178,"create_time":"2021-05-11 18:00:00.0","input_pressure":10.763,"cumulative_flow":56752,"id":6},{"station_name":"高陵","instantaneous_flow":0,"output_pressure":6.862,"create_time":"2021-05-11 18:00:00.0","input_pressure":6.867,"cumulative_flow":264880,"id":7},{"station_name":"lng","create_time":"2021-05-11 18:00:00.0","cumulative_flow":0,"id":8}]
-      }
-    },
-    methods: {
-      getdata(){
-              let http = new HttpResetClass()
-      http.load('post','rs/sql/getLargeScreen',{data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-        this.items = res.data
-      })
-      }
-    },
-    ready () {
-      // this.getdata()
-      // setInterval(this.getdata, 3600000)
-      // let http = new HttpResetClass()
-      // http.load('post','rs/sql/getLargeScreen',{data:{}}).then((res)=>{
-      //   this.items = res.data
-      // })
-
-    }
-  }
-</script>
-
-<style scoped>
-  @media screen and (max-width: 1920px) {
-    .scada-title {
-      justify-content: space-around;
-      flex-direction: row;
-      height: auto;
-    }
-
-    .scade-box {
-      width: 95%;
-      height: 40%;
-      margin: inherit;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-    }
-
-    .scada-font-title {
-      margin-right: 1em;
-      font-family: tRends;
-      font-size: 28px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-    }
-
-    .font-14 {
-      font-size: 14px;
-      font-family: tRends;
-    }
-
-    .font-14-medium {
-      color: #ffffff;
-      line-height: 18px;
-      font-size: 14px;
-      font-family: font-pingfang-medium;
-    }
-
-    .font-16 {
-      font-family: pFBold;
-      font-size: 16px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 26px;
-      letter-spacing: 0px;
-      color: #00f6ff;
-    }
-
-    .font-14 {
-      font-size: 14px;
-      color: white
-    }
-
-    .flex-1 {
-      flex: 1;
-      text-align: center;
-    }
-
-    .content-box {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-around;
-    }
-  }
-  @media screen and (max-width: 1440px) {
-    .scada-title {
-      justify-content: space-around;
-      flex-direction: row;
-      height: auto;
-    }
-
-    .scade-box {
-      width: 95%;
-      height: 40%;
-      margin: inherit;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-    }
-
-    .scada-font-title {
-      margin-right: 1em;
-      font-family: tRends;
-      font-size: 16px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-    }
-
-    .font-14 {
-      font-size: 12px;
-      font-family: tRends;
-    }
-
-    .font-14-medium {
-      color: #ffffff;
-      line-height: 18px;
-      font-size: 12px;
-      font-family: font-pingfang-medium;
-    }
-
-    .font-16 {
-      font-family: pFBold;
-      font-size: 12px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 26px;
-      letter-spacing: 0px;
-      color: #00f6ff;
-    }
-
-    .font-14 {
-      font-size: 12px;
-      color: white
-    }
-
-    .flex-1 {
-      flex: 1;
-      text-align: center;
-    }
-
-    .content-box {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-around;
-    }
-  }
-</style>