gcs-ui-lib 1.1.433

package/packages/SelectTicket/src/ticketDetail/billInformation/obverse.vue

@@ -0,0 +1,768 @@
+<!--票据正面-->
+<template>
+  <div
+    :class="['info']"
+    :style="{
+      backgroundImage: `url('${billDetailForm.draftType === 'AC01' ? bg_1 : bg_2}')`,
+      height: stylePage ? '' : '100%'
+    }"
+  >
+    <div :class="stylePage?'print-content':''">
+      <div :class="stylePage ? 'print-page' : ''">
+        <div class="info-top">
+          <div class="info-top-left">
+            {{ $l('显示日期') }}：<span class="value">{{ time || '--' }}</span>
+          </div>
+        </div>
+        <div class="info-logo">
+          <div class="info-logo-image">
+            <img :src="icon" alt="" srcset="" />
+          </div>
+          <div :class="['info-logo-title', stylePage ? 'print-header' : '']">
+            {{ billDetailForm.draftType === 'AC01' ? $l('电子银行承兑汇票') : $l('电子商业承兑汇票') }}
+          </div>
+        </div>
+        <div :class="[stylePage ? 'print-title' : '', 'info-time']">
+          <div class="info-time-left">
+            <span class="horizontal" style="display: inline-block; width: 71px"> {{ $l('出票日期') }}</span>
+            <span class="value" style="padding-left: 6px">{{ billDetailForm.issuedDate || '--' }}</span>
+          </div>
+          <div class="info-time-right">
+            {{ $l('票据状态') }}
+            <span class="value" style="padding-left: 6px"
+              >{{ billDetailForm.billStatusName || '--'
+              }}<span v-if="billDetailForm.billStatusName && billDetailForm.transFlagName">-</span
+              >{{ billDetailForm.transFlagName || '--' }}
+            </span>
+          </div>
+        </div>
+        <div class="info-time">
+          <div class="info-time-left">
+            {{ $l('汇票到期日')
+            }}<span class="value" style="padding-left: 6px">{{ billDetailForm.dueDate || '--' }}</span>
+          </div>
+          <div class="info-time-right">
+            {{ $l('票据号码')
+            }}<span class="value" style="padding-left: 6px">
+              <template v-if="billDetailForm.billNo">
+                {{ billDetailForm.billNo.slice(0, 1) }}
+                {{ billDetailForm.billNo.slice(1, 8) }}
+                {{ billDetailForm.billNo.slice(8) }}
+              </template>
+              <template v-else>-</template>
+            </span>
+            <br />
+            <span v-if="billDetailForm.cdRange != '0'" class="value" style="padding-left: 65px">{{ billDetailForm.cdRange | formatCdRange }}</span>
+            <span v-else class="value" style="padding-left: 65px">{{ billDetailForm.cdRange }}</span>
+          </div>
+        </div>
+        <table :class="['table',stylePage?'print-table-one':'']">
+          <tr>
+            <td rowspan="3" class="vertical" style="width: 35px">{{ $l('出票人') }}</td>
+            <td class="horizontal" style="width: 75px">{{ $l('全称') }}</td>
+            <td class="value" style="width: 443px">{{ billDetailForm.payAccountName || '--' }}</td>
+            <td rowspan="3" class="vertical" style="width: 35px">{{ $l('收款人') }}</td>
+            <td class="horizontal" style="width: 75px">{{ $l('全称') }}</td>
+            <td class="value">{{ billDetailForm.recName || '--' }}</td>
+          </tr>
+          <tr>
+            <!-- <td></td> -->
+            <td class="horizontal">{{ $l('账号') }}</td>
+            <td class="value">{{ billDetailForm.payAccountNo || '--' }}</td>
+            <!-- <td></td> -->
+            <td class="horizontal">{{ $l('账号') }}</td>
+            <td class="value">{{ billDetailForm.recAccountNo || '--' }}</td>
+          </tr>
+          <tr>
+            <!-- <td></td> -->
+            <td class="horizontal" style="padding: 0 4px !important">{{ $l('开户银行') }}</td>
+            <td class="value">{{ billDetailForm.payOpenOrgName || '--' }}</td>
+            <!-- <td></td> -->
+            <td class="horizontal" style="padding: 0 4px !important">{{ $l('开户银行') }}</td>
+            <td class="value">{{ billDetailForm.recOpenOrgName || '--' }}</td>
+          </tr>
+          <tr>
+            <td colspan="2" class="horizontal">{{ $l('出票保证信息') }}</td>
+            <td style="border-right: none">{{ $l('保证人名称') }}：{{ outInfo.grntName || '--' }}</td>
+            <td colspan="3" class="clotd">
+              <div class="left">{{ $l('保证人地址') }}：{{ outInfo.grantAddress || '--' }}</div>
+              <div class="right" style="border-left: none">{{ $l('保证日期') }}：{{ outInfo.grantDate || '--' }}</div>
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2" class="horizontal">{{ $l('票据金额') }}</td>
+            <td colspan="3" style="border-right: none">
+              <span class="inline-block"> {{ $l('人民币') }}<br />（ {{ $l('大写') }}）</span
+              ><span class="value" style="vertical-align: middle; padding-left: 6px">{{
+                billDetailForm.billAmount | changeNumMoneyToChinese
+              }}</span>
+            </td>
+            <td colspan="1" style="padding: 0">
+              <div style="width: 100%; display: flex; justify-content: flex-end; padding-left: 28px">
+                <table class="amount-table" style="width: 100%">
+                  <tr>
+                    <td style="width: 24px">{{ $l('十') }}</td>
+                    <td style="width: 24px">{{ $l('亿') }}</td>
+                    <td style="width: 24px">{{ $l('千') }}</td>
+                    <td style="width: 24px">{{ $l('百') }}</td>
+                    <td style="width: 24px">{{ $l('十') }}</td>
+                    <td style="width: 24px">{{ $l('万') }}</td>
+                    <td style="width: 24px">{{ $l('千') }}</td>
+                    <td style="width: 24px">{{ $l('百') }}</td>
+                    <td style="width: 24px">{{ $l('十') }}</td>
+                    <td style="width: 24px">{{ $l('元') }}</td>
+                    <td style="width: 24px">{{ $l('角') }}</td>
+                    <td style="width: 24px">{{ $l('分') }}</td>
+                  </tr>
+                  <tr>
+                    <td></td>
+                    <td>
+                      <span v-if="String((billDetailForm.billAmount * 100).toFixed()).length >= 11">{{
+                        String((billDetailForm.billAmount * 100).toFixed()).substr(
+                          String((billDetailForm.billAmount * 100).toFixed()).length - 11,
+                          1
+                        )
+                      }}</span>
+                      <!--                  金额符号-->
+                      <span v-else-if="String((billDetailForm.billAmount * 100).toFixed()).length === 10">¥</span>
+                    </td>
+                    <td>
+                      <span v-if="String((billDetailForm.billAmount * 100).toFixed()).length >= 10">{{
+                        String((billDetailForm.billAmount * 100).toFixed()).substr(
+                          String((billDetailForm.billAmount * 100).toFixed()).length - 10,
+                          1
+                        )
+                      }}</span>
+                      <!--                  金额符号-->
+                      <span v-else-if="String((billDetailForm.billAmount * 100).toFixed()).length === 9">¥</span>
+                    </td>
+                    <td>
+                      <span v-if="String((billDetailForm.billAmount * 100).toFixed()).length >= 9">{{
+                        String((billDetailForm.billAmount * 100).toFixed()).substr(
+                          String((billDetailForm.billAmount * 100).toFixed()).length - 9,
+                          1
+                        )
+                      }}</span>
+                      <!--                  金额符号-->
+                      <span v-else-if="String((billDetailForm.billAmount * 100).toFixed()).length === 8">¥</span>
+                    </td>
+                    <td>
+                      <span v-if="String((billDetailForm.billAmount * 100).toFixed()).length >= 8">{{
+                        String((billDetailForm.billAmount * 100).toFixed()).substr(
+                          String((billDetailForm.billAmount * 100).toFixed()).length - 8,
+                          1
+                        )
+                      }}</span>
+                      <!--                  金额符号-->
+                      <span v-else-if="String((billDetailForm.billAmount * 100).toFixed()).length === 7">¥</span>
+                    </td>
+                    <td>
+                      <span v-if="String((billDetailForm.billAmount * 100).toFixed()).length >= 7">{{
+                        String((billDetailForm.billAmount * 100).toFixed()).substr(
+                          String((billDetailForm.billAmount * 100).toFixed()).length - 7,
+                          1
+                        )
+                      }}</span>
+                      <!--                  金额符号-->
+                      <span v-else-if="String((billDetailForm.billAmount * 100).toFixed()).length === 6">¥</span>
+                    </td>
+                    <td>
+                      <span v-if="String((billDetailForm.billAmount * 100).toFixed()).length >= 6">{{
+                        String((billDetailForm.billAmount * 100).toFixed()).substr(
+                          String((billDetailForm.billAmount * 100).toFixed()).length - 6,
+                          1
+                        )
+                      }}</span>
+                      <!--                  金额符号-->
+                      <span v-else-if="String((billDetailForm.billAmount * 100).toFixed()).length === 5">¥</span>
+                    </td>
+                    <td>
+                      <span v-if="String((billDetailForm.billAmount * 100).toFixed()).length >= 5">{{
+                        String((billDetailForm.billAmount * 100).toFixed()).substr(
+                          String((billDetailForm.billAmount * 100).toFixed()).length - 5,
+                          1
+                        )
+                      }}</span>
+                      <!--                  金额符号-->
+                      <span v-else-if="String((billDetailForm.billAmount * 100).toFixed()).length === 4">¥</span>
+                    </td>
+                    <td>
+                      <span v-if="String((billDetailForm.billAmount * 100).toFixed()).length >= 4">{{
+                        String((billDetailForm.billAmount * 100).toFixed()).substr(
+                          String((billDetailForm.billAmount * 100).toFixed()).length - 4,
+                          1
+                        )
+                      }}</span>
+                      <!--                  金额符号-->
+                      <span v-else-if="String((billDetailForm.billAmount * 100).toFixed()).length === 3">¥</span>
+                    </td>
+                    <td>
+                      <span v-if="String((billDetailForm.billAmount * 100).toFixed()).length >= 3">{{
+                        String((billDetailForm.billAmount * 100).toFixed()).substr(
+                          String((billDetailForm.billAmount * 100).toFixed()).length - 3,
+                          1
+                        )
+                      }}</span>
+                      <!--                  金额符号-->
+                      <span v-else-if="String((billDetailForm.billAmount * 100).toFixed()).length === 2">¥</span>
+                    </td>
+                    <td>
+                      <span v-if="String((billDetailForm.billAmount * 100).toFixed()).length >= 2">{{
+                        String((billDetailForm.billAmount * 100).toFixed()).substr(
+                          String((billDetailForm.billAmount * 100).toFixed()).length - 2,
+                          1
+                        )
+                      }}</span>
+                      <!--                  金额符号-->
+                      <span v-else-if="String((billDetailForm.billAmount * 100).toFixed()).length === 1">¥</span>
+                    </td>
+                    <td>
+                      <span v-if="String((billDetailForm.billAmount * 100).toFixed()).length >= 1">{{
+                        String((billDetailForm.billAmount * 100).toFixed()).substr(
+                          String((billDetailForm.billAmount * 100).toFixed()).length - 1,
+                          1
+                        )
+                      }}</span>
+                      <!--                  金额符号-->
+                      <span v-else-if="String(billDetailForm.billAmount * 100).length === 0">¥</span>
+                    </td>
+                  </tr>
+                </table>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2" class="horizontal">{{ $l('承兑人信息') }}</td>
+            <td class="td-box">
+              <p>
+                <span class="label horizontal"> {{ $l('全称') }}</span>
+                <span class="value">{{ billDetailForm.acceptAccountName || '--' }}</span>
+              </p>
+              <p>
+                <span class="label horizontal"> {{ $l('账号') }}</span>
+                <span class="value">{{ billDetailForm.acceptAccountNo || '--' }}</span>
+              </p>
+            </td>
+            <td colspan="3" class="td-box">
+              <p>
+                <span class="label horizontal" style="width: 126px"> {{ $l('开户行行号') }}</span>
+                <span class="value">{{ billDetailForm.acceptCnapsNo || '--' }}</span>
+              </p>
+              <p>
+                <span class="label horizontal" style="width: 126px"> {{ $l('开户行名称') }}</span>
+                <span class="value">{{ billDetailForm.acceptOpenOrgName || '--' }}</span>
+              </p>
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2" class="horizontal">{{ $l('交易合同号') }}</td>
+            <td class="value">{{ billDetailForm.contractNo || '--' }}</td>
+            <td rowspan="2" class="vertical">{{ $l('承兑信息') }}</td>
+            <td colspan="2">
+              <span style="letter-spacing: 2px"> {{ $l('出票人承诺') }}</span
+              >： {{ $l('本汇票请予以承兑，到期无条件付款') }}
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2" class="horizontal" style="padding: 16px 8px">{{ $l('能否转让') }}</td>
+            <td class="value">
+              {{ billDetailForm.banEndorsementMarkName || '--'
+              }}<span v-if="billDetailForm.banEndorsementMarkName && billDetailForm.isSplitName"
+                >-{{ billDetailForm.isSplitName || '--' }}</span
+              >
+            </td>
+            <td colspan="2" style="padding: 0">
+              <div>
+                <p>
+                  <span style="letter-spacing: 2px; padding-left: 4px">{{ $l('承兑人承诺') }}</span
+                  >： {{ $l('本汇票已经承兑，到期无条件付款') }}
+                </p>
+                <p style="text-align: right">
+                  <span style="display: inline-block; width: 200px; text-align: left; padding: 4px 8px">
+                    <span style="letter-spacing: 2px; padding-left: 3px"> {{ $l('承兑日期') }}</span
+                    >：
+                    <span class="value">{{ billDetailForm.acceptedDate || billDetailForm.acptDate }}</span>
+                  </span>
+                </p>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2" class="horizontal">{{ $l('承兑保证信息') }}</td>
+            <td style="border-right: none">
+              {{ $l('保证人名称') }}： <span class="value">{{ billDetailForm.acWarrantorName || '--' }}</span>
+            </td>
+            <td colspan="3" class="clotd" style="padding: 0">
+              <div class="left">
+                {{ $l('保证人地址') }}：<span class="value">
+                  {{ billDetailForm.acWarrantorAddress || '--' }}
+                </span>
+              </div>
+              <div class="right" style="border-left: none; padding-left: 14px">
+                {{ $l('保证日期') }}：<span class="value">{{ billDetailForm.acWarrantorDate || '--' }}</span>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td rowspan="2" colspan="2" style="font-size: 13px; padding: 0 8px; height: 60px">
+              {{ $l('评级信息') }}
+            </td>
+            <td colspan="3" class="td-box">
+              <span class="horizontal label" style="line-height: 30px; padding: 0 8px; margin-right: 8px">
+                {{ $l('出票人') }}</span
+              >
+              {{ $l('评级主体') }}：<span class="value">{{ billDetailForm.payGradeName || '--' }}</span>
+            </td>
+            <td colspan="1" class="clotd" style="padding: 0">
+              <div class="left">{{ $l('信用等级') }}：{{ billDetailForm.payCdtRatgs || '--' }}</div>
+              <div class="right" style="border-left: none; letter-spacing: 1px">
+                {{ $l('评级到期日') }}：<span class="value">{{ billDetailForm.payCreditEndDate || '--' }}</span>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td colspan="3" class="td-box">
+              <span class="horizontal label" style="line-height: 30px; padding: 0 8px; margin-right: 8px">
+                {{ $l('保证人') }}</span
+              >
+              {{ $l('评级主体') }}：<span class="value">{{ billDetailForm.acceptGradeName || '--' }}</span>
+            </td>
+            <td colspan="1" class="clotd" style="padding: 0">
+              <div class="left">
+                {{ $l('信用等级') }}：<span class="value">{{ billDetailForm.acceptCdtRatgs || '--' }}</span>
+              </div>
+              <div class="right" style="border-left: none; letter-spacing: 1px">
+                {{ $l('评级到期日') }}：<span class="value">{{ billDetailForm.acceptCreditEndDate || '--' }}</span>
+              </div>
+            </td>
+          </tr>
+        </table>
+      </div>
+
+      <table class="table table-m">
+        <tr>
+          <td colspan="7" style="text-align: center" class="value">{{ $l('票据相关信息') }}</td>
+        </tr>
+        <tr>
+          <td style="width: 100px">{{ $l('票据种类') }}</td>
+          <td colspan="6" class="value">{{ billDetailForm.draftTypeName || '--' }}</td>
+        </tr>
+        <tr>
+          <!-- 风险票据状态 -->
+          <td>{{ $l('风险票据状态') }}</td>
+          <td colspan="6" class="value">{{ billDetailForm.riskFlagName || '--' }}</td>
+        </tr>
+        <tr>
+          <td rowspan="2">{{ $l('票据标注信息') }}</td>
+          <td style="width: 90px">{{ $l('标注名称') }}1</td>
+          <td class="value">{{ billDetailForm.taggingNameOne || '--' }}</td>
+          <td style="width: 90px">{{ $l('标注名称') }}2</td>
+          <td class="value">{{ billDetailForm.taggingNameTwo || '--' }}</td>
+          <td style="width: 90px">{{ $l('标注名称') }}3</td>
+          <td class="value">{{ billDetailForm.taggingNameThree || '--' }}</td>
+        </tr>
+        <tr>
+          <!-- 标注内容 -->
+          <td>{{ $l('标注内容') }}1</td>
+          <td class="value">{{ billDetailForm.taggingInfoOne || '--' }}</td>
+          <td>{{ $l('标注内容') }}2</td>
+          <td class="value">{{ billDetailForm.taggingInfoTwo || '--' }}</td>
+          <td>{{ $l('标注内容') }}3</td>
+          <td class="value">{{ billDetailForm.taggingInfoThree || '--' }}</td>
+        </tr>
+        <tr>
+          <!-- 标注信息对应业务信息 -->
+          <td>{{ $l('标注信息对应业务信息') }}</td>
+          <td colspan="2">{{ billDetailForm.taggingBusinessOne || '--' }}</td>
+          <td colspan="2">{{ billDetailForm.taggingBusinessTwo || '--' }}</td>
+          <td colspan="2">{{ billDetailForm.taggingBusinessThree || '--' }}</td>
+        </tr>
+      </table>
+      <table class="table table-m table-m-1">
+        <tr>
+          <!-- 票据行为人相信信息 -->
+          <td colspan="9" style="text-align: center" class="value">{{ $l('票据行为人相信信息') }}</td>
+        </tr>
+        <tr>
+          <!-- 出票人信息 -->
+          <td rowspan="8" style="width: 25px">{{ $l('出票人信息') }}</td>
+          <td style="width: 125px">{{ $l('全称') }}</td>
+          <td class="value">{{ billDetailForm.payName || '--' }}</td>
+          <!--收款人信息  -->
+          <td rowspan="8" style="width: 25px">{{ $l('收款人信息') }}</td>
+          <td style="width: 105px">{{ $l('全称') }}</td>
+          <td class="value">{{ billDetailForm.recName || '--' }}</td>
+          <!--承兑人信息  -->
+          <td rowspan="8" style="width: 25px">{{ $l('承兑人信息') }}</td>
+          <td style="width: 105px">{{ $l('全称') }}</td>
+          <td class="value">{{ billDetailForm.acceptName || '--' }}</td>
+        </tr>
+        <!--统一社会信用代码  -->
+        <tr>
+          <td>{{ $l('统一社会信用代码') }}</td>
+          <td class="value">{{ billDetailForm.paySocCode || '--' }}</td>
+          <td>{{ $l('统一社会信用代码') }}</td>
+          <td class="value">{{ billDetailForm.recSocCode || '--' }}</td>
+          <td>{{ $l('统一社会信用代码') }}</td>
+          <td class="value">{{ billDetailForm.acceptSocCode || '--' }}</td>
+        </tr>
+        <!-- 账户名称 -->
+        <tr>
+          <td>{{ $l('账户名称') }}</td>
+          <td class="value">{{ billDetailForm.payAccountName || '--' }}</td>
+          <td>{{ $l('账户名称') }}</td>
+          <td class="value">{{ billDetailForm.recAccountName || '--' }}</td>
+          <td>{{ $l('账户名称') }}</td>
+          <td class="value">{{ billDetailForm.acceptAccountName || '--' }}</td>
+        </tr>
+        <!-- 办理渠道名称 -->
+        <tr>
+          <td>{{ $l('办理渠道名称') }}</td>
+          <td class="value">{{ billDetailForm.payBrName || '--' }}</td>
+          <td>{{ $l('办理渠道名称') }}</td>
+          <td class="value">{{ billDetailForm.recBrName || '--' }}</td>
+          <td>{{ $l('办理渠道名称') }}</td>
+          <td class="value">{{ billDetailForm.acceptBrName || '--' }}</td>
+        </tr>
+        <!-- 票据账号名称 -->
+        <tr>
+          <td>{{ $l('票据账号名称') }}</td>
+          <td class="value">{{ billDetailForm.payBillAccountNo || '--' }}</td>
+          <td>{{ $l('票据账号名称') }}</td>
+          <td class="value">{{ billDetailForm.recBillAccountNo || '--' }}</td>
+          <td>{{ $l('票据账号名称') }}</td>
+          <td class="value">{{ billDetailForm.acceptBillAccountNo || '--' }}</td>
+        </tr>
+        <!-- 开户银行名称 -->
+        <tr>
+          <td>{{ $l('开户银行名称') }}</td>
+          <td class="value">{{ billDetailForm.payOpenOrgName || '--' }}</td>
+          <td>{{ $l('开户银行名称') }}</td>
+          <td class="value">{{ billDetailForm.recOpenOrgName || '--' }}</td>
+          <td>{{ $l('开户银行名称') }}</td>
+          <td class="value">{{ billDetailForm.acceptOpenOrgName || '--' }}</td>
+        </tr>
+        <!-- 开户银行行号 -->
+        <tr>
+          <td>{{ $l('开户银行行号') }}</td>
+          <td class="value">{{ billDetailForm.payCnapsNo || '--' }}</td>
+          <td>{{ $l('开户银行行号') }}</td>
+          <td class="value">{{ billDetailForm.recCnapsNo || '--' }}</td>
+          <td>{{ $l('开户银行行号') }}</td>
+          <td class="value">{{ billDetailForm.acceptCnapsNo || '--' }}</td>
+        </tr>
+        <!-- 开户银行账号 -->
+        <tr>
+          <td>{{ $l('开户银行账号') }}</td>
+          <td class="value">{{ billDetailForm.payAccountNo || '--' }}</td>
+          <td>{{ $l('开户银行账号') }}</td>
+          <td class="value">{{ billDetailForm.recAccountNo || '--' }}</td>
+          <td>{{ $l('开户银行账号') }}</td>
+          <td class="value">{{ billDetailForm.acceptAccountNo || '--' }}</td>
+        </tr>
+      </table>
+      <table class="table table-m">
+        <tr>
+          <td colspan="9" style="text-align: center" class="value">{{ $l('增信信息') }}</td>
+        </tr>
+        <tr>
+          <!-- 出票保证人 -->
+          <td rowspan="9" style="width: 25px">{{ $l('出票保证人') }}</td>
+          <td style="width: 105px">{{ $l('全称') }}</td>
+          <td style="width: 20%" class="value">{{ outInfo.grntName || '--' }}</td>
+          <!-- 承兑保证人 -->
+          <td rowspan="9" style="width: 25px">{{ $l('承兑保证人') }}</td>
+          <td style="width: 105px">{{ $l('全称') }}</td>
+          <td style="width: 20%" class="value">{{ cdInfo.grntName || '--' }}</td>
+          <!-- 背书保证人 -->
+          <td rowspan="9" style="width: 25px">{{ $l('背书保证人') }}</td>
+          <td style="width: 105px">{{ $l('全称') }}</td>
+          <td style="width: 20%" class="value">{{ bsInfo.grntName || '--' }}</td>
+        </tr>
+        <!-- 统一社会信用代码 -->
+        <tr>
+          <td>{{ $l('统一社会信用代码') }}</td>
+          <td class="value">{{ outInfo.grantSocCode || '--' }}</td>
+          <td>{{ $l('统一社会信用代码') }}</td>
+          <td class="value">{{ cdInfo.grantSocCode || '--' }}</td>
+          <td>{{ $l('统一社会信用代码') }}</td>
+          <td class="value">{{ bsInfo.grantSocCode || '--' }}</td>
+        </tr>
+        <!-- 保证人地址 -->
+        <tr>
+          <td>{{ $l('保证人地址') }}</td>
+          <td class="value">{{ outInfo.grantAddress || '--' }}</td>
+          <td>{{ $l('保证人地址') }}</td>
+          <td class="value">{{ cdInfo.grantAddress || '--' }}</td>
+          <td>{{ $l('保证人地址') }}</td>
+          <td class="value">{{ bsInfo.grantAddress || '--' }}</td>
+        </tr>
+        <!-- 账户名称 -->
+        <tr>
+          <td>{{ $l('账户名称') }}</td>
+          <td class="value">{{ outInfo.grntAccountName || '--' }}</td>
+          <td>{{ $l('账户名称') }}</td>
+          <td class="value">{{ cdInfo.grntAccountName || '--' }}</td>
+          <td>{{ $l('账户名称') }}</td>
+          <td class="value">{{ bsInfo.grntAccountName || '--' }}</td>
+        </tr>
+        <!--办理渠道名称  -->
+        <tr>
+          <td>{{ $l('票据账号名称') }}</td>
+          <td class="value">{{ outInfo.grntBrName || '--' }}</td>
+          <td>{{ $l('票据账号名称') }}</td>
+          <td class="value">{{ cdInfo.grntBrName || '--' }}</td>
+          <td>{{ $l('票据账号名称') }}</td>
+          <td class="value">{{ bsInfo.grntBrName || '--' }}</td>
+        </tr>
+        <!--票据账号名称  -->
+        <tr>
+          <td>{{ $l('票据账号名称') }}</td>
+          <td class="value">{{ outInfo.grntBillAccountName || '--' }}</td>
+          <td>{{ $l('票据账号名称') }}</td>
+          <td class="value">{{ cdInfo.grntBillAccountName || '--' }}</td>
+          <td>{{ $l('票据账号名称') }}</td>
+          <td class="value">{{ bsInfo.grntBillAccountName || '--' }}</td>
+        </tr>
+        <!--开户银行名称  -->
+        <tr>
+          <td>{{ $l('开户银行名称') }}</td>
+          <td class="value">{{ outInfo.grntBranchBankName || '--' }}</td>
+          <td>{{ $l('开户银行名称') }}</td>
+          <td class="value">{{ cdInfo.grntBranchBankName || '--' }}</td>
+          <td>{{ $l('开户银行名称') }}</td>
+          <td class="value">{{ bsInfo.grntBranchBankName || '--' }}</td>
+        </tr>
+        <!-- 开户银行行号 -->
+        <tr>
+          <td>{{ $l('开户银行行号') }}</td>
+          <td class="value">{{ outInfo.grntCnapsNo || '--' }}</td>
+          <td>{{ $l('开户银行行号') }}</td>
+          <td class="value">{{ cdInfo.grntCnapsNo || '--' }}</td>
+          <td>{{ $l('开户银行行号') }}</td>
+          <td class="value">{{ bsInfo.grntCnapsNo || '--' }}</td>
+        </tr>
+        <!--开户银行账号  -->
+        <tr>
+          <td>{{ $l('开户银行账号') }}</td>
+          <td class="value">{{ outInfo.grntAccountNo || '--' }}</td>
+          <td>{{ $l('开户银行账号') }}</td>
+          <td class="value">{{ cdInfo.grntAccountNo || '--' }}</td>
+          <td>{{ $l('开户银行账号') }}</td>
+          <td class="value">{{ bsInfo.grntAccountNo || '--' }}</td>
+        </tr>
+      </table>
+    </div>
+  </div>
+</template>
+<script>
+import common from './mixins'
+import bg_1 from '../img/bankbackground(1).jpg'
+import bg_2 from '../img/busibackground(2).jpg'
+import icon from '../img/icon.gif'
+import { parseTime } from '@/utils/index'
+export default {
+  name: 'obverse',
+  mixins: [common],
+  data() {
+    return {
+      dialogView: false,
+      infoPrint: [],
+      bg_1,
+      bg_2,
+      icon,
+      time: parseTime(new Date(), '{y}-{m}-{d} {h}:{i}'),
+      billDetailForm: {},
+      outInfo: {},
+      cdInfo: {},
+      bsInfo: {}
+    }
+  },
+  mounted() {
+    this.setData()
+    console.log(parseTime(new Date(), '{y}-{m}-{d} {h}:{i}'),"parseTime(new Date(), 'YYYY-MM-DD HH:mm')");
+  },
+  methods: {
+    setData() {
+      this.billDetailForm = { ...this.formData?.billPositiveInfo, ...this.formData?.billBackInfo } || {}
+      this.outInfo = this.formData?.txGrntVos?.find(item => item.grntType == 'GT01') || {}
+      this.cdInfo = this.formData?.txGrntVos?.find(item => item.grntType == 'GT02') || {}
+      this.bsInfo = this.formData?.txGrntVos?.find(item => item.grntType == 'GT03') || {}
+    },
+    setView(data) {
+      this.time = parseTime(new Date(), '{y}-{m}-{d} {h}:{i}')
+      // this.billDetailForm = data
+    }
+  },
+  created() {
+  }
+}
+</script>
+<style lang="less" scoped>
+@media print {
+  @page {
+    margin: 0;
+  }
+}
+/deep/.el-dialog {
+  min-width: 960px;
+}
+/deep/.el-dialog__header {
+  border-bottom: none;
+  padding: 0;
+}
+/deep/.el-dialog__body {
+  padding: 0;
+}
+.print-page {
+  height: 325mm;
+}
+.print-title {
+  margin-top: 80mm;
+}
+.print-content {
+  zoom: 0.9;
+}
+.print-table-one{
+  margin-top: 10mm;
+}
+.info {
+  padding: 20px;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  border-radius: 4px;
+  height: 593.725mm;
+  // width:217mm;
+  overflow-y: auto;
+  .BillTable {
+    tr {
+      td {
+        text-align: center;
+      }
+      .Alignleft {
+        text-align: left;
+      }
+    }
+  }
+  .info-top {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .info-logo {
+    position: relative;
+    margin: 20px 0 80px;
+    .info-logo-image {
+      img {
+        width: 150px;
+      }
+    }
+    .print-header {
+      top: 50mm !important;
+    }
+    .info-logo-title {
+      position: absolute;
+      top: 58px;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      font-size: 24px;
+      font-weight: bold;
+      letter-spacing: 16px;
+    }
+  }
+  .info-time {
+    display: flex;
+    justify-content: flex-start;
+    margin-bottom: 10px;
+    .info-time-left {
+      width: 50%;
+    }
+  }
+  .table {
+    width: 100%;
+    border-top: 1px solid #ccc; // #e4e4e4
+    border-left: 1px solid #ccc;
+    tr {
+      td {
+        padding: 4px;
+        border-right: 1px solid #ccc;
+        border-bottom: 1px solid #ccc;
+        table {
+          width: 100%;
+        }
+      }
+      .clotd {
+        padding: 0;
+        .left {
+          float: left;
+          padding: 4px;
+        }
+        .right {
+          width: 200px;
+          float: right;
+          padding: 4px;
+          border-left: 1px solid #e4e4e4;
+        }
+      }
+    }
+  }
+  .value {
+    font-weight: 600;
+  }
+  //垂直分布
+  .vertical {
+    width: 20px;
+    text-align: center;
+    margin: 0 auto;
+    line-height: 24px;
+  }
+  //水平分布
+  .horizontal {
+    text-align: justify;
+    text-justify: distribute-all-lines;
+    text-align-last: justify;
+  }
+  .inline-block {
+    display: inline-block;
+    text-align: center;
+    letter-spacing: 2px;
+    vertical-align: middle;
+  }
+  .amount-table {
+    border-left: 1px solid #ccc;
+    tr {
+      td {
+        text-align: center;
+      }
+      &:nth-child(2) {
+        td {
+          font-weight: 600;
+        }
+      }
+    }
+  }
+  .td-box {
+    padding: 0 !important;
+    p {
+      & + p {
+        border-top: 1px solid #ccc;
+      }
+    }
+    .label {
+      display: inline-block;
+      width: 80px;
+      border-right: 1px solid #ccc;
+      padding: 4px 8px;
+    }
+    .value {
+      padding-left: 8px;
+    }
+  }
+}
+.table-m {
+  margin-top: 16px;
+  // &-1{
+  //   margin-top: 64px !important;
+  // }
+}
+</style>