<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>
        <table-single-view :data="itemData" :keyValue="keyValueSingle"></table-single-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: "ExposureTableInformationDetail",
  components: { TitleBar, TableDoubleView, TableSingleView },
})
export default class ExposureTableInformationDetail extends Vue {
  title = "曝光台详情";
  keyValueDouble = {
    cus_name: '企业名称',
    caseCause: '案由',
    caseNo: '案号',
    proposer: '申请人',
    pname: '当事人',
    sortTime: '立案时间',
    court: '发布法院',
    execMoney: '标的金额'
  };
  keyValueSingle = {
    body: "内容"
  };
  itemData = {};

  onClick() {
    console.log(111111);
  }
  mounted() {
    this.selectCustInfo();
  }
  /**
   * @Description 曝光台详情
   * @Author JiangTao
   * @Date 2021-12-13 下午 08:44
   */
  selectCustInfo() {
    let param = {
      id: (this.$route.params.item as any).entryId,
      SvrCode: Public.getSvrCode(nettyApi.TRADE_CODE.selectBGTXQ),
      tc: nettyApi.TRADE_CODE.selectBGTXQ
    };
    NativeUI.showWaiting('正在查询...');
    return IF.transferDataInter(nettyApi.commonRq, param).then((res: any) => {
      NativeUI.closeWaiting();
      if (res.rc == '1') {
        if (res.bgt && res.bgt.length > 0) {
          this.itemData = res.bgt[0];
          Vue.set(this.itemData, 'cus_name', this.$route.params.pname);
          if ((this.itemData as any).sortTime && (this.itemData as any).sortTime != '') {
            (this.itemData as any).sortTime = formatDate((this.itemData as any).sortTime);
          }
        }
      } 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: 80%;
  margin: 0 auto;
  background-color: white;
}
::v-deep .displaydata {
  width: 85%;
}
</style>
