<template>
  <div class="d-page d-flex flex-column">
    <title-bar :title="title" @clickLef="onClick">
      <van-icon slot="left" name="cross" size="24" />
    </title-bar>
    <div class="h-scroller flex-1-dhc">
      <div class="title"></div>
      <div class="labelMainCls">
        <table-double-view :data="itemData" :keyValue="keyValueDouble"></table-double-view>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import TableDoubleView from "@/public/TableDoubleView.vue";
import TableSingleView from "@/public/TableSingleView.vue";
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import { NativeUI } from "@/public/ts/NativeUI";
import nettyApi from "@/constants/api/ms-netty/netty.api.ts";
import IF from "@/public/factory/InterFaceFactory";
import Public from '@/public/ts/Public';
import { formatDate } from '@/public/ts/date.util';
/**
 * @Description 被执行人详情
 * @Author JiangTao
 * @Date 2021-11-10 下午 03:13
 */
@Component({
  name: "InformationOfThePersonSubjectToExecutionDetail",
  components: { TitleBar, TableDoubleView, TableSingleView },
})
export default class InformationOfThePersonSubjectToExecutionDetail extends Vue {
  title = "被执行人详情";
  keyValueDouble = {
    pname: '被执行人',
    idCardNo: '被执行人证件号码',
    caseNo: '案号',
    sortTime: '立案时间',
    closeDate: '截止时间',
    execMoney: '执行标的',
    court: '执行法院',
    caseState: '案件状态'
  };
  itemData = {};

  onClick() {
    console.log(111111);
  }
  mounted() {
    this.selectCustInfo();
  }
  /**
   * @Description 裁判文书详情
   * @Author JiangTao
   * @Date 2021-12-13 下午 08:44
   */
  selectCustInfo() {
    let param = {
      id: this.$route.params.entryId,
      SvrCode: Public.getSvrCode(nettyApi.TRADE_CODE.selectZXXQ),
      tc: nettyApi.TRADE_CODE.selectZXXQ
    };
    NativeUI.showWaiting('正在查询...');
    return IF.transferDataInter(nettyApi.commonRq, param).then((res: any) => {
      NativeUI.closeWaiting();
      if (res.rc == '1') {
        if (res.zxgg && res.zxgg.length > 0) {
          this.itemData = res.zxgg[0];
          if ((this.itemData as any).sortTime && (this.itemData as any).sortTime != '') {
            (this.itemData as any).sortTime = formatDate((this.itemData as any).sortTime);
          }
          if ((this.itemData as any).closeDate && (this.itemData as any).closeDate != '') {
            (this.itemData as any).closeDate = formatDate((this.itemData as any).closeDate);
          }
        }
      } else {
        if (res.ret_code != '4999999') {
          NativeUI.toast(res.msg);
        }
      }
    });
  }
}
</script>

<style scoped>
.title {
  background-color: white;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  padding: 10px 15px;
}
.labelMainCls {
  width: 85%;
  margin: 0 auto;
  background-color: white;
}
::v-deep .displaydata {
  width: 85%;
}
</style>