apply-clients 5.0.37-2 → 5.0.37-4

package/src/components/product/Process/Processes/Service/ApplyChargeSearch.vue

@@ -1,392 +1,392 @@
-<template>
-  <div class="flex bg-white p-10 datapanel" >
-    <div style="flex: 1.5;height: 100%" class="flex">
-      <p class="bg-info text-center" style="padding: 8px;font-size: 20px">报建收费记录
-      </p>
-      <div class="flex" style="height: 90%">
-        <criteria-paged :model="model"  v-ref:paged >
-          <criteria partial='criteria' v-ref:criteria @condition-changed="$parent.selfSearch">
-
-            <div novalidate class="form-inline auto" partial>
-              <div class="form-group col-sm-2">
-                <label class="col-sm-4 control-label linehhh">报建编号</label>
-                <div class="col-sm-8">
-                  <input type="text" class="form-control" v-model="model.f_apply_num"
-                         style="width:100%"
-                         condition="a.f_apply_num like '%{}%'" placeholder='报建编号'>
-                </div>
-              </div>
-              <div class="form-group col-sm-2 ">
-                <label class="col-sm-4 control-label linehhh ">开始日期</label>
-                <div class="col-sm-8">
-                  <datepicker  placeholder="开始日期"
-                               v-model="model.f_operate_start_date"
-                               style="width:100%"
-                               :value.sync="model.f_operate_start_date"
-                               :format="'yyyy-MM-dd 00:00:00'"
-                               condition="f_charge_date >= '{}'"
-                  ></datepicker>
-                </div>
-              </div>
-              <div class="form-group col-sm-2">
-                <label class="col-sm-4 control-label linehhh ">结束日期</label>
-                <div class="col-sm-8">
-                  <datepicker  placeholder="结束日期"
-                               style="width:100%"
-                               v-model="model.f_operate_end_date"
-                               :value.sync="model.f_operate_end_date"
-                               :format="'yyyy-MM-dd 23:59:59'"
-                               condition="f_charge_date <= '{}'"
-                  ></datepicker>
-                </div>
-              </div>
-              <div class="form-group col-sm-2">
-                <label class="col-sm-4 control-label linehhh">收费人员</label>
-                <div class="col-sm-8">
-                  <v-select :value.sync="model.f_charge_collectors" v-model="model.f_charge_collectors"
-                            :options='$parent.$parent.human' placeholder='收费人员' width="100%"
-                            close-on-select condition="f_charge_collectors = '{}'">
-                  </v-select>
-                </div>
-              </div>
-
-              <div class="form-group col-sm-2">
-                <label class="col-sm-4 control-label linehhh">是否冲正</label>
-                <div class="col-sm-8">
-                  <v-select :value.sync="model.f_is_correct" v-model="model.f_is_correct"
-                            :options='$parent.$parent.correct' placeholder='是否冲正' :width="100" style="width:100%"
-                            close-on-select condition="f_is_correct = '{}'">
-                  </v-select>
-                </div>
-              </div>
-              <div class="form-group col-sm-2">
-                <label class="col-sm-4 control-label linehhh">是否有效</label>
-                <div class="col-sm-8">
-                  <v-select :value.sync="model.f_charging_status" v-model="model.f_charging_status"
-                            :options='$parent.$parent.state' placeholder='是否有效' width="100%"
-                            close-on-select condition="f_charging_status = '{}'">
-                  </v-select>
-                </div>
-              </div>
-              <div class="form-group col-sm-2">
-                <label class="col-sm-4 control-label linehhh">收费方式</label>
-                <div class="col-sm-8">
-                  <v-select :value.sync="model.f_payment_method" v-model="model.f_payment_method"
-                            :options='$parent.$parent.method' placeholder='收费方式' width="100%"
-                            close-on-select condition="f_payment_method = '{}'">
-                  </v-select>
-                </div>
-              </div>
-              <div class="form-group col-sm-2">
-                <label class="col-sm-4 control-label linehhh ">用户地址</label>
-                <div class="col-sm-8">
-                  <input type="text" class="form-control" placeholder='用户地址' v-model="model.f_address"
-                         v-on:keyup.enter="search" style="width:100%"
-                         condition="f_address like '%{}%'">
-                </div>
-              </div>
-              <div class="form-group col-sm-2">
-                <label class="col-sm-4 control-label linehhh">联系人</label>
-                <div class="col-sm-8">
-                  <input type="text" class="form-control" placeholder='联系人'
-                         v-model="model.f_user_name"
-                         v-on:keyup.enter="search" style="width:100%"
-                         condition="a.f_user_name like '%{}%'">
-                </div>
-              </div>
-
-              <div class="form-group col-sm-2">
-                <label class="col-sm-4 control-label linehhh">组织机构</label>
-                <div class="col-sm-8">
-                  <right-tree :userid.sync='$parent.$parent.userid' :source.sync='$parent.$parent.source'
-                              @re-res="$parent.$parent.getRes" condition="f_orgstr like {}"></right-tree>
-                </div>
-                </div>
-
-              <div class="form-group col-sm-2">
-                <label class="col-sm-4 control-label linehhh">报装类型</label>
-                <div class="col-sm-8">
-                  <v-select :value.sync="model.f_work_type" v-model="model.f_work_type"
-                            :options='$parent.$parent.worktype'  width="100%"
-                            close-on-select condition="a.f_work_type = '{}'">
-                  </v-select>
-                </div>
-              </div>
-
-              <div class="form-group col-sm-2">
-                <label class="col-sm-4 control-label linehhh">用户类型</label>
-                <div class="col-sm-8">
-                  <v-select :value.sync="model.f_user_type" v-model="model.f_user_type"
-                            :options='$parent.$parent.usertype'  width="100%"
-                            close-on-select condition="a.f_user_type = '{}'">
-                  </v-select>
-                </div>
-              </div>
-
-              <div class="form-group">
-                <button class="btn btn-primary" @click="search(),$parent.$parent.showpager()">
-                  <span class="glyphicon glyphicon-search"></span>查询</button>
-                <button class="btn-primary btn btn-sm" @click.prevent="$parent.$parent.clear()">清空</button>
-              </div>
-            </div>
-          </criteria>
-          <data-grid :model="model" v-ref:grid  partial='list'>
-            <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>
-                <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'>
-              <td style="text-align: center;">{{$index+1}}</td>
-              <td style="text-align: center;">{{row.f_charge_money}}</td>
-              <td style="text-align: center;">{{row.f_user_name}}</td>
-              <td style="text-align: center;">{{row.f_address}}</td>
-<!--              <td style="text-align: center;">{{// row.f_charge_item}}</td>-->
-              <td style="text-align: center;">{{row.f_charge_collectors}}</td>
-              <td style="text-align: center;">{{row.f_charging_status}}</td>
-              <td style="text-align: center;">{{row.f_payment_method}}</td>
-              <td style="text-align: center;">{{row.f_charge_date}}</td>
-              <td style="text-align: center;">{{row.f_apply_num}}</td>
-              <td style="text-align: center;">{{row.f_filiale}}</td>
-              <td style="text-align: center;">{{row.f_outlets}}</td>
-              <td style="text-align: center;">{{row.f_bill_number}}</td>
-              <td style="text-align: center;">{{row.f_bill_style}}</td>
-              <td style="text-align: center;">{{row.f_total_cost}}</td>
-              <td style="text-align: center;">{{row.app_f_cumulative_money}}</td>
-              <td style="text-align: center;">{{row.f_unaccounts_money}}</td>
-              <td style="text-align: center;">
-                <button class="btn-primary btn btn-sm" @click.prevent="$parent.$parent.$parent.update_way(row)">修改</button>
-              </td>
-            </template>
-          </data-grid>
-        </criteria-paged>
-      </div>
-      <div  class="flex" style="height: 10%">
-        <div novalidate class="form-inline auto" partial>
-          <p class="bg-info text-center" style="padding: 8px;font-size: 20px">合计收费记录共
-            <span style="color: red">{{modeluse.rows.length}}</span>笔，
-            收款金额合计<span style="color: red">{{price.rows[0].f_charge_money}}</span>元，
-            <!--合计应缴总金额<span style="color: red">{{price.rows[0].f_total_cost}}</span>元，
-            已缴<span style="color: red">{{price.rows[0].f_cumulative_money}}</span>元，未缴<span  style="color: red">{{price.rows[0].f_unaccounts_money}}</span>元-->
-          </p>
-        </div>
-      </div>
-    </div>
-    <!--修改弹出框-->
-    <modal :show.sync="updateControl" v-ref:modal backdrop="false">
-      <header slot="modal-header" class="modal-header">
-        <button type="button" class="close" @click="closeUpdate()"><span>&times;</span></button>
-        <h4 class="modal-title">修改</h4>
-      </header>
-      <article slot="modal-body" class="modal-body" >
-        <div class="from-group"  style="width: 100%">
-          <label  style="width: 15%;float: left">票据类型</label>
-          <v-select :value.sync="selectItem.f_bill_style" v-model="selectItem.f_bill_style"
-                    :options='billstyle' placeholder='请选择' style="width: 80%;float: left"
-                    close-on-select >
-          </v-select>
-        </div>
-      </article>
-
-
-      <footer slot="modal-footer" class="modal-footer">
-        <div class="from-group" style="width: 100%;float: left">
-          <button v-show="updateControl" type="button" class="btn btn-default" @click='closeUpdate'>取消</button>
-          <button v-show="updateControl" type="button" class="btn btn-success" @click='confirm'>确认</button>
-        </div>
-      </footer>
-    </modal>
-  </div>
-</template>
-<script>
-  import * as Util from '../../../../Util'
-
-  import { PagedList } from 'vue-client'
-  import {HttpResetClass} from 'vue-client'
-  Date.prototype.Format = function (fmt) {
-    var o = {
-      "M+": this.getMonth() + 1, //月份
-      "d+": this.getDate(), //日
-      "H+": this.getHours(), //小时
-      "m+": this.getMinutes(), //分
-      "s+": this.getSeconds(), //秒
-      "q+": Math.floor((this.getMonth() + 3) / 3), //季度
-      "S": this.getMilliseconds() //毫秒
-    };
-    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
-    for (var k in o)
-      if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
-    return fmt;
-  }
-
-  export default {
-    title: '报建收费查看',
-    name: 'ApplyChargeSearch',
-    data () {
-      return {
-        filialeNameStr: null,
-        filialeCodeStr: this.$login.f.f_orgids,
-        userid: this.$login.f.id,
-        source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() != $role$))`,
-       // f_operate_start_date:new Date().Format('yyyy-MM-dd HH:mm:ss'),
-       // f_operate_end_date: new Date().Format('yyyy-MM-dd HH:mm:ss'),
-        model: new PagedList('rs/sql/getApplyCharge', 30, {orderitem: '`id`'}),
-        modeluse: new PagedList('rs/sql/getApplyCharge', 999999, {orderitem: '`id`'}),
-        price: new PagedList('rs/sql/getChargeAll', 999999, {orderitem: '`f_charge_money`'}),
-        human: [],
-        filiale: [],
-        method: this.$appdata.getParam('付款方式'),
-        usertype:[
-          {label: '民用', value: '民用'},
-          {label: '非民用', value: '非民用'}
-        ],
-        worktype:[
-          {label: '新报装', value: '新报装'},
-          {label: '改管', value: '改管'}
-        ],
-        correct: [
-          {label: '是', value: '是'},
-          {label: '否', value: '否'}
-        ],
-        state: [
-          {label: '有效', value: '有效'},
-          {label: '无效', value: '无效'}
-        ],
-        selectItem: {},
-        billstyle: this.$appdata.getParam('发票类型'),
-        updateControl: false,
-        billID: 0
-      }
-    },
-    ready () {
-      this.$refs.paged.$refs.criteria.model.f_operate_start_date = Util.toStandardDateString() + ' 00:00:00'
-      this.$refs.paged.$refs.criteria.model.f_operate_end_date = Util.toStandardDateString() + ' 23:59:59'
-      this.search()
-      this.gethuman()
-    },
-    methods: {
-      clear () {
-        this.$refs.paged.$refs.criteria.model = {}
-      },
-      getRes (obj) {
-        this.filialeNameStr = obj.res
-        this.filialeCodeStr = obj.resids
-        console.log(this.filialeNameStr)
-        console.log(this.filialeCodeStr)
-      },
-      showpager () {
-        // this.$refs.cp.pager = true
-        this.$dispatch('hiddenbtn')
-      },
-       search () {
-         let condition = "1=1 and r.f_filiale like '%" + this.$login.f.f_fengongsi + "%'"
-        //  debugger
-        // let condition =  args.condition
-      debugger
-        this.model.search(condition)
-        this.modeluse.search(condition)
-        let condition1 = condition
-        this.price.search(condition1)
-      },
-      update_way (row) {
-        console.log('进入修改方法')
-        this.selectItem = {}
-        this.billID = row.id
-        this.updateControl = true
-      },
-      closeUpdate () {
-        this.updateControl = false
-      },
-      confirm () {
-        let data = {
-          f_bill_style: this.selectItem.f_bill_style[0],
-          id: this.billID
-        }
-        console.log('数据：' + JSON.stringify(this.selectItem))
-        this.$resetpost('rs/entity/t_charge_record', data).then((res) => {
-          console.log('返回值：' + JSON.stringify(res.data))
-          if (res.data.id > 0) {
-            // this.$showMessage('修改成功!')
-            this.closeUpdate()
-            this.search()
-          }
-        })
-      },
-      selfSearch (args) {
-        args.condition = args.condition + ` and a.f_filialeids like '%${this.filialeCodeStr}%'`
-        console.log('condition:', args.condition)
-        this.model.search(args.condition, args.model)
-        this.modeluse.search(args.condition, args.model)
-        this.price.search(args.condition, args.model)
-      },
-      cleaner () {
-        Object.keys(this.$refs.paged.$refs.criteria.model).forEach((key) => {
-          this.$refs.paged.$refs.criteria.model[key] = ''
-        })
-        console.log('condition:', this.$refs.paged.$refs.criteria.condition)
-        this.$refs.paged.$refs.criteria.condition = this.$refs.paged.$refs.criteria.condition+" and r.f_filiale like '%"+this.$login.f.f_fengongsi+"%'"
-        this.model.search(this.$refs.paged.$refs.criteria.condition)
-        this.modeluse.search(this.$refs.paged.$refs.criteria.condition)
-        this.price.search(this.$refs.paged.$refs.criteria.condition)
-      },
-      gethuman () {
-        console.log('获取人员')
-        this.$resetpost('rs/logic/getChargeList', {data: {condition: `1=1`}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-          // this.params.rows.splice(index, 1)
-          console.log('获取成功', res)
-          let house = []
-          for (let row of res.data.human) {
-            house.push({label: row.f_charge_collectors, value: row.f_charge_collectors})
-          }
-          this.human = house
-          let house2 = []
-          for (let row of res.data.f){
-            house2.push({label: row.r.f_filiale,value: row.r.f_filiale})
-          }
-          this.filiale = house2
-          let house3 = []
-          for (let row of res.data.method){
-            house3.push({label: row.f_payment_method,value: row.f_payment_method})
-          }
-          this.method = house3
-        })
-      }
-    },
-    computed: {
-
-    },
-    events: {
-
-    },
-    watch: {
-
-    }
-  }
-</script>
-<style >
-  .linehhh{
-    line-height: 35px;
-  }
-  .datapanel {
-    color: #333;
-    background-color: white;
-    padding: 10px 20px;
-    border-radius:15px;
-  }
-</style>
+<template>
+  <div class="flex bg-white p-10 datapanel" >
+    <div style="flex: 1.5;height: 100%" class="flex">
+      <p class="bg-info text-center" style="padding: 8px;font-size: 20px">报建收费记录
+      </p>
+      <div class="flex" style="height: 90%">
+        <criteria-paged :model="model"  v-ref:paged >
+          <criteria partial='criteria' v-ref:criteria @condition-changed="$parent.selfSearch">
+
+            <div novalidate class="form-inline auto" partial>
+              <div class="form-group col-sm-2">
+                <label class="col-sm-4 control-label linehhh">报建编号</label>
+                <div class="col-sm-8">
+                  <input type="text" class="form-control" v-model="model.f_apply_num"
+                         style="width:100%"
+                         condition="a.f_apply_num like '%{}%'" placeholder='报建编号'>
+                </div>
+              </div>
+              <div class="form-group col-sm-2 ">
+                <label class="col-sm-4 control-label linehhh ">开始日期</label>
+                <div class="col-sm-8">
+                  <datepicker  placeholder="开始日期"
+                               v-model="model.f_operate_start_date"
+                               style="width:100%"
+                               :value.sync="model.f_operate_start_date"
+                               :format="'yyyy-MM-dd 00:00:00'"
+                               condition="f_charge_date >= '{}'"
+                  ></datepicker>
+                </div>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="col-sm-4 control-label linehhh ">结束日期</label>
+                <div class="col-sm-8">
+                  <datepicker  placeholder="结束日期"
+                               style="width:100%"
+                               v-model="model.f_operate_end_date"
+                               :value.sync="model.f_operate_end_date"
+                               :format="'yyyy-MM-dd 23:59:59'"
+                               condition="f_charge_date <= '{}'"
+                  ></datepicker>
+                </div>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="col-sm-4 control-label linehhh">收费人员</label>
+                <div class="col-sm-8">
+                  <v-select :value.sync="model.f_charge_collectors" v-model="model.f_charge_collectors"
+                            :options='$parent.$parent.human' placeholder='收费人员' width="100%"
+                            close-on-select condition="f_charge_collectors = '{}'">
+                  </v-select>
+                </div>
+              </div>
+
+              <div class="form-group col-sm-2">
+                <label class="col-sm-4 control-label linehhh">是否冲正</label>
+                <div class="col-sm-8">
+                  <v-select :value.sync="model.f_is_correct" v-model="model.f_is_correct"
+                            :options='$parent.$parent.correct' placeholder='是否冲正' :width="100" style="width:100%"
+                            close-on-select condition="f_is_correct = '{}'">
+                  </v-select>
+                </div>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="col-sm-4 control-label linehhh">是否有效</label>
+                <div class="col-sm-8">
+                  <v-select :value.sync="model.f_charging_status" v-model="model.f_charging_status"
+                            :options='$parent.$parent.state' placeholder='是否有效' width="100%"
+                            close-on-select condition="f_charging_status = '{}'">
+                  </v-select>
+                </div>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="col-sm-4 control-label linehhh">收费方式</label>
+                <div class="col-sm-8">
+                  <v-select :value.sync="model.f_payment_method" v-model="model.f_payment_method"
+                            :options='$parent.$parent.method' placeholder='收费方式' width="100%"
+                            close-on-select condition="f_payment_method = '{}'">
+                  </v-select>
+                </div>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="col-sm-4 control-label linehhh ">用户地址</label>
+                <div class="col-sm-8">
+                  <input type="text" class="form-control" placeholder='用户地址' v-model="model.f_address"
+                         v-on:keyup.enter="search" style="width:100%"
+                         condition="f_address like '%{}%'">
+                </div>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="col-sm-4 control-label linehhh">联系人</label>
+                <div class="col-sm-8">
+                  <input type="text" class="form-control" placeholder='联系人'
+                         v-model="model.f_user_name"
+                         v-on:keyup.enter="search" style="width:100%"
+                         condition="a.f_user_name like '%{}%'">
+                </div>
+              </div>
+
+              <div class="form-group col-sm-2">
+                <label class="col-sm-4 control-label linehhh">组织机构</label>
+                <div class="col-sm-8">
+                  <right-tree :userid.sync='$parent.$parent.userid' :source.sync='$parent.$parent.source'
+                              @re-res="$parent.$parent.getRes" condition="f_orgstr like {}"></right-tree>
+                </div>
+                </div>
+
+              <div class="form-group col-sm-2">
+                <label class="col-sm-4 control-label linehhh">报装类型</label>
+                <div class="col-sm-8">
+                  <v-select :value.sync="model.f_work_type" v-model="model.f_work_type"
+                            :options='$parent.$parent.worktype'  width="100%"
+                            close-on-select condition="a.f_work_type = '{}'">
+                  </v-select>
+                </div>
+              </div>
+
+              <div class="form-group col-sm-2">
+                <label class="col-sm-4 control-label linehhh">用户类型</label>
+                <div class="col-sm-8">
+                  <v-select :value.sync="model.f_user_type" v-model="model.f_user_type"
+                            :options='$parent.$parent.usertype'  width="100%"
+                            close-on-select condition="a.f_user_type = '{}'">
+                  </v-select>
+                </div>
+              </div>
+
+              <div class="form-group">
+                <button class="btn btn-primary" @click="search(),$parent.$parent.showpager()">
+                  <span class="glyphicon glyphicon-search"></span>查询</button>
+                <button class="btn-primary btn btn-sm" @click.prevent="$parent.$parent.clear()">清空</button>
+              </div>
+            </div>
+          </criteria>
+          <data-grid :model="model" v-ref:grid  partial='list'>
+            <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>
+                <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'>
+              <td style="text-align: center;">{{$index+1}}</td>
+              <td style="text-align: center;">{{row.f_charge_money}}</td>
+              <td style="text-align: center;">{{row.f_user_name}}</td>
+              <td style="text-align: center;">{{row.f_address}}</td>
+<!--              <td style="text-align: center;">{{// row.f_charge_item}}</td>-->
+              <td style="text-align: center;">{{row.f_charge_collectors}}</td>
+              <td style="text-align: center;">{{row.f_charging_status}}</td>
+              <td style="text-align: center;">{{row.f_payment_method}}</td>
+              <td style="text-align: center;">{{row.f_charge_date}}</td>
+              <td style="text-align: center;">{{row.f_apply_num}}</td>
+              <td style="text-align: center;">{{row.f_filiale}}</td>
+              <td style="text-align: center;">{{row.f_outlets}}</td>
+              <td style="text-align: center;">{{row.f_bill_number}}</td>
+              <td style="text-align: center;">{{row.f_bill_style}}</td>
+              <td style="text-align: center;">{{row.f_total_cost}}</td>
+              <td style="text-align: center;">{{row.app_f_cumulative_money}}</td>
+              <td style="text-align: center;">{{row.f_unaccounts_money}}</td>
+              <td style="text-align: center;">
+                <button class="btn-primary btn btn-sm" @click.prevent="$parent.$parent.$parent.update_way(row)">修改</button>
+              </td>
+            </template>
+          </data-grid>
+        </criteria-paged>
+      </div>
+      <div  class="flex" style="height: 10%">
+        <div novalidate class="form-inline auto" partial>
+          <p class="bg-info text-center" style="padding: 8px;font-size: 20px">合计收费记录共
+            <span style="color: red">{{modeluse.rows.length}}</span>笔，
+            收款金额合计<span style="color: red">{{price.rows[0].f_charge_money}}</span>元，
+            <!--合计应缴总金额<span style="color: red">{{price.rows[0].f_total_cost}}</span>元，
+            已缴<span style="color: red">{{price.rows[0].f_cumulative_money}}</span>元，未缴<span  style="color: red">{{price.rows[0].f_unaccounts_money}}</span>元-->
+          </p>
+        </div>
+      </div>
+    </div>
+    <!--修改弹出框-->
+    <modal :show.sync="updateControl" v-ref:modal backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeUpdate()"><span>&times;</span></button>
+        <h4 class="modal-title">修改</h4>
+      </header>
+      <article slot="modal-body" class="modal-body" >
+        <div class="from-group"  style="width: 100%">
+          <label  style="width: 15%;float: left">票据类型</label>
+          <v-select :value.sync="selectItem.f_bill_style" v-model="selectItem.f_bill_style"
+                    :options='billstyle' placeholder='请选择' style="width: 80%;float: left"
+                    close-on-select >
+          </v-select>
+        </div>
+      </article>
+
+
+      <footer slot="modal-footer" class="modal-footer">
+        <div class="from-group" style="width: 100%;float: left">
+          <button v-show="updateControl" type="button" class="btn btn-default" @click='closeUpdate'>取消</button>
+          <button v-show="updateControl" type="button" class="btn btn-success" @click='confirm'>确认</button>
+        </div>
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+  import * as Util from '../../../../Util'
+
+  import { PagedList } from 'vue-client'
+  import {HttpResetClass} from 'vue-client'
+  Date.prototype.Format = function (fmt) {
+    var o = {
+      "M+": this.getMonth() + 1, //月份
+      "d+": this.getDate(), //日
+      "H+": this.getHours(), //小时
+      "m+": this.getMinutes(), //分
+      "s+": this.getSeconds(), //秒
+      "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+      "S": this.getMilliseconds() //毫秒
+    };
+    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+    for (var k in o)
+      if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+    return fmt;
+  }
+
+  export default {
+    title: '报建收费查看',
+    name: 'ApplyChargeSearch',
+    data () {
+      return {
+        filialeNameStr: null,
+        filialeCodeStr: this.$login.f.f_orgids,
+        userid: this.$login.f.id,
+        source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() != $role$))`,
+       // f_operate_start_date:new Date().Format('yyyy-MM-dd HH:mm:ss'),
+       // f_operate_end_date: new Date().Format('yyyy-MM-dd HH:mm:ss'),
+        model: new PagedList('rs/sql/getApplyCharge', 30, {orderitem: '`id`'}),
+        modeluse: new PagedList('rs/sql/getApplyCharge', 999999, {orderitem: '`id`'}),
+        price: new PagedList('rs/sql/getChargeAll', 999999, {orderitem: '`f_charge_money`'}),
+        human: [],
+        filiale: [],
+        method: this.$appdata.getParam('付款方式'),
+        usertype:[
+          {label: '民用', value: '民用'},
+          {label: '非民用', value: '非民用'}
+        ],
+        worktype:[
+          {label: '新报装', value: '新报装'},
+          {label: '改管', value: '改管'}
+        ],
+        correct: [
+          {label: '是', value: '是'},
+          {label: '否', value: '否'}
+        ],
+        state: [
+          {label: '有效', value: '有效'},
+          {label: '无效', value: '无效'}
+        ],
+        selectItem: {},
+        billstyle: this.$appdata.getParam('发票类型'),
+        updateControl: false,
+        billID: 0
+      }
+    },
+    ready () {
+      this.$refs.paged.$refs.criteria.model.f_operate_start_date = Util.toStandardDateString() + ' 00:00:00'
+      this.$refs.paged.$refs.criteria.model.f_operate_end_date = Util.toStandardDateString() + ' 23:59:59'
+      this.search()
+      this.gethuman()
+    },
+    methods: {
+      clear () {
+        this.$refs.paged.$refs.criteria.model = {}
+      },
+      getRes (obj) {
+        this.filialeNameStr = obj.res
+        this.filialeCodeStr = obj.resids
+        console.log(this.filialeNameStr)
+        console.log(this.filialeCodeStr)
+      },
+      showpager () {
+        // this.$refs.cp.pager = true
+        this.$dispatch('hiddenbtn')
+      },
+       search () {
+         let condition = "1=1 and r.f_filiale like '%" + this.$login.f.f_fengongsi + "%'"
+        //  debugger
+        // let condition =  args.condition
+      debugger
+        this.model.search(condition)
+        this.modeluse.search(condition)
+        let condition1 = condition
+        this.price.search(condition1)
+      },
+      update_way (row) {
+        console.log('进入修改方法')
+        this.selectItem = {}
+        this.billID = row.id
+        this.updateControl = true
+      },
+      closeUpdate () {
+        this.updateControl = false
+      },
+      confirm () {
+        let data = {
+          f_bill_style: this.selectItem.f_bill_style[0],
+          id: this.billID
+        }
+        console.log('数据：' + JSON.stringify(this.selectItem))
+        this.$resetpost('rs/entity/t_charge_record', data).then((res) => {
+          console.log('返回值：' + JSON.stringify(res.data))
+          if (res.data.id > 0) {
+            // this.$showMessage('修改成功!')
+            this.closeUpdate()
+            this.search()
+          }
+        })
+      },
+      selfSearch (args) {
+        args.condition = args.condition + ` and a.f_filialeids like '%${this.filialeCodeStr}%'`
+        console.log('condition:', args.condition)
+        this.model.search(args.condition, args.model)
+        this.modeluse.search(args.condition, args.model)
+        this.price.search(args.condition, args.model)
+      },
+      cleaner () {
+        Object.keys(this.$refs.paged.$refs.criteria.model).forEach((key) => {
+          this.$refs.paged.$refs.criteria.model[key] = ''
+        })
+        console.log('condition:', this.$refs.paged.$refs.criteria.condition)
+        this.$refs.paged.$refs.criteria.condition = this.$refs.paged.$refs.criteria.condition+" and r.f_filiale like '%"+this.$login.f.f_fengongsi+"%'"
+        this.model.search(this.$refs.paged.$refs.criteria.condition)
+        this.modeluse.search(this.$refs.paged.$refs.criteria.condition)
+        this.price.search(this.$refs.paged.$refs.criteria.condition)
+      },
+      gethuman () {
+        console.log('获取人员')
+        this.$resetpost('rs/logic/getChargeList', {data: {condition: `1=1`}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          // this.params.rows.splice(index, 1)
+          console.log('获取成功', res)
+          let house = []
+          for (let row of res.data.human) {
+            house.push({label: row.f_charge_collectors, value: row.f_charge_collectors})
+          }
+          this.human = house
+          let house2 = []
+          for (let row of res.data.f){
+            house2.push({label: row.r.f_filiale,value: row.r.f_filiale})
+          }
+          this.filiale = house2
+          let house3 = []
+          for (let row of res.data.method){
+            house3.push({label: row.f_payment_method,value: row.f_payment_method})
+          }
+          this.method = house3
+        })
+      }
+    },
+    computed: {
+
+    },
+    events: {
+
+    },
+    watch: {
+
+    }
+  }
+</script>
+<style >
+  .linehhh{
+    line-height: 35px;
+  }
+  .datapanel {
+    color: #333;
+    background-color: white;
+    padding: 10px 20px;
+    border-radius:15px;
+  }
+</style>