Baodinfodsp.vue

<template>
    <div>
        <div class="doc-title">信保融资单</div>
        <div style="margin: 20px;">
            <table align="center" width="100%" cellspacing="0" style="border: none;">
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">非信用证项下的承保范围：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.nolcrangedetail}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">所有已决赔付金额：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.totalsettledindemnitysum}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">中国信保通知序号（唯一）：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.noticeserialno}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">被保险人中文名称：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.companychnname}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">保单类型：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.policytype}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">保险单号：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.policyno}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">保险费缴纳方式：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.payflag}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">政治风险赔偿比例：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.polpayrate}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">适保范围（支付方式）：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.insurancerange}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">信用证项下的承保范围：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.lcrangedetail}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">保单生效日期：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.effectdate}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">最高赔偿限额（USD）：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.yearhighindemnity}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">其他商业风险赔偿比例：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.otherpayrate}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">保单状态：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.state}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">被保险人统一社会信用代码：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.creditno}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">保单失效日期：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.lapsedate}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">注册地址：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.regaddr}}</td>
                </tr>
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">拒收风险赔偿比例：</td>
                    <td class="doc-label" style="width: 170px;border: none;">{{info.refpayrate}}</td>
                </tr>
            </table>
        </div>

        <div>
            <table align="center" width="100%" cellspacing="0">
                <tr>
                    <td class="doc-label" style="text-align: right;">共保企业信息</td>
                    <td style="border: none; border-top: 1px solid #000000;"></td>
                </tr>
                <tr v-for="(item, index) in info.enterpriseInfo" :key="index">
                    <td class="doc-val" style="text-align: left;">名称：{{item.companyname}}</td>
                    <td class="doc-val">统一社会信用代码：{{item.coincreditno}}</td>
                </tr>
                <!-- <tr v-if="!info.enterpriseInfo || info.enterpriseInfo.length<=0">
                    <td class="doc-label" style="text-align: left;">此节点返回数据格式错误</td>
                    <td class="doc-val" style="border: none; border-top: 1px solid #000000;"></td>
                    <td style="border: none; border-top: 1px solid #000000;"></td>
                </tr> -->
                <tr v-if="!info.enterpriseInfo || info.enterpriseInfo.length<=0">
                    <td class="doc-label" style="text-align: left;">此节点返回数据为空</td>
                    <td class="doc-val" style="border: none; border-top: 1px solid #000000;"></td>
                    <td style="border: none; border-top: 1px solid #000000;"></td>
                </tr>
            </table>
        </div>

        <div style="margin-top: 20px;">
            <table align="center" width="100%" cellspacing="0" style="border: none;">
                <tr style="border: none;">
                    <td class="doc-label" style="width: 170px;border: none;">查询人员：{{username}}</td>
                    <td class="doc-label" style="width: 170px;border: none;">时间：{{today}}</td>
                </tr>
            </table>
        </div>

    </div>
</template>
<script>
export default {
  props: ["info"],
  data() {
    return {
        username: this.$store.state.common.username,
		today: new Date().Format('yyyy-MM-dd'),
    };
  }
};
</script>
<style  scoped>
body {
  font-family: SimSun;
  font-size: 14px;
}

.doc-box {
  width: 180mm;
  height: auto;
  /*margin: 0 auto;*/
  /*border: 1px solid red;*/
  padding: 0mm;
}

.doc-title {
  width: 100%;
  margin: 10px auto;
  font-size: 28px;
  text-align: center;
}

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 {
  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%;
  font-weight: normal;
}

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