manage-client 3.1.13 → 3.1.14-ls

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>

package/src/components/daping/SellBarEcharts.vue

@@ -1,220 +0,0 @@
-<template>
- <div id="sellGAS" style="height: 100%;width:100%"></div>
-</template>
-
-<script>
-
-import {HttpResetClass } from 'vue-client'
-
-export default {
-  name: 'sellBarEcharts',
-  data() {
-    return {
-      xc: '',
-      legend: [],
-      sdata: [],
-      yeartotal: 0,
-      resdata: []
-    }
-  },
-  ready(){
-    this.setBar()
-  },
-  methods:{
-    async setBar(){
-      let http = new HttpResetClass()
-      await  http.load('post','rs/sql/getDapingSalesVolume',{data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-        console.log('res=======================')
-        console.log(res.data)
-        this.resdata= res.data
-
-        // this.year =  (res.data[0].gas_year/10000).toFixed(2)
-        // this.day =  (res.data[0].gas_day/10000).toFixed(2)
-      })
-      console.log(' this.resdata', this.resdata)
-      for (let i = 0; i < this.resdata.length; i++) {
-        let data = {
-          name: this.resdata[i].sjmc,
-          value: this.resdata[i].sbsjfl
-        }
-        if(this.resdata[i].sjmc !== '年销气量'){
-          this.sdata.push(data)
-          this.legend.push(this.resdata[i].sjmc)
-        }
-       else{
-          this.yeartotal = Number(this.resdata[i].sbsjfl)
-        }
-      }
-      // this.yeartotal = (this.yeartotal / 10000).toFixed(2)
-      console.log('数据出来了')
-      console.log(this.legend)
-      console.log(this.sdata)
-      this.xc = this.$echarts.init(document.getElementById('sellGAS'))
-      let option = {
-        title: [{
-          text: "年总销气量",
-          top: 6,
-          left: 110,
-          textStyle: {
-            fontSize: 12,
-            color: '#fff'
-          },
-
-        }, {
-          text: this.yeartotal + "万方",
-          left: 210,
-          textStyle: {
-            fontSize: 22,
-            color: '#FEE449'
-          }
-        }],
-        tooltip: {
-          trigger: 'item',
-          extraCssText: 'width:auto;height:auto;'
-        },
-        grid: {
-          left: '30%',
-          right: '10%',
-          top: '0',
-          bottom: '0'
-        },
-        legend: {
-          left: "20%",
-          width: "70%",
-          textStyle: {
-            "color": "#fff",
-            "fontSize": 10
-          },
-          icon: "circle",
-          right: "0",
-          bottom: "0",
-          itemHeight: 14,
-          padding: [220, 0, 20, 20],
-          itemGap: 13,
-          data: this.legend
-        },
-        series: [{
-          type: "pie",
-          width: '45%',
-          center: ["100%", "40%"],
-          radius: ["40%", "53%"],
-          color:['#D9C701','#00BAFF','#F38051','#E7536B','#8ADAF4','#01B3B3','#F39800','#16B05C','#9A7EFA'],
-          startAngle: 135,
-          labelLine: {
-            show:true,
-            length: 5,
-            length2: 10
-          },
-
-          label: {
-            color:"rgba(255,255,255,.45)",
-            fontSize: 12,
-            show:true,
-            position:'outside',
-            normal: {
-              formatter: function (params){
-                return  params.name +'\n '+ (params.value/10000).toFixed(2)+'万方'
-
-              },
-            },
-
-
-          },
-          // labelLine: {
-          //   normal: {
-          //     length: 10
-          //   }
-          // },
-          // label: {
-          //   normal: {
-          //     formatter: "{b|{b}:}{c}NM3",
-          //     backgroundColor: "rgba(255, 147, 38, 0)",
-          //     borderColor: "transparent",
-          //     borderRadius: 4,
-          //     rich: {
-          //       a: {
-          //         "color": "#999",
-          //         "lineHeight": 14,
-          //         "align": "center"
-          //       },
-          //       hr: {
-          //         "borderColor": "#aaa",
-          //         "width": "100%",
-          //         "borderWidth": 1,
-          //         "height": 0
-          //       },
-          //       b: {
-          //         "color": "#b3e5ff",
-          //         "fontSize": 14,
-          //         "lineHeight": 33
-          //       },
-          //       c: {
-          //         "fontSize": 14,
-          //         "color": "#eee"
-          //       },
-          //       per: {
-          //         "color": "#FDF44E",
-          //         "fontSize": 14,
-          //         "padding": [5, 8],
-          //         "borderRadius": 2
-          //       }
-          //     },
-          //     textStyle: {
-          //       "color": "#fff",
-          //       "fontSize": 14
-          //     }
-          //   }
-          // },
-          // emphasis: {
-          //   label: {
-          //     "show": false,
-          //     "formatter": "{b}:{c} NM3",
-          //     "backgroundColor": "rgba(255, 147, 38, 0)",
-          //     "borderColor": "transparent",
-          //     "borderRadius": 4,
-          //     "rich": {
-          //       "a": {
-          //         "color": "#668fcd",
-          //         "lineHeight": 16,
-          //         "align": "center"
-          //       },
-          //       "hr": {
-          //         "borderColor": "#668fcd",
-          //         "width": "100%",
-          //         "borderWidth": 1,
-          //         "height": 0
-          //       },
-          //       "b": {
-          //         "color": "#FDF44E",
-          //         "fontSize": 16,
-          //         "lineHeight": 33
-          //       },
-          //       "c": {
-          //         "fontSize": 16,
-          //         "color": "#FDF44E"
-          //       },
-          //       "per": {
-          //         "color": "#FDF44E",
-          //         "fontSize": 14,
-          //         "padding": [5, 6],
-          //         "borderRadius": 2
-          //       }
-          //     }
-          //   }
-          // },
-          data: this.sdata
-        },
-        ]
-      }
-      this.xc.setOption(option)
-      console.log('aaaaaaaaa')
-      console.log('执行了~~~~~~~~~~~~~~~')
-    }
-  },
-
-}
-</script>
-
-<style scoped>
-
-</style>

