| | |
| | | padding: 1px 4px; |
| | | color: #05b6d0; |
| | | ">{{ |
| | | item.IsOriginalNameMatch ? "历史名称匹配" : "企业名称匹配" |
| | | }}</span> |
| | | item.IsOriginalNameMatch ? "历史名称匹配" : "企业名称匹配" |
| | | }}</span> |
| | | </li> |
| | | </ul> |
| | | </Poptip> |
| | |
| | | <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"> |
| | | <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> |
| | |
| | | |
| | | </TabPane> |
| | | <TabPane label="发改委" name="tab1-2"> |
| | | <Table ref="bondApprovalList" border :columns="bondApproval" :data="bondApprovalList" :loading="loadingRent1" |
| | | :max-height="600"> |
| | | <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)" /> |
| | | <Icon custom="custom custom-chakan" size="18" |
| | | :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick1(params.row)" /> |
| | | </Tooltip> |
| | | </template> |
| | | |
| | |
| | | |
| | | </TabPane> |
| | | <TabPane label="中国人民银行" name="tab1-3"> |
| | | <Table ref="bondApprovalList" border :columns="bondApproval" :data="bondApprovalList" :loading="loadingRent1" |
| | | :max-height="600"> |
| | | <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)" /> |
| | | <Icon custom="custom custom-chakan" size="18" |
| | | :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkdetail(params.row)" /> |
| | | |
| | | </Tooltip> |
| | | </template> |
| | |
| | | :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)" /> |
| | | <Icon custom="custom custom-chakan" size="18" |
| | | :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick2(params.row)" /> |
| | | </Tooltip> |
| | | </template> |
| | | </Table> |
| | |
| | | :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)" /> |
| | | <Icon custom="custom custom-chakan" size="18" |
| | | :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick2(params.row)" /> |
| | | </Tooltip> |
| | | </template> |
| | | |
| | |
| | | <Tabs @on-click="changeDetailTab3"> |
| | | <TabPane label="本公司" name="tab3-1"> |
| | | <div> |
| | | <Select v-model="StockExchangeTab3" style="width:200px;margin-bottom:10px" @on-change="changeExchangetab3"> |
| | | <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"> |
| | | <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)" /> |
| | | <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"> |
| | | <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)" /> |
| | | <Icon custom="custom custom-chakan" size="18" |
| | | :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick3(params.row)" /> |
| | | </Tooltip> |
| | | </template> |
| | | </Table> |
| | |
| | | <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"> |
| | | <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> |
| | |
| | | :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)" /> |
| | | <Icon custom="custom custom-chakan" size="18" |
| | | :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick3(params.row)" /> |
| | | </Tooltip> |
| | | </template> |
| | | |
| | |
| | | </TabPane> |
| | | </Tabs> |
| | | |
| | | <div v-show="zqfxxqName === 'zqfxxqTab1'" style="height: 430px;overflow-y: auto;margin-top: 12px" class="assetsScroll"> |
| | | <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%; |
| | |
| | | </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"> |
| | | 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"> |
| | |
| | | <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 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> |
| | |
| | | <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> |
| | | ? 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> |
| | | ? 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> |
| | |
| | | {{ 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> |
| | | </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"> |
| | | <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"> |
| | |
| | | <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> |
| | | ? this.CustomMethods.numTo$(checkTableList.fxlnew) : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass2 tableBackadd" style="border-style: none"> |
| | | <td style="border-right: 0px solid #ccc">债券期限(年)</td> |
| | |
| | | {{ 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> |
| | | </tr> |
| | | </table> |
| | | <h2 v-if="StockExchangeTab3 == '银行间市场'">债券基本信息</h2> |
| | | <h2 v-if="StockExchangeTab3 == '银行间市场'">债券基本信息</h2> |
| | | <table v-if="StockExchangeTab3 == '银行间市场'" class="tableBack" |
| | | style="width: 100%;margin-top: 0px;height: 430px;overflow-y: auto" border="0" cellspacing="0" cellpadding="0"> |
| | | 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.BondCode ? checkTableList.BondCode : '--' }} |
| | | </td> |
| | | </tr> |
| | | |
| | | |
| | | <!-- <tr class="rentThClass tableBackadd" style="border-style: none"> |
| | | <td>债券类型</td> |
| | | <td colspan="3"> |
| | |
| | | <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: '--' }} |
| | | {{ checkTableList.BondType ? checkTableList.BondType : '--' }} |
| | | </td> |
| | | <td style="border-right: none;border-top: none;">发行人</td> |
| | | <td style="border-top: none;"> |
| | | {{ checkTableList.IssueOrTrusee ? checkTableList.IssueOrTrusee: '--' }} |
| | | {{ 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: '--' }} |
| | | {{ checkTableList.IssueDate ? checkTableList.IssueDate : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">到期兑付日</td> |
| | | <td style="border-top: none;"> |
| | | {{ checkTableList.MrtyDate ? checkTableList.MrtyDate: '--' }} |
| | | {{ 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: '--' }} |
| | | {{ checkTableList.BondPeriod ? checkTableList.BondPeriod : '--' }} |
| | | </td> |
| | | <td style="border-right: none;border-top: none;">面值(元)</td> |
| | | <td style="border-top: none;"> |
| | | {{ checkTableList.ParValue ? checkTableList.ParValue: '--' }} |
| | | {{ 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: '--' }} |
| | | {{ checkTableList.IssuePrice ? checkTableList.IssuePrice : '--' }} |
| | | </td> |
| | | <td style="border-right: none;border-top: none;">计划发行量(亿)</td> |
| | | <td style="border-top: none;"> |
| | |
| | | </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 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> |
| | | </tr> |
| | | </table> |
| | | <h2 v-if="StockExchangeTab3 == '银行间市场'">债券续发信息(N)</h2> |
| | | <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"> |
| | | {{ 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="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> |
| | | </table> |
| | | |
| | | <div v-if="StockExchangeTab3 == '银行间市场' && XFTableList.length > 0"> |
| | | <div v-for="(item, index) in XFTableList" :key="index"> |
| | | <h2>{{ item.Title }} </h2> |
| | | |
| | | <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.DealDate ? item.DealDate : '--' }} |
| | | </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.ContinuedIssuance ? item.ContinuedIssuance : '--' }} |
| | | </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> |
| | |
| | | @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="StockExchangeTab3 == '深交所'" style="height: 250px;overflow-y: auto;margin-top: 12px" |
| | | class="assetsScroll"> |
| | | <div v-if="loadingzqfxxqTab" style="display: inline-block; |
| | | width: 100%; |
| | | height: 100%; |
| | |
| | | {{ 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 > |
| | | <div v-if="StockExchangeTab3 == '银行间市场'"> |
| | | <RadioGroup v-model="CJHQType" @on-change="changeCJHQ"> |
| | | <Radio label="bond_sse_price1">现券市场成交行情</Radio> |
| | | <Radio label="bond_sse_bidding1">现券市场做市报价</Radio> |
| | | </RadioGroup> |
| | | <Table ref="approvalProgressList" border :columns="YHJSCCJHQColumns" :data="detailtab2Date" |
| | | style="margin-top: 12px" :loading="loadingzqfxxqTab" :max-height="600"> |
| | | 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'" |
| | |
| | | </div> |
| | | </div> |
| | | <div v-show="zqfxxqName === 'zqfxxqTab3'"> |
| | | <Table ref="approvalProgressList" border :columns="YHJSCdetailtab3" :data="detailtab3Date" :loading="loadingzqfxxqTab" v-if="StockExchangeTab3 === '银行间市场'" |
| | | :max-height="600"> |
| | | <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'" |
| | |
| | | </Tooltip> |
| | | </template> |
| | | </Table> |
| | | <Table ref="approvalProgressList" border :columns="detailtab3" :data="detailtab3Date" :loading="loadingzqfxxqTab" v-if="StockExchangeTab3 !== '银行间市场'" |
| | | :max-height="600"> |
| | | <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'" |
| | |
| | | </Modal> |
| | | </div> |
| | | </template> |
| | | |
| | | |
| | | <script> |
| | | import $ from "jquery"; |
| | | import axios from "@/libs/api.request"; |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | XFTableList: [], |
| | | CJHQType: '点击成交行情', |
| | | detailInfo: {}, |
| | | loadingzqfxxqTab: false, |
| | |
| | | changeExchangetab3(val) { |
| | | this.pageIndex3 = 1 |
| | | // if (val === '上交所') { |
| | | this.getBondDebtPage() |
| | | this.getBondDebtPage() |
| | | // } else if(val === '深交所') { |
| | | // this.getBondDebtPage() |
| | | // } else { |
| | |
| | | if (this.tabName3 === 'tab3-1') { |
| | | this.getBondDebtPage() |
| | | } else if (this.tabName3 === 'tab3-2') { |
| | | |
| | | }else if (this.tabName3 === 'tab3-3') { |
| | | |
| | | |
| | | } else if (this.tabName3 === 'tab3-3') { |
| | | |
| | | } |
| | | } else if (this.titName === 'tab4') { |
| | | if (this.tabName3 === 'tab3-1') { |
| | |
| | | pageSize: this.pageSize, |
| | | |
| | | }; |
| | | |
| | | |
| | | axios |
| | | .request({ |
| | | url: "/BankYj/GetSseItemBaseInfo", |
| | |
| | | }, |
| | | //获取债券公告数据 查看链接 |
| | | checkDetailtab3(params) { |
| | | if(this.StockExchangeTab3 == '银行间市场'){ |
| | | if (this.StockExchangeTab3 == '银行间市场') { |
| | | window.open(params.FileUrl) |
| | | }else{ |
| | | } else { |
| | | console.log(params); |
| | | window.open(params.Url) |
| | | } |
| | | |
| | | |
| | | |
| | | }, |
| | | //获取债券公告数据 切换页码 |
| | | changePageIndexzq3(e) { |
| | | this.pageIndexzq = e |
| | | if(this.StockExchangeTab3=="银行间市场"){ |
| | | |
| | | if (this.StockExchangeTab3 == "银行间市场") { |
| | | |
| | | this.getPageChinamoneyMkDataBonReport() |
| | | }else { |
| | | } else { |
| | | this.getPageBondAnnouncement() |
| | | } |
| | | |
| | | |
| | | }, |
| | | //获取债券行情数据 切换页码 |
| | | changePageIndexzq2(e) { |
| | |
| | | (res) => { |
| | | if (res.data.Check) { |
| | | this.historyList = res.data.Data; |
| | | if (this.historyList.length > 0 ) { |
| | | 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") { |
| | |
| | | } |
| | | } else { |
| | | } |
| | | |
| | | |
| | | }, |
| | | (res) => { } |
| | | ); |
| | | |
| | | |
| | | |
| | | }, |
| | | changeDetailTab(e) { |
| | |
| | | return tomorrow; |
| | | }, |
| | | //债券公告:银行间市场 |
| | | getPageChinamoneyMkDataBonReport(){ |
| | | this.loadingzqfxxqTab=true |
| | | getPageChinamoneyMkDataBonReport() { |
| | | this.loadingzqfxxqTab = true |
| | | let data = { |
| | | bondName: "09国开19", |
| | | bondName: this.detailInfo.BondName, |
| | | pageIndex: this.pageIndexzq, |
| | | pageSize: 8 |
| | | } |
| | |
| | | .then( |
| | | (res) => { |
| | | if (res.data.Check) { |
| | | this.detailtab3Date=res.data.Data.Items |
| | | this.detailtab3Date = res.data.Data.Items |
| | | this.TotalItemszq = res.data.Data.TotalItems |
| | | |
| | | console.log(res.data); |
| | | this.loadingzqfxxqTab=false |
| | | this.loadingzqfxxqTab = false |
| | | } |
| | | }, |
| | | (res) => { |
| | |
| | | getBondDebtPage() { |
| | | this.loadingRent1 = true |
| | | let dateType = {} |
| | | if (this.titName === 'tab3') { |
| | | dateType = { |
| | | "fieldName": "OverDate", "ConditionalType": 2, |
| | | //获取明天日期,格式如24-02-06 00:00:00 |
| | | "FieldValue": this.getnowDate() |
| | | 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() |
| | | } |
| | | } |
| | | } 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" |
| | | } |
| | | } |
| | | 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 { |
| | | 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 |
| | | } |
| | | }, |
| | | (res) => { |
| | | this.loadingRent1 = false |
| | | ); |
| | | } else { |
| | | if (this.titName === 'tab3') { |
| | | dateType = { |
| | | "fieldName": "DealDate", "ConditionalType": 2, |
| | | //获取明天日期,格式如24-02-06 00:00:00 |
| | | "FieldValue": this.getnowDate() |
| | | } |
| | | ); |
| | | } else { |
| | | dateType = { |
| | | "fieldName": "DealDate", "ConditionalType": 5, |
| | | //获取明天日期,格式如24-02-06 00:00:00 |
| | | "FieldValue": this.getnowDate() |
| | | } |
| | | } |
| | | let data = { |
| | | companyName: this.searchName, |
| | | pageIndex: this.pageIndex3, |
| | | pageSize: 10, |
| | | conditionals: [ |
| | | // { "fieldName": "ShortName", "ConditionalType": 1, "FieldValue": this.searchName }, |
| | | // 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 |
| | | } |
| | | ); |
| | | |
| | | } |
| | | |
| | | }, |
| | | //债券发行上市弹窗 |
| | | zqfxxqTab(e, params) { |
| | |
| | | this.zqfxxqName = e |
| | | this.pageIndexzq = 1 |
| | | if (this.zqfxxqName === 'zqfxxqTab3') { |
| | | if(this.StockExchangeTab3 == '银行间市场'){ |
| | | this.getPageChinamoneyMkDataBonReport() |
| | | }else{ |
| | | if (this.StockExchangeTab3 == '银行间市场') { |
| | | this.getPageChinamoneyMkDataBonReport() |
| | | } else { |
| | | this.getPageBondAnnouncement() |
| | | } |
| | | |
| | | |
| | | } else if (this.zqfxxqName === 'zqfxxqTab2') { |
| | | if (this.StockExchangeTab3 == '上交所') { |
| | | this.getPageBondPrice() |
| | |
| | | |
| | | } |
| | | ); |
| | | } else if(this.StockExchangeTab3=="上交所"){ |
| | | } else if (this.StockExchangeTab3 == "上交所") { |
| | | axios.request({ |
| | | url: "/BankYj/GetBondSseDebtDetail", |
| | | data: { |
| | |
| | | } |
| | | ); |
| | | // this.checkTableList = this.detailInfo |
| | | }else if(this.StockExchangeTab3 == "银行间市场"){ |
| | | } else if (this.StockExchangeTab3 == "银行间市场") { |
| | | axios.request({ |
| | | url: "/BankYj/GetChinamoneyMkdatabondDetail", |
| | | data: { |
| | | // bondName: this.detailInfo.DebtShort |
| | | bondName: "09国开19" |
| | | bondName: this.detailInfo.BondName |
| | | }, |
| | | method: "post", |
| | | }).then( |
| | |
| | | url: "/BankYj/GetListChinamoneyMkDataBonInfo", |
| | | data: { |
| | | // bondName: this.detailInfo.DebtShort |
| | | bondName: "14附息国债29" |
| | | bondName: "22附息国债10" |
| | | }, |
| | | method: "post", |
| | | }).then( |
| | | (res) => { |
| | | if (res.data.Check) { |
| | | // this.checkTableList = res.data.Data ? res.data.Data : {} |
| | | this.XFTableList = res.data.Data |
| | | // this.loadingzqfxxqTab = false |
| | | } else { |
| | | this.XFTableList = [] |
| | | // this.loadingzqfxxqTab = false |
| | | } |
| | | }, |
| | |
| | | }); |
| | | columns.push({ |
| | | title: "债券代码", |
| | | key: "DebtCode", |
| | | key: "BondCode", |
| | | render: (h, params) => { |
| | | if (params.row.DebtCode) { |
| | | return h("span", params.row.DebtCode); |
| | | if (params.row.BondCode) { |
| | | return h("span", params.row.BondCode); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | align: "center", |
| | | }); columns.push({ |
| | | title: "债券简称", |
| | | key: "DebtShort", |
| | | key: "BondName", |
| | | render: (h, params) => { |
| | | if (params.row.DebtShort) { |
| | | return h("span", params.row.DebtShort); |
| | | if (params.row.BondName) { |
| | | return h("span", params.row.BondName); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | align: "center", |
| | | }); columns.push({ |
| | | title: "债券类型", |
| | | key: "DebtPayway", |
| | | key: "BondType", |
| | | render: (h, params) => { |
| | | if (params.row.DebtPayway) { |
| | | return h("span", params.row.DebtPayway); |
| | | if (params.row.BondType) { |
| | | return h("span", params.row.BondType); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | }); |
| | | columns.push({ |
| | | title: "实际发行量(亿))", |
| | | key: "SendNum", |
| | | key: "IssueAmnt", |
| | | render: (h, params) => { |
| | | if (params.row.SendNum) { |
| | | return h("span", params.row.SendNum); |
| | | if (params.row.IssueAmnt) { |
| | | return h("span", params.row.IssueAmnt); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | }); |
| | | columns.push({ |
| | | title: "债券期限", |
| | | key: "DebtYear", |
| | | key: "BondPeriod", |
| | | render: (h, params) => { |
| | | if (params.row.DebtYear) { |
| | | return h("span", params.row.DebtYear); |
| | | if (params.row.BondPeriod) { |
| | | return h("span", params.row.BondPeriod); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | }); |
| | | columns.push({ |
| | | title: "债券发行日", |
| | | key: "StartDate", |
| | | key: "IssueDate", |
| | | render: (h, params) => { |
| | | if (params.row.StartDate) { |
| | | return h("span", params.row.StartDate); |
| | | if (params.row.IssueDate) { |
| | | return h("span", params.row.IssueDate); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | }); |
| | | columns.push({ |
| | | title: "债券起息日", |
| | | key: "PubDate", |
| | | key: "FrstValueDate", |
| | | render: (h, params) => { |
| | | if (params.row.PubDate) { |
| | | return h("span", params.row.PubDate); |
| | | if (params.row.FrstValueDate) { |
| | | return h("span", params.row.FrstValueDate); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | }); |
| | | columns.push({ |
| | | title: "到期兑付日", |
| | | key: "OverDate", |
| | | key: "MrtyDate", |
| | | render: (h, params) => { |
| | | if (params.row.OverDate) { |
| | | return h("span", params.row.OverDate); |
| | | if (params.row.MrtyDate) { |
| | | return h("span", params.row.MrtyDate); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | align: "center", |
| | | }); columns.push({ |
| | | title: "息票类型", |
| | | key: "DebtTax", |
| | | key: "CouponType", |
| | | render: (h, params) => { |
| | | if (params.row.DebtTax) { |
| | | return h("span", params.row.DebtTax); |
| | | if (params.row.CouponType) { |
| | | return h("span", params.row.CouponType); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | | }, |
| | | width: 110, |
| | | minWidth: 150, |
| | | align: "center", |
| | | }); |
| | | columns.push({ |
| | |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | |
| | | <style> |
| | | [v-cloak] { |
| | | display: none !important; |