apply-clients 3.5.5-7 → 3.5.5-70

package/src/components/android/Process/AppChargeList.vue

@@ -1,383 +1,391 @@
-<template>
-  <div class="auto">
-    <criteria-paged :model="model" v-ref:paged>
-      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
-        <div partial>
-          <form>
-            <div class="row app-row">
-              <div class="col-xs-4">
-                <label for="f_plan_name" class="font text-left">客户名称：</label>
-              </div>
-              <div class="col-xs-8">
-                <input type="text" class="search_input input-font"  v-model="model.f_user_name"
-                       condition="f_user_name like '%{}%'">
-              </div>
-            </div>
-            <div class="row app-row">
-              <div class="col-xs-4">
-                <label for="f_plan_name" class="font text-left">联系电话：</label>
-              </div>
-              <div class="col-xs-8">
-                <input type="text" class="search_input input-font"
-                       v-model=model.f_phone
-                       condition="a.f_phone like '%{}%'">
-              </div>
-            </div>
-            <div class="row app-row">
-              <div class="col-xs-4">
-                <label for="f_plan_name" class="font text-left">用户地址：</label>
-              </div>
-              <div class="col-xs-8">
-                <input type="text" class="search_input input-font"
-                       v-model=model.f_address
-                       condition="a.f_address like '%{}%'">
-              </div>
-            </div>
-            <div class="row app-row">
-              <div class="col-xs-4">
-                <label for="f_plan_name" class="font text-left">开始时间：</label>
-              </div>
-              <div class="col-xs-8">
-                <datepicker
-                  :value.sync="model.startDate"
-                  :format="'yyyy-MM-dd'"
-                  v-model="model.startDate"
-                  :isUp="true"
-                  condition="cr.f_charge_date >= '{} 00:00:00'"
-                  :show-reset-button="reset" placeholder="开始时间">
-                </datepicker>
-              </div>
-            </div>
-            <div class="row app-row">
-              <div class="col-xs-4">
-                <label for="f_plan_name" class="font text-left">结束时间：</label>
-              </div>
-              <div class="col-xs-8">
-                <datepicker
-                  :value.sync="model.endDate"
-                  :format="'yyyy-MM-dd'"
-                  v-model="model.endDate"
-                  :isUp="true"
-                  condition="cr.f_charge_date <= '{} 23:59:59'"
-                  :show-reset-button="reset" placeholder="结束时间">
-                </datepicker>
-              </div>
-            </div>
-            <div class="row app-row">
-              <div class="col-xs-4">
-                <label for="f_actual_date" class="font text-left">实际时间：</label>
-              </div>
-              <div class="col-xs-8">
-                <datepicker
-                  :value.sync="model.startDate1"
-                  :format="'yyyy-MM-dd'"
-                  v-model="model.startDate1"
-                  :isUp="true"
-                  condition="cr.f_actual_date >= '{} 00:00:00'"
-                  :show-reset-button="reset" placeholder="实际开始时间">
-                </datepicker>
-              </div>
-            </div>
-            <div class="row app-row">
-              <div class="col-xs-4">
-                <label for="f_actual_date" class="font text-left">实际时间：</label>
-              </div>
-              <div class="col-xs-8">
-                <datepicker
-                  :value.sync="model.endDate1"
-                  :format="'yyyy-MM-dd'"
-                  v-model="model.endDate1"
-                  :isUp="true"
-                  condition="cr.f_actual_date <= '{} 23:59:59'"
-                  :show-reset-button="reset" placeholder="实际结束时间">
-                </datepicker>
-              </div>
-            </div>
-            <div class="row app-row" >
-              <div class="col-xs-4">
-                <label for="f_plan_name" class="font text-left">工程编号：</label>
-              </div>
-              <div class="col-xs-8">
-                <input type="text" class="search_input input-font"
-                       v-model=model.f_apply_num condition="a.f_apply_num like '%{}%'" >
-              </div>
-            </div>
-            <div class="row app-row" >
-              <div class="col-xs-4">
-                <label for="f_plan_name" class="font text-left">合同编号：</label>
-              </div>
-              <div class="col-xs-8">
-                <input type="text" class="search_input input-font"
-                       v-model=model.f_contract_number condition="a.f_contract_number like '%{}%'" >
-              </div>
-            </div>
-            <div class="row text-center app-row" >
-              <button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="search()">查询</button>
-            </div>
-          </form>
-        </div>
-
-      </criteria>
-      <list :model="model" partial='list'>
-        <div partial>
-          <div class="panel" style="padding: 10px 10px 5px 10px;">
-            <div class="panel-body panel-self">
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">工程编号:</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_apply_num }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">合同编号:</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_contract_number }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">报建类型:</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_apply_type }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">报建性质:</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_apply_nature }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">客户名称:</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{row.f_user_name}}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">客户地址:</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{row.f_address}}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">收费金额</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_charge_money }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">收费项目</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_payment_term }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">付款方式</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_payment_method }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">收费人员</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_charge_collectors }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">收费日期</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_charge_date }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">实际收款日期</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_actual_date }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">收费状态</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_charge_status }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">确认人</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_confirm_person }}</p>
-              </div>
-              <div class="row">
-                <p class="panel-title col-xs-3 text-left font">确认时间</p>
-                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_confirm_date }}</p>
-              </div>
-              <div class="row">
-                <button v-if="$parent.$parent.$parent.isEmpty(row.f_confirm_person)" style="background-color:#499edf;float: right"  class="btn btn-info" @click="$parent.$parent.$parent.confirmModal(row)">确认收款</button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </list>
-    </criteria-paged>
-    <validator name="v">
-      <modal v-if="showmodel" :show.sync="showmodel" v-ref:modal title="确认收款">
-        <header slot="modal-header" class="modal-header">
-          <button type="button" class="close" @click="closemodel"><span>&times;</span></button>
-          <h4 class="modal-title">确认收款</h4>
-        </header>
-
-        <article slot="modal-body" class="modal-body clearfix">
-          <div class="form-group col-sm-12">
-            <label class="col-sm-2 control-label">收费金额：</label>
-            <div class="col-sm-10">
-              <input type="text"
-                     class="form-control input_view"
-                     style="width: 100%"
-                     readonly
-                     v-model="charge.f_charge_money" />
-            </div>
-          </div>
-          <div class="form-group col-sm-12">
-            <label class="col-sm-2 control-label">付款方式：</label>
-            <div class="col-sm-10">
-              <input type="text"
-                     class="form-control input_view"
-                     style="width: 100%"
-                     readonly
-                     v-model="charge.f_payment_method" />
-            </div>
-          </div>
-          <div class="form-group col-sm-12">
-            <label class="col-sm-2 control-label">金额大写：</label>
-            <div class="col-sm-10">
-              <input type="text"
-                     class="form-control input_view"
-                     style="width: 100%"
-                     readonly
-                     v-model="charge.f_amount_words" />
-            </div>
-          </div>
-          <div class="form-group col-sm-12">
-            <label class="col-sm-2 control-label">收费人员：</label>
-            <div class="col-sm-10">
-              <input type="text"
-                     class="form-control input_view"
-                     style="width: 100%"
-                     readonly
-                     v-model="charge.f_charge_collectors" />
-            </div>
-          </div>
-          <div class="form-group col-sm-12">
-            <label class="col-sm-2 control-label">确认人：</label>
-            <div class="col-sm-10">
-              <input type="text"
-                     class="form-control input_view"
-                     style="width: 100%"
-                     v-model="charge.f_confirm_person" />
-            </div>
-          </div>
-          <div class="form-group col-sm-12">
-            <label class="col-sm-2 control-label">确认时间：</label>
-            <div class="col-sm-10">
-              <datepicker id="startDate" placeholder="确认时间"
-                          style="width: 60%!important;"
-                          v-model="charge.f_confirm_date"
-                          :value.sync="charge.f_confirm_date"
-                          :default="true"
-                          :format="'yyyy-MM-dd HH:mm:ss'"
-                          :show-reset-button="true"
-              >
-              </datepicker>
-            </div>
-          </div>
-          <div class="form-group col-sm-12">
-            <label class="col-sm-2 control-label">备注：</label>
-            <div class="col-sm-10">
-              <input type="text"
-                     class="form-control input_view"
-                     style="width: 100%"
-                     v-model="charge.f_charge_remarks" />
-            </div>
-          </div>
-        </article>
-
-        <footer slot="modal-footer" class="modal-footer">
-          <button type="button" class="btn btn-primary"  :disabled='!$v.valid' @click="ConfirmPayment()">确认收款</button>
-        </footer>
-      </modal>
-    </validator>
-  </div>
-</template>
-
-<script>
-
-import {HttpResetClass, PagedList} from 'vue-client'
-import Vue from 'vue'
-
-
-export default {
-  title: '报建收费明细',
-  data () {
-    return {
-      model: new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/getApplyCharge`,
-        5, {}
-      ),
-      showmodel:false,
-      charge:{}
-    }
-  },
-  ready () {
-    //this.$refs.paged.$refs.cri.model.startDate=`${Util.toStandardYearMonth()}-01`
-    //this.$refs.paged.$refs.cri.model.endDate=Util.toStartAndEndDateString()[1]
-    this.search()
-  },
-  methods: {
-    isEmpty (str) {
-      return str === undefined || str === null || str.toString().trim() === ''
-    },
-    search () {
-      this.$refs.paged.$refs.cri.search()
-    },
-    async selfSearch (args) {
-      args.condition = args.condition + ` and cr.f_orgid in (${Vue.user.orgid})`
-      this.model.search(args.condition, args.model)
-    },
-    confirmModal(row){
-      this.charge = row
-      this.charge.f_confirm_person = Vue.user.name
-      this.showmodel = true
-    },
-    closemodel(){
-      this.charge = {}
-      this.showmodel = false
-      this.search()
-    },
-    async ConfirmPayment() {
-      let http = new HttpResetClass()
-      let data = {
-        charge: this.charge
-      }
-      let res = await http.load('POST', this.$androidUtil.getProxyUrl() +'/rs/logic/confirmCharge', {data: data}, {
-        resolveMsg: null,
-        rejectMsg: '提交失败！！！'
-      })
-      if(res.data==200){
-        this.$showAlert('提交成功！！！', 'success', 3000)
-        //延时1s
-        setTimeout(() => {
-          this.charge = {}
-          this.showmodel = false
-        }, 1000)
-      }
-      //重新查询
-      this.search()
-    },
-  }
-
-}
-</script>
-<style>
-.app-row {
-  background-color: white;
-  padding: 10px 10px 0 10px;
-  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
-}
-.search_input {
-  border: 0;
-  outline: none;
-}
-.font{
-  font: 15px PingFang-SC-Medium;
-  color: #666666;
-}
-.input-font{
-  font: 15px PingFang-SC-Medium;
-  color: #333333;
-}
-.btn-font{
-  font:600 16px PingFang-SC-Bold;
-  color: #499EDF;
-}
-.btn-color{
-  background-color: #FFFFFF;
-  border-radius: 10px ;
-  border: 1px solid #499EDF;
-}
-.panel-self{
-  border-radius: 10px;
-  border:1px solid #499EDF;
-  background-color: #F8F8F8;
-}
-</style>
-
+<template>
+  <div class="auto">
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
+        <div partial>
+          <form>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">客户名称：</label>
+              </div>
+              <div class="col-xs-8">
+                <input type="text" class="search_input input-font"  v-model="model.f_user_name"
+                       condition="f_user_name like '%{}%'">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">联系电话：</label>
+              </div>
+              <div class="col-xs-8">
+                <input type="text" class="search_input input-font"
+                       v-model=model.f_phone
+                       condition="a.f_phone like '%{}%'">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">用户地址：</label>
+              </div>
+              <div class="col-xs-8">
+                <input type="text" class="search_input input-font"
+                       v-model=model.f_address
+                       condition="a.f_address like '%{}%'">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">开始时间：</label>
+              </div>
+              <div class="col-xs-8">
+                <datepicker
+                  :value.sync="model.startDate"
+                  :format="'yyyy-MM-dd'"
+                  v-model="model.startDate"
+                  :isUp="true"
+                  condition="cr.f_charge_date >= '{} 00:00:00'"
+                  :show-reset-button="reset" placeholder="开始时间">
+                </datepicker>
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">结束时间：</label>
+              </div>
+              <div class="col-xs-8">
+                <datepicker
+                  :value.sync="model.endDate"
+                  :format="'yyyy-MM-dd'"
+                  v-model="model.endDate"
+                  :isUp="true"
+                  condition="cr.f_charge_date <= '{} 23:59:59'"
+                  :show-reset-button="reset" placeholder="结束时间">
+                </datepicker>
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_actual_date" class="font text-left">实际时间：</label>
+              </div>
+              <div class="col-xs-8">
+                <datepicker
+                  :value.sync="model.startDate1"
+                  :format="'yyyy-MM-dd'"
+                  v-model="model.startDate1"
+                  :isUp="true"
+                  condition="cr.f_actual_date >= '{} 00:00:00'"
+                  :show-reset-button="reset" placeholder="实际开始时间">
+                </datepicker>
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_actual_date" class="font text-left">实际时间：</label>
+              </div>
+              <div class="col-xs-8">
+                <datepicker
+                  :value.sync="model.endDate1"
+                  :format="'yyyy-MM-dd'"
+                  v-model="model.endDate1"
+                  :isUp="true"
+                  condition="cr.f_actual_date <= '{} 23:59:59'"
+                  :show-reset-button="reset" placeholder="实际结束时间">
+                </datepicker>
+              </div>
+            </div>
+            <div class="row app-row" >
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">工程编号：</label>
+              </div>
+              <div class="col-xs-8">
+                <input type="text" class="search_input input-font"
+                       v-model=model.f_apply_num condition="a.f_apply_num like '%{}%'" >
+              </div>
+            </div>
+            <div class="row app-row" >
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">合同编号：</label>
+              </div>
+              <div class="col-xs-8">
+                <input type="text" class="search_input input-font"
+                       v-model=model.f_contract_number condition="a.f_contract_number like '%{}%'" >
+              </div>
+            </div>
+            <div class="row text-center app-row" >
+              <button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="search()">查询</button>
+            </div>
+          </form>
+        </div>
+
+      </criteria>
+      <list :model="model" partial='list'>
+        <div partial>
+          <div class="panel" style="padding: 10px 10px 5px 10px;">
+            <div class="panel-body panel-self">
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">工程编号:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_apply_num }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">合同编号:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_contract_number }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">报建类型:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_apply_type }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">报建性质:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_apply_nature }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">客户名称:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{row.f_user_name}}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">客户编号:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{row.f_userinfo_code}}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">客户地址:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{row.f_address}}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">合同金额</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_contract_money }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">收费金额</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_charge_money }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">收费项目</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_payment_term }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">付款方式</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_payment_method }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">收费人员</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_charge_collectors }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">收费日期</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_charge_date }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">实际收款日期</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_actual_date }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">收费状态</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_charge_status }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">确认人</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_confirm_person }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">确认时间</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_confirm_date }}</p>
+              </div>
+              <div class="row">
+                <button v-if="$parent.$parent.$parent.isEmpty(row.f_confirm_person)" style="background-color:#499edf;float: right"  class="btn btn-info" @click="$parent.$parent.$parent.confirmModal(row)">确认收款</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </list>
+    </criteria-paged>
+    <validator name="v">
+      <modal v-if="showmodel" :show.sync="showmodel" v-ref:modal title="确认收款">
+        <header slot="modal-header" class="modal-header">
+          <button type="button" class="close" @click="closemodel"><span>&times;</span></button>
+          <h4 class="modal-title">确认收款</h4>
+        </header>
+
+        <article slot="modal-body" class="modal-body clearfix">
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">收费金额：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     class="form-control input_view"
+                     style="width: 100%"
+                     readonly
+                     v-model="charge.f_charge_money" />
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">付款方式：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     class="form-control input_view"
+                     style="width: 100%"
+                     readonly
+                     v-model="charge.f_payment_method" />
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">金额大写：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     class="form-control input_view"
+                     style="width: 100%"
+                     readonly
+                     v-model="charge.f_amount_words" />
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">收费人员：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     class="form-control input_view"
+                     style="width: 100%"
+                     readonly
+                     v-model="charge.f_charge_collectors" />
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">确认人：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-model="charge.f_confirm_person" />
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">确认时间：</label>
+            <div class="col-sm-10">
+              <datepicker id="startDate" placeholder="确认时间"
+                          style="width: 60%!important;"
+                          v-model="charge.f_confirm_date"
+                          :value.sync="charge.f_confirm_date"
+                          :default="true"
+                          :format="'yyyy-MM-dd HH:mm:ss'"
+                          :show-reset-button="true"
+              >
+              </datepicker>
+            </div>
+          </div>
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">备注：</label>
+            <div class="col-sm-10">
+              <input type="text"
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-model="charge.f_charge_remarks" />
+            </div>
+          </div>
+        </article>
+
+        <footer slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-primary"  :disabled='!$v.valid' @click="ConfirmPayment()">确认收款</button>
+        </footer>
+      </modal>
+    </validator>
+  </div>
+</template>
+
+<script>
+
+import {HttpResetClass, PagedList} from 'vue-client'
+import Vue from 'vue'
+
+
+export default {
+  title: '报建收费明细',
+  data () {
+    return {
+      model: new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/getApplyCharge`,
+        5, {}
+      ),
+      showmodel:false,
+      charge:{}
+    }
+  },
+  ready () {
+    //this.$refs.paged.$refs.cri.model.startDate=`${Util.toStandardYearMonth()}-01`
+    //this.$refs.paged.$refs.cri.model.endDate=Util.toStartAndEndDateString()[1]
+    this.search()
+  },
+  methods: {
+    isEmpty (str) {
+      return str === undefined || str === null || str.toString().trim() === ''
+    },
+    search () {
+      this.$refs.paged.$refs.cri.search()
+    },
+    async selfSearch (args) {
+      args.condition = args.condition + ` and cr.f_orgid in (${Vue.user.orgid})`
+      this.model.search(args.condition, args.model)
+    },
+    confirmModal(row){
+      this.charge = row
+      this.charge.f_confirm_person = Vue.user.name
+      this.showmodel = true
+    },
+    closemodel(){
+      this.charge = {}
+      this.showmodel = false
+      this.search()
+    },
+    async ConfirmPayment() {
+      let http = new HttpResetClass()
+      let data = {
+        charge: this.charge
+      }
+      let res = await http.load('POST', this.$androidUtil.getProxyUrl() +'/rs/logic/confirmCharge', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: '提交失败！！！'
+      })
+      if(res.data==200){
+        this.$showAlert('提交成功！！！', 'success', 3000)
+        //延时1s
+        setTimeout(() => {
+          this.charge = {}
+          this.showmodel = false
+        }, 1000)
+      }
+      //重新查询
+      this.search()
+    },
+  }
+
+}
+</script>
+<style>
+.app-row {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+}
+.search_input {
+  border: 0;
+  outline: none;
+}
+.font{
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+.input-font{
+  font: 15px PingFang-SC-Medium;
+  color: #333333;
+}
+.btn-font{
+  font:600 16px PingFang-SC-Bold;
+  color: #499EDF;
+}
+.btn-color{
+  background-color: #FFFFFF;
+  border-radius: 10px ;
+  border: 1px solid #499EDF;
+}
+.panel-self{
+  border-radius: 10px;
+  border:1px solid #499EDF;
+  background-color: #F8F8F8;
+}
+</style>
+