manage-client 3.2.74 → 3.2.75

package/src/components/webmeter/newwebmeter/NewException/NewExceptionEform.vue

@@ -1,149 +1,149 @@
-<template lang="html">
-  <div class="span " id="table1">
-    <p class="bg-info text-center " style="padding: 8px;">失联分析汇总</p>
-    <div class="mystyle2 " >
-      <label class="control-label">汇总项</label>
-      <input type="checkbox" id="u.f_user_type" value="u.f_user_type"  v-model="nameForSql"/>
-      <label for="u.f_user_type">用户类型</label>
-      <input type="checkbox" id="u.f_gasproperties" value="u.f_gasproperties" v-model="nameForSql"/>
-      <label for="u.f_gasproperties">用气性质</label>
-      <input type="checkbox" id="u.f_orgstr" value="u.f_orgstr" v-model="nameForSql"/>
-      <label for="u.f_orgstr">分公司</label>
-      <button class="btn btn-success" @click="searchData">查询</button>
-      <span style="float: right">
-        <report-excel class="btn btn-success" id="table1"></report-excel>
-        <report-print class="btn btn-success" id="table1" top='3cm' left='0' width='100%' height='100%'></report-print></span>
-    </div>
-    <table  class="table table-bordered padding-top: 10px;">
-      <thead class="text-left">
-      <tr>
-        <th v-if="nameForSql.includes('u.f_user_type')" style="text-align:center">用户类型</th>
-        <th v-if="nameForSql.includes('u.f_gasproperties')" style="text-align:center">用气性质</th>
-        <th v-if="nameForSql.includes('u.f_orgstr')" style="text-align:center">分公司</th>
-        <th style="text-align:center"><nobr></nobr></th>
-        <th style="text-align:center"><nobr>5天到7天</nobr></th>
-        <th style="text-align:center"><nobr>7天到15天</nobr></th>
-        <th style="text-align:center"><nobr>15天到30天</nobr></th>
-        <th style="text-align:center"><nobr>30天到60天</nobr></th>
-        <th style="text-align:center"><nobr>60天以上</nobr></th>
-      </tr></thead>
-      <tbody>
-      <tr v-for="item in model2">
-
-        <td style="text-align:center" v-if="nameForSql.includes('u.f_user_type')">{{item.f_user_type}}</td>
-        <td style="text-align:center" v-if="nameForSql.includes('u.f_gasproperties')">{{item.f_gasproperties}}</td>
-        <td style="text-align:center" v-if="nameForSql.includes('u.f_orgstr')">{{item.f_orgstr}}</td>
-        <td style="text-align:center">{{item._five}}</td>
-        <td style="text-align:center">{{item.five_seven}}</td>
-        <td style="text-align:center">{{item.seven_fifteen}}</td>
-        <td style="text-align:center">{{item.fifteen_thirty}}</td>
-        <td style="text-align:center">{{item.thirty_sixty}}</td>
-        <td style="text-align:center">{{item.sixty_}}</td>
-      </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<script>
-  import {PagedList} from 'vue-client'
-  import * as Util from '../../../../Util'
-  import { all, HttpResetClass } from 'vue-client'
-
-  export default {
-    props:{
-      condition:'1=1',
-      startdate: {
-        type: String,
-        default: Util.toStandardDateString()
-      },
-      enddate: {
-        type: String,
-        default: Util.toStandardDateString()
-      }
-      // condition: {
-      //   type: String,
-      //   default: '1=1'
-      // },
-      // groupNameByDate: {
-      //   type: [],
-      //   default:['year']
-      // }
-    },
-    data(){
-      return{
-        enddate:'',
-        startdate:'',
-        model2:null,
-        conditionForSql: '1=1',
-        nameForSql:[],
-        groupNameForSql :'',
-
-      }
-    },
-    ready (){
-    },
-    methods :{
-      async searchData(){
-        if(this.groupNameForSql) {
-          let load = new HttpResetClass()
-          let res = await load.load('POST', 'rs/sql/webmeter_getNewExceSum',
-            {data: {condition: this.condition, groupname: this.groupNameForSql,startDate:this.startdate,endDate:this.enddate}},
-            {resolveMsg: null, rejectMsg: null})
-          console.log('res返回', res)
-          this.model2 = res.data
-          console.log('res返回123', this.model2)
-        }else{
-          window.alert("请选择汇总项")
-        }
-      },
-      //拼接groupName1
-      getGroupName1(){
-        console.log("this.nameForSql.length："+this.nameForSql.length)
-        let str= ''
-        let i=0
-        for(;i<this.nameForSql.length-1;i++){
-          str +=this.nameForSql[i]+','
-        }
-        str +=this.nameForSql[i]
-        this.groupNameForSql =str.trim()
-      },
-
-
-    },
-    watch:{
-      'nameForSql'(){
-        // this.nameForSql =this.groupNameByDate;
-        this.getGroupName1()
-      },
-      'startdate'(val){
-        this.startdate=val
-      },
-      'enddate'(val){
-        this.enddate=val
-      },
-      'condition'(val){
-        console.log("监听groupNameByDate,新"+val+"旧：")
-        this.conditionForSql = val
-      }
-    }
-  }
-</script>
-
-<style scoped>
-  .mystyle2{
-    width: 100%;
-    height: 35px;
-    /*background: #00A3F0;*/
-    padding-left: 15px;
-    float: left;
-  }
-  .datapanel {
-    color: #333;
-    background-color: white;
-    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
-    padding: 10px 30px 10px 30px;
-    border-radius:15px;
-  }
-
-</style>
+<template lang="html">
+  <div class="span " id="table1">
+    <p class="bg-info text-center " style="padding: 8px;">失联分析汇总</p>
+    <div class="mystyle2 " >
+      <label class="control-label">汇总项</label>
+      <input type="checkbox" id="u.f_user_type" value="u.f_user_type"  v-model="nameForSql"/>
+      <label for="u.f_user_type">用户类型</label>
+      <input type="checkbox" id="u.f_gasproperties" value="u.f_gasproperties" v-model="nameForSql"/>
+      <label for="u.f_gasproperties">用气性质</label>
+      <input type="checkbox" id="u.f_orgstr" value="u.f_orgstr" v-model="nameForSql"/>
+      <label for="u.f_orgstr">分公司</label>
+      <button class="btn btn-success" @click="searchData">查询</button>
+      <span style="float: right">
+        <report-excel class="btn btn-success" id="table1"></report-excel>
+        <report-print class="btn btn-success" id="table1" top='3cm' left='0' width='100%' height='100%'></report-print></span>
+    </div>
+    <table  class="table table-bordered padding-top: 10px;">
+      <thead class="text-left">
+      <tr>
+        <th v-if="nameForSql.includes('u.f_user_type')" style="text-align:center">用户类型</th>
+        <th v-if="nameForSql.includes('u.f_gasproperties')" style="text-align:center">用气性质</th>
+        <th v-if="nameForSql.includes('u.f_orgstr')" style="text-align:center">分公司</th>
+        <th style="text-align:center"><nobr></nobr></th>
+        <th style="text-align:center"><nobr>5天到7天</nobr></th>
+        <th style="text-align:center"><nobr>7天到15天</nobr></th>
+        <th style="text-align:center"><nobr>15天到30天</nobr></th>
+        <th style="text-align:center"><nobr>30天到60天</nobr></th>
+        <th style="text-align:center"><nobr>60天以上</nobr></th>
+      </tr></thead>
+      <tbody>
+      <tr v-for="item in model2">
+
+        <td style="text-align:center" v-if="nameForSql.includes('u.f_user_type')">{{item.f_user_type}}</td>
+        <td style="text-align:center" v-if="nameForSql.includes('u.f_gasproperties')">{{item.f_gasproperties}}</td>
+        <td style="text-align:center" v-if="nameForSql.includes('u.f_orgstr')">{{item.f_orgstr}}</td>
+        <td style="text-align:center">{{item._five}}</td>
+        <td style="text-align:center">{{item.five_seven}}</td>
+        <td style="text-align:center">{{item.seven_fifteen}}</td>
+        <td style="text-align:center">{{item.fifteen_thirty}}</td>
+        <td style="text-align:center">{{item.thirty_sixty}}</td>
+        <td style="text-align:center">{{item.sixty_}}</td>
+      </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script>
+  import {PagedList} from 'vue-client'
+  import * as Util from '../../../../Util'
+  import { all, HttpResetClass } from 'vue-client'
+
+  export default {
+    props:{
+      condition:'1=1',
+      startdate: {
+        type: String,
+        default: Util.toStandardDateString()
+      },
+      enddate: {
+        type: String,
+        default: Util.toStandardDateString()
+      }
+      // condition: {
+      //   type: String,
+      //   default: '1=1'
+      // },
+      // groupNameByDate: {
+      //   type: [],
+      //   default:['year']
+      // }
+    },
+    data(){
+      return{
+        enddate:'',
+        startdate:'',
+        model2:null,
+        conditionForSql: '1=1',
+        nameForSql:[],
+        groupNameForSql :'',
+
+      }
+    },
+    ready (){
+    },
+    methods :{
+      async searchData(){
+        if(this.groupNameForSql) {
+          let load = new HttpResetClass()
+          let res = await load.load('POST', 'rs/sql/webmeter_getNewExceSum',
+            {data: {condition: this.condition, groupname: this.groupNameForSql,startDate:this.startdate,endDate:this.enddate}},
+            {resolveMsg: null, rejectMsg: null})
+          console.log('res返回', res)
+          this.model2 = res.data
+          console.log('res返回123', this.model2)
+        }else{
+          window.alert("请选择汇总项")
+        }
+      },
+      //拼接groupName1
+      getGroupName1(){
+        console.log("this.nameForSql.length："+this.nameForSql.length)
+        let str= ''
+        let i=0
+        for(;i<this.nameForSql.length-1;i++){
+          str +=this.nameForSql[i]+','
+        }
+        str +=this.nameForSql[i]
+        this.groupNameForSql =str.trim()
+      },
+
+
+    },
+    watch:{
+      'nameForSql'(){
+        // this.nameForSql =this.groupNameByDate;
+        this.getGroupName1()
+      },
+      'startdate'(val){
+        this.startdate=val
+      },
+      'enddate'(val){
+        this.enddate=val
+      },
+      'condition'(val){
+        console.log("监听groupNameByDate,新"+val+"旧：")
+        this.conditionForSql = val
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .mystyle2{
+    width: 100%;
+    height: 35px;
+    /*background: #00A3F0;*/
+    padding-left: 15px;
+    float: left;
+  }
+  .datapanel {
+    color: #333;
+    background-color: white;
+    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
+    padding: 10px 30px 10px 30px;
+    border-radius:15px;
+  }
+
+</style>