manage-client 3.2.52 → 3.2.53-aode

package/src/components/sale/report/aode/DayReportList.vue

@@ -10,7 +10,7 @@
               <datepicker  placeholder="开始日期" style="width:60%"
                            v-model="model.f_startDate"
                            :value.sync="model.f_startDate"
-                           :format="'yyyy-MM-dd'"
+                           :format="'yyyy-MM-dd HH:mm:ss'"
                            class="datepicker"
                            :show-reset-button="true"
                            class="select"
@@ -22,7 +22,7 @@
               <datepicker  placeholder="结束日期" style="width:60%"
                            v-model="model.f_endDate"
                            :value.sync="model.f_endDate"
-                           :format="'yyyy-MM-dd'"
+                           :format="'yyyy-MM-dd HH:mm:ss'"
                            class="datepicker"
                            :show-reset-button="true"
                            class="select"
@@ -31,44 +31,47 @@
             </div>
             <div :class="$parent.$parent.style">
               <label class="font_normal_body">用气性质</label>
-              <v-select :value.sync="model.f_gasproperties" v-model="model.f_gasproperties" multiple
-                        :options='$parent.$parent.gasproperties' placeholder='请选择'
-                        condition="f_gasproperties in {}"
+              <v-select :value.sync="model.f_gasproperties" v-model="model.f_gasproperties"
+                        :options='$parent.$parent.useroptions' placeholder='请选择'
+                        condition="f_gasproperties = '{}'"
                         close-on-select></v-select>
             </div>
             <div :class="$parent.$parent.style">
               <label class="font_normal_body">操作类型</label>
               <v-select :value.sync="model.f_type" v-model="model.f_type"
                         :options='$parent.$parent.operates' placeholder='请选择'
+                        condition="f_type = '{}'"
                         close-on-select></v-select>
             </div>
             <div :class="$parent.$parent.style">
-              <label class="font_normal_body">收费状态</label>
-              <v-select :value.sync="model.f_state" v-model="model.f_state" multiple
-                        :options='$parent.$parent.sellstate' placeholder='请选择'
-                        condition="f_state in {}"
+              <label class="font_normal_body">操作状态</label>
+              <v-select :value.sync="model.f_state" v-model="model.f_state"
+                        :options='$parent.$parent.stateoptions' placeholder='请选择'
+                        condition="f_state = '{}'"
                         close-on-select></v-select>
             </div>
             <div :class="$parent.$parent.style">
               <label class="font_normal_body">包含APP</label>
               <v-select :value.sync="model.f_hasapp" v-model="model.f_hasapp"
-              :options='$parent.$parent.hasapps' placeholder='请选择'
-              condition="f_operator {} "
-              close-on-select></v-select>
+                        :options='$parent.$parent.hasapps' placeholder='请选择'
+                        condition="f_operator {} "
+                        close-on-select></v-select>
             </div>
 
             <div class="button-range" style="float:right;margin-top:10px">
               <button class="button_search button_spacing" @click="search()">查询</button>
               <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
-              <export-excel :data="$parent.$parent.getCondition"
+              <export-excel :data="$parent.$parent.getCondition" v-ref:exportexcel
                             :field="$parent.$parent.getfield"
+                            :defaultselect="$parent.$parent.selectfields"
                             sqlurl="rs/logic/exportfile" sql-name="aode_dayReport" template-name='日清单'  :choose-col="true"
                             class="button_export button_spacing"></export-excel>
-              <day-report-list-print :countmodel="{sumsmodel:$parent.$parent.sumsmodel,model:$parent.$parent.model,orgname:$parent.$parent.orgname,depname:$parent.$parent.depname}"></day-report-list-print>
+              <day-report-list-print  :countmodel="{sumsmodel:$parent.$parent.sumsmodel,model:$parent.$parent.model,orgname:$parent.$parent.orgname,depname:$parent.$parent.depname}"></day-report-list-print>
+<!--              <button v-if="$parent.$parent.pushncshow && $parent.$parent.pushncshow2 " class="button_search button_spacing" @click="$parent.$parent.showpushconfirm()">交账</button>-->
               <div style="float: right"  class="button_spacing" :class="{'button_shrink_left':$parent.$parent.criteriaShow,'button_shrink_right':!$parent.$parent.criteriaShow}"    @click="$parent.$parent.show()"></div>
             </div>
 
