<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: "JudgmentDetail",
  components: { TitleBar, TableDoubleView, TableSingleView },
})
export default class Judgment extends Vue {
  title = "司法查冻扣详情";
  keyValueDouble = {
    pname: '被查冻扣企业名称',
    caseNo: '案号',
    action: '资产',
    eventDate: '事件时间',
    sortTime: '审理时间',
    postTime: '发布时间',
    objectType: '标的类型',
    objectName: '标的名称',
    money: '金额',
    court: '法院名称'
  };
  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.entryId,
      SvrCode: Public.getSvrCode(nettyApi.TRADE_CODE.selectSFCDKXQ),
      tc: nettyApi.TRADE_CODE.selectSFCDKXQ
    };
    NativeUI.showWaiting('正在查询...');
    return IF.transferDataInter(nettyApi.commonRq, param).then((res: any) => {
      NativeUI.closeWaiting();
      if (res.rc == '1') {
        if (res.sifacdk && res.sifacdk.length > 0) {
          this.itemData = res.sifacdk[0];
          if ((this.itemData as any).eventDate && (this.itemData as any).eventDate != '') {
            (this.itemData as any).eventDate = formatDate((this.itemData as any).eventDate);
          }
          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).postTime && (this.itemData as any).postTime != '') {
            (this.itemData as any).postTime = formatDate((this.itemData as any).postTime);
          }
        }
      } 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>
