sale-client 4.2.21 → 4.2.22

package/src/filiale/lixianV3/InsuranceChargesDetails.vue

@@ -1,425 +1,425 @@
-<<template>
-  <div :class="{'basic-main':!showItem,'binary-left':showItem}" style="height:98%;" >
-    <div style="flex: 1.5" class="flex">
-      <div class="flex">
-        <criteria-paged :model="model" v-ref:paged>
-          <criteria partial='criteria' v-ref:criteria @condition-changed="$parent.selfSearch">
-            <div novalidate class="form-inline auto" novalidate partial>
-              <div class="row">
-                <div class="col-sm-2  form-group">
-                  <label class="font_normal_body" for="f_userinfo_code">客户编号</label>
-                  <input id="f_userinfo_code" type="text" class="input_search" style="width: 60%" v-model="model.f_userinfo_code"
-                         condition="f_userinfo_code = '{}'" placeholder='请输入要查询的客户编号'>
-                </div>
-                <div class="col-sm-2  form-group">
-                  <label class="font_normal_body" for="f_user_name">客户姓名</label>
-                  <input id="f_user_name" type="text" class="input_search" style="width: 60%" v-model="model.f_user_name"
-                         condition="f_user_name like '%{}%'" placeholder='请输入要查询的客户姓名'>
-                </div>
-                <div class="col-sm-2 form-group">
-                  <label class="font_normal_body" for="f_insurance_type">险&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;种</label>
-                  <v-select id="f_insurance_type"
-                            v-model="model.f_insurance_type"
-                            placeholder='请选择'
-                            condition="f_insurance_type ='{}'"
-                            :value.sync="model.f_insurance_type"
-                            :options='$parent.$parent.insuranceType'
-                            close-on-select clear-button>
-                  </v-select>
-                </div>
-                <div class="col-sm-2  form-group">
-                  <label class="font_normal_body" for="f_days">到期天数内</label>
-                  <input id="f_days" type="text" class="input_search" style="width: 60%" v-model="model.f_days"
-                         condition="f_days < {}" placeholder='请输入天数到期天数之内'>
-                </div>
-                <div style="float: right">
-                  <button class="button_search" @click="search()">查 询</button>
-                  <export-excel :data="$parent.$parent.getCondition"
-                                :field="$parent.$parent.getExportField"
-                                sqlurl="api/af-revenue/logic/saleExport" sql-name="getInsuranceChargesList" template-name='保险明细查询导出'
-                                :choose-col="true"></export-excel>
-                  <div class="button_spacing"  style="float:right;"
-                       :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
-                       @click="$parent.$parent.hidden()"></div>
-                </div>
-              </div>
-              <div class="row"  v-show="$parent.$parent.criteriaShow" >
-                <res-select-group :initres="$parent.$parent.initres"  :show-component="['company','department','operator']" @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>
-                <div class="col-sm-2  form-group">
-                  <label class="font_normal_body">购买年限</label>
-                  <input type="text" class="input_search" style="width: 60%" v-model="model.f_salecount"
-                         condition="f_salecount = '{}'" placeholder='购买年限'>
-                </div>
-                <div class="col-sm-2 form-group">
-                  <label class="font_normal_body" for="f_state">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态</label>
-                  <v-select id="f_state"
-                            v-model="model.f_state"
-                            placeholder='请选择'
-                            condition="f_state ='{}'"
-                            :value.sync="model.f_state"
-                            :options='$parent.$parent.state'
-                            close-on-select clear-button>
-                  </v-select>
-                </div>
-                <div class="col-sm-2 form-group">
-                  <label class="font_normal_body" for="f_state">收款方式</label>
-                  <v-select id="f_state"
-                            v-model="model.f_payment"
-                            placeholder='请选择'
-                            condition="f_payment ='{}'"
-                            :value.sync="model.f_payment"
-                            :options='$parent.$parent.payment'
-                            close-on-select clear-button>
-                  </v-select>
-                </div>
-                <div class="col-sm-2  form-group">
-                  <label class="font_normal_body" for="f_user_name">客户地址</label>
-                  <input id="f_address" type="text" class="input_search" style="width: 60%" v-model="model.f_address"
-                         condition="f_address like '%{}%'" placeholder='请输入要查询的客户地址'>
-                </div>
-                <div class="col-sm-2  form-group">
-                  <label class="font_normal_body" for="f_user_name">客户电话</label>
-                  <input id="f_user_phone" type="text" class="input_search" style="width: 60%" v-model="model.f_user_phone"
-                         condition="f_user_phone like '%{}%'" placeholder='请输入要查询的客户电话'>
-                </div>
-                <div class="col-sm-2  form-group">
-                  <label class="font_normal_body" for="f_user_name">身份证号</label>
-                  <input id="f_idnumber" type="text" class="input_search" style="width: 60%" v-model="model.f_idnumber"
-                         condition="f_idnumber like '%{}%'" placeholder='请输入要查询的身份证号'>
-                </div>
-                <div class="col-sm-2  form-group">
-                  <label class="font_normal_body" for="f_user_name">保险单号</label>
-                  <input id="f_ins_number" type="text" class="input_search" style="width: 60%" v-model="model.f_ins_number"
-                         condition="f_ins_number like '%{}%'" placeholder='请输入要查询的保险单号'>
-                </div>
-                <div class="col-sm-2  form-group">
-                  <label class="font_normal_body" for="f_user_name">备注信息</label>
-                  <input id="f_comments" type="text" class="input_search" style="width: 60%" v-model="model.f_comments"
-                         condition="f_comments like '%{}%'" placeholder='请输入要查询的备注信息'>
-                </div>
-                <div class="col-sm-2 form-group">
-                  <label class="font_normal_body">开始时间</label>
-                  <datepicker :format="'yyyy-MM-dd 00:00:00'"
-                              :value.sync="model.f_ins_start_date"
-                              placeholder="缴费开始时间"
-                              condition="f_operate_date >= '{}'"
-                              v-model="model.f_ins_start_date" style="width: 55%">
-                  </datepicker>
-                </div>
-                <div class="col-sm-2 form-group">
-                  <label class="font_normal_body">结束时间</label>
-                  <datepicker :format="'yyyy-MM-dd 23:59:59'"
-                              :value.sync="model.f_expiration_date"
-                              placeholder="缴费结束时间"
-                              condition="f_operate_date <= '{}'"
-                              v-model="model.f_expiration_date" style="width: 55%">
-                  </datepicker>
-                </div>
-                <div class="col-sm-2 form-group">
-                  <input class="input_search" style="width:60%" type="text" v-model="model.f_gasproperties" v-show="false">
-                  <label class="font_normal_body" for="f_gasproperties">用气性质</label>
-                  <v-select :options='$parent.$parent.gastype'
-                            :value-single="true"
-                            :value.sync="model.f_gasproperties"
-                            close-on-select
-                            condition="f_gasproperties ='{}'"
-                            clear-button
-                            placeholder='请选择'
-                            v-model="model.f_gasproperties">
-                  </v-select>
-                </div>
-              </div>
-            </div>
-
-          </criteria>
-          <data-grid :model="model" v-ref:grid class="list_area table_sy" 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>
-                <th>
-                  <nobr>险种</nobr>
-                </th>
-                <th>
-                  <nobr>用气性质</nobr>
-                </th>
-                <th>
-                  <nobr>购买年限</nobr>
-                </th>
-                <th>
-                  <nobr>操作人</nobr>
-                </th>
-                <th>
-                  <nobr>备注信息</nobr>
-                </th>
-                <th>
-                  <nobr>变更记录</nobr>
-                </th>
-            </template>
-            <template partial='body'>
-              <td style="text-align: center;">
-                <nobr>{{$index + 1}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>
-                  {{row.f_userinfo_code}}
-                </nobr>
-              </td>
-              <td style="text-align: center;">
-                <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_idnumber}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_user_phone}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_fee_type}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_buy_date}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_expiration_date}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_shengxiao_date}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_last_insexpiration_date}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_days > 0 ? row.f_days : '已到期'}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_money}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_payment}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_state}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_operate_date}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_ins_number}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_insurance_type}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_gasproperties}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_salecount}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_operator}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_comments}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>
-                  <span @click="$parent.$parent.$parent.changeDetail(row)"><a><b>变更记录</b></a></span>
-                </nobr>
-              </td>
-            </template>
-          </data-grid>
-        </criteria-paged>
-        <modal :show.sync="insChnageDetailShow" v-ref:insChnageDetailShow backdrop="false" class="insChnageDetailShow">
-          <header slot="modal-header" class="modal-header" style="text-align: center">
-            <h4 class="modal-title">保险变更记录</h4>
-          </header>
-          <article slot="modal-body" class="modal-body">
-            <data-grid class="list_area table_sy" :model="insChangeHistorys" partial='list'>
-              <template partial='head'>
-                <th style="text-align: center"><nobr>序号</nobr></th>
-                <th style="text-align: center"><nobr>更改内容</nobr></th>
-                <th style="text-align: center"><nobr>更改前</nobr></th>
-                <th style="text-align: center"><nobr>更改后</nobr></th>
-                <th style="text-align: center"><nobr>变更时间</nobr></th>
-                <th style="text-align: center"><nobr>变更人</nobr></th>
-              </template>
-              <template partial='body'>
-                <td style="text-align: center">{{$index+1}}</td>
-                <td style="text-align: center"><nobr>{{row.f_field_name}}</nobr></td>
-                <td style="text-align: center"><nobr>{{row.f_used_content}}</nobr></td>
-                <td style="text-align: center"><nobr>{{row.f_new_content}}</nobr></td>
-                <td style="text-align: center"><nobr>{{row.f_operate_date}}</nobr></td>
-                <td style="text-align: center"><nobr>{{row.f_operator}}</nobr></td>
-              </template>
-            </data-grid>
-          </article>
-          <footer slot="modal-footer" class="modal-footer">
-            <button type="button" class="btn btn-default"  @click='insChnageDetailShow = false'>关闭</button>
-          </footer>
-        </modal>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import {PagedList} from 'vue-client'
-
-export default {
-  name: 'InsuranceChargesDetails',
-  title: '保险收费明细',
-  data () {
-    return {
-      gastype: this.$appdata.getParam('用气性质') ? this.$appdata.getParam('用气性质') : [],
-      initres: {
-        org: [this.$login.f.orgid],
-        dep: [],
-        user: []
-      },
-      f_state: '',
-      state: this.$appdata.getParam('保险状态') ? this.$appdata.getParam('保险状态') : [],
-      payment: this.$appdata.getParam('收费方式') ? this.$appdata.getParam('收费方式') : [],
-      f_insurance_type: '',
-      insuranceType: this.$appdata.getParam('险种') ? this.$appdata.getParam('险种') : [],
-      orgCondtionStr: '',
-      base: {},
-      model: new PagedList('api/af-revenue/sql/getInsuranceChargesList', 20),
-      // 控制查询条件显示
-      criteriaShow: false,
-      condition: '1=1',
-      // 公司下拉
-      curorgid: [this.$login.f.orgid],
-      insChangeHistorys: {rows: []},
-      insChnageDetailShow: false,
-      getExportField: {
-        'f_userinfo_code': '客户编号',
-        'f_user_name': '投保人',
-        'f_address': '客户地址',
-        'f_idnumber': '身份证号',
-        'f_user_phone': '电话',
-        'f_fee_type': '费用类型',
-        'f_buy_date': '购买日期',
-        'f_expiration_date': '到期日期',
-        'f_shengxiao_date': '保费开始日期',
-        'f_last_insexpiration_date': '上期保费截至日期',
-        'f_days': '到期剩余天数',
-        'f_money': '金额',
-        'f_payment': '收款方式',
-        'f_state': '状态',
-        'f_operate_date': '缴费时间',
-        'f_ins_number': '保险单号',
-        'f_insurance_type': '险种',
-        'f_salecount': '购买年限',
-        'f_operator': '操作人',
-        'f_comments': '备注信息',
-        'f_gasproperties': '用气性质'
-      },
-      f_filialeid: this.$login.f.orgid,
-      percent: 0
-    }
-  },
-  ready () {
-    this.$refs.paged.$refs.criteria.search()
-  },
-  methods: {
-    async changeDetail (row) {
-      this.insChangeHistorys.rows = []
-      let data = {
-        tablename: `t_ins_change`,
-        items: '*',
-        condition: `1=1 and f_ins_id = '${row.id}'`,
-        orderitem: 'f_ins_id desc'
-      }
-      let urlParam = 'api/af-revenue/sql/singleTable_OrderBy'
-      let res = await this.$resetpost(urlParam, {data: data}, {rejectMsg: '获取变更记录出错', resolveMsg: null})
-      if (res) {
-        this.insChangeHistorys.rows = res.data
-      }
-      this.insChnageDetailShow = true
-    },
-    hidden () {
-      this.criteriaShow = !this.criteriaShow
-    },
-    getRes (obj) {
-      this.orgCondtionStr = obj
-    },
-    search () {
-      this.$refs.paged.$refs.criteria.search()
-    },
-    getorg (val) {
-      this.f_filialeid = val[0]
-    },
-    selfSearch (args) {
-      if (!this.orgCondtionStr) {
-        args.condition = `${args.condition}` + ' and f_orgid = ' + `${this.$login.f.orgid}`
-      } else {
-        args.condition = `${args.condition}` + this.orgCondtionStr
-      }
-      this.condition = args.condition
-      this.model.search(args.condition, args.model)
-    }
-  },
-  computed: {
-    getCondition () {
-      return {
-        condition: this.condition
-      }
-    }
-  }
-}
-</script>
-<style>
-</style>
+<<template>
+  <div :class="{'basic-main':!showItem,'binary-left':showItem}" style="height:98%;" >
+    <div style="flex: 1.5" class="flex">
+      <div class="flex">
+        <criteria-paged :model="model" v-ref:paged>
+          <criteria partial='criteria' v-ref:criteria @condition-changed="$parent.selfSearch">
+            <div novalidate class="form-inline auto" novalidate partial>
+              <div class="row">
+                <div class="col-sm-2  form-group">
+                  <label class="font_normal_body" for="f_userinfo_code">客户编号</label>
+                  <input id="f_userinfo_code" type="text" class="input_search" style="width: 60%" v-model="model.f_userinfo_code"
+                         condition="f_userinfo_code = '{}'" placeholder='请输入要查询的客户编号'>
+                </div>
+                <div class="col-sm-2  form-group">
+                  <label class="font_normal_body" for="f_user_name">客户姓名</label>
+                  <input id="f_user_name" type="text" class="input_search" style="width: 60%" v-model="model.f_user_name"
+                         condition="f_user_name like '%{}%'" placeholder='请输入要查询的客户姓名'>
+                </div>
+                <div class="col-sm-2 form-group">
+                  <label class="font_normal_body" for="f_insurance_type">险&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;种</label>
+                  <v-select id="f_insurance_type"
+                            v-model="model.f_insurance_type"
+                            placeholder='请选择'
+                            condition="f_insurance_type ='{}'"
+                            :value.sync="model.f_insurance_type"
+                            :options='$parent.$parent.insuranceType'
+                            close-on-select clear-button>
+                  </v-select>
+                </div>
+                <div class="col-sm-2  form-group">
+                  <label class="font_normal_body" for="f_days">到期天数内</label>
+                  <input id="f_days" type="text" class="input_search" style="width: 60%" v-model="model.f_days"
+                         condition="f_days < {}" placeholder='请输入天数到期天数之内'>
+                </div>
+                <div style="float: right">
+                  <button class="button_search" @click="search()">查 询</button>
+                  <export-excel :data="$parent.$parent.getCondition"
+                                :field="$parent.$parent.getExportField"
+                                sqlurl="api/af-revenue/logic/saleExport" sql-name="getInsuranceChargesList" template-name='保险明细查询导出'
+                                :choose-col="true"></export-excel>
+                  <div class="button_spacing"  style="float:right;"
+                       :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                       @click="$parent.$parent.hidden()"></div>
+                </div>
+              </div>
+              <div class="row"  v-show="$parent.$parent.criteriaShow" >
+                <res-select-group :initres="$parent.$parent.initres"  :show-component="['company','department','operator']" @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>
+                <div class="col-sm-2  form-group">
+                  <label class="font_normal_body">购买年限</label>
+                  <input type="text" class="input_search" style="width: 60%" v-model="model.f_salecount"
+                         condition="f_salecount = '{}'" placeholder='购买年限'>
+                </div>
+                <div class="col-sm-2 form-group">
+                  <label class="font_normal_body" for="f_state">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态</label>
+                  <v-select id="f_state"
+                            v-model="model.f_state"
+                            placeholder='请选择'
+                            condition="f_state ='{}'"
+                            :value.sync="model.f_state"
+                            :options='$parent.$parent.state'
+                            close-on-select clear-button>
+                  </v-select>
+                </div>
+                <div class="col-sm-2 form-group">
+                  <label class="font_normal_body" for="f_state">收款方式</label>
+                  <v-select id="f_state"
+                            v-model="model.f_payment"
+                            placeholder='请选择'
+                            condition="f_payment ='{}'"
+                            :value.sync="model.f_payment"
+                            :options='$parent.$parent.payment'
+                            close-on-select clear-button>
+                  </v-select>
+                </div>
+                <div class="col-sm-2  form-group">
+                  <label class="font_normal_body" for="f_user_name">客户地址</label>
+                  <input id="f_address" type="text" class="input_search" style="width: 60%" v-model="model.f_address"
+                         condition="f_address like '%{}%'" placeholder='请输入要查询的客户地址'>
+                </div>
+                <div class="col-sm-2  form-group">
+                  <label class="font_normal_body" for="f_user_name">客户电话</label>
+                  <input id="f_user_phone" type="text" class="input_search" style="width: 60%" v-model="model.f_user_phone"
+                         condition="f_user_phone like '%{}%'" placeholder='请输入要查询的客户电话'>
+                </div>
+                <div class="col-sm-2  form-group">
+                  <label class="font_normal_body" for="f_user_name">身份证号</label>
+                  <input id="f_idnumber" type="text" class="input_search" style="width: 60%" v-model="model.f_idnumber"
+                         condition="f_idnumber like '%{}%'" placeholder='请输入要查询的身份证号'>
+                </div>
+                <div class="col-sm-2  form-group">
+                  <label class="font_normal_body" for="f_user_name">保险单号</label>
+                  <input id="f_ins_number" type="text" class="input_search" style="width: 60%" v-model="model.f_ins_number"
+                         condition="f_ins_number like '%{}%'" placeholder='请输入要查询的保险单号'>
+                </div>
+                <div class="col-sm-2  form-group">
+                  <label class="font_normal_body" for="f_user_name">备注信息</label>
+                  <input id="f_comments" type="text" class="input_search" style="width: 60%" v-model="model.f_comments"
+                         condition="f_comments like '%{}%'" placeholder='请输入要查询的备注信息'>
+                </div>
+                <div class="col-sm-2 form-group">
+                  <label class="font_normal_body">开始时间</label>
+                  <datepicker :format="'yyyy-MM-dd 00:00:00'"
+                              :value.sync="model.f_ins_start_date"
+                              placeholder="缴费开始时间"
+                              condition="f_operate_date >= '{}'"
+                              v-model="model.f_ins_start_date" style="width: 55%">
+                  </datepicker>
+                </div>
+                <div class="col-sm-2 form-group">
+                  <label class="font_normal_body">结束时间</label>
+                  <datepicker :format="'yyyy-MM-dd 23:59:59'"
+                              :value.sync="model.f_expiration_date"
+                              placeholder="缴费结束时间"
+                              condition="f_operate_date <= '{}'"
+                              v-model="model.f_expiration_date" style="width: 55%">
+                  </datepicker>
+                </div>
+                <div class="col-sm-2 form-group">
+                  <input class="input_search" style="width:60%" type="text" v-model="model.f_gasproperties" v-show="false">
+                  <label class="font_normal_body" for="f_gasproperties">用气性质</label>
+                  <v-select :options='$parent.$parent.gastype'
+                            :value-single="true"
+                            :value.sync="model.f_gasproperties"
+                            close-on-select
+                            condition="f_gasproperties ='{}'"
+                            clear-button
+                            placeholder='请选择'
+                            v-model="model.f_gasproperties">
+                  </v-select>
+                </div>
+              </div>
+            </div>
+
+          </criteria>
+          <data-grid :model="model" v-ref:grid class="list_area table_sy" 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>
+                <th>
+                  <nobr>险种</nobr>
+                </th>
+                <th>
+                  <nobr>用气性质</nobr>
+                </th>
+                <th>
+                  <nobr>购买年限</nobr>
+                </th>
+                <th>
+                  <nobr>操作人</nobr>
+                </th>
+                <th>
+                  <nobr>备注信息</nobr>
+                </th>
+                <th>
+                  <nobr>变更记录</nobr>
+                </th>
+            </template>
+            <template partial='body'>
+              <td style="text-align: center;">
+                <nobr>{{$index + 1}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>
+                  {{row.f_userinfo_code}}
+                </nobr>
+              </td>
+              <td style="text-align: center;">
+                <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_idnumber}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_user_phone}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_fee_type}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_buy_date}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_expiration_date}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_shengxiao_date}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_last_insexpiration_date}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_days > 0 ? row.f_days : '已到期'}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_money}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_payment}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_state}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_operate_date}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_ins_number}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_insurance_type}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_gasproperties}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_salecount}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_operator}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_comments}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>
+                  <span @click="$parent.$parent.$parent.changeDetail(row)"><a><b>变更记录</b></a></span>
+                </nobr>
+              </td>
+            </template>
+          </data-grid>
+        </criteria-paged>
+        <modal :show.sync="insChnageDetailShow" v-ref:insChnageDetailShow backdrop="false" class="insChnageDetailShow">
+          <header slot="modal-header" class="modal-header" style="text-align: center">
+            <h4 class="modal-title">保险变更记录</h4>
+          </header>
+          <article slot="modal-body" class="modal-body">
+            <data-grid class="list_area table_sy" :model="insChangeHistorys" partial='list'>
+              <template partial='head'>
+                <th style="text-align: center"><nobr>序号</nobr></th>
+                <th style="text-align: center"><nobr>更改内容</nobr></th>
+                <th style="text-align: center"><nobr>更改前</nobr></th>
+                <th style="text-align: center"><nobr>更改后</nobr></th>
+                <th style="text-align: center"><nobr>变更时间</nobr></th>
+                <th style="text-align: center"><nobr>变更人</nobr></th>
+              </template>
+              <template partial='body'>
+                <td style="text-align: center">{{$index+1}}</td>
+                <td style="text-align: center"><nobr>{{row.f_field_name}}</nobr></td>
+                <td style="text-align: center"><nobr>{{row.f_used_content}}</nobr></td>
+                <td style="text-align: center"><nobr>{{row.f_new_content}}</nobr></td>
+                <td style="text-align: center"><nobr>{{row.f_operate_date}}</nobr></td>
+                <td style="text-align: center"><nobr>{{row.f_operator}}</nobr></td>
+              </template>
+            </data-grid>
+          </article>
+          <footer slot="modal-footer" class="modal-footer">
+            <button type="button" class="btn btn-default"  @click='insChnageDetailShow = false'>关闭</button>
+          </footer>
+        </modal>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {PagedList} from 'vue-client'
+
+export default {
+  name: 'InsuranceChargesDetails',
+  title: '保险收费明细',
+  data () {
+    return {
+      gastype: this.$appdata.getParam('用气性质') ? this.$appdata.getParam('用气性质') : [],
+      initres: {
+        org: [this.$login.f.orgid],
+        dep: [],
+        user: []
+      },
+      f_state: '',
+      state: this.$appdata.getParam('保险状态') ? this.$appdata.getParam('保险状态') : [],
+      payment: this.$appdata.getParam('收费方式') ? this.$appdata.getParam('收费方式') : [],
+      f_insurance_type: '',
+      insuranceType: this.$appdata.getParam('险种') ? this.$appdata.getParam('险种') : [],
+      orgCondtionStr: '',
+      base: {},
+      model: new PagedList('api/af-revenue/sql/getInsuranceChargesList', 20),
+      // 控制查询条件显示
+      criteriaShow: false,
+      condition: '1=1',
+      // 公司下拉
+      curorgid: [this.$login.f.orgid],
+      insChangeHistorys: {rows: []},
+      insChnageDetailShow: false,
+      getExportField: {
+        'f_userinfo_code': '客户编号',
+        'f_user_name': '投保人',
+        'f_address': '客户地址',
+        'f_idnumber': '身份证号',
+        'f_user_phone': '电话',
+        'f_fee_type': '费用类型',
+        'f_buy_date': '购买日期',
+        'f_expiration_date': '到期日期',
+        'f_shengxiao_date': '保费开始日期',
+        'f_last_insexpiration_date': '上期保费截至日期',
+        'f_days': '到期剩余天数',
+        'f_money': '金额',
+        'f_payment': '收款方式',
+        'f_state': '状态',
+        'f_operate_date': '缴费时间',
+        'f_ins_number': '保险单号',
+        'f_insurance_type': '险种',
+        'f_salecount': '购买年限',
+        'f_operator': '操作人',
+        'f_comments': '备注信息',
+        'f_gasproperties': '用气性质'
+      },
+      f_filialeid: this.$login.f.orgid,
+      percent: 0
+    }
+  },
+  ready () {
+    this.$refs.paged.$refs.criteria.search()
+  },
+  methods: {
+    async changeDetail (row) {
+      this.insChangeHistorys.rows = []
+      let data = {
+        tablename: `t_ins_change`,
+        items: '*',
+        condition: `1=1 and f_ins_id = '${row.id}'`,
+        orderitem: 'f_ins_id desc'
+      }
+      let urlParam = 'api/af-revenue/sql/singleTable_OrderBy'
+      let res = await this.$resetpost(urlParam, {data: data}, {rejectMsg: '获取变更记录出错', resolveMsg: null})
+      if (res) {
+        this.insChangeHistorys.rows = res.data
+      }
+      this.insChnageDetailShow = true
+    },
+    hidden () {
+      this.criteriaShow = !this.criteriaShow
+    },
+    getRes (obj) {
+      this.orgCondtionStr = obj
+    },
+    search () {
+      this.$refs.paged.$refs.criteria.search()
+    },
+    getorg (val) {
+      this.f_filialeid = val[0]
+    },
+    selfSearch (args) {
+      if (!this.orgCondtionStr) {
+        args.condition = `${args.condition}` + ' and f_orgid = ' + `${this.$login.f.orgid}`
+      } else {
+        args.condition = `${args.condition}` + this.orgCondtionStr
+      }
+      this.condition = args.condition
+      this.model.search(args.condition, args.model)
+    }
+  },
+  computed: {
+    getCondition () {
+      return {
+        condition: this.condition
+      }
+    }
+  }
+}
+</script>
+<style>
+</style>