<template>
    <tab-button v-ref:list>
      <tabs header="滞纳金审核">
        <div id="unit" class="row" :class="{'binary':showItem}">
          <div :class="{'basic-main':!showItem,'binary-left':showItem}" style="height:98%">
          <auditing-list :styles="showItem?'col-sm-3 form-group':'col-sm-2 form-group'" @select-changed="idsearch"
                          :type="'滞纳金减免'" :tablename="'t_latefee_record'" :showMessage.sync="showAddMssage"
                         v-ref:auditinglist></auditing-list>
          </div>
          <div class="binary-right" v-if="showItem">
            <auditing-operate :model="row"  v-show="showItem"></auditing-operate>
          </div>
        </div>
      </tabs>
    </tab-button>
  <modal :show.sync="showupload" width="80%" style="width:auto;"  v-ref:modal middle backdrop="false">
    <article slot="modal-body">
      <upload :blodid="row.f_userinfo_id" v-ref:upload isupload="false" takeimg="false" :businessid="row.f_businessid" fusetype="滞纳金减免审核" isremark="false" style="width:auto" ></upload>
    </article>
    <footer slot="modal-footer" class="modal-footer">
    </footer>
  </modal>
</template>

<script>
  import {HttpResetClass} from 'vue-client'
  import TabButton from './../../revenue/comprehen/common/TabButton'
  import Tabs from './../../revenue/comprehen/common/Tabs'
  export default {
    title: '综合审核',
    name: 'auditingManage',
    components: {Tabs, TabButton},
    data () {
      return {
        showupload: false,
        recordlist: [],
        showAddMssage: false,
        // 单选数据
        row: {},
        showItem: false
      }
    },
    created () {
    },
    ready () {
      this.arrAddFun()
    },
    methods: {
      selected (row) {
        this.row = row.val
      },
      idsearch (row) {
        this.showAddMssage = true
        this.showItem = true
        this.row = row.val
      }
    },
    events: {
      'showupload' (row) {
        console.log("------------调用父组件显示附件",row)
        this.showupload = true
        this.row = row
      },
      // 重新查询
      'refresh' () {
      },
      'close' () {
        this.showItem = false
        this.$refs.auditinglist.search()
        console.log('this.$refs', this.$refs)
        console.log('showitem', this.showItem)
      }
    }
  }
</script>

<style lang="less">

</style>
