布局

hailu

2024-03-21 26079c65c9aef290b75f5421780e6f5f25b6e518

布局

 src/view/diligenceTools/bondfinancing.vue

@@ -187,11 +187,11 @@
          <TabPane label="本公司" name="tab3-1">
            <div>
              <Select v-model="StockExchangeTab3" style="width:200px;margin-bottom:10px" @on-change="changeExchangetab3">
                <Option v-for="item in StockExchangeList" :value="item.value" :key="item.value">{{ item.label }}
                <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"
            <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">
@@ -200,6 +200,17 @@
                </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" />
@@ -212,7 +223,7 @@
                </Option>
              </Select> -->
              <Select v-model="StockExchangeTab3" style="width:200px;margin-bottom:10px" @on-change="changeExchangetab3">
                <Option v-for="item in StockExchangeList" :value="item.value" :key="item.value">{{ item.label }}
                <Option v-for="item in StockExchangeListTab3" :value="item.value" :key="item.value">{{ item.label }}
                </Option>
              </Select>
            </div>
@@ -259,8 +270,7 @@
        </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%;
@@ -411,7 +421,7 @@
              </td>
            </tr>
          </table>
          <table v-else class="tableBack" style="width: 100%;margin-top: 0px;height: 430px;overflow-y: auto" border="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>
@@ -550,6 +560,164 @@
              </td>
            </tr>
          </table>
          <h2  >债券基本信息</h2>
          <table  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 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>
           
          </table>
          <h2  >债券续发信息（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>
      </div>
      <div v-show="zqfxxqName === 'zqfxxqTab2'">
@@ -581,7 +749,7 @@
              @on-change="changePageIndexzq2" show-elevator ref="pagesChange1" />
          </div>
        </div>
        <div v-else 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%;
@@ -745,9 +913,38 @@
        </table> -->
          </div>
        </div>
        <!--  -->
        <div >
          <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">
            <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="detailtab3" :data="detailtab3Date" :loading="loadingzqfxxqTab"
        <Table ref="approvalProgressList" border :columns="YHJSCdetailtab3" :data="detailtab3Date" :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="checkDetailtab3(params.row)" />
            </Tooltip>
          </template>
        </Table>
        <Table ref="approvalProgressList" border :columns="detailtab3" :data="detailtab3Date" :loading="loadingzqfxxqTab" 
          :max-height="600">
          <template slot="action" slot-scope="params">
            <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
@@ -804,7 +1001,20 @@
          value: '深交所',
          label: '深交所'
        },

      ],
      StockExchangeListTab3: [
        {
          value: '上交所',
          label: '上交所'
        },
        {
          value: '深交所',
          label: '深交所'
        },
        {
          value: '银行间市场',
          label: '银行间市场'
        },
      ],
      // StockExchangeList: [
      //   {
@@ -1147,7 +1357,6 @@
      this.pageIndex1 = 1
      this.pageIndex2 = 1
      this.pageIndex3 = 1
      console.log(this.searchName);
      if (this.titName === 'tab1') {
        if (this.tabName1 === 'tab1-1') {
          this.type = 'csrc'
@@ -1251,7 +1460,7 @@
        pageSize: this.pageSize,

      };
      console.log(data);
  
      axios
        .request({
          url: "/BankYj/GetSseItemBaseInfo",
@@ -1634,14 +1843,11 @@
          (res) => {
            if (res.data.Check) {
              this.historyList = res.data.Data;
              console.log("搜索框1",this.searchName,this.selectedName,this.historyList);
              // if (this.historyList.length > 0 && this.selectedName === "") {
              if (this.historyList.length > 0 ) {
                this.searchName = this.historyList[0];
                this.selectedName = this.historyList[0];
                console.log("搜索框12",this.searchName,this.selectedName,this.historyList);
                if (this.firstHis === false) {
                  console.log("加载数据1");
                  
                  if (this.tabName === "tab1") {
                    this.isfirsttab1 = false;
                  } else if (this.tabName === "tab2") {
@@ -1650,16 +1856,14 @@
                  this.getRentList();
                }
                this.firstHis = true;

                // if (this.optionsList.length == 0) {
                //   this.remoteMethod()
                // }
                //   this.mergeRequest(this.selectedName)
                this.loading = false;
                console.log("搜索框123",this.searchName,this.selectedName,this.historyList);
              } else {
                this.searchName = '';
                this.selectedName = '';
                // this.searchName = '';
                // this.selectedName = '';
                if (this.firstHis === false) {
                  console.log("加载数据1");
                  if (this.tabName === "tab1") {
@@ -2613,6 +2817,154 @@
      });
      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: "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: "DebtPayway",
        render: (h, params) => {
          if (params.row.DebtPayway) {
            return h("span", params.row.DebtPayway);
          } else {
            return h("span", "--");
          }
        },
        minWidth: 300,
        align: "left",
      });
      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: "DebtYear",
        render: (h, params) => {
          if (params.row.DebtYear) {
            return h("span", params.row.DebtYear);
          } 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: "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: "action",
        slot: "action",
        align: "center",
        width: 50,
        fixed: "right",
      });
      return columns;
    },
    detailtab2() {
      let columns = [];
      columns.push({
@@ -2724,6 +3076,67 @@
        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: "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: "公告名称",
@@ -3205,9 +3618,115 @@


      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: "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: "涨跌(BP)",
        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: "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",
      });
      return columns;
    }


  },
};
</script>