<template>
|
<div id="topId">
|
<div v-show="scrollTop < -200" @click="backTop" style="
|
width: 20px;
|
height: 20px;
|
position: fixed;
|
bottom: 45px;
|
right: 22px;
|
z-index: 99999;
|
cursor: pointer;
|
text-align: center;
|
line-height: 18px;
|
background-color: darkgray;
|
color: white;
|
">
|
<Icon type="md-arrow-round-up" size="18" />
|
</div>
|
<Card id="backTop">
|
<div class="customTitle">
|
<Icon custom="custom custom-gongkaixinxi2"></Icon>
|
<span style="margin-left: 6px">债券融资</span>
|
</div>
|
</Card>
|
<Card style="position: relative; margin-top: 12px">
|
<Spin v-show="loading" fix>
|
|
</Spin>
|
|
<ul class="lists_readAndEdit clearfix" style="margin-top: 0; padding-bottom: 6px">
|
<li class="list" style="width: 100%">
|
<span class="list_name">企业名称</span>
|
<div class="list_value">
|
<Poptip trigger="focus" placement="bottom-start" transfer
|
style="width: 400px; float: left; margin-right: 10px">
|
<Input v-model="searchName" size="large" @on-change="remoteMethod" @on-enter="mergeRequest"
|
placeholder="请输入企业名称"></Input>
|
<ul slot="content" style="width: 500px">
|
<li v-if="optionsList && optionsList.length == 0">
|
无匹配结果
|
</li>
|
<li v-for="(item, index) in optionsList" :key="index" @click="changeBelongLtdId(item.Name)"
|
class="clearfix" style="cursor: pointer; padding: 4px 2px">
|
<span style="float: left">{{ item.Name }}</span>
|
<span style="
|
float: right;
|
display: inline-block;
|
border-radius: 4px;
|
background-color: #e5f7fa;
|
padding: 1px 4px;
|
color: #05b6d0;
|
">{{
|
item.IsOriginalNameMatch ? "历史名称匹配" : "企业名称匹配"
|
}}</span>
|
</li>
|
</ul>
|
</Poptip>
|
<Button size="large" icon="ios-search" style="float: left" type="primary" @click="getRentList">搜索
|
</Button>
|
</div>
|
</li>
|
<li v-if="historyList.length > 0" class="list" style="width: 100%; margin-top: 2px">
|
<span class="list_name" style="top: 5px">历史记录</span>
|
<div class="list_value">
|
<Tag v-for="(item, index) in historyList" type="border" style="cursor: pointer"
|
@click.native="quickSearch(item)">{{ item }}
|
</Tag>
|
</div>
|
</li>
|
</ul>
|
<Tabs @on-click="changeDetailTab">
|
<!-- <TabPane label="发行债券批复" name="tab1">
|
</TabPane> -->
|
<TabPane label="债券审批进度" name="tab2">
|
</TabPane>
|
<TabPane label="债券发行上市" name="tab3">
|
</TabPane>
|
<TabPane label="已到期债券" name="tab4">
|
</TabPane>
|
</Tabs>
|
<div v-if="titName === 'tab1'">
|
<Tabs @on-click="changeDetailTab1">
|
<TabPane label="证监会" name="tab1-1">
|
<div v-if="titName === 'tab1'">
|
<Table ref="bondApprovalList" border :columns="bondApproval" :data="bondApprovalList"
|
:loading="loadingRent1" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
|
placement="top">
|
<Icon custom="custom custom-chakan" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick1(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="CurrentPage1" :total="TotalItems1" :page-size="pageSize" style="text-align: right"
|
@on-change="changePageIndex1" show-elevator ref="pagesChange1" />
|
</div>
|
</div>
|
|
|
</TabPane>
|
<TabPane label="发改委" name="tab1-2">
|
<Table ref="bondApprovalList" border :columns="bondApproval" :data="bondApprovalList"
|
:loading="loadingRent1" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick1(params.row)" />
|
</Tooltip>
|
</template>
|
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="CurrentPage1" :total="TotalItems1" :page-size="pageSize" style="text-align: right"
|
@on-change="changePageIndex1" show-elevator ref="pagesChange1" />
|
</div>
|
|
</TabPane>
|
<TabPane label="中国人民银行" name="tab1-3">
|
<Table ref="bondApprovalList" border :columns="bondApproval" :data="bondApprovalList"
|
:loading="loadingRent1" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkdetail(params.row)" />
|
|
</Tooltip>
|
</template>
|
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="CurrentPage1" :total="TotalItems1" :page-size="pageSize" style="text-align: right"
|
@on-change="changePageIndex1" show-elevator ref="pagesChange1" />
|
</div>
|
|
</TabPane>
|
</Tabs>
|
</div>
|
<div v-show="titName === 'tab2'">
|
<Tabs @on-click="changeDetailTab2" v-model="tabName2">
|
<TabPane label="本公司" name="tab2-1">
|
<div>
|
<Select v-model="StockExchange" style="width:200px;margin-bottom:10px" @on-change="changeExchange">
|
<Option v-for="item in StockExchangeList" :value="item.value" :key="item.value">{{ item.label }}
|
</Option>
|
</Select>
|
</div>
|
<Table ref="approvalProgressList" border :columns="approvalProgress" :data="approvalProgressList"
|
:loading="loadingRent1" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick2(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="pageIndex2" :total="TotalItems2" :page-size="10" style="text-align: right"
|
@on-change="changePageIndex2" show-elevator ref="pagesChange1" />
|
</div>
|
</TabPane>
|
<TabPane label="含下属公司" name="tab2-2">
|
<div>
|
<Select v-model="StockExchange" style="width:200px;margin-bottom:10px" @on-change="changeExchange2">
|
<Option v-for="item in StockExchangeList" :value="item.value" :key="item.value">{{ item.label }}
|
</Option>
|
</Select>
|
</div>
|
<Table ref="approvalProgressList" border :columns="approvalProgressz" :data="approvalProgressList"
|
:loading="loadingRent1" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick2(params.row)" />
|
</Tooltip>
|
</template>
|
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="pageIndex2" :total="TotalItems2" :page-size="pageSize" style="text-align: right"
|
@on-change="changePageIndex2" show-elevator ref="pagesChange1" />
|
</div>
|
</TabPane>
|
</Tabs>
|
</div>
|
<div v-show="titName === 'tab3' || titName === 'tab4'" >
|
<Tabs @on-click="changeDetailTab3" v-model="tabName3">
|
<TabPane label="本公司" name="tab3-1">
|
<div>
|
<Select v-model="StockExchangeTab3" style="width:200px;margin-bottom:10px"
|
@on-change="changeExchangetab3">
|
<Option v-for="item in StockExchangeListTab3" :value="item.value" :key="item.value">{{ item.label }}
|
</Option>
|
</Select>
|
</div>
|
<Table ref="approvalProgressList" border :columns="approvalProgress3" :data="approvalProgressListTab3"
|
v-if="StockExchangeTab3 !== '银行间市场'" :loading="loadingRent1" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick3(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
|
<Table ref="approvalProgressList" border :columns="approvalProgress4" :data="approvalProgressListTab3"
|
v-if="StockExchangeTab3 === '银行间市场'" :loading="loadingRent1" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick3(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
|
<div style="margin-top: 12px">
|
<Page :current="pageIndex3" :total="TotalItems3" :page-size="10" style="text-align: right"
|
@on-change="changePageIndex3" show-elevator ref="pagesChange1" />
|
</div>
|
</TabPane>
|
<TabPane label="含下属公司" name="tab3-2">
|
<div>
|
<!-- <Select v-model="StockExchange" style="width:200px;margin-bottom:10px" @on-change="changeExchange2">
|
<Option v-for="item in StockExchangeList" :value="item.value" :key="item.value">{{ item.label }}
|
</Option>
|
</Select> -->
|
<Select v-model="StockExchangeTab3" style="width:200px;margin-bottom:10px"
|
@on-change="changeExchangetab3">
|
<Option v-for="item in StockExchangeListTab3" :value="item.value" :key="item.value">{{ item.label }}
|
</Option>
|
</Select>
|
</div>
|
<Table ref="approvalProgressList" border :columns="approvalProgress3" :data="approvalProgressListTab3" v-if="StockExchangeTab3 !== '银行间市场'"
|
:loading="loadingRent1" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick3(params.row)" />
|
</Tooltip>
|
</template>
|
|
</Table>
|
<Table ref="approvalProgressList" border :columns="approvalProgress4" :data="approvalProgressListTab3"
|
v-if="StockExchangeTab3 === '银行间市场'" :loading="loadingRent1" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick3(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="pageIndex3" :total="TotalItems3" :page-size="10" style="text-align: right"
|
@on-change="changePageIndex3" show-elevator ref="pagesChange1" />
|
</div>
|
</TabPane>
|
</Tabs>
|
</div>
|
</Card>
|
<Modal v-model="yhDetailModal" footer-hide width="900" sticky reset-drag-position :mask="true" draggable
|
:mask-closable="false">
|
<p slot="header">
|
<Icon custom="custom custom-chakan" style="margin-right: 10px"></Icon>
|
<span>债券批复详情</span>
|
</p>
|
<Table ref="yhDetailList" border :columns="yhDetail" :data="yhDetailList" :loading="loadingdetail"
|
:max-height="800">
|
</Table>
|
</Modal>
|
<Modal v-model="zqfxssShow" footer-hide width="900" sticky reset-drag-position :mask="true" draggable
|
:mask-closable="false">
|
<p slot="header">
|
<Icon custom="custom custom-chakan" style="margin-right: 10px"></Icon>
|
<span>债券发行上市详情</span>
|
</p>
|
<Tabs ref="zqfxxqTab" @on-click="zqfxxqTab">
|
<TabPane label="债券基本要素" name="zqfxxqTab1">
|
</TabPane>
|
<TabPane label="债券行情" name="zqfxxqTab2">
|
</TabPane>
|
<TabPane label="债券公告" name="zqfxxqTab3">
|
</TabPane>
|
</Tabs>
|
|
<div v-show="zqfxxqName === 'zqfxxqTab1'" style="height: 430px;overflow-y: auto;margin-top: 12px"
|
class="assetsScroll">
|
<div v-if="loadingzqfxxqTab" style="display: inline-block;
|
width: 100%;
|
height: 100%;
|
position: relative;
|
border: 1px solid #eee;">
|
<Spin fix size="large" />
|
</div>
|
<div v-else>
|
<table v-if="StockExchangeTab3 == '上交所'" class="tableBack"
|
style="width: 100%;margin-top: 0px;height: 430px;overflow-y: auto" border="0" cellspacing="0"
|
cellpadding="0">
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">债券代码</td>
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">
|
{{ checkTableList.BOND_CODE ? checkTableList.BOND_CODE : '--' }}
|
</td>
|
<td style="border-top: 1px solid #ccc;border-right: none">债券简称</td>
|
<td style="border-top: 1px solid #ccc">
|
{{ checkTableList.BOND_ABBR ? checkTableList.BOND_ABBR : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass tableBackadd" style="border-style: none">
|
<td>发行人</td>
|
<td colspan="3">
|
<span>{{ checkTableList.ISSUE_OWNER ? checkTableList.ISSUE_OWNER : '--' }}</span>
|
</td>
|
</tr>
|
<tr class="rentThClass tableBackadd" style="border-style: none">
|
<td>债券全称</td>
|
<td colspan="3">
|
<span>{{ checkTableList.BOND_FULL ? checkTableList.BOND_FULL : '--' }}</span>
|
</td>
|
</tr>
|
<tr class="rentThClass tableBackadd" style="border-style: none">
|
<td>债券类型</td>
|
<td colspan="3">
|
<span v-if="checkTableList.BOND_TYPE">
|
<span v-if="checkTableList.BOND_TYPE == '非公开发行公司债券'">非公开发行公司债券（含企业债券）</span>
|
<span v-if="checkTableList.BOND_TYPE == '公司债券'">公开发行公司债券（含企业债券）</span>
|
<span v-if="checkTableList.BOND_TYPE !== '公司债券' && checkTableList.BOND_TYPE !== '非公开发行公司债券'">{{
|
checkTableList.BOND_TYPE }}</span>
|
</span>
|
<span v-else>
|
--
|
</span>
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">发行量（亿元）</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ (checkTableList.ISSUE_VALUE && (checkTableList.ISSUE_VALUE != 0))
|
? this.CustomMethods.numTo$(checkTableList.ISSUE_VALUE / 100000000) : '--' }}</td>
|
<td style="border-right: none;border-top: none;">上交所上市总量（亿元）</td>
|
<td style="border-top: none;">
|
{{ (checkTableList.ISSUE_VALUE_HM && (checkTableList.ISSUE_VALUE_HM != 0))
|
? this.CustomMethods.numTo$(checkTableList.ISSUE_VALUE_HM) : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">发行起始日</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ checkTableList.ONLINE_START_DATE ? this.getDateType(checkTableList.ONLINE_START_DATE) : '--' }}</td>
|
<td style="border-top: none;border-right: none">发行终止日</td>
|
<td style="border-top: none;">
|
{{ checkTableList.ONLINE_END_DATE ? this.getDateType(checkTableList.ONLINE_END_DATE) : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">起息日期</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ checkTableList.START_DATE ? this.getDateType(checkTableList.START_DATE) : '--' }}</td>
|
<td style="border-right: none;border-top: none;">到期日期</td>
|
<td style="border-top: none;">
|
{{ checkTableList.END_DATE ? this.getDateType(checkTableList.END_DATE) : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">上市日期</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ checkTableList.LISTING_DATE ? this.getDateType(checkTableList.LISTING_DATE) : '--' }}</td>
|
<td style="border-right: none;border-top: none;">银行间代码</td>
|
<td style="border-top: none;">
|
{{ checkTableList.BANK_CODE ? checkTableList.BANK_CODE : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>计息方式</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.INTEREST_TYPE ? checkTableList.INTEREST_TYPE : '--' }}</td>
|
<td style="border-top: none;border-right: none">付息方式</td>
|
<td style="border-top: none">{{ checkTableList.PAY_TYPE ? checkTableList.PAY_TYPE : '--'
|
}}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>票面利率（%）</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.FACE_RATE ? checkTableList.FACE_RATE : '--' }}</td>
|
<td style="border-top: none;border-right: none">债券期限（年）</td>
|
<td style="border-top: none">{{ checkTableList.TERM_YEAR ? checkTableList.TERM_YEAR : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>基准利率（%）</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.BASE_RATE ? checkTableList.BASE_RATE : '--' }}</td>
|
<td style="border-top: none;border-right: none">浮动利差（%）</td>
|
<td style="border-top: none">{{ checkTableList.ISSUE_PRICE ? checkTableList.ISSUE_PRICE : '--' }}
|
</td>
|
</tr>
|
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>标准券折算率</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.RATE ? checkTableList.RATE : '--' }}</td>
|
<td style="border-top: none;border-right: none">债券估值（元）</td>
|
<td style="border-top: none">{{ checkTableList.ISSUE_PRICE ? checkTableList.ISSUE_PRICE : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>发行类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.MANAGE_TYPE ? checkTableList.MANAGE_TYPE : '--' }}</td>
|
<td style="border-top: none;border-right: none">交易方式</td>
|
<td style="border-top: none">
|
<p v-if="!checkTableList.TRADE_TYPE">--</p>
|
<!-- {{ checkTableList.TradeWay ? checkTableList.TradeWay : '--' }} -->
|
<div v-else>
|
<span v-for="(item, index) in checkTableList.TRADE_TYPE.split(',')" :key="index">
|
<!-- PPCJ,DJCJ,XJCJ,JMCJ,XSCJ -->
|
{{ item == 'PPCJ' ? '匹配成交;' : '' }}
|
{{ item == 'DJCJ' ? '点击成交;' : '' }}
|
{{ item == 'XJCJ' ? '询价成交;' : '' }}
|
{{ item == 'JMCJ' ? '竞价成交;' : '' }}
|
{{ item == 'XSCJ' ? '协议成交;' : '' }}
|
</span>
|
|
</div>
|
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>债券评级</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.BOND_RATING ? checkTableList.BOND_RATING : '--' }}</td>
|
<td style="border-top: none;border-right: none">主体评级</td>
|
<td style="border-top: none">{{ checkTableList.MAIN_RATING ? checkTableList.MAIN_RATING : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass tableBackadd" style="border-style: none">
|
<td>是否非担保</td>
|
<td colspan="3">
|
<span>{{ checkTableList.IS_NOT_DB ? checkTableList.IS_NOT_DB : '--' }}</span>
|
</td>
|
</tr>
|
</table>
|
<table v-if="StockExchangeTab3 == '深交所'" class="tableBack"
|
style="width: 100%;margin-top: 0px;height: 430px;overflow-y: auto" border="0" cellspacing="0"
|
cellpadding="0">
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">债券名称</td>
|
<td colspan="3" style="border-top: 1px solid #ccc;border-right: 1px solid #ccc">
|
{{ checkTableList.zqcc ? checkTableList.zqcc : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass tableBackadd" style="border-style: none">
|
<td>发行人名称</td>
|
<td colspan="3">
|
<span>{{ checkTableList.fxrmc ? checkTableList.fxrmc : '--' }}</span>
|
</td>
|
</tr>
|
<!-- <tr class="rentThClass tableBackadd" style="border-style: none">
|
<td>债券全称</td>
|
<td colspan="3">
|
<span>{{ checkTableList.DebtName ? checkTableList.DebtName : '--' }}</span>
|
</td>
|
</tr> -->
|
<tr class="rentThClass2 tableBackadd" style="border-style: none;">
|
<td style="border-top:none;border-right:none">证券简称</td>
|
<td style="border-top:none">
|
{{ checkTableList.zqjc ? checkTableList.zqjc : '--' }}
|
</td>
|
<td style="border-top:none;border-right:none">证券代码</td>
|
<td style="border-top:none">
|
<span>{{ checkTableList.zqdm ? checkTableList.zqdm : '--' }}</span>
|
</td>
|
</tr>
|
<tr class="rentThClass tableBackadd" style="border-style: none">
|
<td>银行间代码</td>
|
<td colspan="3">
|
<span>{{ checkTableList.yhjdm ? checkTableList.yhjdm : '--' }}</span>
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">产品类型</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ checkTableList.cplx ? checkTableList.cplx : '--' }}</td>
|
<td style="border-right: none;border-top: none;">发行量（亿元）</td>
|
<td style="border-top: none;">
|
{{ (checkTableList.fxlnew && (checkTableList.fxlnew != 0))
|
? this.CustomMethods.numTo$(checkTableList.fxlnew) : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">债券期限（年）</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ checkTableList.zqqx ? checkTableList.zqqx : '--' }}</td>
|
<td style="border-top: none;border-right: none">剩余期限（年）</td>
|
<td style="border-top: none;">
|
{{ checkTableList.syqx ? checkTableList.syqx : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">发行起始日</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ checkTableList.fxqsr ? checkTableList.fxqsr : '--' }}</td>
|
<td style="border-right: none;border-top: none;">发行结束日</td>
|
<td style="border-top: none;">
|
{{ checkTableList.fxjsr ? checkTableList.fxjsr : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">起息日期</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ checkTableList.qxrq ? checkTableList.qxrq : '--' }}</td>
|
<td style="border-right: none;border-top: none;">到期日期</td>
|
<td style="border-top: none;">
|
{{ checkTableList.dqrq ? checkTableList.dqrq : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">上市日期</td>
|
<td style="border-right: 0px solid #ccc;border-top: none;">
|
{{ checkTableList.ssrq ? checkTableList.ssrq : '--' }}</td>
|
<td style="border-right: none;border-top: none;">交易方式</td>
|
<td style="border-top: none;">
|
<span v-html="checkTableList.jyfs ? checkTableList.jyfs : ''"></span>
|
</td>
|
</tr>
|
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>利率形式</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.llxs ? checkTableList.llxs : '--' }}</td>
|
<td style="border-top: none;border-right: none">是否可担保</td>
|
<td style="border-top: none">{{ checkTableList.dbjs ? checkTableList.dbjs : '--'
|
}}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>票面利率（%）</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.pmll ? checkTableList.pmll : '--' }}</td>
|
<td style="border-top: none;border-right: none">付息周期</td>
|
<td style="border-top: none">{{ checkTableList.fxzq ? checkTableList.fxzq : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>还本方式</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.hbfs ? checkTableList.hbfs : '--' }}</td>
|
<td style="border-top: none;border-right: none">计价方式</td>
|
<td style="border-top: none">{{ checkTableList.jjfs ? checkTableList.jjfs : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>应计利息额（元）</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.yjlse ? checkTableList.yjlse : '--' }}</td>
|
<td style="border-top: none;border-right: none">标准券折算率</td>
|
<td style="border-top: none">{{ checkTableList.bzqzsl ? checkTableList.bzqzsl : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass tableBackadd" style="border-style: none">
|
<td>增信方式</td>
|
<td colspan="3">
|
<span>{{ checkTableList.zxfs ? checkTableList.zxfs : '--' }}</span>
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none;">
|
<td>选择权条款</td>
|
<td style="border-top: none;border-right: none">{{ checkTableList.xzqtk ? checkTableList.xzqtk : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">允许的投资者范围</td>
|
<td style="border-top: none">{{ checkTableList.tzzfw ? checkTableList.tzzfw : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none;">
|
<td>最新债券评级</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.zxzqpj ? checkTableList.zxzqpj : '--' }}</td>
|
<td style="border-top: none;border-right: none">最新主体评级</td>
|
<td style="border-top: none">{{ checkTableList.zxztpj ? checkTableList.zxztpj : '--' }}</td>
|
</tr>
|
<tr class="rentThClass tableBackadd" style="border-style: none">
|
<td>最新主体评级展望</td>
|
<td colspan="3">
|
<span>{{ checkTableList.zxztzw ? checkTableList.zxztzw : '--' }}</span>
|
</td>
|
</tr>
|
</table>
|
<h3 v-if="StockExchangeTab3 == '银行间市场'">债券基本信息</h3>
|
<table v-if="StockExchangeTab3 == '银行间市场'" class="tableBack"
|
style="width: 100%;margin-top: 0px;height: 430px;overflow-y: auto" border="0" cellspacing="0"
|
cellpadding="0">
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">债券简称</td>
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">
|
{{ checkTableList.BondName ? checkTableList.BondName : '--' }}
|
</td>
|
<td style="border-top: 1px solid #ccc;border-right: none">债券代码</td>
|
<td style="border-top: 1px solid #ccc">
|
{{ checkTableList.BondCode ? checkTableList.BondCode : '--' }}
|
</td>
|
</tr>
|
|
<!-- <tr class="rentThClass tableBackadd" style="border-style: none">
|
<td>债券类型</td>
|
<td colspan="3">
|
<span v-if="checkTableList.BOND_TYPE">
|
<span v-if="checkTableList.BOND_TYPE=='非公开发行公司债券'">非公开发行公司债券（含企业债券）</span>
|
<span v-if="checkTableList.BOND_TYPE=='公司债券'">公开发行公司债券（含企业债券）</span>
|
<span v-if="checkTableList.BOND_TYPE!=='公司债券'&&checkTableList.BOND_TYPE!=='非公开发行公司债券'">{{ checkTableList.BOND_TYPE }}</span>
|
</span>
|
<span v-else>
|
--
|
</span>
|
</td>
|
</tr> -->
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">债券类型</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ checkTableList.BondType ? checkTableList.BondType : '--' }}
|
</td>
|
<td style="border-right: none;border-top: none;">发行人</td>
|
<td style="border-top: none;">
|
{{ checkTableList.IssueOrTrusee ? checkTableList.IssueOrTrusee : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">债券发行日</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ checkTableList.IssueDate ? checkTableList.IssueDate : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">到期兑付日</td>
|
<td style="border-top: none;">
|
{{ checkTableList.MrtyDate ? checkTableList.MrtyDate : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">债券期限</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ checkTableList.BondPeriod ? checkTableList.BondPeriod : '--' }}
|
</td>
|
<td style="border-right: none;border-top: none;">面值（元）</td>
|
<td style="border-top: none;">
|
{{ checkTableList.ParValue ? checkTableList.ParValue : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">发行价格（元）</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ checkTableList.IssuePrice ? checkTableList.IssuePrice : '--' }}
|
</td>
|
<td style="border-right: none;border-top: none;">计划发行量（亿）</td>
|
<td style="border-top: none;">
|
{{ checkTableList.PlndIssueAmnt ? checkTableList.PlndIssueAmnt : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>实际发行量（亿）</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.IssueAmnt ? checkTableList.IssueAmnt : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">息票类型</td>
|
<td style="border-top: none">{{ checkTableList.CouponType ? checkTableList.CouponType : '--'
|
}}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>付息频率</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.CouponType ? checkTableList.CouponType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">债券起息日</td>
|
<td style="border-top: none">{{ checkTableList.FrstValueDate ? checkTableList.FrstValueDate : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>基准利差（%）</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.BnchmkSpreadRate ? checkTableList.BnchmkSpreadRate : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">票面利率（%）</td>
|
<td style="border-top: none">{{ checkTableList.ParCouponRate ? checkTableList.ParCouponRate : '--' }}
|
</td>
|
</tr>
|
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>基准利率名</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.BnchmkRateNm ? checkTableList.BnchmkRateNm : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">基准利率</td>
|
<td style="border-top: none">{{ checkTableList.BnchmkRate ? checkTableList.BnchmkRate : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>信用评级机构</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.CreditRateEnty1 ? checkTableList.CreditRateEnty1 : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">债项/主体评级</td>
|
<td style="border-top: none">
|
|
{{ checkTableList.DebtSubjectRate1 ? checkTableList.DebtSubjectRate1 : '--' }}
|
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>是否含权</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.HasExerciseInfo ? checkTableList.HasExerciseInfo : '--' }}</td>
|
<td style="border-top: none;border-right: none">发起人</td>
|
<td style="border-top: none">{{ checkTableList.StartEnty ? checkTableList.StartEnty : '--' }}
|
</td>
|
</tr>
|
</table>
|
|
<div v-if="StockExchangeTab3 == '银行间市场' && XFTableList.length > 0">
|
<div v-for="(item, index) in XFTableList" :key="index">
|
<h3 style="margin-top: 5px">{{ item.Title }} </h3>
|
|
<table class="tableBack" style="width: 100%;margin-top: 0px;height: 130px;overflow-y: auto" border="0"
|
cellspacing="0" cellpadding="0">
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">续发行发行日</td>
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">
|
{{ item.ContinuedIssuanceDate ? item.ContinuedIssuanceDate : '--' }}
|
</td>
|
<td style="border-top: 1px solid #ccc;border-right: none">续发行上市交易日</td>
|
<td style="border-top: 1px solid #ccc">
|
{{ item.ContinuedIssuance ? item.ContinuedIssuance : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>计划续发行总额(亿)</td>
|
<td style="border-top: none;border-right: none">
|
{{ item.PlannedAmount ? item.PlannedAmount : '--' }}</td>
|
<td style="border-top: none;border-right: none">实际续发行总额(亿)</td>
|
<td style="border-top: none">{{ item.ActualAmount ? item.ActualAmount : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>续发行价格(元)</td>
|
<td style="border-top: none;border-right: none">
|
{{ item.RenewalPrice ? item.RenewalPrice : '--' }}</td>
|
<td style="border-top: none;border-right: none">续发行收益率(%)</td>
|
<td style="border-top: none">{{ item.RenewalYield ? item.RenewalYield : '--' }}
|
</td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
|
|
</div>
|
</div>
|
<div v-show="zqfxxqName === 'zqfxxqTab2'">
|
<div v-if="StockExchangeTab3 == '上交所'">
|
<RadioGroup v-model="CJHQType" @on-change="changeCJHQ">
|
<Radio label="bond_sse_price">点击成交行情</Radio>
|
<Radio label="bond_sse_bidding">匹配成交行情</Radio>
|
</RadioGroup>
|
<Table ref="approvalProgressList" border :columns="DJCJHQColumns" :data="detailtab2Date"
|
v-if="CJHQType == 'bond_sse_price'" style="margin-top: 12px" :loading="loadingzqfxxqTab" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'"
|
@click="checkRentclick2(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<Table ref="approvalProgressList" border :columns="PPCJHQColumns" style="margin-top: 12px"
|
:data="detailtab2Date" v-if="CJHQType == 'bond_sse_bidding'" :loading="loadingzqfxxqTab" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'"
|
@click="checkRentclick2(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="pageIndexzq" :total="TotalItemszq" :page-size="8" style="text-align: right"
|
@on-change="changePageIndexzq2" show-elevator ref="pagesChange1" />
|
</div>
|
</div>
|
<div v-if="StockExchangeTab3 == '深交所'" style="height: 250px;overflow-y: auto;margin-top: 12px"
|
class="assetsScroll">
|
<div v-if="loadingzqfxxqTab" style="display: inline-block;
|
width: 100%;
|
height: 100%;
|
position: relative;
|
border: 1px solid #eee;">
|
<!-- style="position:relative" -->
|
<Spin fix size="large" />
|
</div>
|
<div v-else>
|
<table class="tableBack" style="width: 100%;margin-top: 0px;height: 100px;overflow-y: auto" border="0"
|
cellspacing="0" cellpadding="0">
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">开盘价</td>
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">
|
{{ detailtab2SJS.open ? detailtab2SJS.open : '--' }}
|
</td>
|
<td style="border-top: 1px solid #ccc;border-right: none">最新价</td>
|
<td style="border-top: 1px solid #ccc">
|
{{ detailtab2SJS.now ? detailtab2SJS.now : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">涨跌</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ detailtab2SJS.delta ? detailtab2SJS.delta : '--' }}</td>
|
<td style="border-right: none;border-top: none;">涨跌幅（%）</td>
|
<td style="border-top: none;">
|
{{ detailtab2SJS.deltaPercent ? detailtab2SJS.deltaPercent : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">最高价</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ detailtab2SJS.high ? detailtab2SJS.high : '--' }}</td>
|
<td style="border-top: none;border-right: none">最低价</td>
|
<td style="border-top: none;">
|
{{ detailtab2SJS.low ? detailtab2SJS.low : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">成交面额（元）</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ detailtab2SJS.volume ? this.CustomMethods.numTo$(detailtab2SJS.volume) : '--' }}</td>
|
<td style="border-right: none;border-top: none;">成交金额（元）</td>
|
<td style="border-top: none;">
|
{{ detailtab2SJS.amount ? this.CustomMethods.numTo$(detailtab2SJS.amount) : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td style="border-right: 0px solid #ccc">最新成交方式</td>
|
<td style="border-right: 0px solid #ccc">
|
{{ detailtab2SJS.currentTradingType ? detailtab2SJS.currentTradingType : '--' }}</td>
|
<td style="border-right: none;border-top: none;">匹配成交最新价</td>
|
<td style="border-top: none;">
|
<p v-if="!detailtab2SJS.auctionPrice">--</p>
|
<div v-else>
|
<p v-if="detailtab2SJS.auctionPrice == 1">匹配成交</p>
|
<p v-else-if="detailtab2SJS.auctionPrice == 2">协商成交</p>
|
<p v-else-if="detailtab2SJS.auctionPrice == 3">点击成交</p>
|
<p v-else-if="detailtab2SJS.auctionPrice == 4">询价成交</p>
|
<p v-else-if="detailtab2SJS.auctionPrice == 5">竞买成交</p>
|
|
</div>
|
{{ detailtab2SJS.auctionPrice ? detailtab2SJS.auctionPrice : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2 tableBackadd" style="border-style: none">
|
<td>匹配成交面额（元）</td>
|
<td style="border-top: none;border-right: none">
|
{{ detailtab2SJS.auctionVolume ? detailtab2SJS.auctionVolume : '--' }}</td>
|
<td style="border-top: none;border-right: none">匹配成交金额（元）</td>
|
<td style="border-top: none">{{ detailtab2SJS.auctionAmount ? detailtab2SJS.auctionAmount : '--'
|
}}
|
</td>
|
</tr>
|
</table>
|
|
</div>
|
</div>
|
<!-- -->
|
<div v-if="StockExchangeTab3 == '银行间市场'">
|
<RadioGroup v-model="YSJSCType" @on-change="changeYHJSCCJHQ">
|
<Radio label="bond_sse_price1">现券市场成交行情</Radio>
|
<Radio label="bond_sse_bidding1">现券市场做市报价</Radio>
|
</RadioGroup>
|
<Table ref="approvalProgressList" border :columns="YHJSCCJHQColumns" :data="detailtab2Date" v-if="YSJSCType == 'bond_sse_price1'"
|
style="margin-top: 12px" :loading="loadingzqfxxqTab" :max-height="600">
|
<template slot-scope="params" slot="Bp">
|
<div>
|
<span>{{ params.row.Bp }}</span>
|
<Icon v-if="params.row.UpDown=='up'" type="ios-arrow-round-up" style="font-size: 21px;font-weight: bold" />
|
<Icon v-if="params.row.UpDown=='down'" style="font-size: 21px;font-weight: bold" type="ios-arrow-round-down" />
|
</div>
|
</template>
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'"
|
@click="checkRentclick2(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<Table ref="approvalProgressList" border :columns="YHJSCZSBJColumns" :data="detailtab2Date" v-if="YSJSCType == 'bond_sse_bidding1'"
|
style="margin-top: 12px" :loading="loadingzqfxxqTab" :max-height="600">
|
<template slot-scope="params" slot="Bp">
|
<div>
|
<span>{{ params.row.Bp }}</span>
|
<Icon v-if="params.row.UpDown=='up'" type="ios-arrow-round-up" style="font-size: 21px;font-weight: bold" />
|
<Icon v-if="params.row.UpDown=='down'" style="font-size: 21px;font-weight: bold" type="ios-arrow-round-down" />
|
</div>
|
</template>
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'"
|
@click="checkRentclick2(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="pageIndexzq" :total="TotalItemszq" :page-size="8" style="text-align: right"
|
@on-change="changePageIndexzq2" show-elevator ref="pagesChange1" />
|
</div>
|
</div>
|
</div>
|
<div v-show="zqfxxqName === 'zqfxxqTab3'">
|
<Table ref="approvalProgressList" border :columns="YHJSCdetailtab3" :data="detailtab3Date"
|
:loading="loadingzqfxxqTab" v-if="StockExchangeTab3 === '银行间市场'" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'"
|
@click="checkDetailtab3(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<Table ref="approvalProgressList" border :columns="detailtab3" :data="detailtab3Date"
|
:loading="loadingzqfxxqTab" v-if="StockExchangeTab3 !== '银行间市场'" :max-height="600">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'"
|
@click="checkDetailtab3(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="pageIndexzq" :total="TotalItemszq" :page-size="8" style="text-align: right"
|
@on-change="changePageIndexzq3" show-elevator ref="pagesChange1" />
|
</div>
|
</div>
|
</Modal>
|
</div>
|
</template>
|
|
<script>
|
import $ from "jquery";
|
import axios from "@/libs/api.request";
|
// import rentMarket from './components/rentMarket.vue'
|
|
export default {
|
name: "bondfinancing",
|
components: {
|
// rentMarket
|
},
|
data() {
|
return {
|
YSJSCType:'bond_sse_price1',
|
XFTableList: [],
|
CJHQType: '点击成交行情',
|
detailInfo: {},
|
loadingzqfxxqTab: false,
|
showzqfxxqTab: false,
|
approvalProgressListTab3: [],
|
StockExchangeTab3: '上交所',
|
detailtab3Date: [],
|
detailtab2Date: [],
|
detailtab1Date: [],
|
detailtab2SJS: {},
|
TotalItemszq: 0,
|
TotalItems3: 0,
|
|
checkTableList: {},
|
zqfxxqName: 'zqfxxqTab1',
|
zqfxssShow: false,
|
yhDetailModal: false,
|
yhDetailList: [],
|
StockExchangeList: [
|
{
|
value: '上交所',
|
label: '上交所'
|
},
|
{
|
value: '深交所',
|
label: '深交所'
|
},
|
],
|
StockExchangeListTab3: [
|
{
|
value: '上交所',
|
label: '上交所'
|
},
|
{
|
value: '深交所',
|
label: '深交所'
|
},
|
{
|
value: '银行间市场',
|
label: '银行间市场'
|
},
|
],
|
// StockExchangeList: [
|
// {
|
// value: '上交所',
|
// label: '上交所'
|
// },
|
// {
|
// value: '深交所',
|
// label: '深交所'
|
// },
|
|
// ],
|
StockExchange: '上交所',
|
creditBureaus: '',
|
selectvalue1: 'company',
|
deadline: '',
|
searchNamezt: '',
|
loadingdetail: false,
|
loadingRent1: false,
|
titName: 'tab2',
|
defaultassetsmode: false,
|
pageIndex1: 1, // 当前页
|
CurrentPage1: 1,
|
TotalItems1: 0, // 总条数
|
pageIndex2: 1, // 当前页
|
CurrentPage2: 1,
|
TotalItems2: 0, // 总条数
|
pageSize: 10,
|
rentSearch: "", // 租赁搜索框model
|
|
|
ProjId: 1, // 项目Id
|
loading: true, // loading
|
selectedName: "", // 所属主体
|
realName: "", // 当前使用的名称
|
IPODetail: "", // 股票代码
|
showTab4: false, // 是否加载tab4
|
companyList: [], // 第一还款来源的公司列表
|
tab: "tab4", // 选中tab
|
fullDetail: {}, // 详细信息
|
baseAnnualReportList: [], // 企业年报(存档)
|
baseSeriousViolationList: [], // 黑名单(存档)
|
clearMyInterval: false, // 是否清除定时器
|
optionsList: [], // 模糊搜索的主体名称列表
|
searchLoading: false, // 模糊搜索loading
|
searchName: "", // 搜索框中的公司名称
|
historyList: [], // 历史记录
|
isShow: false, // 企业是否查询成功
|
accessParams: [], // 定义获取getuserinfo的access的数据
|
accessShow: false,
|
CompanyId: 0,
|
scrollTop: 0, // 距离顶部距离
|
childrenLoadingReset: "",
|
arrListLength: false,
|
diffList: [],
|
opreateTime: 0,
|
arrLength3: false,
|
arrLength4: false,
|
tabsec2: "tab0",
|
firstTab1: false,
|
tabName1: "tab1-1",
|
tabName2: "tab2-1",
|
isfirsttab1: true,
|
isfirsttab2: true,
|
firstHis: false,
|
rentSeniorSearch: false,
|
bondApprovalList: [],
|
type: 'csrc',
|
approvalProgressList: [],
|
pageIndexzq: 1,
|
tabName3: 'tab3-1',
|
pageIndex3: 1,
|
};
|
},
|
mounted() {
|
window.addEventListener("scroll", this.scrollListen, true);
|
this.ProjId = localStorage.getItem("RiskProjectId");
|
this.CompanyId = localStorage.getItem("RiskCompanyId");
|
// this.accessParams = this.$store.state.user.access;
|
// if (this.accessParams.indexOf("enterpriseControl") >= 0) {
|
// this.accessShow = true;
|
// } else {
|
// this.accessShow = false;
|
// }
|
// this.getRepaymentList("First");
|
let a = localStorage.getItem("public_Message_name");
|
if (this.$route.query.name) {
|
console.log(this.$route.query);
|
this.searchName = this.$route.query.name;
|
this.selectedName = this.$route.query.name;
|
if (this.optionsList.length == 0) {
|
this.remoteMethod();
|
}
|
// this.mergeRequest(this.selectedName);
|
this.getRentList()
|
} else {
|
// console.log(1);
|
this.getSearchInfoList();
|
// this.getRentList()
|
}
|
// console.log(this.historyList);
|
// console.log( this.searchName,this.selectedName );
|
},
|
beforeRouteLeave(to, from, next) {
|
this.clearMyInterval = true;
|
window.removeEventListener("scroll", this.scrollListen, true);
|
next();
|
},
|
deactivated() { },
|
watch: {
|
tabsec2(data) {
|
this.$nextTick(() => {
|
$(".rentScroll").animate({ scrollTop: 0 }, "slow");
|
});
|
},
|
"seniorSearch.leaser": {
|
handler(newName, oldName) {
|
this.remoteleaserMethod();
|
},
|
},
|
},
|
created() {
|
this.$watch(
|
"rentSearch",
|
this.debounce((newQuery) => {
|
// newQuery为输入的值
|
this.rentSearch = newQuery;
|
this.remoteMethod();
|
}, 200)
|
);
|
this.$watch(
|
"seniorSearch.rentMan",
|
this.debounce2((newQuery) => {
|
// newQuery为输入的值
|
this.seniorSearch.rentMa = newQuery;
|
this.remoteManMethod();
|
}, 200)
|
);
|
// this.$watch('seniorSearch.leaser', this.debounce3((newQuery) => {
|
// // newQuery为输入的值
|
// this.seniorSearch.leaser = newQuery
|
// this.remoteleaserMethod()
|
// }, 200))
|
this.$watch(
|
"seniorSearch.tenantAbode",
|
this.debounce4((newQuery) => {
|
// newQuery为输入的值
|
this.seniorSearch.tenantAbode = newQuery;
|
this.tenantsResidence();
|
}, 200)
|
);
|
},
|
methods: {
|
getDateType(date) {
|
// date:20200101转化为2020-01-01
|
let year = date.substring(0, 4)
|
let month = date.substring(4, 6)
|
let day = date.substring(6, 8)
|
return `${year}-${month}-${day}`
|
|
},
|
changeExchange(val) {
|
if (val === '上交所') {
|
this.getSseItemBaseInfo()
|
} else {
|
this.getSzseItemBaseInfo()
|
}
|
},
|
changeExchange2(val) {
|
if (val === '上交所') {
|
this.getSseItemBaseInfo2()
|
} else {
|
this.getSzseItemBaseInfo2()
|
}
|
},
|
changeExchangetab3(val) {
|
this.pageIndex3 = 1
|
// if (val === '上交所') {
|
if(this.tabName3 === 'tab3-1'){
|
this.getBondDebtPage()
|
|
}else {
|
this.getBondDebtPageSubsidiary()
|
|
}
|
// } else if(val === '深交所') {
|
// this.getBondDebtPage()
|
// } else {
|
// // this.getPageChinamoneyMkDataBonReport()
|
// }
|
},
|
checkdetail(params) {
|
this.yhDetailList = []
|
this.yhDetailList.push(params)
|
this.yhDetailModal = true
|
},
|
checkRentclick1(params) {
|
window.open(params.url, '_blank')
|
},
|
checkRentclick2(params) {
|
localStorage.setItem('rongziDebtDetail', JSON.stringify(params))
|
window.open(`#/rongziDebtDetail?companyName=${params.BondName}&StockExchange=${this.StockExchange}`, "_blank");
|
},
|
checkRentclick3(params) {
|
console.log(params);
|
this.detailInfo = params
|
this.$refs.zqfxxqTab.activeKey = 'zqfxxqTab1'
|
this.zqfxxqTab('zqfxxqTab1', this.detailInfo)
|
this.zqfxssShow = true
|
},
|
changeSelect(e) {
|
console.log(e);
|
// this.selectvalue1=
|
},
|
/**
|
* 快捷搜索
|
*/
|
quickSearch(item) {
|
// this.childrenLoadingReset = item
|
// if (item && typeof (item) === 'string') {
|
this.searchName = item
|
this.selectedName = item
|
this.getRentList()
|
// } else if (this.searchName === '') {
|
// this.$Message.error('请输入不为空的企业名称！')
|
// return false
|
// }
|
},
|
// checkRentclick1(item) {
|
// this.getRentListdetail1()
|
// },
|
// checkRentclick2(item) {
|
// this.getRentListdetail2()
|
// },
|
|
|
changePageIndex1(index) {
|
console.log(index);
|
this.pageIndex1 = index
|
this.getBondReply()
|
},
|
changePageIndex2(index) {
|
console.log(index);
|
this.pageIndex2 = index
|
// this.getSseItemBaseInfo()
|
if (this.StockExchange === '上交所') {
|
this.getSseItemBaseInfo()
|
} else {
|
this.getSzseItemBaseInfo()
|
}
|
},
|
changePageIndex3(index) {
|
console.log(index);
|
this.pageIndex3 = index
|
if(this.tabName3 == 'tab3-1'){
|
this.getBondDebtPage()
|
} else {
|
this.getBondDebtPageSubsidiary()
|
}
|
},
|
/**
|
* 修改belongLtdId
|
*/
|
changeBelongLtdId(item) {
|
this.showTab4 = false;
|
this.searchName = item;
|
},
|
backTop() {
|
document.getElementById("backTop").scrollIntoView();
|
},
|
/**
|
* 远程搜索主体名称
|
*/
|
remoteMethod() {
|
this.isfirsttab1 = true;
|
this.isfirsttab2 = true;
|
this.TypeAdd = 1;
|
if (this.searchName !== "") {
|
this.searchLoading = true;
|
let data = { name: this.searchName };
|
axios
|
.request({
|
url: "/QiChaCha/GetTycSearch2",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.optionsList = JSON.parse(JSON.stringify(res.data.Data.Items));
|
} else {
|
this.optionsList = [];
|
}
|
this.searchLoading = false;
|
},
|
(res) => {
|
this.optionsList = [];
|
this.searchLoading = false;
|
}
|
);
|
} else {
|
this.optionsList = [];
|
}
|
},
|
mergeRequest(name) {
|
if (name && typeof name === "string") {
|
this.selectedName = name;
|
} else if (this.searchName === "") {
|
this.$Message.error("请输入不为空的企业名称！");
|
return false;
|
} else {
|
this.selectedName = this.searchName;
|
}
|
// this.loading = true
|
this.checkAddenterprise();
|
this.showTab4 = false;
|
this.axios.all([this.getFullDetail(), this.getAnnualReportList()]).then(
|
this.axios.spread((fullDetail, baseAnnualReportList) => {
|
// fullDetail
|
if (fullDetail.data.Check) {
|
this.fullDetail = fullDetail.data.Data || {};
|
this.realName = this.fullDetail.Name;
|
if (!this.fullDetail.IsNew3 && this.tab == "tab8") {
|
this.tab = "tab1";
|
}
|
if (this.fullDetail.IsOnStock == 1) {
|
this.getIPODetail();
|
} else {
|
this.showTab4 = true;
|
this.IPODetail = {};
|
}
|
this.getSearchInfoList();
|
this.isShow = true;
|
this.loading = false;
|
} else {
|
this.isShow = false;
|
this.$Message.error(fullDetail.data.Msg);
|
this.loading = false;
|
}
|
// fullDetail
|
// baseAnnualReportList
|
this.baseAnnualReportList = baseAnnualReportList.data.Data || [];
|
// baseAnnualReportList
|
this.loading = false;
|
})
|
);
|
},
|
|
getRentList() {
|
this.pageIndex1 = 1
|
this.pageIndex2 = 1
|
this.pageIndex3 = 1
|
if (this.titName === 'tab1') {
|
if (this.tabName1 === 'tab1-1') {
|
this.type = 'csrc'
|
this.getBondReply()
|
} else if (this.tabName1 === 'tab1-2') {
|
this.type = 'ndrc'
|
|
this.getBondReply()
|
} else if (this.tabName1 === 'tab1-3') {
|
this.type = 'pbc'
|
this.getBondReply()
|
}
|
} else if (this.titName === 'tab2') {
|
if (this.tabName2 === 'tab2-1') {
|
if (this.StockExchange === '上交所') {
|
this.getSseItemBaseInfo()
|
} else {
|
this.getSzseItemBaseInfo()
|
}
|
|
} else if (this.tabName2 === 'tab2-2') {
|
if (this.StockExchange === '上交所') {
|
this.getSseItemBaseInfo2()
|
} else {
|
this.getSzseItemBaseInfo2()
|
}
|
}
|
} else if (this.titName === 'tab3') {
|
if (this.tabName3 === 'tab3-1') {
|
this.getBondDebtPage()
|
} else if (this.tabName3 === 'tab3-2') {
|
|
this.getBondDebtPageSubsidiary()
|
} else if (this.tabName3 === 'tab3-3') {
|
|
}
|
} else if (this.titName === 'tab4') {
|
if (this.tabName3 === 'tab3-1') {
|
// if (this.StockExchange === '上交所') {
|
this.getBondDebtPage()
|
// } else {
|
// this.getSzseItemBaseInfo()
|
// }
|
|
} else if (this.tabName3 === 'tab3-2') {
|
this.getBondDebtPageSubsidiary()
|
|
// if (this.StockExchange === '上交所') {
|
// this.getSseItemBaseInfo2()
|
// } else {
|
// this.getSzseItemBaseInfo2()
|
// }
|
}
|
}
|
|
},
|
getBondReply() {
|
this.bondApprovalList = []
|
this.loadingRent1 = true
|
let data = {
|
title: this.searchName,
|
type: this.type,
|
pageIndex: this.pageIndex1,
|
pageSize: this.pageSize,
|
|
};
|
axios
|
.request({
|
url: "/BankYj/GetBondReply",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.bondApprovalList = res.data.Data.Items
|
this.TotalItems1 = res.data.Data.TotalItems
|
this.CurrentPage1 = res.data.Data.CurrentPage
|
this.loadingRent1 = false;
|
} else {
|
this.loadingRent1 = false;
|
}
|
},
|
(res) => {
|
this.loadingRent1 = false;
|
}
|
);
|
},
|
// 本公司
|
getSseItemBaseInfo() {
|
this.approvalProgressList = []
|
this.loadingRent1 = true
|
let data = {
|
companyName: this.searchName,
|
pageIndex: this.pageIndex2,
|
pageSize: this.pageSize,
|
|
};
|
|
axios
|
.request({
|
url: "/BankYj/GetSseItemBaseInfo",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.approvalProgressList = res.data.Data.Items
|
this.TotalItems2 = res.data.Data.TotalItems
|
this.CurrentPage2 = res.data.Data.CurrentPage
|
this.loadingRent1 = false;
|
} else {
|
this.loadingRent1 = false;
|
}
|
},
|
(res) => {
|
this.loadingRent1 = false;
|
}
|
);
|
},
|
getSzseItemBaseInfo() {
|
this.approvalProgressList = []
|
this.loadingRent1 = true
|
let data = {
|
companyName: this.searchName,
|
pageIndex: this.pageIndex2,
|
pageSize: this.pageSize,
|
|
};
|
axios
|
.request({
|
url: "/BankYj/GetSzseItemBaseInfo",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.approvalProgressList = res.data.Data.Items
|
this.TotalItems2 = res.data.Data.TotalItems
|
this.CurrentPage2 = res.data.Data.CurrentPage
|
this.loadingRent1 = false;
|
} else {
|
this.loadingRent1 = false;
|
}
|
},
|
(res) => {
|
this.loadingRent1 = false;
|
}
|
);
|
},
|
// 含下属公司
|
getSseItemBaseInfo2() {
|
this.approvalProgressList = []
|
this.loadingRent1 = true
|
let data = {
|
companyName: this.searchName,
|
pageIndex: this.pageIndex2,
|
pageSize: this.pageSize,
|
|
};
|
axios
|
.request({
|
url: "/BankYj/GetSseItemBaseInfoForSubsidiary",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.approvalProgressList = res.data.Data.Items
|
this.TotalItems2 = res.data.Data.TotalItems
|
this.CurrentPage2 = res.data.Data.CurrentPage
|
this.loadingRent1 = false;
|
} else {
|
this.loadingRent1 = false;
|
}
|
},
|
(res) => {
|
this.loadingRent1 = false;
|
}
|
);
|
},
|
getSzseItemBaseInfo2() {
|
this.approvalProgressList = []
|
this.loadingRent1 = true
|
let data = {
|
companyName: this.searchName,
|
pageIndex: this.pageIndex2,
|
pageSize: this.pageSize,
|
|
};
|
axios
|
.request({
|
url: "/BankYj/GetSzseItemBaseInfoForSubsidiary",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.approvalProgressList = res.data.Data.Items
|
this.TotalItems2 = res.data.Data.TotalItems
|
this.CurrentPage2 = res.data.Data.CurrentPage
|
this.loadingRent1 = false;
|
} else {
|
this.loadingRent1 = false;
|
}
|
},
|
(res) => {
|
this.loadingRent1 = false;
|
}
|
);
|
},
|
// 详情页搜索
|
searchCreditztzb1() {
|
if (!this.searchNamezt) {
|
this.$Message.error("请输入不为空的公司名称！");
|
return false
|
}
|
let data = {
|
companyName: this.searchNamezt,
|
// creditInstitutions: this.creditBureaus,
|
closingDateRange1: this.deadline,
|
debitBank: ''
|
};
|
axios
|
.request({
|
url: "/BankYj/GetBankLoanData",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.BorrowingdetailsList1 = res.data.Data
|
this.loadingRent1 = false;
|
} else {
|
this.loadingRent1 = false;
|
}
|
},
|
(res) => {
|
this.loadingRent1 = false;
|
}
|
);
|
},
|
searchCreditztzb2() {
|
if (!this.searchNamezt) {
|
this.$Message.error("请输入不为空的公司名称！");
|
return false
|
}
|
let data = {
|
companyName: this.searchNamezt,
|
// creditInstitutions: this.creditBureaus,
|
closingDateRange1: this.deadline,
|
debitBank: ''
|
};
|
axios
|
.request({
|
url: "/BankYj/GetCreditGrantingAmount",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.BreakdownquotaList1 = res.data.Data
|
this.loadingRent1 = false;
|
} else {
|
this.loadingRent1 = false;
|
}
|
},
|
(res) => {
|
this.loadingRent1 = false;
|
}
|
);
|
this.searchNamezt = ''
|
this.creditBureaus = ''
|
this.deadline = ''
|
},
|
searchCreditzt() {
|
if (!this.searchNamezt) {
|
this.$Message.error("请输入不为空的公司名称！");
|
return false
|
}
|
let data = {
|
companyName: this.searchNamezt,
|
creditInstitutions: this.creditBureaus,
|
closingDateRange1: this.deadline
|
};
|
axios
|
.request({
|
url: "/BankYj/GetCreditGrantingDetail",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.BreakdownquotadetailList1 = res.data.Data
|
|
this.loadingdetail = false;
|
} else {
|
this.loadingdetail = false;
|
}
|
},
|
(res) => {
|
this.loadingdetail = false;
|
}
|
);
|
this.searchNamezt = ''
|
this.creditBureaus = ''
|
this.deadline = ''
|
},
|
searchCreditzgs() {
|
if (!this.searchNamezt) {
|
this.$Message.error("请输入不为空的公司名称！");
|
return false
|
}
|
let data = {
|
companyName: this.searchNamezt,
|
creditInstitutions: this.creditBureaus,
|
closingDateRange1: this.deadline
|
};
|
axios
|
.request({
|
url: "/BankYj/GetCreditGrantingDetail",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.BreakdownquotadetailList2 = res.data.Data
|
|
this.loadingdetail = false;
|
} else {
|
this.loadingdetail = false;
|
}
|
},
|
(res) => {
|
this.loadingdetail = false;
|
}
|
);
|
this.searchNamezt = ''
|
this.creditBureaus = ''
|
this.deadline = ''
|
},
|
//获取债券公告数据 查看链接
|
checkDetailtab3(params) {
|
if (this.StockExchangeTab3 == '银行间市场') {
|
window.open(params.FileUrl.replace("https://www.chinamoney.com.cn//", 'https://www.chinamoney.com.cn/'))
|
} else {
|
console.log(params);
|
window.open(params.Url)
|
}
|
|
|
},
|
//获取债券公告数据 切换页码
|
changePageIndexzq3(e) {
|
this.pageIndexzq = e
|
if (this.StockExchangeTab3 == "银行间市场") {
|
this.getPageChinamoneyMkDataBonReport()
|
} else {
|
this.getPageBondAnnouncement()
|
}
|
|
},
|
//获取债券行情数据 切换页码
|
changePageIndexzq2(e) {
|
this.pageIndexzq = e
|
if(this.StockExchangeTab3=="银行间市场"){
|
this.getPageChinamoneyMkDataBondDaily()
|
}else{
|
this.getPageChinamoneyMkDataBondMaking()
|
// this.getPageBondPrice()
|
}
|
},
|
//获取债券公告数据
|
getPageBondAnnouncement() {
|
this.loadingzqfxxqTab = true
|
let data = {
|
pageIndex: this.pageIndexzq,
|
pageSize: 8,
|
title: this.detailInfo.DebtCode,
|
DateTime: '',
|
stratTime: '',
|
tableName: this.StockExchangeTab3 == '上交所' ? 'bond_sse_filedownload' : 'szse_pubinfoanno',
|
};
|
axios
|
.request({
|
url: "/BankYj//GetPageBondAnnouncement",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.detailtab3Date = res.data.Data.Items
|
this.TotalItemszq = res.data.Data.TotalItems
|
this.loadingzqfxxqTab = false
|
} else {
|
this.loadingzqfxxqTab = false
|
}
|
},
|
(res) => {
|
this.loadingzqfxxqTab = false
|
}
|
);
|
},
|
changeYHJSCCJHQ() {
|
this.detailtab2Date= []
|
this.pageIndexzq = 1
|
if(this.YSJSCType=="bond_sse_price1"){
|
this.getPageChinamoneyMkDataBondDaily()
|
}else {
|
this.getPageChinamoneyMkDataBondMaking()
|
}
|
|
},
|
changeCJHQ() {
|
this.pageIndexzq = 1
|
// if(this.StockExchangeTab3=="银行间市场"){
|
// if(this.CJHQType=="bond_sse_price1"){
|
// this.getPageChinamoneyMkDataBondDaily()
|
// }
|
|
// }else{
|
this.getPageBondPrice()
|
// }
|
|
},
|
//获取债券行情数据
|
getPageBondPrice() {
|
this.detailtab2Date = []
|
this.loadingzqfxxqTab = true
|
let data = {
|
pageIndex: this.pageIndexzq,
|
pageSize: 8,
|
title: this.detailInfo.DebtShort,
|
tableName: this.CJHQType,
|
};
|
axios
|
.request({
|
url: "/BankYj/GetPageBondPrice",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.detailtab2Date = res.data.Data.Items
|
this.TotalItemszq = res.data.Data.TotalItems
|
this.loadingzqfxxqTab = false
|
} else {
|
this.loadingzqfxxqTab = false
|
}
|
},
|
(res) => {
|
this.loadingzqfxxqTab = false
|
}
|
);
|
},
|
// 获取银行间市场债券行情
|
getPageChinamoneyMkDataBondDaily(){
|
this.detailtab2Date = []
|
this.loadingzqfxxqTab = true
|
let data = {
|
pageIndex: this.pageIndexzq,
|
pageSize: 8,
|
bondName: this.detailInfo.BondName,
|
};
|
axios
|
.request({
|
url: "/BankYj/GetPageChinamoneyMkdatabondDaily",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.detailtab2Date = res.data.Data.Items
|
this.TotalItemszq = res.data.Data.TotalItems
|
this.loadingzqfxxqTab = false
|
} else {
|
this.loadingzqfxxqTab = false
|
}
|
},
|
(res) => {
|
this.loadingzqfxxqTab = false
|
}
|
);
|
},
|
getPageChinamoneyMkDataBondMaking(){
|
this.detailtab2Date = []
|
this.loadingzqfxxqTab = true
|
let data = {
|
pageIndex: this.pageIndexzq,
|
pageSize: 8,
|
bondName: this.detailInfo.BondName,
|
};
|
axios
|
.request({
|
url: "/BankYj/GetPageChinamoneyMkdatabondMaking",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.detailtab2Date = res.data.Data.Items
|
this.TotalItemszq = res.data.Data.TotalItems
|
this.loadingzqfxxqTab = false
|
} else {
|
this.loadingzqfxxqTab = false
|
}
|
},
|
(res) => {
|
this.loadingzqfxxqTab = false
|
}
|
);
|
},
|
getSzseTrendRightDetail() {
|
this.detailtab2SJS = {}
|
this.loadingzqfxxqTab = true
|
let data = {
|
code: this.detailInfo.DebtCode
|
};
|
axios
|
.request({
|
url: "/BankYj/GetSzseTrendRightDetail",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.detailtab2SJS = res.data.Data.data
|
// this.TotalItemszq = res.data.Data.TotalItems
|
this.loadingzqfxxqTab = false
|
} else {
|
this.loadingzqfxxqTab = false
|
}
|
},
|
(res) => {
|
this.loadingzqfxxqTab = false
|
}
|
);
|
},
|
/**
|
* 获取历史记录
|
*/
|
getSearchInfoList() {
|
axios
|
.request({
|
url: "/SearchInfo/GetSearchInfoList",
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.historyList = res.data.Data;
|
if (this.historyList.length > 0) {
|
this.searchName = this.historyList[0];
|
this.selectedName = this.historyList[0];
|
if (this.firstHis === false) {
|
|
if (this.tabName === "tab1") {
|
this.isfirsttab1 = false;
|
} else if (this.tabName === "tab2") {
|
this.isfirsttab2 = false;
|
}
|
this.getRentList();
|
}
|
this.firstHis = true;
|
// if (this.optionsList.length == 0) {
|
// this.remoteMethod()
|
// }
|
// this.mergeRequest(this.selectedName)
|
this.loading = false;
|
} else {
|
// this.searchName = '';
|
// this.selectedName = '';
|
if (this.firstHis === false) {
|
console.log("加载数据1");
|
if (this.tabName === "tab1") {
|
this.isfirsttab1 = false;
|
} else if (this.tabName === "tab2") {
|
this.isfirsttab2 = false;
|
}
|
this.getRentList();
|
}
|
this.firstHis = true;
|
this.loading = false;
|
}
|
} else {
|
}
|
|
},
|
(res) => { }
|
);
|
|
|
},
|
changeDetailTab(e) {
|
|
this.StockExchangeTab3 = "上交所"
|
this.pageIndex1 = 1
|
this.pageIndex2 = 1
|
this.pageIndex3 = 1
|
this.titName = e
|
// this.tabName1 = 'tab1-1'
|
if(this.titName === 'tab2'){
|
this.tabName2 = 'tab2-1'
|
}else if(this.titName === 'tab3'){
|
this.tabName3 = 'tab3-1'
|
}else if(this.titName === 'tab4'){
|
this.tabName3 = 'tab3-1'
|
}
|
this.getRentList()
|
|
},
|
getnowDate() {
|
let now = new Date();
|
now.setDate(now.getDate() + 1);
|
let tomorrow = `${now.getFullYear()}-${("0" + (now.getMonth() + 1)).slice(-2)}-${("0" + now.getDate()).slice(-2)} 00:00:00`;
|
return tomorrow;
|
},
|
getnowDate1() {
|
let now = new Date();
|
now.setDate(now.getDate());
|
let tomorrow = `${now.getFullYear()}-${("0" + (now.getMonth() + 1)).slice(-2)}-${("0" + now.getDate()).slice(-2)}`;
|
return tomorrow;
|
},
|
//债券公告：银行间市场
|
getPageChinamoneyMkDataBonReport() {
|
this.loadingzqfxxqTab = true
|
let data = {
|
bondName: this.detailInfo.BondName,
|
pageIndex: this.pageIndexzq,
|
pageSize: 8
|
}
|
axios
|
.request({
|
url: "/bankyj/GetPageChinamoneyMkDataBonReport",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.detailtab3Date = res.data.Data.Items
|
this.TotalItemszq = res.data.Data.TotalItems
|
|
console.log(res.data);
|
this.loadingzqfxxqTab = false
|
}
|
},
|
(res) => {
|
}
|
);
|
|
},
|
//债券发行上市数据
|
getBondDebtPage() {
|
this.loadingRent1 = true
|
let dateType = {}
|
if (this.StockExchangeTab3 !== '银行间市场') {
|
if (this.titName === 'tab3') {
|
dateType = {
|
"fieldName": "OverDate", "ConditionalType": 2,
|
//获取明天日期，格式如24-02-06 00:00:00
|
"FieldValue": this.getnowDate()
|
}
|
} else {
|
dateType = {
|
"fieldName": "OverDate", "ConditionalType": 5,
|
//获取明天日期，格式如24-02-06 00:00:00
|
"FieldValue": this.getnowDate()
|
}
|
}
|
let data = {
|
companyName: this.searchName,
|
pageIndex: this.pageIndex3,
|
pageSize: 10,
|
// type: this.StockExchangeTab3 == '上交所' ? 'sse' : 'szse',
|
// type:'',
|
conditionals: [
|
{ "fieldName": "DebtName", "ConditionalType": 1, "FieldValue": this.searchName },
|
dateType
|
]
|
};
|
// if(this.StockExchangeTab3 == '银行间市场'){
|
// data.type= "chinamoney_mkdatabond"
|
// }else
|
if (this.StockExchangeTab3 == '上交所') {
|
data.type = "sse"
|
} else if (this.StockExchangeTab3 == '深交所') {
|
data.type = "szse"
|
}
|
axios
|
.request({
|
url: "/bankyj/GetBondDebtPage",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.approvalProgressListTab3 = res.data.Data.Items
|
this.TotalItems3 = res.data.Data.TotalItems
|
this.loadingRent1 = false
|
} else {
|
this.loadingRent1 = false
|
}
|
},
|
(res) => {
|
this.loadingRent1 = false
|
}
|
);
|
} else {
|
if (this.titName === 'tab3') {
|
dateType = {
|
"fieldName": "MrtyDate", "ConditionalType": 2,
|
//获取明天日期，格式如24-02-06 00:00:00
|
"FieldValue": this.getnowDate1()
|
}
|
} else {
|
dateType = {
|
"fieldName": "MrtyDate", "ConditionalType": 5,
|
//获取明天日期，格式如24-02-06 00:00:00
|
"FieldValue": this.getnowDate1()
|
|
}
|
}
|
let data = {
|
companyName: this.searchName,
|
pageIndex: this.pageIndex3,
|
pageSize: 10,
|
conditionals: [
|
{ "fieldName": "IssueOrTrusee", "ConditionalType": 1, "FieldValue": this.searchName },
|
dateType
|
]
|
};
|
// if(this.titName === 'tab3'){
|
// data.conditionals.push({ "fieldName": "MrtyDate", "ConditionalType": 1, "FieldValue": this.searchName })
|
// data.conditionals.push(dateType)
|
|
// }
|
axios
|
.request({
|
url: "/bankyj/GetChinamoneyMkdatabondtPage",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.approvalProgressListTab3 = res.data.Data.Items
|
this.TotalItems3 = res.data.Data.TotalItems
|
this.loadingRent1 = false
|
} else {
|
this.loadingRent1 = false
|
}
|
},
|
(res) => {
|
this.loadingRent1 = false
|
}
|
);
|
|
}
|
|
},
|
getBondDebtPageSubsidiary() {
|
this.loadingRent1 = true
|
let dateType = {}
|
if (this.StockExchangeTab3 !== '银行间市场') {
|
if (this.titName === 'tab3') {
|
dateType = {
|
"fieldName": "OverDate", "ConditionalType": 2,
|
//获取明天日期，格式如24-02-06 00:00:00
|
"FieldValue": this.getnowDate()
|
}
|
} else {
|
dateType = {
|
"fieldName": "OverDate", "ConditionalType": 5,
|
//获取明天日期，格式如24-02-06 00:00:00
|
"FieldValue": this.getnowDate()
|
}
|
}
|
let data = {
|
companyName: this.searchName,
|
pageIndex: this.pageIndex3,
|
pageSize: 10,
|
// type: this.StockExchangeTab3 == '上交所' ? 'sse' : 'szse',
|
// type:'',
|
conditionals: [
|
{ "fieldName": "DebtName", "ConditionalType": 1, "FieldValue": this.searchName },
|
dateType
|
]
|
};
|
// if(this.StockExchangeTab3 == '银行间市场'){
|
// data.type= "chinamoney_mkdatabond"
|
// }else
|
if (this.StockExchangeTab3 == '上交所') {
|
data.type = "sse"
|
} else if (this.StockExchangeTab3 == '深交所') {
|
data.type = "szse"
|
}
|
axios
|
.request({
|
url: "/bankyj/GetBondDebtPageSubsidiary",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.approvalProgressListTab3 = res.data.Data.Items
|
this.TotalItems3 = res.data.Data.TotalItems
|
this.loadingRent1 = false
|
} else {
|
this.loadingRent1 = false
|
}
|
},
|
(res) => {
|
this.loadingRent1 = false
|
}
|
);
|
} else {
|
if (this.titName === 'tab3') {
|
dateType = {
|
"fieldName": "MrtyDate", "ConditionalType": 2,
|
//获取明天日期，格式如24-02-06 00:00:00
|
"FieldValue": this.getnowDate1()
|
}
|
} else {
|
dateType = {
|
"fieldName": "MrtyDate", "ConditionalType": 5,
|
//获取明天日期，格式如24-02-06 00:00:00
|
"FieldValue": this.getnowDate1()
|
|
}
|
}
|
let data = {
|
companyName: this.searchName,
|
pageIndex: this.pageIndex3,
|
pageSize: 10,
|
conditionals: [
|
{ "fieldName": "IssueOrTrusee", "ConditionalType": 1, "FieldValue": this.searchName },
|
dateType
|
]
|
};
|
// if(this.titName === 'tab3'){
|
// data.conditionals.push({ "fieldName": "MrtyDate", "ConditionalType": 1, "FieldValue": this.searchName })
|
// data.conditionals.push(dateType)
|
|
// }
|
axios
|
.request({
|
url: "/bankyj/GetChinamoneyMkdatabondtPageSub",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
this.getSearchInfoList();
|
if (res.data.Check) {
|
this.approvalProgressListTab3 = res.data.Data.Items
|
this.TotalItems3 = res.data.Data.TotalItems
|
this.loadingRent1 = false
|
} else {
|
this.loadingRent1 = false
|
}
|
},
|
(res) => {
|
this.loadingRent1 = false
|
}
|
);
|
|
}
|
|
},
|
//债券发行上市弹窗
|
zqfxxqTab(e, params) {
|
this.CJHQType = 'bond_sse_price'
|
this.YSJSCType = 'bond_sse_price1'
|
console.log(e, params);
|
this.zqfxxqName = e
|
this.pageIndexzq = 1
|
if (this.zqfxxqName === 'zqfxxqTab3') {
|
if (this.StockExchangeTab3 == '银行间市场') {
|
this.getPageChinamoneyMkDataBonReport()
|
} else {
|
this.getPageBondAnnouncement()
|
}
|
|
} else if (this.zqfxxqName === 'zqfxxqTab2') {
|
if (this.StockExchangeTab3 == '上交所') {
|
this.getPageBondPrice()
|
} else if(this.StockExchangeTab3 == '深交所'){
|
this.getSzseTrendRightDetail(params)
|
}else {
|
this.getPageChinamoneyMkDataBondDaily()
|
}
|
|
} else if (this.zqfxxqName === 'zqfxxqTab1') {
|
this.loadingzqfxxqTab = true
|
if (this.StockExchangeTab3 == '深交所') {
|
axios.request({
|
url: "/BankYj/GetBondSzseDebtDetail",
|
data: {
|
code: this.detailInfo.DebtCode
|
},
|
method: "post",
|
}).then(
|
(res) => {
|
if (res.data.Check) {
|
this.checkTableList = res.data.Data[0] ? res.data.Data[0] : {}
|
this.loadingzqfxxqTab = false
|
} else {
|
this.loadingzqfxxqTab = false
|
}
|
},
|
(res) => {
|
|
}
|
);
|
} else if (this.StockExchangeTab3 == "上交所") {
|
axios.request({
|
url: "/BankYj/GetBondSseDebtDetail",
|
data: {
|
code: this.detailInfo.DebtCode
|
},
|
method: "post",
|
}).then(
|
(res) => {
|
if (res.data.Check) {
|
this.checkTableList = res.data.Data[0] ? res.data.Data[0] : {}
|
this.loadingzqfxxqTab = false
|
} else {
|
this.loadingzqfxxqTab = false
|
}
|
},
|
(res) => {
|
|
}
|
);
|
// this.checkTableList = this.detailInfo
|
} else if (this.StockExchangeTab3 == "银行间市场") {
|
axios.request({
|
url: "/BankYj/GetChinamoneyMkdatabondDetail",
|
data: {
|
// bondName: this.detailInfo.DebtShort
|
bondName: this.detailInfo.BondName
|
},
|
method: "post",
|
}).then(
|
(res) => {
|
if (res.data.Check) {
|
this.checkTableList = res.data.Data ? res.data.Data : {}
|
this.loadingzqfxxqTab = false
|
} else {
|
this.loadingzqfxxqTab = false
|
}
|
},
|
(res) => {
|
this.loadingzqfxxqTab = false
|
}
|
);
|
|
axios.request({
|
url: "/BankYj/GetListChinamoneyMkDataBonInfo",
|
data: {
|
bondName: this.detailInfo.BondName
|
// bondName: "22附息国债10"
|
},
|
method: "post",
|
}).then(
|
(res) => {
|
if (res.data.Check) {
|
this.XFTableList = res.data.Data
|
// this.loadingzqfxxqTab = false
|
} else {
|
this.XFTableList = []
|
// this.loadingzqfxxqTab = false
|
}
|
},
|
(res) => {
|
// this.loadingzqfxxqTab = false
|
}
|
);
|
|
|
}
|
}
|
},
|
changeDetailTab1(e) {
|
console.log(e);
|
this.tabName1 = e
|
this.getRentList()
|
},
|
changeDetailTab2(e) {
|
this.pageIndex2 = 1
|
this.tabName2 = e
|
this.getRentList()
|
},
|
|
changeDetailTab3(e) {
|
console.log(e);
|
this.tabName3 = e
|
this.getRentList()
|
},
|
changeUnderling() {
|
|
},
|
|
/**
|
* 获取第一/其他还款主体
|
* @pid 项目Id
|
* @TypeInfo 类型,第一主体为First,其他主体为Other
|
*/
|
getRepaymentList(TypeInfo) {
|
let data = {
|
pid: this.ProjId,
|
TypeInfo: TypeInfo,
|
SubjectFilter: true,
|
};
|
axios
|
.request({
|
url: "/subject/GetSubjectList",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.companyList = res.data.Data;
|
} else {
|
}
|
},
|
(res) => { }
|
);
|
},
|
debounce(func, delay) {
|
let timer;
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer);
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args);
|
}, delay);
|
};
|
},
|
debounce2(func, delay) {
|
let timer;
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer);
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args);
|
}, delay);
|
};
|
},
|
debounce3(func, delay) {
|
let timer;
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer);
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args);
|
}, delay);
|
};
|
},
|
debounce4(func, delay) {
|
let timer;
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer);
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args);
|
}, delay);
|
};
|
},
|
},
|
computed: {
|
yhDetail() {
|
let columns = [];
|
columns.push({
|
title: "序号",
|
key: "Id",
|
render: (h, params) => {
|
return h("span", params.index + 1);
|
},
|
width: 80,
|
align: "center",
|
fixed: 'left'
|
});
|
columns.push({
|
title: "企业名称",
|
key: "company_name",
|
render: (h, params) => {
|
if (params.row.company_name
|
) {
|
return h("span", params.row.company_name
|
);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 200,
|
align: "left",
|
});
|
columns.push({
|
title: "许可文件编号",
|
key: "file_num",
|
render: (h, params) => {
|
if (params.row.file_num
|
) {
|
return h("span", params.row.file_num
|
);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 200,
|
align: "left",
|
}); columns.push({
|
title: "许可文件名称",
|
key: "file_name",
|
render: (h, params) => {
|
if (params.row.file_name) {
|
return h("span", params.row.file_name);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 200,
|
align: "left",
|
}); columns.push({
|
title: "有效期至",
|
key: "indate",
|
render: (h, params) => {
|
if (params.row.indate) {
|
return h("span", params.row.indate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 200,
|
align: "center",
|
});
|
columns.push({
|
title: "许可内容",
|
key: "allow_content",
|
render: (h, params) => {
|
if (params.row.allow_content
|
) {
|
return h("span", params.row.allow_content
|
);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 200,
|
align: "left",
|
});
|
columns.push({
|
title: "许可机关",
|
key: "authority",
|
render: (h, params) => {
|
if (params.row.authority
|
) {
|
return h("span", params.row.authority
|
);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 200,
|
align: "left",
|
});
|
columns.push({
|
title: "备注",
|
key: "date",
|
render: (h, params) => {
|
if (params.row.note) {
|
return h("span", params.row.note);
|
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 200,
|
align: "center",
|
});
|
|
return columns;
|
|
},
|
bondApproval() {
|
let columns = [];
|
columns.push({
|
title: "序号",
|
key: "Id",
|
render: (h, params) => {
|
return h("span", params.index + 1);
|
},
|
width: 80,
|
align: "center",
|
fixed: 'left'
|
});
|
columns.push({
|
title: "文件名称",
|
key: "title",
|
render: (h, params) => {
|
if (params.row.title) {
|
return h("span", params.row.title);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 200,
|
align: "left",
|
});
|
columns.push({
|
title: '发布日期',
|
// title: this.tabName1==='tab1-3'?'有效期至':'发布日期',
|
key: "date",
|
render: (h, params) => {
|
if (params.row.date) {
|
return h("span", params.row.date);
|
} else if (params.row.indate) {
|
return h("span", params.row.indate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 200,
|
align: "center",
|
});
|
columns.push({
|
title: "操作",
|
key: "action",
|
slot: "action",
|
align: "center",
|
width: 50,
|
fixed: "right",
|
});
|
return columns;
|
},
|
approvalProgress() {
|
let columns = [];
|
columns.push({
|
title: "序号",
|
key: "Id",
|
render: (h, params) => {
|
return h("span", params.index + 1);
|
},
|
width: 80,
|
align: "center",
|
fixed: 'left'
|
});
|
columns.push({
|
title: "债券名称/公募REITs名称",
|
key: "BondName",
|
render: (h, params) => {
|
if (params.row.BondName) {
|
return h("span", params.row.BondName);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 200,
|
align: "left",
|
}); columns.push({
|
title: "发行人",
|
key: "Issuer",
|
render: (h, params) => {
|
if (params.row.Type == 'ABS') {
|
if (params.row.OrigHolder) {
|
return h("span", params.row.OrigHolder);
|
} else {
|
return h("span", "--");
|
}
|
} else {
|
if (params.row.Issuer) {
|
return h("span", params.row.Issuer);
|
} else {
|
return h("span", "--");
|
}
|
}
|
|
},
|
minWidth: 200,
|
align: "left",
|
});
|
columns.push({
|
title: "承销商/管理人/计划管理人",
|
key: "Custodian",
|
render: (h, params) => {
|
|
if (params.row.Type == 'ABS') {
|
if (params.row.PalnManager) {
|
return h("span", params.row.PalnManager);
|
} else {
|
return h("span", "--");
|
}
|
} else {
|
if (params.row.Custodian) {
|
let arr = params.row.Custodian.split(',')
|
// console.log(arr);
|
for (let i = 0; i < arr.length; i++) {
|
if (arr[i] == '') {
|
arr.splice(i, 1)
|
i--
|
}
|
}
|
let data = arr.join(',')
|
return h("span", data);
|
} else {
|
return h("span", "--");
|
}
|
}
|
|
|
|
},
|
minWidth: 180,
|
align: "left",
|
}); columns.push({
|
title: "债券类别",
|
key: "BondType",
|
render: (h, params) => {
|
if (this.StockExchange === '上交所') {
|
return h("span", params.row.Type ? params.row.Type : '--');
|
} else {
|
return h("span", params.row.BondType ? params.row.BondType : '--');
|
}
|
// if (params.row.BondType) {
|
// return h("span", params.row.BondType);
|
// } else {
|
// return h("span", "--");
|
// }
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "拟发行金额(亿元) ",
|
key: "IssueMoney",
|
render: (h, params) => {
|
if (params.row.IssueMoney) {
|
return h("span", params.row.IssueMoney);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "项目状态",
|
key: "Status",
|
render: (h, params) => {
|
if (this.StockExchange === '上交所') {
|
return h("span", params.row.ItemStatus ? params.row.ItemStatus : '--');
|
} else {
|
return h("span", params.row.Status ? params.row.Status : '--');
|
}
|
// if (params.row.Status) {
|
// return h("span", params.row.Status);
|
// } else {
|
// return h("span", "--");
|
// }
|
},
|
width: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "受理日期",
|
key: "StartDate",
|
render: (h, params) => {
|
// if (params.row.StartDate) {
|
// return h("span", params.row.StartDate);
|
// } else {
|
// return h("span", "--");
|
// }
|
if (this.StockExchange === '上交所') {
|
return h("span", params.row.AcceptDate ? params.row.AcceptDate : '--');
|
} else {
|
return h("span", params.row.StartDate ? params.row.StartDate : '--');
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "更新日期",
|
key: "RefreshDate",
|
render: (h, params) => {
|
if (params.row.RefreshDate) {
|
return h("span", params.row.RefreshDate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
|
columns.push({
|
title: "操作",
|
key: "action",
|
slot: "action",
|
align: "center",
|
width: 50,
|
fixed: "right",
|
});
|
return columns;
|
},
|
approvalProgressz() {
|
let columns = [];
|
columns.push({
|
title: "序号",
|
key: "Id",
|
render: (h, params) => {
|
return h("span", params.index + 1);
|
},
|
width: 80,
|
align: "center",
|
fixed: 'left'
|
});
|
columns.push({
|
title: "债券名称/公募REITs名称",
|
key: "BondName",
|
render: (h, params) => {
|
if (params.row.BondName) {
|
return h("span", params.row.BondName);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 200,
|
align: "left",
|
});
|
columns.push({
|
title: "关系",
|
key: "Issuer",
|
render: (h, params) => {
|
if (params.row.Issuer == this.searchName || params.row.OrigHolder == this.searchName) {
|
return h("span", '主公司');
|
} else {
|
return h("span", '子公司');
|
}
|
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "发行人",
|
key: "Issuer",
|
render: (h, params) => {
|
if (params.row.Type == 'ABS') {
|
if (params.row.OrigHolder) {
|
return h("span", params.row.OrigHolder);
|
} else {
|
return h("span", "--");
|
}
|
} else {
|
if (params.row.Issuer) {
|
return h("span", params.row.Issuer);
|
} else {
|
return h("span", "--");
|
}
|
}
|
|
},
|
minWidth: 200,
|
align: "left",
|
});
|
columns.push({
|
title: "承销商/管理人/计划管理人",
|
key: "Custodian",
|
render: (h, params) => {
|
|
if (params.row.Type == 'ABS') {
|
if (params.row.PalnManager) {
|
return h("span", params.row.PalnManager);
|
} else {
|
return h("span", "--");
|
}
|
} else {
|
if (params.row.Custodian) {
|
let arr = params.row.Custodian.split(',')
|
// console.log(arr);
|
for (let i = 0; i < arr.length; i++) {
|
if (arr[i] == '') {
|
arr.splice(i, 1)
|
i--
|
}
|
}
|
let data = arr.join(',')
|
return h("span", data);
|
} else {
|
return h("span", "--");
|
}
|
}
|
|
|
|
},
|
minWidth: 180,
|
align: "left",
|
}); columns.push({
|
title: "债券类别",
|
key: "BondType",
|
render: (h, params) => {
|
if (this.StockExchange === '上交所') {
|
return h("span", params.row.Type ? params.row.Type : '--');
|
} else {
|
return h("span", params.row.BondType ? params.row.BondType : '--');
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "拟发行金额(亿元) ",
|
key: "IssueMoney",
|
render: (h, params) => {
|
if (params.row.IssueMoney) {
|
return h("span", params.row.IssueMoney);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "项目状态",
|
key: "Status",
|
render: (h, params) => {
|
if (this.StockExchange === '上交所') {
|
return h("span", params.row.ItemStatus ? params.row.ItemStatus : '--');
|
} else {
|
return h("span", params.row.Status ? params.row.Status : '--');
|
}
|
},
|
width: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "受理日期",
|
key: "StartDate",
|
render: (h, params) => {
|
if (this.StockExchange === '上交所') {
|
return h("span", params.row.AcceptDate ? params.row.AcceptDate : '--');
|
} else {
|
return h("span", params.row.Status ? params.row.Status : '--');
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "更新日期",
|
key: "RefreshDate",
|
render: (h, params) => {
|
if (params.row.RefreshDate) {
|
return h("span", params.row.RefreshDate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "操作",
|
key: "action",
|
slot: "action",
|
align: "center",
|
width: 50,
|
fixed: "right",
|
});
|
return columns;
|
},
|
approvalProgress3() {
|
let columns = [];
|
columns.push({
|
title: "序号",
|
key: "Id",
|
render: (h, params) => {
|
return h("span", params.index + 1);
|
},
|
width: 60,
|
align: "center",
|
fixed: 'left'
|
});
|
columns.push({
|
title: "债券代码",
|
key: "DebtCode",
|
render: (h, params) => {
|
if (params.row.DebtCode) {
|
return h("span", params.row.DebtCode);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
}); columns.push({
|
title: "债券简称",
|
key: "DebtShort",
|
render: (h, params) => {
|
if (params.row.DebtShort) {
|
return h("span", params.row.DebtShort);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
}); columns.push({
|
title: "债券全称",
|
key: "DebtName",
|
render: (h, params) => {
|
if (params.row.DebtName) {
|
return h("span", params.row.DebtName);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 300,
|
align: "left",
|
});
|
// columns.push({
|
// title: "发行人名称",
|
// key: "PubName",
|
// render: (h, params) => {
|
// // if (params.row.PubName) {
|
// return h("span", params.row.PubName ? params.row.PubName : this.searchName);
|
// // } else {
|
// // return h("span", "--");
|
// // }
|
// },
|
// minWidth: 150,
|
// align: "left",
|
// });
|
columns.push({
|
title: "质押券简称",
|
key: "IssueMoney",
|
render: (h, params) => {
|
if (params.row.IssueMoney) {
|
return h("span", params.row.IssueMoney);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "质押券代码",
|
key: "ItemStatus",
|
render: (h, params) => {
|
if (params.row.ItemStatus) {
|
return h("span", params.row.ItemStatus);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "期限(年)",
|
key: "DebtYear",
|
render: (h, params) => {
|
if (params.row.DebtYear) {
|
return h("span", params.row.DebtYear);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 80,
|
align: "center",
|
});
|
columns.push({
|
title: "计息方式",
|
key: "DebtTax",
|
render: (h, params) => {
|
if (params.row.DebtTax) {
|
return h("span", params.row.DebtTax);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "付息方式",
|
key: "DebtPayway",
|
render: (h, params) => {
|
if (params.row.DebtPayway) {
|
return h("span", params.row.DebtPayway);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "发行量(亿元)",
|
key: "SendNum",
|
render: (h, params) => {
|
if (params.row.SendNum) {
|
return h("span", params.row.SendNum);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "上市日期",
|
key: "PubDate",
|
render: (h, params) => {
|
if (params.row.PubDate) {
|
return h("span", params.row.PubDate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 110,
|
align: "center",
|
});
|
columns.push({
|
title: "发行起始日",
|
key: "StartDate",
|
render: (h, params) => {
|
if (params.row.StartDate) {
|
return h("span", params.row.StartDate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 110,
|
align: "center",
|
});
|
columns.push({
|
title: "发行终止日",
|
key: "EndDate",
|
render: (h, params) => {
|
if (params.row.EndDate) {
|
return h("span", params.row.EndDate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 110,
|
align: "center",
|
}); columns.push({
|
title: "到期日",
|
key: "OverDate",
|
render: (h, params) => {
|
if (params.row.OverDate) {
|
return h("span", params.row.OverDate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 110,
|
align: "center",
|
}); columns.push({
|
title: "是否非担保",
|
key: "IsSure",
|
render: (h, params) => {
|
if (params.row.IsSure) {
|
return h("span", params.row.IsSure);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "操作",
|
key: "action",
|
slot: "action",
|
align: "center",
|
width: 50,
|
fixed: "right",
|
});
|
return columns;
|
},
|
approvalProgress4() {
|
let columns = [];
|
columns.push({
|
title: "序号",
|
key: "Id",
|
render: (h, params) => {
|
return h("span", params.index + 1);
|
},
|
width: 60,
|
align: "center",
|
fixed: 'left'
|
});
|
columns.push({
|
title: "债券代码",
|
key: "BondCode",
|
render: (h, params) => {
|
if (params.row.BondCode) {
|
return h("span", params.row.BondCode);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
}); columns.push({
|
title: "债券简称",
|
key: "BondName",
|
render: (h, params) => {
|
if (params.row.BondName) {
|
return h("span", params.row.BondName);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
}); columns.push({
|
title: "债券类型",
|
key: "BondType",
|
render: (h, params) => {
|
if (params.row.BondType) {
|
return h("span", params.row.BondType);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 150,
|
align: "left",
|
});
|
columns.push({
|
title: "实际发行量（亿）",
|
key: "IssueAmnt",
|
render: (h, params) => {
|
if (params.row.IssueAmnt) {
|
return h("span", params.row.IssueAmnt);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 150,
|
align: "center",
|
});
|
columns.push({
|
title: "债券期限",
|
key: "BondPeriod",
|
render: (h, params) => {
|
if (params.row.BondPeriod) {
|
return h("span", params.row.BondPeriod);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "票面利率（%）",
|
key: "ParCouponRate",
|
render: (h, params) => {
|
if (params.row.ParCouponRate) {
|
return h("span", params.row.ParCouponRate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "债券发行日",
|
key: "IssueDate",
|
render: (h, params) => {
|
if (params.row.IssueDate) {
|
return h("span", params.row.IssueDate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "债券起息日",
|
key: "FrstValueDate",
|
render: (h, params) => {
|
if (params.row.FrstValueDate) {
|
return h("span", params.row.FrstValueDate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "到期兑付日",
|
key: "MrtyDate",
|
render: (h, params) => {
|
if (params.row.MrtyDate) {
|
return h("span", params.row.MrtyDate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
}); columns.push({
|
title: "息票类型",
|
key: "CouponType",
|
render: (h, params) => {
|
if (params.row.CouponType) {
|
return h("span", params.row.CouponType);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 150,
|
align: "center",
|
});
|
columns.push({
|
title: "操作",
|
key: "action",
|
slot: "action",
|
align: "center",
|
width: 50,
|
fixed: "right",
|
});
|
return columns;
|
},
|
detailtab2() {
|
let columns = [];
|
columns.push({
|
title: "序号",
|
key: "Id",
|
render: (h, params) => {
|
return h("span", params.index + 1);
|
},
|
width: 80,
|
align: "center",
|
fixed: 'left'
|
});
|
columns.push({
|
title: "日期",
|
key: "CreateDate",
|
render: (h, params) => {
|
if (params.row.CreateDate) {
|
return h("span", params.row.CreateDate.split(' ')[0]);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "债券简称",
|
key: "Title",
|
render: (h, params) => {
|
if (params.row.Title) {
|
return h("span", params.row.Title);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
}); columns.push({
|
title: "加权平均价",
|
key: "DebtAverage",
|
render: (h, params) => {
|
if (params.row.DebtAverage) {
|
return h("span", this.CustomMethods.toDecimal(params.row.DebtAverage, 2));
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
}); columns.push({
|
title: "总成交量",
|
key: "DebtTotalNo",
|
render: (h, params) => {
|
if (params.row.DebtTotalNo) {
|
return h("span", this.CustomMethods.numTo$(params.row.DebtTotalNo, 0));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "总成交金额(万元)",
|
key: "DebtTotalprice",
|
render: (h, params) => {
|
if (params.row.DebtTotalprice) {
|
return h("span", this.CustomMethods.numTo$(params.row.DebtTotalprice));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "总成交笔数",
|
key: "DebtTradeNo",
|
render: (h, params) => {
|
if (params.row.DebtTradeNo) {
|
return h("span", this.CustomMethods.numTo$(params.row.DebtTradeNo, 0));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "最新价收益率(%)",
|
key: "DebtNewprofit",
|
render: (h, params) => {
|
if (params.row.DebtNewprofit) {
|
return h("span", this.CustomMethods.toDecimal(params.row.DebtNewprofit));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
});
|
return columns;
|
},
|
detailtab3() {
|
let columns = [];
|
columns.push({
|
title: "序号",
|
key: "Id",
|
render: (h, params) => {
|
return h("span", params.index + 1);
|
},
|
width: 80,
|
align: "center",
|
fixed: 'left'
|
});
|
columns.push({
|
title: "公告名称",
|
key: "Title",
|
render: (h, params) => {
|
if (params.row.Title) {
|
return h("span", params.row.Title);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 200,
|
align: "left",
|
});
|
columns.push({
|
title: "日期",
|
key: "Date",
|
render: (h, params) => {
|
if (params.row.Date) {
|
return h("span", params.row.Date.replace('00:00:00', ''));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "相关链接",
|
key: "action",
|
slot: "action",
|
align: "center",
|
width: 100,
|
fixed: "right",
|
});
|
return columns;
|
},
|
YHJSCdetailtab3() {
|
let columns = [];
|
columns.push({
|
title: "序号",
|
key: "Id",
|
render: (h, params) => {
|
return h("span", params.index + 1);
|
},
|
width: 80,
|
align: "center",
|
fixed: 'left'
|
});
|
columns.push({
|
title: "公告类型",
|
key: "Type",
|
render: (h, params) => {
|
if (params.row.Type) {
|
return h("span", params.row.Type);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 150,
|
align: "left",
|
});
|
columns.push({
|
title: "公告名称",
|
key: "Title",
|
render: (h, params) => {
|
if (params.row.Title) {
|
return h("span", params.row.Title);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 200,
|
align: "left",
|
});
|
columns.push({
|
title: "日期",
|
key: "Date",
|
render: (h, params) => {
|
if (params.row.Date) {
|
return h("span", params.row.Date.replace('00:00:00', ''));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "相关链接",
|
key: "action",
|
slot: "action",
|
align: "center",
|
width: 100,
|
fixed: "right",
|
});
|
return columns;
|
},
|
DJCJHQColumns() {
|
let columns = [];
|
columns.push({
|
title: "日期",
|
key: "CreateDate",
|
render: (h, params) => {
|
if (params.row.CreateDate) {
|
return h("span", params.row.CreateDate.split(' ')[0]);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "债券代码",
|
key: "code",
|
render: (h, params) => {
|
return h("span", this.detailInfo.DebtCode);
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "债券简称",
|
key: "Title",
|
render: (h, params) => {
|
if (params.row.Title) {
|
return h("span", params.row.Title);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
|
columns.push({
|
title: "时间",
|
key: "DebtDate",
|
render: (h, params) => {
|
if (params.row.DebtDate) {
|
return h("span", params.row.DebtDate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "昨日参考价",
|
key: "DebtNew",
|
render: (h, params) => {
|
if (params.row.DebtNew) {
|
return h("span", params.row.DebtNew);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "开盘",
|
key: "DebtOn",
|
render: (h, params) => {
|
if (params.row.DebtOn) {
|
return h("span", params.row.DebtOn);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "最高",
|
key: "DebtMax",
|
render: (h, params) => {
|
if (params.row.DebtMax) {
|
return h("span", params.row.DebtMax);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "最低",
|
key: "DebtMin",
|
render: (h, params) => {
|
if (params.row.DebtMin) {
|
return h("span", params.row.DebtMin);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "最新",
|
key: "DebtNew",
|
render: (h, params) => {
|
if (params.row.DebtNew) {
|
return h("span", params.row.DebtNew);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "加权平均价",
|
key: "DebtAverage",
|
render: (h, params) => {
|
if (params.row.DebtAverage) {
|
return h("span", this.CustomMethods.toDecimal(params.row.DebtAverage, 2));
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
}); columns.push({
|
title: "总成交量",
|
key: "DebtTotalNo",
|
render: (h, params) => {
|
if (params.row.DebtTotalNo) {
|
return h("span", this.CustomMethods.numTo$(params.row.DebtTotalNo, 0));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "总成交金额(万元)",
|
key: "DebtTotalprice",
|
render: (h, params) => {
|
if (params.row.DebtTotalprice) {
|
return h("span", this.CustomMethods.numTo$(params.row.DebtTotalprice));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "总成交笔数",
|
key: "DebtTradeNo",
|
render: (h, params) => {
|
if (params.row.DebtTradeNo) {
|
return h("span", this.CustomMethods.numTo$(params.row.DebtTradeNo, 0));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "最高价收益率（%）",
|
key: "DebtMaxprofit",
|
render: (h, params) => {
|
if (params.row.DebtMaxprofit) {
|
return h("span", this.CustomMethods.toDecimal(params.row.DebtMaxprofit));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "最低价收益率（%）",
|
key: "DebMinprofit",
|
render: (h, params) => {
|
if (params.row.DebMinprofit) {
|
return h("span", this.CustomMethods.toDecimal(params.row.DebMinprofit));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
}); columns.push({
|
title: "最新价收益率(%)",
|
key: "DebtNewprofit",
|
render: (h, params) => {
|
if (params.row.DebtNewprofit) {
|
return h("span", this.CustomMethods.toDecimal(params.row.DebtNewprofit));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
});
|
return columns;
|
},
|
PPCJHQColumns() {
|
let columns = [];
|
columns.push({
|
title: "日期",
|
key: "CreateDate",
|
render: (h, params) => {
|
if (params.row.CreateDate) {
|
return h("span", params.row.CreateDate.split(' ')[0]);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "代码",
|
key: "DebtCode",
|
render: (h, params) => {
|
if (params.row.DebtCode) {
|
return h("span", params.row.DebtCode);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "债券简称",
|
key: "Title",
|
render: (h, params) => {
|
if (params.row.Title) {
|
return h("span", params.row.Title);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "债券扩位简称",
|
key: "Debt",
|
render: (h, params) => {
|
if (params.row.Debt) {
|
return h("span", params.row.Debt);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "日期",
|
key: "CreateDate",
|
render: (h, params) => {
|
if (params.row.CreateDate) {
|
return h("span", params.row.CreateDate.split(' ')[0]);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "最新",
|
key: "DebtLatest",
|
render: (h, params) => {
|
if (params.row.DebtLatest) {
|
return h("span", params.row.DebtLatest);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "涨幅%",
|
key: "DebtUp",
|
render: (h, params) => {
|
if (params.row.DebtUp) {
|
return h("span", params.row.DebtUp);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "涨跌",
|
key: "DebtDown",
|
render: (h, params) => {
|
if (params.row.DebtDown) {
|
return h("span", params.row.DebtDown);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "现手",
|
key: "DebtHand",
|
render: (h, params) => {
|
if (params.row.DebtHand) {
|
return h("span", params.row.DebtHand);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "总手",
|
key: "DebtAll",
|
render: (h, params) => {
|
if (params.row.DebtAll) {
|
return h("span", params.row.DebtAll);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "开盘",
|
key: "DebtHand",
|
render: (h, params) => {
|
if (params.row.DebtHand) {
|
return h("span", params.row.DebtHand);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "最高",
|
key: "DebtMax",
|
render: (h, params) => {
|
if (params.row.DebtMax) {
|
return h("span", params.row.DebtMax);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "最低",
|
key: "DebtMin",
|
render: (h, params) => {
|
if (params.row.DebtMin) {
|
return h("span", params.row.DebtMin);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "买入",
|
key: "DebtBuy",
|
render: (h, params) => {
|
if (params.row.DebtBuy) {
|
return h("span", params.row.DebtBuy);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "卖出",
|
key: "DebtSell",
|
render: (h, params) => {
|
if (params.row.DebtSell) {
|
return h("span", params.row.DebtSell);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "昨收",
|
key: "DebtLastget",
|
render: (h, params) => {
|
if (params.row.DebtLastget) {
|
return h("span", params.row.DebtLastget);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "成交额",
|
key: "DebtCash",
|
render: (h, params) => {
|
if (params.row.DebtCash) {
|
return h("span", params.row.DebtCash);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "振幅",
|
key: "DebtWave",
|
render: (h, params) => {
|
if (params.row.DebtWave) {
|
return h("span", params.row.DebtWave);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
|
|
return columns;
|
},
|
YHJSCCJHQColumns() {
|
let columns = [];
|
columns.push({
|
title: "日期",
|
key: "DealDate",
|
render: (h, params) => {
|
if (params.row.DealDate) {
|
return h("span", params.row.DealDate.split(' ')[0]);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "待偿期",
|
key: "TermToMaturity",
|
render: (h, params) => {
|
if (params.row.TermToMaturity) {
|
return h("span", params.row.TermToMaturity);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "成交净价(元)",
|
key: "DmilatestRate",
|
render: (h, params) => {
|
if (params.row.DmilatestRate) {
|
return h("span", params.row.DmilatestRate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "最新收益率(%)",
|
key: "DmilatestContraRate",
|
render: (h, params) => {
|
if (params.row.DmilatestContraRate) {
|
return h("span", params.row.DmilatestContraRate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "涨跌(BP)",
|
key: "Bp",
|
// render: (h, params) => {
|
// if (params.row.Bp) {
|
// return h("span", params.row.Bp);
|
// } else {
|
// return h("span", "--");
|
// }
|
// },
|
slot: "Bp",
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "加权收益率(%)",
|
key: "DmiWghtdContraRate",
|
render: (h, params) => {
|
if (params.row.DmiWghtdContraRate) {
|
return h("span", params.row.DmiWghtdContraRate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "交易量(亿)",
|
key: "DebtDown",
|
render: (h, params) => {
|
if (params.row.DebtDown) {
|
return h("span", params.row.DebtDown);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
return columns;
|
},
|
YHJSCZSBJColumns() {
|
let columns = [];
|
columns.push({
|
title: "日期",
|
key: "DealDate",
|
render: (h, params) => {
|
if (params.row.DealDate) {
|
return h("span", params.row.DealDate.split(' ')[0]);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
});
|
columns.push({
|
title: "报价机构",
|
key: "EmaEntyEncdShrtDesc",
|
render: (h, params) => {
|
if (params.row.EmaEntyEncdShrtDesc) {
|
return h("span", params.row.EmaEntyEncdShrtDesc);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "买入/卖出净价(元)",
|
key: "TradeAmnt",
|
render: (h, params) => {
|
if (params.row.TradeAmnt) {
|
return h("span", params.row.TradeAmnt);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "买入/卖出收益率(%)",
|
key: "ContraRate",
|
render: (h, params) => {
|
if (params.row.ContraRate) {
|
return h("span", params.row.ContraRate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 120,
|
align: "center",
|
});
|
return columns;
|
},
|
// YHJSCCJHQColumns() {
|
// let columns = [];
|
// columns.push({
|
// title: "日期",
|
// key: "CreateDate",
|
// render: (h, params) => {
|
// if (params.row.CreateDate.split(' ')[0]) {
|
// return h("span", params.row.CreateDate.split(' ')[0]);
|
// } else {
|
// return h("span", "--");
|
// }
|
// },
|
// width: 120,
|
// align: "center",
|
// });
|
// columns.push({
|
// title: "待偿期",
|
// key: "TermToMaturity",
|
// render: (h, params) => {
|
// if (params.row.TermToMaturity) {
|
// return h("span", params.row.TermToMaturity);
|
// } else {
|
// return h("span", "--");
|
// }
|
// },
|
// width: 120,
|
// align: "center",
|
// });
|
// columns.push({
|
// title: "成交净价(元)",
|
// key: "DmilatestRate",
|
// render: (h, params) => {
|
// if (params.row.DmilatestRate) {
|
// return h("span", params.row.DmilatestRate);
|
// } else {
|
// return h("span", "--");
|
// }
|
// },
|
// minWidth: 100,
|
// align: "center",
|
// });
|
// columns.push({
|
// title: "最新收益率(%)",
|
// key: "DmilatestContraRate",
|
// render: (h, params) => {
|
// if (params.row.DmilatestContraRate) {
|
// return h("span", params.row.DmilatestContraRate);
|
// } else {
|
// return h("span", "--");
|
// }
|
// },
|
// minWidth: 120,
|
// align: "center",
|
// });
|
// columns.push({
|
// title: "涨跌(BP)",
|
// key: "Bp",
|
// render: (h, params) => {
|
// if (params.row.Bp) {
|
// return h("span", params.row.Bp);
|
// } else {
|
// return h("span", "--");
|
// }
|
// },
|
// width: 120,
|
// align: "center",
|
// });
|
// columns.push({
|
// title: "加权收益率(%)",
|
// key: "DmiWghtdContraRate",
|
// render: (h, params) => {
|
// if (params.row.DmiWghtdContraRate) {
|
// return h("span", params.row.DmiWghtdContraRate);
|
// } else {
|
// return h("span", "--");
|
// }
|
// },
|
// minWidth: 100,
|
// align: "center",
|
// });
|
// columns.push({
|
// title: "涨幅%",
|
// key: "DebtUp",
|
// render: (h, params) => {
|
// if (params.row.DebtUp) {
|
// return h("span", params.row.DebtUp);
|
// } else {
|
// return h("span", "--");
|
// }
|
// },
|
// minWidth: 100,
|
// align: "center",
|
// });
|
// columns.push({
|
// title: "交易量(亿)",
|
// key: "DebtDown",
|
// render: (h, params) => {
|
// if (params.row.DebtDown) {
|
// return h("span", params.row.DebtDown);
|
// } else {
|
// return h("span", "--");
|
// }
|
// },
|
// minWidth: 100,
|
// align: "center",
|
// });
|
// return columns;
|
// }
|
},
|
};
|
</script>
|
|
<style>
|
[v-cloak] {
|
display: none !important;
|
}
|
|
.modaltre:nth-child(1) {
|
border-top: 1px solid #3399ff !important;
|
color: #2d8cf0 !important;
|
border-bottom: 1px solid #fff !important;
|
}
|
|
.modaltab {
|
border-top: 1px solid #3399ff !important;
|
color: #2d8cf0 !important;
|
border-bottom: 1px solid #fff !important;
|
}
|
|
.modalLi_li {
|
border-right: 1px solid #dcdee2 !important;
|
/*border-right: 1px solid #dcdee2 !important;*/
|
border-top: 1px solid #dcdee2;
|
border-bottom: 1px solid #dcdee2;
|
background: #fff;
|
color: #515a6e;
|
width: 90px;
|
text-align: center;
|
display: block;
|
cursor: pointer;
|
padding: 5px 0;
|
}
|
|
.left_click {
|
transform: translate(90px, 0);
|
transition: transform 1s linear 0s;
|
}
|
|
.originli {
|
transform: translate(0, 0);
|
}
|
|
.right_click {
|
transform: translate(-90px, 0);
|
transition: transform 1s linear 0s;
|
}
|
|
.modalLi {
|
overflow: hidden;
|
display: -webkit-box;
|
}
|
|
.modalLi .modalspan_01 {
|
display: inline-block;
|
}
|
|
.modalLi_li:nth-child(1) {
|
border-left: 1px solid #dcdee2 !important;
|
}
|
|
.timelong {
|
width: calc(100% - 66px);
|
margin: 0 auto;
|
}
|
|
.jinduul2 p {
|
white-space: nowrap;
|
font-weight: bold;
|
}
|
|
.jinduul2 {
|
justify-content: center;
|
}
|
|
.jinduul2 p:nth-child(1) {
|
text-align: center;
|
white-space: nowrap;
|
}
|
|
.jinduul {
|
overflow: hidden;
|
display: -webkit-box;
|
}
|
|
.jinduul li {
|
width: 90px;
|
}
|
|
.uprent b {
|
display: block;
|
height: 2px;
|
width: 35px;
|
background: #ccc;
|
}
|
|
.jindubbehind {
|
/*display: none*/
|
}
|
|
.uprent span {
|
display: block;
|
width: 20px;
|
height: 20px;
|
border-radius: 50%;
|
}
|
|
.bclass2 {
|
margin-left: 35px;
|
}
|
|
.rentclass1 span {
|
border: 1px solid #2d8cf0;
|
background: #2d8cf0;
|
}
|
|
.rentclass2 span {
|
border: 1px solid #42b983;
|
background: #42b983;
|
}
|
|
.sss {
|
background: #fff !important;
|
}
|
|
.kongxin {
|
background: #fff;
|
}
|
|
.uprent {
|
display: flex;
|
align-items: center;
|
}
|
|
.rentDiffClass {
|
width: 100%;
|
}
|
|
.rentDiffClass2 {
|
width: 100%;
|
}
|
|
.rentDiffClass td:nth-child(1) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: none;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentDiffClass td:nth-child(2) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: none;
|
padding: 15px 10px;
|
font-weight: bold;
|
word-break: break-all;
|
}
|
|
.rentDiffClass td:nth-child(3) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: 1px solid #ccc;
|
padding: 15px 10px;
|
font-weight: bold;
|
word-break: break-all;
|
}
|
|
.rentDiffClass2:nth-child(even) {
|
background: #f2f2f2;
|
}
|
|
.rentDiffClass2 td:nth-child(1) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentDiffClass2 td:nth-child(2) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentDiffClass2 td:nth-child(3) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: 1px solid #ccc;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentmanClass .ivu-poptip {
|
width: 100%;
|
}
|
|
.rentmanClass .ivu-poptip-rel {
|
width: 100%;
|
}
|
|
.rentThClass2,
|
.rentThClass3 {
|
width: 100%;
|
}
|
|
.rentThClass2 td,
|
.rentThClass3 td {
|
padding: 5px;
|
}
|
|
|
|
.rentThClass2 td:nth-child(1) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
font-weight: 800;
|
}
|
|
.rentThClass3 td:nth-child(1) {
|
width: 20%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
font-weight: 800;
|
}
|
|
.rentThClass2 td:nth-child(2) {
|
width: 35%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
color: #8C8C8C;
|
}
|
|
.rentThClass3 td:nth-child(2) {
|
width: 40%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
color: #8C8C8C;
|
}
|
|
.rentThClass3 td:nth-child(3) {
|
width: 40%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
color: #8C8C8C;
|
border-right: 1px solid #ccc;
|
}
|
|
.rentThClass2 td:nth-child(3) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: none;
|
font-weight: 800;
|
}
|
|
.rentThClass2 td:nth-child(4) {
|
width: 35%;
|
box-sizing: border-box;
|
border-right: 1px solid #ccc;
|
border: 1px solid #ccc;
|
color: #8C8C8C;
|
}
|
|
.rentThClass td {
|
border-right: 1px solid #ccc;
|
border: 1px solid #ccc;
|
padding: 5px;
|
|
}
|
|
.rentThClass td:first-child {
|
border-right: none;
|
width: 15%;
|
box-sizing: border-box;
|
border-top: 0px;
|
font-weight: 800;
|
}
|
|
.rentThClass td:last-child {
|
width: 85%;
|
box-sizing: border-box;
|
border-top: 0px;
|
word-break: break-all;
|
color: #8C8C8C;
|
}
|
|
.rentClass .lists_readAndEdit2 {
|
padding-top: 12px;
|
}
|
|
.rentTableClass .ivu-form-item {
|
margin-bottom: 0px;
|
}
|
|
.bottom {
|
text-align: center;
|
}
|
|
.ivu-poptip-content .ivu-poptip-inner .ivu-poptip-body {
|
max-height: 600px;
|
overflow: auto;
|
|
}
|
|
.ivu-poptip-content .ivu-poptip-inner .ivu-poptip-body .ivu-poptip-body-content {
|
overflow: hidden;
|
}
|
</style>
|