-        </div>
+          </div>
         </div>
       </criteria>
       <data-grid  :model="model" :sumsmodel="sumsmodel" partial='list' class="list_area table_sy" v-ref:grid >
@@ -82,12 +85,21 @@
               <!--<nobr>客户姓名</nobr>-->
             </th>
             <th><nobr>地址</nobr></th>
+            <th>
+              <data-order field="f_user_type" name="客户类型"></data-order>
+            </th>
+            <th>
+              <data-order field="f_user_type" name="用气性质"></data-order>
+            </th>
             <th>
               <data-order field="f_meter_brand" name="气表厂家"></data-order>
             </th>
             <th><data-order field="f_operate_date" name="操作时间"></data-order>
               <!--<nobr>操作时间</nobr>-->
             </th>
+            <th><data-order field="f_operate_date" name="操作状态"></data-order>
+              <!--<nobr>操作时间</nobr>-->
+            </th>
             <th>
               <data-order field="f_stair1price" name="1单价"></data-order>
             </th>
@@ -114,61 +126,65 @@
             </th>
             <th>
               <data-order field="f_collection" name="实收金额"></data-order>
-
             </th>
             <th><nobr>上期余额</nobr></th>
             <th><nobr>本期余额</nobr></th>
             <th>
               <data-order field="f_payment" name="付款方式"></data-order>
-              <!--<nobr>付款方式</nobr>-->
             </th>
             <th>
-              <data-order field="f_type" name="收费类型"></data-order>
-              <!--<nobr>收费类型</nobr>-->
+              <data-order field="f_type" name="类型"></data-order>
             </th>
-            <th><nobr>收费状态</nobr></th>
+            <th><nobr>收费类型</nobr></th>
             <th>
               <data-order field="f_operator" name="操作员"></data-order>
             </th>
-            <th>
-              <data-order field="f_user_type" name="客户类型"></data-order>
-              <!--<nobr>客户类型</nobr>-->
-            </th>
             <th><nobr>备注</nobr></th>
 
           </tr>
         </template>
-        <template partial='body'>
-          <td style="text-align: center;"><nobr>
+        <template partial='body' >
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}" ><nobr>
             <span @click="$parent.$parent.$parent.showmsg(row)"><a>{{row.f_userinfo_code}}</a></span>
           </nobr> </td>
-          <td style="text-align: left;"><nobr>{{row.f_user_name}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_address}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_meter_brand}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_operate_date}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_stair1price}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_stair1amount}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_stair2price}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_stair2amount}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_stair3price}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_stair3amount}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_pregas}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_preamount}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_collection}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_balance}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_curbalance}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_payment}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_type}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_state}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_operator}}</nobr></td>
-          <td style="text-align: center;"><nobr>{{row.f_user_type}}</nobr></td>
-          <td style="text-align: left;"><nobr>{{row.f_comments}}</nobr></td>
+          <td style="text-align: left;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_user_name}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_address}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_user_type}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_gasproperties}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_meter_brand}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_operate_date}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_state}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_stair1price}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_stair1amount}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_stair2price}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_stair2amount}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_stair3price}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_stair3amount}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_pregas}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_preamount}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_collection}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_balance}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_curbalance}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_payment}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_type}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_real_type}}</nobr></td>
+          <td style="text-align: center;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_operator}}</nobr></td>
+          <td style="text-align: left;" :style="{background:(row.f_state=='无效'?'#ffa8c0!important;':'')}"><nobr>{{row.f_comments}}</nobr></td>
         </template>
       </data-grid>
     </criteria-paged>
   </div>
