manage-client 3.1.13 → 3.1.14-ls

package/src/components/daping/DataManagement1.vue

@@ -1,345 +0,0 @@
-<template>
-
-    <div class="flex-row" style="height: 44%">
-      <div id="top-left" >
-        <div class="background-left-top flex" >
-          <div class="flex-row" style="height: 10%">
-            <div class="col-sm-1" style="height: auto;padding-left: 2%;margin:2%">
-              <span class="pf-title"><nobr>销气量</nobr></span>
-            </div>
-
-          </div>
-          <div class="flex-row" style="height: 100%">
-            <div class="col-sm-6" style="height: 100%;padding-left: 1%;margin:1%">
-              <qh-sell-bar-echarts></qh-sell-bar-echarts>
-            </div>
-            <div class="col-sm-6" style="height: 100%;padding-left: 1%;margin:1%">
-              <qh-data-statistics></qh-data-statistics>
-            </div>
-          </div>
-        </div>
-
-      </div>
-      <div id="top-right" >
-        <qinhua-map  class="qinhuamap" mode="1" idname="shanximap"></qinhua-map>
-      </div>
-    </div>
-    <div class="flex-row " style="height: 47%;margin-top: 1em;">
-      <div class="flex background-left-bottom" style="height: 100%;width: 50%">
-        <div class="flex-row" style="width: 100%;height:10%">
-          <div class="col-sm-2" style="height: 10%;padding-left: 2%;margin:2%">
-            <span class="pf-title"><nobr>十年到期表</nobr></span>
-          </div>
-        </div>
-        <div class="flex-row" style="width: 100%;height:100%">
-          <qh-expire-meter></qh-expire-meter>
-        </div>
-      </div>
-      <div class="flex background-left-bottom" style="height: 100%;width: 48%;margin-left:1%">
-        <div class="flex-row" style="width: 100%;height:10%">
-          <div class="col-sm-2" style="height: 10%;padding-left: 2%;margin:2%">
-            <span class="pf-title"><nobr>居民安检</nobr></span>
-          </div>
-
-        </div>
-        <div class="flex" style="width: 100%;height:20%;margin-top: 2%">
-          <div class="flex-row scada-title">
-            <div class="row">
-              <span class="font-14-medium">年度计划数</span>
-              <p style="color:#8969ff"><span class="scada-font-title">{{ sbsjfl }}</span></p>
-
-            </div>
-            <div class="row">
-              <span class="font-14-medium">累计到访户数</span>
-              <p style="color:#f27c79"><span class="scada-font-title">{{aj.amount}}</span></p>
-
-            </div>
-            <div class="row">
-              <span class="font-14-medium">实际入户数</span>
-              <p style="color:#d5a329"><span class="scada-font-title">{{aj.ruhu}}</span></p>
-
-            </div>
-            <div class="row">
-              <span class="font-14-medium">入户率</span>
-              <p style="color:#d5a329"><span class="scada-font-title">{{(aj.ruhu/aj.amount*100).toFixed(2)}}%</span></p>
-
-            </div>
-
-          </div>
-
-        </div>
-        <div class="flex-row" style="width: 100%;height:70%">
-          <safecheck-barchart></safecheck-barchart>
-        </div>
-
-      </div>
-    </div>
-
-
-</template>
-
-<script>
-import {HttpResetClass} from 'vue-client'
-export default {
-  title: '收费1',
-  data() {
-    return{
-      thisYear: undefined,
-      lastYear: undefined,
-      nextYear: undefined,
-      thisMonth: undefined,
-      today: undefined,
-      sbsjfl : 0,
-      aj:{
-        amount: 0,
-        ruhu: 0,
-
-      },
-    }
-  },
-  methods: {
-    init() {
-      let dt = new Date()
-      this.thisYear = dt.getFullYear()
-      this.lastYear = dt.getFullYear() - 1
-      this.nextYear = dt.getFullYear() + 1
-      this.today = dt.getDay()
-      this.thisMonth = this.today>10?dt.getMonth()+1:dt.getMonth()
-
-    },
-  },
-  async ready () {
-    await this.init();
-    let http = new HttpResetClass()
-    await http.load('post', '/rs/sql/getDapingSafeCheck', {data:{
-
-      }}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-      this.aj = res.data[0]
-    })
-    await http.load('post', '/rs/sql/getSafeCheckPlanNum', {data:{sql:`getSafeCheckPlanNum`}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-      console.log('年度安检计划数量~~~~~~~~')
-      console.log(res.data[0].sbsjfl)
-      this.sbsjfl = res.data[0].sbsjfl
-    })
-  },
-  props: {}
-}
-</script>
-<style scoped>
-@media screen and (max-width: 1920px) {
-  .main {
-    height: 100%;
-    padding: 1em;
-    flex: 1 1 auto;
-    flex-direction: column;
-    display: flex;
-  }
-  .scada-title {
-    justify-content: space-around;
-    flex-direction: row;
-    height: auto;
-    padding-left: 10%;
-    padding-right: 10%;
-  }
-  .scada-font-title {
-    margin-right: 0.2em;
-    font-family: tRends;
-    font-size: 30px;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 30px;
-    letter-spacing: 0px;
-  }
-  .font-14 {
-    font-size: 14px;
-    font-family: tRends;
-  }
-
-  .font-14-medium {
-    color: #ffffff;
-    line-height: 7px;
-    font-size: 16px;
-    font-family: font-pingfang-medium;
-  }
-  #top-left {
-    /*padding: 1em;*/
-    width: 70%;
-    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: 71%;
-    width: 28%;
-    height: 57%;
-  }
-}
-@media screen and (max-width: 1440px) {
-  .main {
-    height: 100%;
-    padding: 1em;
-    flex: 1 1 auto;
-    flex-direction: column;
-    display: flex;
-  }
-  .scada-title {
-    justify-content: space-around;
-    flex-direction: row;
-    height: auto;
-    padding-left: 10%;
-    padding-right: 10%;
-  }
-  .font-14-medium {
-    color: #ffffff;
-    line-height: 7px;
-    font-size: 14px;
-    font-family: font-pingfang-medium;
-  }
-  .scada-font-title {
-    margin-right: 0.2em;
-    font-family: tRends;
-    font-size: 28px;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 30px;
-    letter-spacing: 0px;
-  }
-  .font-14 {
-    font-size: 14px;
-    font-family: tRends;
-  }
-
-  #top-left {
-    /*padding: 1em;*/
-    width: 70%;
-    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: 71%;
-    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/DataStatistics.vue

@@ -1,241 +0,0 @@
-<template>
-  <div>
-      <div class="col-sm-12 " style="height: 100%;margin-left: 1%">
-        <div class="background-content-img scade-box col-sm-12 col-md-12" >
-          <div class="flex-row">
-            <div class="flex col-sm-4" style="padding-left: 5%; padding-top: 4%;" >
-              <div class="flex">
-                <div class="flex-row"> <span class="font-14-medium">总管网公里数</span></div>
-                <div class="flex-row">  <p style="color:#8969ff"><span class="scada-font-title">{{ mileageItems.total }}</span></p></div>
-              </div>
-              <div class="flex">
-                <div class="flex-row"> <span class="font-14-medium">中压管网公里数</span></div>
-                <div class="flex-row"> <p style="color:#00f6ff"><span class="scada-font-title">{{ mileageItems.zy }}</span></p></div>
-              </div>
-
-            </div>
-            <div class="flex col-sm-4" style="padding-left: 5%; padding-top: 4%;" >
-              <div class="flex">
-                <div class="flex-row"> <span class="font-14-medium">高压管网公里数</span></div>
-                <p style="color:#f27c79"><span class="scada-font-title">{{ mileageItems.gy }}</span></p>
-              </div>
-              <div class="flex">
-                <!--                <div class="flex-row"> <span class="font-14-medium">总管网公里数</span></div>-->
-                <!--                <div class="flex-row">  <p style="color:#8969ff"><span class="scada-font-title">{{ mileageItems.total }}</span></p></div>-->
-              </div>
-
-            </div>
-            <div class="flex col-sm-4" style="padding-left: 5%; padding-top: 4%;" >
-              <div class="flex">
-                <div class="flex-row"> <span class="font-14-medium">次高压管网公里数</span></div>
-                <div class="flex-row"><p style="color:#d5a329"><span class="scada-font-title">{{ mileageItems.cgy }}</span></p></div>
-              </div>
-              <div class="flex">
-                <div class="flex-row"> <span class="font-14-medium">低压管网公里数</span></div>
-                <div class="flex-row"><p style="color:#0a9aff"><span class="scada-font-title">{{ mileageItems.dy }}</span></p></div>
-              </div>
-
-            </div>
-          </div>
-        </div>
-        <div class="col-sm-12  content-box" style="height: 48%;margin: 1%;width:95%">
-          <div class="flex-row scada-title" style="border:1px solid #227ad8;height: 12%" >
-            <span class="font-14-medium1 flex-2">时间</span>
-            <span class="font-14-medium1 flex-2">截止当前月年销气量(万方)</span>
-            <span class="font-14-medium1 flex-2">同比</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.ssn}}</span>
-            <span  class="font-16 flex-1">{{item.sbsjfl}}</span>
-            <span  class="font-16 flex-1">{{item.tb}}%</span>
-          </div>
-        </div>
-      </div>
-  </div>
-</template>
-<script>
-import {HttpResetClass} from 'vue-client'
-export default {
-  name: 'scada',
-  data () {
-    return {
-      items:[],
-      mileageItems:{}
-    }
-  },
-  methods: {
-    async getdata(){
-      let http = new HttpResetClass()
-      await http.load('post','rs/sql/getDapingSalesVolumeTable',{data:{}},{rejectMsg: null, resolveMsg: null}).then((res)=>{
-        console.log('往期同比~~~~~~~~~~~~~~~',res)
-        this.items = res.data
-      })
-      await http.load('post','rs/sql/getDapingPipeNetwork',{data:{}},{rejectMsg: null, resolveMsg: null}).then((res)=>{
-        console.log('公里数~~~~~~~~~~~~~~~',res)
-        console.log(res.data)
-        let info = {
-            gy :res.data[0].gy  ,
-            total :res.data[0].total  ,
-            cgy :res.data[0].cgy  ,
-            dy :res.data[0].dy ,
-            zy :res.data[0].zy
-        }
-        console.log(info)
-        this.mileageItems= info
-        console.log(this.mileageItems)
-
-      })
-    }
-  },
-  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: 25px;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 30px;
-    letter-spacing: 0px;
-  }
-
-  .font-14 {
-    font-size: 14px;
-    font-family: tRends;
-  }
-
-  .font-14-medium {
-    color: #ffffff;
-    line-height: 7px;
-    font-size: 14px;
-    font-family: font-pingfang-medium;
-  }
-  .font-14-medium1{
-    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: 30px;
-    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: 30px;
-    letter-spacing: 0px;
-  }
-
-  .font-14 {
-    font-size: 12px;
-    font-family: tRends;
-  }
-
-  .font-14-medium {
-    color: #ffffff;
-    line-height: 7px;
-    font-size: 12px;
-    font-family: font-pingfang-medium;
-  }
-  .font-14-medium1{
-    color: #ffffff;
-    line-height: 18px;
-    font-size: 14px;
-    font-family: font-pingfang-medium;
-  }
-  .font-16 {
-    font-family: pFBold;
-    font-size: 12px;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 30px;
-    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>