package/src/components/daping/SellEcharts.vue

@@ -1,219 +0,0 @@
-<template>
-  <div class="sell" style="padding: 1em;height:auto">
-      <div class="col-sm-12" style="height: auto;padding-left: 4%;margin:2%">
-      <span class="pf-title">收费</span>
-    </div>
-    <div id="sell_left" style="width:100%">
-      <div class="col-sm-3">
-        <img src="../../../static/NewManageHome/图层4.png"  style="padding-left:2vw">
-      </div>
-     <div class="col-sm-9" style="text-align:center">
-
-         <span class="text-2" style="margin-left:1em">当年总售气量(万方)</span>
-       <span style="margin-left:1em" class="s1">{{year}}</span><br/>
-      </div>
-            <div class="col-sm-3">
-        <img src="../../../static/NewManageHome/图层5.png"  style="padding-left:2vw">
-      </div>
-     <div class="col-sm-9" style="text-align:center">
-
-         <span class="text-2" style="margin-left:1em">昨日总售气量(万方)</span>
-       <span style="margin-left:1em" class="s2">{{day}}</span> <br/>
-      </div>
-      <!-- <table>
-        <tr>
-          <td class="td1" rowspan="2"><img src="../../../static/NewManageHome/图层4.png"  style="width: 36px"></td>
-          <td ><nobr><span style="margin-left:1em" class="s1">{{year}}万</span></nobr></td>
-        </tr>
-        <tr>
-          <td style="">
-          <nobr></nobr><br/>&nbsp;<nobr></nobr>
-          </td>
-        </tr>
-        <tr>
-          <td class="td1"  rowspan="2" ><img src="../../../static/NewManageHome/图层5.png" style="width: 34px"></td>
-
-          <td >&nbsp;<span class="s2" style="margin-left:1em">{{day}}万</span></td>
-        </tr>
-        <tr>
-
-        <td>
-          <nobr><span class="text-2" style="margin-left:1em">昨日总售气量<br/></span></nobr>
-        </td>
-        </tr>
-      </table> -->
-    </div>
-
-    <!--</div>-->
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from 'vue-client'
-  export default {
-    name: 'sellEcharts',
-
-    ready(){
-         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)
-        })
-    },
-    data() {
-      return {
-     year:0,
-     day:0
-      }
-    }
-  }
-</script>
-
-<style scoped>
-  @media screen and (max-width: 1920px) {
-    .text-1 {
-      font-family: pFMedium;
-      font-size: 16px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-      color: #b8cee4;
-    }
-    .text-2 {
-      font-family: pFBold;
-      font-size: 16px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-      color: #b8cee4;
-    }
-
-    .s1 {
-      font-family: tRENDS;
-      font-size: 28px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-      color: #00f6ff;
-    }
-
-    .s2 {
-      font-family: tRENDS;
-      font-size: 28px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-      color: #ffc21f;
-    }
-
-    .label {
-      margin-left: 6%;
-      font-size: 1.85rem;
-      float: left;
-      color: #fff;
-      height: 8%;
-    }
-
-    table {
-      width: 100%;
-      height: 100%;
-    }
-
-    td {
-      /*width: 94px;*/
-      text-align: center;
-      /*height: 120px;*/
-      font-size: 1.4rem;
-      padding-left: 6%;
-      width: 70%;
-      height: 50%;
-      color: #ffffff;
-    }
-
-    .td1 {
-      width: 33%;
-    }
-
-    #sell_left {
-      height: 90%;
-      width: 45%;
-    }
-  }
-  @media screen and (max-width: 1440px) {
-    .text-1 {
-      font-family: pFMedium;
-      font-size: 12px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-      color: #b8cee4;
-    }
-    .text-2 {
-      font-family: pFBold;
-      font-size: 12px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-      color: #b8cee4;
-    }
-
-    .s1 {
-      font-family: tRENDS;
-      font-size: 20px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-      color: #00f6ff;
-    }
-
-    .s2 {
-      font-family: tRENDS;
-      font-size: 20px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 35px;
-      letter-spacing: 0px;
-      color: #ffc21f;
-    }
-
-    .label {
-      margin-left: 6%;
-      font-size: 1.85rem;
-      float: left;
-      color: #fff;
-      height: 8%;
-    }
-
-    table {
-      width: 100%;
-      height: 100%;
-    }
-
-    td {
-      /*width: 94px;*/
-      text-align: center;
-      /*height: 120px;*/
-      font-size: 1.4rem;
-      padding-left: 6%;
-      width: 70%;
-      height: 50%;
-      color: #ffffff;
-    }
-
-    .td1 {
-      width: 33%;
-    }
-
-    #sell_left {
-      height: 90%;
-      width: 45%;
-    }
-  }
-</style>