+  <modal  v-if="pushconfirmflag" :show.sync="pushconfirmflag" :width="1300" title="交账数据确认" v-ref:modal large backdrop="false">
+    <article slot="modal-body" class="modal-body" style="height: 600px;padding: 0!important;">
+      <push-confirm-manage :searchcondition.sync="searchCondition" v-if="pushconfirmflag" :orgiddepid="orgCondtionStr"  :model.sync="model" v-ref:pushmanage ></push-confirm-manage>
+    </article>
+    <footer  slot="modal-footer" class="modal-footer" style="margin-top:60px;">
+      <button v-show="footershow && footershow3" type="button" class="button_search button_spacing" @click='pushncdata'>确认</button>
+      <button  type="button" class="button_clear button_spacing" @click='closeCode'>取消</button>
+    </footer>
+  </modal>
   <div v-if="listpage">
-    <user-info-detail-manage-new :f_userinfo_id="rowdata.f_userinfo_id" @cancel-main="cancel"></user-info-detail-manage-new>
+    <user-info-detail-manage :f_userinfo_id="rowdata.f_userinfo_id" @cancel-main="cancel"></user-info-detail-manage>
   </div>
 </template>
 
@@ -211,6 +227,14 @@
           f_count_bk: 0,
           f_pregas_bk: 0,
           f_collection_bk: 0,
+          f_count_zjbf:0,
+          f_collection_zjbf:0,
+          f_count_ysk:0,
+          f_collection_ysk:0,
+          f_count_iotbf:0,
+          f_collection_iotbf:0,
+          f_count_iotkf:0,
+          f_collection_iotkf:0,
           f_count_bq: 0,
           f_pregas_bq: 0,
           f_collection_bq: 0,
@@ -222,31 +246,91 @@
           f_collection_cz: 0,
           f_sum_count:0,
           f_shouru_gas:0,
