<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新股详情</title>
    <link rel="stylesheet" href="detail.css">

    <script src="../../lib/jquery-1.11.3.min.js"></script>
    <script src="../../lib/vue/vue.min.js"></script>
    <script src="../../_common/service_fcfg.js"></script>
    <script src="../../_common/fy_client.js"></script>
    <script src="../../_common/service.js"></script>
    <script src="../../_common/fql.js"></script>

    <style type="text/css">
        [v-cloak] {
            display: none;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty()>
        <div v-show="isAsk" class="maskBox" id="maskBox">
            <div class="proBox"></div>
        </div>
        <div class="null-data-box" v-if="nullData">
            <div class="txt">{{nullTxt}}</div>
        </div>
        <div class="main-content" v-else>
            <div class="date-progress">
                <ul class="progress-ul">
                    <li>
                        <div>
                            <span :class="parseInt(progressObj.PURCHASE_DATE) <= newDate ? 'activeDate' : ''">申购</span>
                            <p>
                                <span class="order" :class="parseInt(progressObj.PURCHASE_DATE) <= newDate ? 'orderActive' : 'orderNo' ">1</span>
                            </p>
                            <span :class="parseInt(progressObj.PURCHASE_DATE) <= newDate ? 'activeDate' : ''">{{dateObj.iss_bgn_dt}}</span>
                        </div>
                    </li>
                    <li class="line" :class="parseInt(progressObj.PURCHASE_DATE) < newDate ? 'activeLine' : ''"></li>
                    <li>
                        <div>
                            <span :class="parseInt(progressObj.SUC_RATE_DATE) <= newDate ? 'activeDate' : ''">配号</span>
                            <p>
                                <span class="order" :class="parseInt(progressObj.SUC_RATE_DATE) <= newDate ? 'orderActive' : 'orderNo'">2</span>
                            </p>
                            <span :class="parseInt(progressObj.SUC_RATE_DATE) <= newDate ? 'activeDate' : ''">{{dateObj.suc_rate_date}}</span>
                        </div>
                    </li>
                    <li class="line" :class="parseInt(progressObj.SUC_RATE_DATE) < newDate ? 'activeLine' : ''"></li>
                    <li>
                        <div>
                            <span :class="parseInt(progressObj.ALOT_RSLT_NTC_DT) <= newDate ? 'activeDate' : ''">中签</span>
                            <p>
                                <span class="order" :class="parseInt(progressObj.ALOT_RSLT_NTC_DT) <= newDate ? 'orderActive' : 'orderNo'">3</span>
                            </p>
                            <span :class="parseInt(progressObj.ALOT_RSLT_NTC_DT) <= newDate ? 'activeDate' : ''">{{dateObj.alot_rslt_ntc_st}}</span>
                        </div>
                    </li>
                    <li class="line" :class="progressObj.ALOT_RSLT_NTC_DT < newDate ? 'activeLine' : ''"></li>
                    <li>
                        <span :class="LST_DT_date ? 'activeDate' : ''">上市</span>
                        <p>
                            <span class="order" :class="parseInt(progressObj.LST_DT) <= newDate ? 'orderActive' : 'orderNo' ">4</span>
                        </p>
                        <span :class="LST_DT_date ? 'activeDate' : ''">{{dateObj.lst_dt}}</span>
                    </li>
                </ul>
            </div>
            <div class="clear"></div>
            <div class="table-div">
                <table class="info-table" v-if="kcb_CDR_cyb">
                    <tr>
                        <td>新股名称</td>
                        <td>
                            <span v-if="progressObj.STOCK_NAME">{{progressObj.STOCK_NAME}}</span>
                            <span v-else>--</span>
                        </td>
                        <td>发行价格(元)</td>
                        <td>
                            <span v-if="progressObj.ISS_PRC">{{progressObj.ISS_PRC}}</span>
                            <span v-else>--</span>
                        </td>
                    </tr>
                    <tr>
                        <td>股票代码</td>
                        <td>
                            <span v-if="progressObj.TRD_CODE">{{progressObj.TRD_CODE}}</span>
                            <span v-else>--</span>
                        </td>
                        <td class="bjzws-td">报价中位数(元)
                            <img src="images/tip.png" @mouseover="tipOver('bjzws')" @mouseout="tipOut('bjzws')" />
                            <div class="hoverTxt bjzws-hoverTxt" v-if="'bjzws'== tipvar" @mouseover="tipTxtOver('bjzws')" @mouseout="tipTxtOut('bjzws')">
                                网下投资者剔除最高报价部分后有效报价的中位数。建议您关注注册制创业板发行价格与网下投资者报价之间的差异，参考发行人发布的投资风险特别公告，谨慎研判发行定价的合理性。
                            </div>
                        </td>
                        <td>
                            <span v-if="progressObj.QUOTE_MED">{{progressObj.QUOTE_MED}}</span>
                            <span v-else>--</span>
                        </td>
                    </tr>
                    <tr>
                        <td>申购代码</td>
                        <td>
                            <span v-if="progressObj.STOCK_CODE">{{progressObj.STOCK_CODE}}</span>
                            <span v-else>--</span>
                        </td>
                        <td class="jqpjj-td">加权平均报价(元)
                            <img src="images/tip.png" @mouseover="tipOver('jiaquan')" @mouseout="tipOut('jiaquan')" />
                            <div class="hoverTxt jiaquan-hoverTxt" v-if="'jiaquan'== tipvar" @mouseover="tipTxtOver('jiaquan')" @mouseout="tipTxtOut('jiaquan')">
                                网下投资者剔除最高报价部分后有效报价的加权平均数。建议您关注注册制创业板发行价格与网下投资者报价之间的差异，参考发行人发布的投资风险特别公告，谨慎研判发行定价的合理性。
                            </div>
                        </td>
                        <td>
                            <span v-if="progressObj.WEIGHTED_QUOTE_MED">{{progressObj.WEIGHTED_QUOTE_MED}}</span>
                            <span v-else>--</span>
                        </td>
                    </tr>
                    <tr>
                        <td>申购日期</td>
                        <td>
                            <span v-if="dateObj.iss_bgn_dt">{{dateObj.iss_bgn_dt}}</span>
                            <span v-else>--</span>
                        </td>
                        <td class="gmzws-td" v-if="progressObj.LST_SECT_CODE !== '3'">公募基金等报价中位数(元)
                            <img src="images/tip.png" @mouseover="tipOver('gmzws')" @mouseout="tipOut('gmzws')" />
                            <div class="hoverTxt gmzws-hoverTxt" v-show="'gmzws'== tipvar" @mouseover="tipTxtOver('gmzws')" @mouseout="tipTxtOut('gmzws')">
                                指公募产品、社保基金、养老金报价剔除最高报价部分后有效报价的中位数。建议您关注科创板发行价格与网下投资者报价之间的差异，参考发行人发布的投资风险特别公告，谨慎研判发行定价的合理性。
                            </div>
                        </td>
                        <td class="gmzws-td" v-if="progressObj.LST_SECT_CODE == '3'"></td>
                        <td v-if="progressObj.LST_SECT_CODE !== '3'">
                            <span v-if="progressObj.FUND_QUOTE_MED">{{progressObj.FUND_QUOTE_MED}}</span>
                            <span v-else>--</span>
                        </td>
                        <td v-if="progressObj.LST_SECT_CODE == '3'"></td>
                    </tr>
                    <tr>
                        <td>发行市盈率(倍)</td>
                        <td>
                            <span v-if="progressObj.PE_DIL">{{progressObj.PE_DIL}}</span>
                            <span v-else>--</span>
                        </td>
                        <td class="gmjq-td" v-if="progressObj.LST_SECT_CODE !== '3'">公募基金等加权平均报价(元)
                            <img src="images/tip.png" @mouseover="tipOver('gmjq')" @mouseout="tipOut('gmjq')" />
                            <div class="hoverTxt gmjq-hoverTxt" v-if="'gmjq'== tipvar" @mouseover="tipTxtOver('gmjq')" @mouseout="tipTxtOut('gmjq')">
                                指公募产品、社保基金、养老金报价剔除最高报价部分后有效报价的加权平均数。建议您关注科创板发行价格与网下投资者报价之间的差异，参考发行人发布的投资风险特别公告，谨慎研判发行定价的合理性。
                            </div>
                        </td>
                        <td class="gmjq-td" v-if="progressObj.LST_SECT_CODE == '3'"></td>
                        <td v-if="progressObj.LST_SECT_CODE !== '3'">
                            <span v-if="progressObj.FUND_WEIGHTED_QUOTE_MED">{{progressObj.FUND_WEIGHTED_QUOTE_MED}}</span>
                            <span v-else>--</span>
                        </td>
                        <td v-if="progressObj.LST_SECT_CODE == '3'"></td>
                    </tr>
                    <tr>
                        <td>总发行数量(万股)</td>
                        <td>
                            <span v-if="progressObj.ACT_ISS_SHR">{{progressObj.ACT_ISS_SHR}}</span>
                            <span v-else>--</span>
                        </td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="first-td">网上发行数量(万股)</td>
                        <td>
                            <span v-if="progressObj.ACT_ISS_SHR_ON">{{progressObj.ACT_ISS_SHR_ON}}</span>
                            <span v-else>--</span>
                        </td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>网上申购上限(股)</td>
                        <td>
                            <span v-if="progressObj.ACCU_SUB_SHR_MAX">{{progressObj.ACCU_SUB_SHR_MAX}}</span>
                            <span v-else>--</span>
                        </td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
                <table class="info-table" v-else>
                    <tr>
                        <td>新股名称</td>
                        <td>
                            <span v-if="progressObj.STOCK_NAME">{{progressObj.STOCK_NAME}}</span>
                            <span v-else>--</span>
                        </td>
                        <td>发行价格(元)</td>
                        <td>
                            <span v-if="progressObj.ISS_PRC">{{progressObj.ISS_PRC}}</span>
                            <span v-else>--</span>
                        </td>
                    </tr>
                    <tr>
                        <td>股票代码</td>
                        <td>
                            <span v-if="progressObj.TRD_CODE">{{progressObj.TRD_CODE}}</span>
                            <span v-else>--</span>
                        </td>
                        <td>总发行数量(万股)</td>
                        <td>
                            <span v-if="progressObj.ACT_ISS_SHR">{{progressObj.ACT_ISS_SHR}}</span>
                            <span v-else>--</span>
                        </td>
                    </tr>
                    <tr>
                        <td>申购代码</td>
                        <td>
                            <span v-if="progressObj.STOCK_CODE">{{progressObj.STOCK_CODE}}</span>
                            <span v-else>--</span>
                        </td>
                        <td>网上发行数量(万股)</td>
                        <td>
                            <span v-if="progressObj.ACT_ISS_SHR_ON">{{progressObj.ACT_ISS_SHR_ON}}</span>
                            <span v-else>--</span>
                        </td>
                    </tr>
                    <tr>
                        <td>申购日期</td>
                        <td>
                            <span v-if="dateObj.iss_bgn_dt">{{dateObj.iss_bgn_dt}}</span>
                            <span v-else>--</span>
                        </td>
                        <td>网上申购上限(股)</td>
                        <td>
                            <span v-if="progressObj.ACCU_SUB_SHR_MAX">{{progressObj.ACCU_SUB_SHR_MAX}}</span>
                            <span v-else>--</span>
                        </td>
                    </tr>
                    <tr>
                        <td>发行市盈率(倍)</td>
                        <td>
                            <span v-if="progressObj.PE_DIL">{{progressObj.PE_DIL}}</span>
                            <span v-else>--</span>
                        </td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
            <div class="title">
                <span class="title-icon"></span>
                <span class="title-text">公司简介</span>
            </div>
            <div class="con">
                <div v-if="progressObj.DESC">{{progressObj.DESC}}</div>
                <div class="null-con" v-else>暂无</div>
            </div>
            <div class="title">
                <span class="title-icon"></span>
                <span class="title-text">经营范围</span>
            </div>
            <div class="con">
                <div v-if="progressObj.BUSI_SCOPE">{{progressObj.BUSI_SCOPE}}</div>
                <div class="null-con" v-else>暂无</div>
            </div>
        </div>
        <div class="declare">
            免责声明：市场有风险，投资需谨慎。本平台部分资讯内容、数据来源于公开信息或第三方，不代表国泰君安观点，本公司对其真实性、准确性、完整性和及时性不作任何保证。本资讯内容不应作为投资决策的唯一参考因素，投资者需自主做出投资决策并独立承担投资风险。
        </div>
    </div>

    <script src="detail.js"></script>
</body>

</html>