manage-client 3.2.11 → 3.2.13-aode

package/src/components/webmeter/DrillData/NewUserGasAll.vue

@@ -0,0 +1,494 @@
+<template>
+  <div class="flex-row" id="unit" v-show="(!echarts)&&(!isActiveTotalForm)">
+    <div class="basic-main" @keyup.enter="search">
+      <div class="flex">
+        <div class="flex" style="flex:1;">
+          <criteria-paged :model="model" :pager='true' v-ref:paged>
+            <criteria @condition-changed='$parent.search' partial='criteria' v-ref:cri>
+              <div class="form-horizontal select-overspread container-fluid auto" novalidate partial>
+                <div class="row" width="100%">
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">组织机构</label>
+                    <res-select :initresid="$parent.$parent.orgid"
+                                style="width:60%"
+                                @res-select="$parent.$parent.getRes"
+                                restype='organization'>
+                    </res-select>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">客户编号</label>
+                    <input  style="width:60%" class="input_search" condition="f_userinfo_code like '%{}%'" placeholder='客户编号' type="text"
+                           v-el:meternumber v-model="model.f_userinfo_code" v-next-el='f_userinfo_code'
+                    >
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">客户名称</label>
+                    <input  style="width:60%" class="input_search" condition="f_user_name like '%{}%'" placeholder='客户名称' type="text"
+                           v-el:username v-model="model.f_username" v-next-el='userid'>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">表&emsp;&emsp;号</label>
+                    <input  style="width:60%" class="input_search" condition="f_meternumber = '{}'" placeholder='表号' type="text"
+                            v-el:meternumber v-model="model.f_meternumber" v-next-el='meternumber'
+                    >
+                  </div>
+
+                  <div class="col-sm-4 form-group button-range">
+                    <button @click="search()" class="button_search button_spacing">查询</button>
+                    <button @click="$parent.$parent.clearmsg" class="button_clear button_spacing">清空</button>
+                    <button class="button_export button_spacing" style="width: max-content" @click="$parent.$parent.showTotalForm()" >显示汇总</button>
+<!--                    <button class="btn btn-success" @click="$parent.$parent.showEcharts()">显示图表</button>-->
+                    <div style="float: right"  class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"    @click="$parent.$parent.hidden()"></div>
+                    <export-excel-plus :data="$parent.$parent.getCondition"
+                                  :defaultselect="$parent.$parent.selectfields"
+                                  :field="$parent.$parent.getfield"
+                                  :exportprogress="true" v-ref:exports
+                                  sqlurl="rs/logic/exportfileplus" sql-name="getNewUserGasAll" template-name='物联网用气分析查询导出'
+                                  :choose-col="true"></export-excel-plus>
+                  </div>
+                </div>
+                <div class="row" v-show="$parent.$parent.criteriaShow">
+
+                  <!--<div class="col-sm-2 form-group" >
+                    <label class="font_normal_body">用气属性</label>
+                    <v-select
+                      placeholder='用气属性'
+                      value-single="true"
+                      :value.sync="model.f_gasproperties2"
+                      v-model="model.f_gasproperties2"
+                      :options='$parent.$parent.Gasproperties2'
+                      close-on-select condition="uf.f_gasproperties2 {}">
+                    </v-select>
+                  </div>-->
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">用气地址</label>
+                    <input  style="width:60%" class="input_search" condition="f_address like '%{}%'" placeholder='用气地址' type="text"
+                           v-el:area v-el:xq v-model="model.f_address" v-next-el='address'
+                    >
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">小区名称</label>
+                    <input  style="width:60%" class="input_search" placeholder='小区名称' type="text"
+                            v-el:area v-el:xq v-model="model.f_residential_area" v-next-el='f_residential_area'
+                    >
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">客户类型</label>
+                    <v-select :options='$parent.$parent.Gasusertype'
+                              :value.sync="model.f_user_type"
+                              close-on-select
+                              style="width:60%"
+                              condition="f_user_type = '{}'"
+                              id="f_user_type"
+                              placeholder='客户类型'
+                              v-model="model.f_user_type"
+                              value-single="true">
+                    </v-select>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">用气性质</label>
+                    <v-select :options='$parent.$parent.Gasproperties'
+                              :value.sync="model.f_gasproperties"
+                              close-on-select
+                              condition="f_gasproperties = '{}'"
+                              id="f_gasproperties"
+                              placeholder='用气性质'
+                              style="width:60%"
+                              v-model="model.f_gasproperties"
+                              value-single="true">
+                    </v-select>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">气表品牌</label>
+                    <v-select :value.sync="model.f_meter_brand"
+                              v-model="model.f_meter_brand"
+                              :options='$parent.$parent.meterbrands' placeholder='请选择'
+                              condition="f_meter_brand = '{}'"
+                              close-on-select></v-select>
+                  </div>
+                  <!-- <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">时间区间</label>
+                    <datepicker  :disabled-days-of-Week="[]" :format="'yyyy-MM-dd HH:mm:ss'"
+                                :show-reset-button="reset"
+                                :value.sync="model.startDate"
+                                condition="f_hand_date >= '{}'"
+                                id="startDate"
+                                style="width:60%"
+                                placeholder="开始时间"
+                                v-model="model.startDate">
+                    </datepicker>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body" style="word-break:keep-all;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>
+                    <datepicker  :disabled-days-of-Week="[]" :format="'yyyy-MM-dd HH:mm:ss'"
+                                :show-reset-button="reset"
+                                :value.sync="model.endDate"
+                                style="width:60%"
+                                condition="f_hand_date >= '{}'"
+                                id="endDate"
+                                style="width:60%"
+                                placeholder="结束日期"
+                                v-model="model.endDate">
+                    </datepicker>
+                  </div> -->
+                  <div class="col-sm-2 form-group">
+                    <label for="inputStartDate" class="font_normal_body">结算日期</label>
+                    <datepicker id="inputStartDate" placeholder="结算日期" style="width:60%"
+                                v-model="model.inputStartDate"
+                                :value.sync="model.inputStartDate"
+                                :format="'yyyy-MM-dd HH:mm:ss'"
+                                :show-reset-button="true"
+                    >
+                    </datepicker>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label for="inputEndDate" class="font_normal_body">&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;&nbsp;&ensp;</label>
+                    <datepicker id="inputEndDate" placeholder="结算日期" style="width:60%"
+                                v-model="model.inputEndDate"
+                                :value.sync="model.inputEndDate"
+                                :format="'yyyy-MM-dd HH:mm:ss'"
+                                :show-reset-button="true"
+                    >
+                    </datepicker>
+                  </div>
+
+                  <!--<div class="col-sm-2 form-group">
+                    <label class="font_normal_body">用&nbsp;气&nbsp;量&nbsp;</label>
+                    <input  type="text" style="width:60%" class="input_search"
+                           v-model="model.f_start_oughtamount" placeholder='起始气量'
+                    >
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>
+                    <input  type="text" style="width:60%" class="input_search"
+                           v-model="model.f_end_oughtamount" placeholder='结束气量'
+                    >
+                  </div>-->
+                </div>
+              </div>
+            </criteria>
+            <data-grid :model="model" id="usergasall" partial='list' class="list_area table_sy" v-ref:grid>
+              <template partial='head'>
+                <tr>
+                  <th style="text-align:center">
+                    <nobr>客户编号</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>客户类型</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>用气性质</nobr>
+                  </th>
+                  <!--<th style="text-align:center"><nobr>用气属性</nobr></th>-->
+                  <th style="text-align:center">
+                    <nobr>客户名称</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>用气地址</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>气表品牌</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>起始时间~终止时间</nobr>
+                  </th>
+<!--                  <th style="text-align:center">-->
+<!--                    <nobr>终止时间</nobr>-->
+<!--                  </th>-->
+                  <th style="text-align:center">
+                    <nobr>表号</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>期初余额(元)</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>上期底数</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>本期底数</nobr>
+                  </th>
+                  <!-- <th style="text-align:center"><nobr>气价(元/m³)</nobr></th>-->
+                  <th style="text-align:center">
+                    <nobr>用气量(m³)</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>用气金额(元)</nobr>
+                  </th>
+<!--                  <th style="text-align:center">-->
+<!--                    <nobr>充值金额(元)</nobr>-->
+<!--                  </th>-->
+                  <th style="text-align:center">
+                    <nobr>期末结余(元)</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>组织</nobr>
+                  </th>
+                </tr>
+
+
+              </template>
+              <template partial='body'>
+                <td>{{row.f_userinfo_code}}</td>
+                <td style="text-align:center">{{row.f_user_type}}</td>
+                <td style="text-align:center">{{row.f_gasproperties}}</td>
+                <!--<td style="text-align:center">{{row.f_gasproperties2}}</td>-->
+                <td style="text-align:center">
+                  <nobr>{{row.f_user_name}}</nobr>
+                </td>
+                <td>
+                  <nobr>{{row.f_address}}</nobr>
+                </td>
+                <td>
+                  <nobr>{{row.f_meter_brand}}</nobr>
+                </td>
+                <td>
+                  <nobr>{{row.f_hand_date}}</nobr>
+                </td>
+<!--                <td>-->
+<!--                  <nobr>{{row.f_end_hand_date}}</nobr>-->
+<!--                </td>-->
+                <td>{{row.f_meternumber}}</td>
+                <td style="text-align:center">{{row.f_balance}}</td>
+                <td style="text-align:center">{{row.f_last_tablebase}}</td>
+                <td style="text-align:center">{{row.f_tablebase}}</td>
+                <!--<td style="text-align:center">{{row.f_avg_price}}</td>-->
+                <td style="text-align:center">{{row.f_oughtamount}}</td>
+                <td style="text-align:center">{{row.f_oughtfee}}</td>
+<!--                <td style="text-align:center">{{row.f_collection}}</td>-->
+                <td style="text-align:center">{{row.f_curbalance}}</td>
+                <td style="text-align:center">{{row.f_organization_name}}</td>
+              </template>
+            </data-grid>
+          </criteria-paged>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div  v-show="echarts">
+    <user-gas-echarts :condition="condition" :echarts="echarts" :enddate="endDate"
+                      :groupname="groupname[0]" :startdate="startDate"></user-gas-echarts>
+  </div>
+  <!--汇总表显示模板-->
+  <div v-show="isActiveTotalForm" style="height:100%">
+    <user-gas-eform :condition="condition"></user-gas-eform>
+  </div>
+</template>
+
+<script>
+  import {PagedList} from 'vue-client'
+  import UserGasEcharts from './UserGasEcharts'
+  import * as Util from '../../../Util'
+  import getLodop from '../../../plugins/LodopFuncs'
+  import plugins from '../../../plugins/GetLoginInfoService'
+  import exportConfig from "../../sale/config/exportConfig";
+  let readySomething = async function (self) {
+    await self.$MagLoadParams.loadParam()
+    self.initParams()
+  }
+  export default {
+    title: '用气分析',
+    props: ['data'],
+    components: {UserGasEcharts},
+    data() {
+      return {
+        other:[],
+        footer:[],
+        sumName: [],
+        model: new PagedList('rs/sql/getNewUserGasAll', 20,{startDate: 'this.model.inputStartDate', endDate: 'this.model.inputEndDate'}),
+        getGroupNameByDate: [
+          {label: '年份', value: 'year'},
+          {label: '月份', value: 'month'},
+          {label: '周', value: 'week'}
+        ],
+        meterbrands: [],
+        criteriaShow: false,
+        reportStr: null,
+        show: false,
+        outlets: [],
+        operator: [],
+        filename: '',
+        searchshow: true,
+        startDate: '',
+        endDate: '',
+        echarts: false,
+        isActiveTotalForm: false,
+        condition: '1=1',
+        groupname: ['year'],
+        getgroupname: [
+          {label: '年份', value: 'year'},
+          {label: '月份', value: 'month'},
+          {label: '周', value: 'week'},
+          {label: '日', value: 'day'}
+        ],
+        orgCondtionStr: '(' + this.$login.f.orgid + ')',
+        orgid:[this.$login.f.orgid],
+        selectfields:[],
+      }
+    },
+    ready() {
+        this.$refs.paged.$refs.cri.model.inputStartDate = Util.toStandardDateString() + ' 00:00:00'
+        this.$refs.paged.$refs.cri.model.inputEndDate = Util.toStandardDateString() + ' 23:59:59'
+        //this.$refs.paged.$refs.cri.search();
+        for(var item in exportConfig.webmeterusergasConfig){
+          this.selectfields.push(item)
+        }
+        readySomething(this);
+    },
+    methods: {
+      getotherfooter(){
+        this.$refs.paged.$refs.cri.$refs.exports.otherData=[];
+        this.$refs.paged.$refs.cri.$refs.exports.footerData=[];
+        this.other=[];
+        this.footer=[];
+        let exportdata = this.getCondition;
+        let otherInData=[];
+        otherInData.push(`导出时间: ${this.$login.toStandardDateString()}`);
+        otherInData.push(`导出人：${this.$login.f.name}`)
+        let footerData=[],exportfield=this.getfield;
+        footerData.push("合计");
+        let self = this;
+        for(var field in self.sumsmodel){
+          footerData.push(`${self.sumsmodel[field]}`);
+        }
+        this.footer.push(footerData);
+        this.other.push(otherInData);
+      },
+      // 查询开关
+      hidden() {
+        this.criteriaShow = !this.criteriaShow
+      },
+      SaveAsFile(str) {
+        this.$showMessage('您是否需要导出本页数据？', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            let style = '<style>' +
+              'td {border-width: 1px;padding: 2px;border-style: solid; border-color:black; border-collapse:collapse;} .tdright{text-align: right;}  .tdcenter{text-align: center;}</style>';
+            let strHtml = style + document.getElementById(str).innerHTML;
+            console.log(strHtml);
+            let LODOP = getLodop();
+            LODOP.PRINT_INIT('');
+            LODOP.ADD_PRINT_TABLE(5, 5, '99%', '100%', strHtml);
+            LODOP.SAVE_TO_FILE('用气分析.xls')
+          }
+        })
+      },
+      clearmsg() {
+        this.$refs.paged.$refs.cri.model = {}
+      },
+      initParams() {
+        // 初始化气表品牌
+        let brandArr = []
+        this.$MagGetSaleParam.getGasbrand().forEach((item) => {
+          let temp = {}
+          temp.label = item.label
+          temp.value = item.value.f_meter_brand
+          brandArr.push(temp)
+        })
+        this.meterbrands = [{label: '全部', value: ''}, ...brandArr]
+
+      },
+      search(args) {
+        this.startDate = this.$refs.paged.$refs.cri.model.inputStartDate
+        this.endDate = this.$refs.paged.$refs.cri.model.inputStartDate
+        if (this.endDate == '' || this.startDate == '') {
+          return this.$showMessage("结算时间区间的开始和结束时间不能为空！")
+        }
+        if (!this.orgCondtionStr){
+          return this.$showMessage("请选择分公司！")
+        }
+        if (this.orgCondtionStr)
+          this.condition = this.$refs.paged.$refs.cri.condition + `and f_orgid in ${this.orgCondtionStr}`
+        else
+          this.condition = this.$refs.paged.$refs.cri.condition
+        this.model.params.f_orgid = this.orgCondtionStr
+        this.model.params.f_residential_area = this.$refs.paged.$refs.cri.model.f_residential_area ==null|| this.$refs.paged.$refs.cri.model.f_residential_area==''?'':` and a.f_residential_area = '${this.$refs.paged.$refs.cri.model.f_residential_area}'`
+        args.condition = this.condition
+        this.model.search(args.condition, args.model)
+      },
+      // 显示柱状图
+      showEcharts() {
+        this.echarts = true
+        this.isActiveTotalForm = false
+      },
+      notShowTotalForm() {
+        this.echarts = false
+        this.isActiveTotalForm = false
+      },
+      // 不显示柱状图
+      notShowEcharts() {
+        this.echarts = false
+        this.isActiveTotalForm = false
+      },
+      // 显示汇总数据表格
+      showTotalForm() {
+        this.echarts = false
+        this.isActiveTotalForm = true
+      },
+      close() {
+        this.show = false
+      },
+      getRes(obj) {
+        this.orgCondtionStr = plugins.convertToIn(obj)
+      },
+    },
+    watch: {
+      'data'(val) {
+        if (val.f_files_path) {
+          this.getFileContent(val.f_files_path)
+        } else {
+          this.reportStr = null
+        }
+      },
+      sumsmodel: {
+        handler: function(val) {
+          this.getotherfooter();
+        },
+        deep: true
+      }
+    },
+    computed: {
+      getCondition() {
+        let f_residential_area = this.$refs.paged.$refs.cri.model.f_residential_area ==null|| this.$refs.paged.$refs.cri.model.f_residential_area==''?'':` and a.f_residential_area = '${this.$refs.paged.$refs.cri.model.f_residential_area}'`
+        return {condition: `${this.$refs.paged.$refs.cri.condition} and f_orgid in ` + this.orgCondtionStr, f_residential_area:f_residential_area,startDate: this.$refs.paged.$refs.cri.model.inputStartDate,endDate:this.$refs.paged.$refs.cri.model.inputEndDate,f_orgid:this.orgCondtionStr}
+      },
+      getfield() {
+        return exportConfig.webmeterusergasConfig
+      },
+      Gasusertype() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
+      },
+      valveStatus() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
+      },
+      Gasproperties() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]
+      }
+    }
+  }
+</script>
+<style>
+  .mystyle {
+    float: right;
+    padding-right: 10%;
+  }
+
+  .mystyle1 {
+    padding-top: 10px;
+
+  }
+
+  .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 10px 10px 10px;
+    border-radius: 15px;
+  }
+</style>