-          f_shouru_fee:0
+          f_shouru_fee:0,
+          f_yingshou_fee:0,
+          f_usebenqi_fee:0,
+          f_benqi_fee:0,
+          f_sumgtwx:0,
+          f_sumcwsf:0,
+          f_sumxjjf:0,
+          f_sumzfb:0,
+          f_sumpos:0,
+          f_sumwxjf:0,
+          f_sumqp:0,
+          f_sumyysk:0,
+          f_sumjjbq:0,
+          f_sumbtk:0
         }),
         listpage:false,
         rowdata: {},
         orgCondtionStr: '',
         userTypes: [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')],
-        count: 0,
+      count: 0,
         sumsmodel: {},
-        printshow: false,
+      printshow: false,
         all: false,
         orgname: '',
         depname: '',
+        operaname:'',
         criteriaShow: false,
-        operates: [{label: '全部', value: ''}, {label: '发卡售气', value: "发卡售气"},{label: '卡表收费', value: "卡表收费"},{label: '补气', value: "补气"},{label: '补卡', value: "补卡"},{label: '换表', value: "换表"},{label: '冲正', value: "冲正"}],
+        operates: [{label: '全部', value: ''},...this.$appdata.getParam('日清单操作类型')],
+        stateoptions:[{label: '全部', value: ''}, {label: '有效', value: "有效"},{label: '撤销', value: "撤销"},{label: '无效', value: "无效"},{label: '冲正', value: "冲正"}],
         hasapps: [{label: '包含APP', value: ''}, {label: '不包含APP', value: "!= '悦生活'"}],
-      }
+        useroptions:[{label: ' 全部 ', value: ''},...this.$appdata.getParam('用气性质')],
+      selectfields:[],
+        pushncshow:false,
+        pushncshow2:false,
+        searchCondition:{},
+        pushconfirmflag: false,
+        footershow:true,
+        footershow3:false,
+    }
     },
     ready() {
+      if(this.$login.r.includes('收费推送')){
+        this.pushncshow = true;
+      }
       this.$refs.paged.$refs.cri.condition += this.orgCondtionStr
       this.$refs.paged.$refs.cri.model.f_hasapp = [`!= '悦生活'`]
-      this.$refs.paged.$refs.cri.model.f_startDate = this.$login.toStandardDateString()
-      this.$refs.paged.$refs.cri.model.f_endDate = this.$login.toStandardDateString()
+      this.$refs.paged.$refs.cri.model.f_startDate = this.$login.toStandardDateString() +' 00:00:00'
+      this.$refs.paged.$refs.cri.model.f_endDate = this.$login.toStandardDateString()+' 23:59:59'
+      for(var item in exportConfig.dataReportConfig){
+        this.selectfields.push(item)
+      }
       // this.search()
     },
     methods: {
+      //推送数据
+      pushncdata(){
+        this.$refs.pushmanage.pushncdata();
+      },
+      //关闭推送确认窗口
+      closeCode(){
+        this.$refs.pushmanage.newmodel = {};
+        this.$refs.pushmanage.showmone = false;
+        this.pushconfirmflag = false;
+      },
+      //显示交账页面
+      showpushconfirm(){
+        this.search();
+        if(this.searchCondition.condition!=null && this.searchCondition.condition!='' && this.searchCondition.condition.includes("f_gasproperties") || this.searchCondition.condition.includes("f_type") ){
+          //this.$showMessage("交账失败,本次交账未保存,只能交账一天的数据,请确认交账时间后重新交账!!");
+          this.$showMessage("交账失败,本次交账未保存,请取消用气性质或操作类型选项,当前时间段内只允许交账一次!!");
+          return;
+        }
+        if(this.searchCondition.condition!=null && this.searchCondition.condition!='' && !this.searchCondition.condition.includes("f_state")){
+          this.$showAlert('请选择操作状态为有效进行交账!!','warning',2000);
+          return;
+        }
+        this.$showMessage("请进行一次查询后进行交账,",['confirm','cancel']).then(res=>{
+          if(res == 'confirm'){
+            this.pushconfirm();
+          }
+        })
+      },
+      pushconfirm(){
+        this.pushconfirmflag = true;
+      },
       showmsg(obj){
         this.criteriaShow = false
         this.$emit('close')
@@ -266,46 +350,69 @@
         }
         args.condition = `${args.condition} ` + f_orgstr
 
-        this.model.params.startDate = this.$refs.paged.$refs.cri.model.f_startDate + ' 00:00:00'
-        this.model.params.endDate = this.$refs.paged.$refs.cri.model.f_endDate + ' 23:59:59'
-
-        this.model.params.operatorState = this.$refs.paged.$refs.cri.model.f_type + ''
+        this.model.params.startDate = this.$refs.paged.$refs.cri.model.f_startDate
+        this.model.params.endDate = this.$refs.paged.$refs.cri.model.f_endDate
 
+        //推送条件: 需要 选择公司,部门
+        if(this.depname != null  && this.depname != '' ){
+          this.pushncshow2 = true;
+        }else{
+          this.pushncshow2= false;
+        }
+        this.searchCondition = this.getCondition;
         await this.model.search(args.condition, args.model)
 
         this.sumsmodel = this.$refs.paged.$refs.grid.model.sums
         console.log('计算合计。', this.sumsmodel)
         if (this.$refs.paged.$refs.grid.model.rows.length === 0) {
           for (let key in this.sumsmodel) {
-            this.sumsmodel[key] = 0
+            this.sumsmodel[key] = 0;
           }
         }
         this.$dispatch('getdata', this.sumsmodel)
       },
       getRes(condition, obj) {
-        this.orgCondtionStr = condition
-        this.orgname = obj.orgnames[0]
-        this.depname = obj.depnames[0]
+        //判断最新组织和存储组织不同时,清空已经选择人员
+        if(obj.depnames[0] != this.depname){
+          this.$refs.paged.$refs.cri.$refs.sel.$children[2].selectres = []
+        }
+        this.orgCondtionStr = condition;
+        this.orgname = obj.orgnames[0];
+        this.depname = obj.depnames[0];
+        if(obj.operatornames.length>0){
+          this.operaname =obj.operatornames[0];
+        }else{
+          this.operaname='';
+        }
+        //当未选中组织时不可进行推送
+        if(this.depname == null || this.depname == '' ){
+          this.pushncshow2 = false;
+        }else{
+          this.pushncshow2 = true;
+        }
       },
       clear() {
         //清空部门和人员
-        this.$refs.paged.$refs.cri.$refs.sel.$children[1].selectres = []
+        this.$refs.paged.$refs.cri.$refs.sel.$children[1].selectres = [];
+        this.$refs.paged.$refs.cri.$refs.sel.$children[2].selectres = [];
         //部门和人员变为全选
-        this.$refs.paged.$refs.cri.$refs.sel.$children[1].$children[0].isSelectAll = false
-        this.$refs.paged.$refs.cri.$refs.sel.$children[2].$children[0].isSelectAll = false
+        this.$refs.paged.$refs.cri.$refs.sel.$children[1].$children[0].isSelectAll = false;
+        this.$refs.paged.$refs.cri.$refs.sel.$children[2].$children[0].isSelectAll = false;
         Object.keys(this.$refs.paged.$refs.cri.model).forEach((key) => {
-          this.$refs.paged.$refs.cri.model[key] = []
+          this.$refs.paged.$refs.cri.model[key] = '';
         })
-        this.$refs.paged.$refs.cri.model.f_startDate = this.$login.toStandardDateString()
-        this.$refs.paged.$refs.cri.model.f_endDate = this.$login.toStandardDateString()
+        this.$refs.paged.$refs.cri.model.f_startDate = this.$login.toStandardDateString()+' 00:00:00';
+        this.$refs.paged.$refs.cri.model.f_endDate = this.$login.toStandardDateString()+ ' 23:59:59';
       },
       close() {
         this.printshow = false
       },
       getfield() {
+
         return exportConfig.dataReportConfig
       },
       show() {
+        this.pushncshow2 = !this.pushncshow2;
         this.criteriaShow = !this.criteriaShow
         if (this.criteriaShow) {
           this.$emit('show')
@@ -335,26 +442,64 @@
 
         this.search()
       },
-    },
-    computed: {
-      getCondition() {
-          return {
-            condition: `${this.$refs.paged.$refs.cri.condition}` + this.orgCondtionStr,
-            startDate: this.$refs.paged.$refs.cri.model.f_startDate+' 00:00:00',
-            endDate: this.$refs.paged.$refs.cri.model.f_endDate+' 23:59:59',
-            orderitem: this.model.paramSource.orderitem.split("'")[1].split("'")[0]
-          }
+  },
+  events:{
+      'showtogglefooter'(){
+        this.footershow=true;
       },
-      getfield() {
-        return exportConfig.dataReportConfig
+      'hiddentogglefooter'(){
+        this.footershow=false
+      },
+      'confirmcolse'(){
+        this.pushconfirmflag = false;
       },
-      gasproperties() {
-        return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('用气性质')]
+      'openbutton'(){
+        this.footershow3=true;
       },
-      sellstate() {
-        return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('收费状态')]
+      'closebutton'(){
+        this.footershow3=false;
       }
+  },
+  computed: {
+    getCondition() {
+
+      return {
+        condition: `${this.$refs.paged.$refs.cri.condition}` + this.orgCondtionStr,
+        startDate: this.$refs.paged.$refs.cri.model.f_startDate,
+        endDate: this.$refs.paged.$refs.cri.model.f_endDate,
+        orderitem: this.model.paramSource.orderitem.split("'")[1].split("'")[0]
+      }
+    },
+    getfield() {
+      //设置默认值
+
+      return exportConfig.daydataReportConfig
+    },
+    gasproperties() {
+      console.log("xxx");
+      console.log(this.$appdata.getParam('用气性质'));
+      console.log(this);
+      let options = this.$appdata.getParam('用气性质')
+      let resultoptions = [];
+      if(options.length>0){
+        resultoptions.push({label: ' 全部 ', value: ''})
+        options.forEach((item)=>{
+          console.log(item)
+          resultoptions.push(item)
+        })
+      }
+      console.log(resultoptions);
+      return resultoptions;
+      //return [{label: ' 全部 ', value: ''},...this.$appdata.getParam('用气性质')]
     }
+  },
+  watch:{
+      'pushncshow2'(val){
+        if(val){
+          this.search();
+        }
+      }
+  }
   }
 
 </script>

package/src/components/sale/report/aode/DayReportSummary.vue

@@ -1,41 +1,75 @@
 <template>
-  <div style="margin: 3%">
+  <div style="margin: 3%;height:93%;overflow-y: scroll;">
     <!--    第一行数据-->
     <div class="row" style="height: 50px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >发卡人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_open}}</label></div>
-      <div class="col-xs-2"><label type="text" class="form-control mystylecenter font_normal_body"> 发卡气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_open}}</label></div>
-      <div class="col-xs-2"><label type="text" class="form-control mystylecenter font_normal_body" >发卡金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_open}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >开户人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_open}}</label></div>
+      <div class="col-xs-2"><label type="text" class="form-control mystylecenter font_normal_body"> 开户气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_open}}</label></div>
+      <div class="col-xs-2"><label type="text" class="form-control mystylecenter font_normal_body" >开户金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_open}}</label></div>
     </div>
