| | |
| | | </Tabs> |
| | | </div> |
| | | <div v-show="titName === 'tab2'"> |
| | | <Tabs @on-click="changeDetailTab2"> |
| | | <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"> |
| | |
| | | </TabPane> |
| | | </Tabs> |
| | | </div> |
| | | <div v-show="titName === 'tab3' || titName === 'tab4'"> |
| | | <Tabs @on-click="changeDetailTab3"> |
| | | <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" |
| | |
| | | </Option> |
| | | </Select> |
| | | </div> |
| | | <Table ref="approvalProgressList" border :columns="approvalProgress3" :data="approvalProgressListTab3" |
| | | <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"> |
| | |
| | | </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" |
| | |
| | | </td> |
| | | <td style="border-top: 1px solid #ccc;border-right: none">续发行上市交易日</td> |
| | | <td style="border-top: 1px solid #ccc"> |
| | | {{ item.DealDate ? item.DealDate : '--' }} |
| | | {{ item.ActualAmount ? item.ActualAmount : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2 tableBackadd" style="border-style: none"> |
| | |
| | | <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 style="border-top: none">{{ item.ActualAmount ? item.ActualAmount : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2 tableBackadd" style="border-style: none"> |
| | |
| | | </div> |
| | | <!-- --> |
| | | <div v-if="StockExchangeTab3 == '银行间市场'"> |
| | | <RadioGroup v-model="CJHQType" @on-change="changeCJHQ"> |
| | | <!-- <RadioGroup v-model="CJHQType" @on-change="changeCJHQ"> |
| | | <Radio label="bond_sse_price1">现券市场成交行情</Radio> |
| | | <Radio label="bond_sse_bidding1">现券市场做市报价</Radio> |
| | | </RadioGroup> |
| | | </RadioGroup> --> |
| | | <Table ref="approvalProgressList" border :columns="YHJSCCJHQColumns" :data="detailtab2Date" |
| | | 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'" |
| | |
| | | //获取债券行情数据 切换页码 |
| | | changePageIndexzq2(e) { |
| | | this.pageIndexzq = e |
| | | this.getPageBondPrice() |
| | | if(this.StockExchangeTab3=="银行间市场"){ |
| | | this.getPageChinamoneyMkDataBondDaily() |
| | | }else{ |
| | | this.getPageBondPrice() |
| | | } |
| | | }, |
| | | //获取债券公告数据 |
| | | getPageBondAnnouncement() { |
| | |
| | | }, |
| | | changeCJHQ() { |
| | | this.pageIndexzq = 1 |
| | | this.getPageBondPrice() |
| | | if(this.StockExchangeTab3=="银行间市场"){ |
| | | this.getPageChinamoneyMkDataBondDaily() |
| | | }else{ |
| | | this.getPageBondPrice() |
| | | } |
| | | |
| | | }, |
| | | //获取债券行情数据 |
| | |
| | | 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", |
| | | }) |
| | |
| | | this.pageIndex2 = 1 |
| | | this.pageIndex3 = 1 |
| | | this.titName = e |
| | | this.tabName1 = 'tab1-1' |
| | | // this.tabName2='tab2-1' |
| | | // this.tabName3='tab3-1' |
| | | // 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() |
| | | |
| | | }, |
| | |
| | | } else if (this.zqfxxqName === 'zqfxxqTab2') { |
| | | if (this.StockExchangeTab3 == '上交所') { |
| | | this.getPageBondPrice() |
| | | } else { |
| | | } else if(this.StockExchangeTab3 == '深交所'){ |
| | | this.getSzseTrendRightDetail(params) |
| | | }else { |
| | | this.getPageChinamoneyMkDataBondDaily() |
| | | } |
| | | |
| | | } else if (this.zqfxxqName === 'zqfxxqTab1') { |
| | |
| | | axios.request({ |
| | | url: "/BankYj/GetListChinamoneyMkDataBonInfo", |
| | | data: { |
| | | // bondName: this.detailInfo.DebtShort |
| | | bondName: "22附息国债10" |
| | | bondName: this.detailInfo.BondName |
| | | // bondName: "22附息国债10" |
| | | }, |
| | | method: "post", |
| | | }).then( |
| | |
| | | title: "日期", |
| | | key: "CreateDate", |
| | | render: (h, params) => { |
| | | if (params.row.CreateDate.split(' ')[0]) { |
| | | if (params.row.CreateDate) { |
| | | return h("span", params.row.CreateDate.split(' ')[0]); |
| | | } else { |
| | | return h("span", "--"); |
| | |
| | | title: "日期", |
| | | key: "CreateDate", |
| | | render: (h, params) => { |
| | | if (params.row.CreateDate.split(' ')[0]) { |
| | | if (params.row.CreateDate) { |
| | | return h("span", params.row.CreateDate.split(' ')[0]); |
| | | } else { |
| | | return h("span", "--"); |
| | |
| | | title: "日期", |
| | | key: "CreateDate", |
| | | render: (h, params) => { |
| | | if (params.row.CreateDate.split(' ')[0]) { |
| | | if (params.row.CreateDate) { |
| | | return h("span", params.row.CreateDate.split(' ')[0]); |
| | | } else { |
| | | return h("span", "--"); |
| | |
| | | let columns = []; |
| | | columns.push({ |
| | | title: "日期", |
| | | key: "CreateDate", |
| | | key: "DealDate", |
| | | render: (h, params) => { |
| | | if (params.row.CreateDate.split(' ')[0]) { |
| | | return h("span", params.row.CreateDate.split(' ')[0]); |
| | | if (params.row.DealDate) { |
| | | return h("span", params.row.DealDate.split(' ')[0]); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | }); |
| | | columns.push({ |
| | | title: "待偿期", |
| | | key: "DebtCode", |
| | | key: "TermToMaturity", |
| | | render: (h, params) => { |
| | | if (params.row.DebtCode) { |
| | | return h("span", params.row.DebtCode); |
| | | if (params.row.TermToMaturity) { |
| | | return h("span", params.row.TermToMaturity); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | }); |
| | | columns.push({ |
| | | title: "成交净价(元)", |
| | | key: "Title", |
| | | key: "DmilatestRate", |
| | | render: (h, params) => { |
| | | if (params.row.Title) { |
| | | return h("span", params.row.Title); |
| | | if (params.row.DmilatestRate) { |
| | | return h("span", params.row.DmilatestRate); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | }); |
| | | columns.push({ |
| | | title: "最新收益率(%)", |
| | | key: "Debt", |
| | | key: "DmilatestContraRate", |
| | | render: (h, params) => { |
| | | if (params.row.Debt) { |
| | | return h("span", params.row.Debt); |
| | | if (params.row.DmilatestContraRate) { |
| | | return h("span", params.row.DmilatestContraRate); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | }); |
| | | columns.push({ |
| | | title: "涨跌(BP)", |
| | | key: "CreateDate", |
| | | render: (h, params) => { |
| | | if (params.row.CreateDate.split(' ')[0]) { |
| | | return h("span", params.row.CreateDate.split(' ')[0]); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | | }, |
| | | 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: "DebtLatest", |
| | | key: "DmiWghtdContraRate", |
| | | 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); |
| | | if (params.row.DmiWghtdContraRate) { |
| | | return h("span", params.row.DmiWghtdContraRate); |
| | | } else { |
| | | return h("span", "--"); |
| | | } |
| | |
| | | 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> |