sale-client 4.3.21 → 4.3.22

package/src/filiale/meihekou/common/userinfo_detail/ic_detail/CardHandRecord.vue

@@ -0,0 +1,308 @@
+<template >
+  <div class="flex" style="justify-content: space-between;">
+    <div @keyup.enter="search" style="">
+      <criteria-paged :model="model" v-ref:paged>
+        <criteria @condition-changed='$parent.search' partial='criteria' v-ref:criteria>
+          <div class="form-horizontal select-overspread container-fluid auto" novalidate partial>
+            <div class="row">
+
+              <div class="col-sm-2 form-group">
+                <label class="font_normal_body">开始时间</label>
+                <datepicker :format="'yyyy-MM-dd'" :value.sync="model.f_start_date"
+                            class="datepicker"
+                            condition="f_hand_date >= '{} 00:00:00' "
+                            placeholder="起始时间"
+                            style="width:60%"
+                            v-model="model.f_start_date"
+                ></datepicker>
+              </div>
+              <div class="col-sm-2 form-group" >
+                <label class="font_normal_body" >结束时间</label>
+                <datepicker :format="'yyyy-MM-dd'" :value.sync="model.f_end_date"
+                            class="datepicker"
+                            condition="f_hand_date <= '{} 23:59:59' "
+                            placeholder="结束时间"
+                            style="width:60%"
+                            v-model="model.f_end_date"
+                ></datepicker>
+              </div>
+
+              <div style="float: right">
+                <button @click="search()" class="button_search" style="margin-right: 10px" v-el:cba>查询</button>
+                <export-excel :data="$parent.$parent.getCondition" :footer="$parent.$parent.footer"
+                              :field="$parent.$parent.fields" :header="$parent.$parent.other"
+                              sqlurl="api/af-revenue/logic/saleExport" sql-name="sale_cardhandplanQuery" template-name='抄表查询导出'
+                              :choose-col="true"  ref="salehandplanExport"></export-excel>
+
+                <print-data :defaultfield="$parent.$parent.defaultfield" :field="$parent.$parent.fields" :is-selected="true" :model="$parent.$parent.printModel"
+                            @print-data="$parent.$parent.print()" print-name="其他收费流水"></print-data>
+              </div>
+            </div>
+
+          </div>
+        </criteria>
+        <data-grid :model="model" class="list_area table_sy" partial='list' v-ref:grid>
+          <template partial='head'>
+            <tr>
+              <th>
+                <nobr>表号</nobr>
+              </th>
+              <th>
+                <nobr>上期底数</nobr>
+              </th>
+              <th>
+                <nobr>本期底数</nobr>
+              </th>
+              <th>
+                <nobr>用气量</nobr>
+              </th>
+              <th>
+                <nobr>补差气量</nobr>
+              </th>
+              <th>
+                <nobr>补差单价</nobr>
+              </th>
+              <th>
+                <nobr>补差金额</nobr>
+              </th>
+              <th>
+                <nobr>录入日期</nobr>
+              </th>
+              <th>
+                <nobr>抄表员</nobr>
+              </th>
+
+              <th>
+                <nobr>抄表状态</nobr>
+              </th>
+              <th>
+                <nobr>操作人</nobr>
+              </th>
+            </tr>
+          </template>
+          <template partial='body' partial='list' v-ref:grid>
+            <tr >
+              <td style="text-align: center;">
+                <nobr>{{row.f_meternumber}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_last_tablebase}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_tablebase}}</nobr>
+              </td>
+
+              <td style="text-align: center;">
+                <nobr>{{row.f_real_amount}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_bc_real_amount}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_bc_change_price}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_bc_real_fee}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_hand_date}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_inputtor}}</nobr>
+              </td>
+
+              <td style="text-align: center;">
+                <nobr>{{row.f_meter_state}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_operator}}</nobr>
+              </td>
+            </tr>
+          </template>
+          <template partial='foot'></template>
+        </data-grid>
+      </criteria-paged>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass, PagedList} from 'vue-client'
+
+  export default {
+    title: '抄表',
+
+    data () {
+      return {
+        condition: '1=1',
+        getfields: {},
+        model: new PagedList('api/af-revenue/sql/sale_cardhandplanQuery', 20, {}),
+        // 控制单选
+        radio: [],
+        showdetail: false,
+        otherchargeid: '',
+        // 选中的页
+        all: [],
+        // row数据
+        rowsdata: [],
+        searchValue: this.$appdata.getSingleValue('综合条件查询') ? this.$appdata.getSingleValue('综合条件查询') : 'f_userfiles_id',
+        fields: {'f_userinfo_code': '客户编号', 'f_user_name': '客户姓名', 'f_meternumber': '表号', 'f_last_tablebase': '上期底数', 'f_tablebase': '本期底数', 'f_real_amount': '用气量', 'f_bc_real_amount': '补差气量', 'f_bc_change_price': '补差单价', 'f_bc_real_fee': '补差金额', 'f_hand_date': '录入日期', 'f_inputtor': '抄表员', 'f_meter_state': '抄表状态', 'f_operator': '操作人'},
+        defaultfield: [
+          'f_userinfo_code', 'f_user_name', 'f_meternumber', 'f_last_tablebase', 'f_tablebase', 'f_real_amount', 'f_real_amount', 'f_change_price', 'f_change_price', 'f_real_fee', 'f_hand_date', 'f_inputtor', 'f_meter_state', 'f_inputtor', 'f_operator'
+        ],
+        printModel: {
+          rows: []
+        },
+        other: [],
+        footer: [],
+        // 合计数据
+        sumsmodel: {}
+      }
+    },
+    props: ['row'],
+    ready () {
+      this.$refs.paged.$refs.criteria.search()
+    },
+    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.toStandardTimeString()}`)
+        let footerData = [], exportfield = this.getfields
+        footerData.push('合计')
+        let self = this
+        for (var field in self.sumsmodel) {
+          footerData.push(`${exportfield[field]}合计:${self.sumsmodel[field]}`)
+        }
+        this.footer.push(footerData)
+        this.other.push(otherInData)
+      },
+      async search () {
+        this.condition = `${this.$refs.paged.$refs.criteria.condition} and ${this.searchValue} = '${this.row[this.searchValue]}' `
+        this.model.search(this.condition, this.model)
+        let http = new HttpResetClass()
+        let res = await http.load('POST', 'api/af-revenue/sql/sale_cardhandplanQuery', {
+          data: {
+            condition: this.condition
+          }
+        }, {resolveMsg: null, rejectMsg: null})
+        this.printModel.rows = res.data
+      },
+      // 多选框初始化
+      selectInit () {
+        this.rowsdata = []
+        this.all = []
+        this.radio = []
+      },
+      print () {
+        this.selectInit()
+      },
+      select () {
+        let index = this.model.pageIndex - 1
+        if (!this.radio[index]) {
+          this.radio.$set(index, [])
+        }
+        if (this.all[index]) {
+          // 数据
+          this.rowsdata[index] = Object.assign([], this.model.rows)
+          // 勾选
+          for (var i = 0; i < this.model.rows.length; i++) {
+            this.radio[index].$set(i, true)
+          }
+        } else {
+          // 数据
+          this.rowsdata[index] = []
+          // 不勾选
+          for (var i = 0; i < this.model.rows.length; i++) {
+            this.radio[index].$set(i, false)
+          }
+        }
+        let z = 0
+        for (let i = 0; i < this.all.length; i++) {
+          for (let j = 0; this.rowsdata[i] && j < this.rowsdata[i].length; j++) {
+            this.printModel.rows[z++] = this.rowsdata[i][j]
+          }
+        }
+      },
+      selectOne (event, row, i) {
+        let index = this.model.pageIndex - 1
+        if (!this.rowsdata[index]) {
+          this.rowsdata[index] = []
+        }
+        if (!this.radio[index]) {
+          this.radio.$set(index, [])
+        }
+        if (event.target.checked) {
+          // 数据
+          this.rowsdata[index][i] = row
+          // 勾选
+          this.radio[index].$set(i, true)
+          // 判断是否全部选中
+          var allState = true
+          if (this.model.rows.length != this.radio[index].length) {
+            allState = false
+          }
+          for (var state of this.radio[index]) {
+            if (!state) {
+              allState = false
+            }
+          }
+          if (allState) {
+            this.all.$set(index, true)
+          } else {
+            this.all.$set(index, false)
+          }
+        } else {
+          // 数据
+          this.rowsdata[index][i] = []
+          // 不勾选
+          this.radio[index].$set(i, false)
+          // 任意取消一个则全选状态设为false
+          this.all.$set(index, false)
+        }
+        let z = 0
+        this.printModel.rows = []
+        for (let i = 0; i < this.all.length; i++) {
+          for (let j = 0; this.rowsdata[i] && j < this.rowsdata[i].length; j++) {
+            if (this.rowsdata[i][j] && this.rowsdata[i][j].f_user_id) {
+              this.printModel.rows[z++] = this.rowsdata[i][j]
+            }
+          }
+        }
+      },
+      showchargedetail (row) {
+        this.showdetail = true
+        this.otherchargeid = row.id
+      }
+    },
+    computed: {
+      ischecked () {
+        return function (index, i) {
+          if (!this.radio[index]) {
+            return false
+          }
+          return this.radio[index][i]
+        }
+      },
+      getCondition () {
+        return {
+          condition: this.condition
+        }
+      }
+    },
+    watch: {
+      sumsmodel: {
+        handler: function (val) {
+          this.getotherfooter()
+        },
+        deep: true
+      }
+    }
+  }
+</script>