detailinfo.vue

<template>
    <div class="doc-box">
        <div>
            <table align="center" width="100%" cellspacing="0">
                <tr>
                    <td class="doc-label" style="text-align: center;">外管局融资申请编号</td>
                    <td class="doc-val">{{info.wgjrzh}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">资产状态</td>
                    <td class="doc-val">{{info.zicsta}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">业务处理状态</td>
                    <td class="doc-val">{{info.ywcsta}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">融资企业名称</td>
                    <td class="doc-val">{{info.qiynam}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">企业组织机构代码</td>
                    <td class="doc-val">{{info.zzjgdm}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">关单核验币种</td>
                    <td class="doc-val">{{info.gdhybz}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">应收账款金额</td>
                    <td class="doc-val">{{info.yszkje}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">合同回款日期</td>
                    <td class="doc-val">{{info.hthkrq}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">申请融资金额</td>
                    <td class="doc-val">{{info.rzsqje}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">受理银行代码</td>
                    <td class="doc-val">{{info.slyhdm}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">受理银行名称</td>
                    <td class="doc-val">{{info.slyhmc}}</td>
                </tr>
                <tr v-if="info.ydlist.length != 0">
                    <td class="doc-label" style="text-align: center;">运单列表</td>
                    <td class="doc-val">{{info.ydlist}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">审核期限</td>
                    <td class="doc-val">{{info.sheqix}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">融资币种</td>
                    <td class="doc-val">{{info.rzicur}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">融资金额</td>
                    <td class="doc-val">{{info.rziamt}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">审核通过／拒绝原因</td>
                    <td class="doc-val">{{info.shjjyy}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">合约地址</td>
                    <td class="doc-val">{{info.heydiz}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">放款金额</td>
                    <td class="doc-val">{{info.fkjine}}</td>
                </tr>
                <tr v-if="info.fkleix=='1'">
                    <td class="doc-label" style="text-align: center;">放款类型</td>
                    <td class="doc-val">1-线下支付</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">放款记录</td>
                    <td class="doc-val">{{info.fkjilu}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">放款拒绝原因</td>
                    <td class="doc-val">{{info.fkjjyy}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">还款期限</td>
                    <td class="doc-val">{{info.hkqixn}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">放款日期</td>
                    <td class="doc-val">{{info.fkriqi}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">受理通过原因</td>
                    <td class="doc-val">{{info.sltgyy}}</td>
                </tr>
                <tr v-if="info.recamount">
                    <td class="doc-label" style="text-align: center;">还款金额</td>
                    <td class="doc-val">{{info.hkjine}}</td>
                </tr>
                <tr v-if="info.recamount">
                    <td class="doc-label" style="text-align: center;">还款日期</td>
                    <td class="doc-val">{{info.hkriqi}}</td>
                </tr>
                <tr v-if="info.recamount">
                    <td class="doc-label" style="text-align: center;">还款交易状态</td>
                    <td class="doc-val">{{info.hkjyzt}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">本次核验金额占用情况</td>
                    <td class="doc-val">{{info.jezyqk}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">融资申请发起方</td>
                    <td class="doc-val">{{info.aplfqf}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">是否存在超额</td>
                    <td class="doc-val">{{info.sfczce}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">融资类型</td>
                    <td class="doc-val">{{info.rzityp}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">是否存在核验异常的关单</td>
                    <td class="doc-val">{{info.sfycgd}}</td>
                </tr>
                <tr>
                    <td class="doc-label" style="text-align: center;">系统时间</td>
                    <td class="doc-val">{{info.xitdat}}</td>
                </tr>
            </table>
        </div>
    </div>
</template>
<script>
export default {
  props: ["info"],
  data() {
    return {};
  }
};
</script>
<style scoped>
table {
  margin-top: 5px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: center;
}

table th {
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
}

table tr {
  height: 30px;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
}

table td {
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
}

.doc-label {
  width: 50%;
  padding-right: 10px;
  font-weight: normal;
}

.doc-val {
  text-align: left;
  padding-left: 10px;
  font-weight: normal;
}
</style>