-  <div class="row" style="height: 50px">
-    <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_zg}}</label></div>
-    <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_zg}}</label></div>
-    <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_zg}}</label></div>
-  </div>
     <div class="row" style="height: 50px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_bq}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_bq}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_bq}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_zg}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_zg}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_zg}}</label></div>
     </div>
-    <div class="row" style="height: 50px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_bk}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_bk}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_bk}}</label></div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_bq}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_bq}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_bq}}</label></div>
     </div>
-      <div class="row" style="height: 50px">
-        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_hb}}</label></div>
-        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_hb}}</label></div>
-        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_hb}}</label></div>
-      </div>
-    <div class="row" style="height: 50px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_cz}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_cz}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_cz}}</label></div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_bk}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡气量</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_bk}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_bk}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >涨价补费人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_zjbf}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >涨价补费金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_zjbf}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网补费人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_iotbf}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网补费金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_iotbf}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网扣费人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_iotkf}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网扣费金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_iotkf}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >预收款金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_ysk}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >预收款人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_ysk}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_hb}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表气量</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_hb}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_hb}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_cz}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_cz}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_cz}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sum_count}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_shouru_gas}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >实收金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_shouru_fee}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >应收金额</label></div><div class="col-xs-2"><label type="text"   class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_yingshou_fee}}</label></div>
+      <div class="col-xs-3"><label type="text" :title="sumsmodel.f_benqi_fee"  class="form-control mystylecenter font_normal_body" >本期新增结余</label></div><div class="col-xs-1"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_benqi_fee}}</label></div>
+      <div class="col-xs-3"><label :title="sumsmodel.f_usebenqi_fee" type="text"  class="form-control mystylecenter font_normal_body" >本期使用结余</label></div><div   class="col-xs-1"><label type="text"   class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_usebenqi_fee}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >柜台微信</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumgtwx}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >财务收款</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumcwsf}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >现金缴费</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumxjjf}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >柜台支付宝</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumzfb}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >pos</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumpos}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >销售气票</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumqp}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >银行码收款</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumyysk}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >降价补气</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumjjbq}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >煤改气补贴款</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumbtk}}</label></div>
     </div>
-      <div class="row" style="height: 50px">
-        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_sum_count}}</label></div>
-        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_shouru_gas}}</label></div>
-        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_shouru_fee}}</label></div>
-      </div>
   </div>
 </template>
 
@@ -72,4 +106,7 @@
     text-align: center;
     padding-left: 3px;
   }
+  .linelabel{
+    line-height: 60px!important;
+  }
 </style>