<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title>我的期权相关</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/option.css">
    <!--<link rel="stylesheet" type="text/css" href="../lib/datePicker/dateRange.css"/>-->
    <!--<link rel="stylesheet" type="text/css" href="../lib/datePicker/monthPicker.css"/>-->
    <script src="../lib/jquery-1.11.3.min.js"></script>
    <script src="../lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="../lib/angular/angular.min.js"></script>
    <script src="../lib/angular/angular-ui-router.js"></script>
    <!-- angularjs modules -->
    <script src="../_common/service_fcfg.js"></script>
    <script src="../_common/fy_client.js"></script>
    <script src="../_common/service_fql.js"></script>
    <script src="../_common/service_fql_exports.js"></script>
    <!--<script type="text/javascript" src="../lib/datePicker/dateRange.js"></script>-->
    <!--<script type="text/javascript" src="../lib/datePicker/monthPicker.js"></script>-->
</head>
<body ng-controller="optionCtrl" style="overflow-x: hidden;">
<!--<div class="filterCondition">
    <div class="filterCondition-left">
        <div>时间：</div>
        <div class="ta_date" id="div_date">
            <span class="date_title" id="date"></span>
            <a class="opt_sel" id="input_trigger" href="#">
                <i class="i_orderd"></i>
            </a>
        </div>
        <div id="datePicker"></div>
    </div>
    <div class="filterCondition-right">
        类别：
        <input type="checkbox" id="due">
        <label for="due" class="checkLabel dueLabel">即将到期提醒</label>
        <input type="checkbox" id="settlement">
        <label for="settlement" class="checkLabel settlementLabel">即将交收提醒</label>
        <input type="checkbox" id="contractChange">
        <label for="contractChange" class="checkLabel contractChangeLabel">合约变更提醒</label>
    </div>
</div>-->
<div class="null-warning" ng-if="!allNull">
    <img src="img/pic.png" alt="">
    <p class="text">暂时没有重要通知</p>
</div>
<div class="blank" ng-if="isBlank"></div>
<div class="allArea" ng-if="allNull">
    <div class="axis-header">
        <span class="startDate">{{currentdate | headerDate: '&minus;'}}</span>
        <span class="tip">提示：合约虚实值是以合约标的昨收价计算所得，仅供参考。</span>
    </div>
    <div style="width: 100%;">
        <div class="childDate" id="childDate">
            <div class="alertInfo" ng-repeat="item in warningList">
                <!--时间轴左侧时间-->
                <div class="axisLeft">
                    <span class="leftDate">{{item.EXPIRE_DATE |  leftDate: '&minus;'}}</span>
                </div>
                <!--时间轴右侧提醒具体内容-->
                <div class="alertText">
                    <!-- 合约到期提醒   开始 -->
                    <div class="settlementAlert" ng-if="$index == settlementAlert">
                        <span class="timeCircle settlementCircle"></span>
                        <span class="warningTitle settlementTitle">合约到期提醒</span>
                        <p ng-repeat="settle in settleList">您持有的{{settle.OPT_NAME}}({{settle.OPT_NUM}})({{settle.EXERCISE_PRICE - settle.LAST_PRICE | realFalse: settle.OPT_TYPE}})期权合约今日到期，请注意合约到期的相关风险，如有疑问，请及时联系所在营业部。</p>
                    </div>
                    <!-- 合约到期提醒   结束 -->
                    <!-- 行权指派   开始 -->
                    <div class="xqzpAlert" ng-if="$index == xqzpAlert">
                        <span class="timeCircle xqzpCircle"></span>
                        <span class="warningTitle xqzpTitle">合约指派提醒</span>
                        <p ng-repeat="xqzp in xqzpList">您持有的{{xqzp.OPT_NAME}}({{xqzp.OPT_NUM}})({{xqzp.EXERCISE_PRICE - xqzp.LAST_PRICE | realFalse: xqzp.OPT_TYPE}})期权合约已指派行权，请做好相应准备，如有疑问，请及时联系所在营业部。</p>
                    </div>
                    <!-- 行权指派   结束 -->
                    <!-- 合约变更提醒   开始 -->
                    <div class="contractChange" ng-if="$index == contractChangeAlert">
                        <span class="timeCircle contractChangeCircle"></span>
                        <span class="warningTitle contractChangeTitle">合约变更提醒</span>
                        <p ng-repeat="cWarning in contractChange" class="contractWarning">您持有的{{cWarning.OPT_NAME}}({{cWarning.OPT_NUM}})({{cWarning.EXERCISE_PRICE - cWarning.LAST_PRICE | realFalse: cWarning.OPT_TYPE}})期权合约发生{{cWarning.OPTCHG_STATUS | optchgStatus}}，如有疑问，请及时联系所在营业部。</p>
                    </div>
                    <!-- 合约变更提醒   结束 -->
                    <!-- 即将到期提醒   开始 -->
                    <div class="dueAlert" ng-if="item.dueAlert">
                        <span class="timeCircle dueCircle"></span>
                        <span class="warningTitle dueTitle">即将到期提醒</span>
                        <p ng-repeat="due in item.OPT_LIST">您持有的{{due.OPT_NAME}}({{due.OPT_NUM}})({{due.EXERCISE_PRICE - item.LAST_PRICE | realFalse: due.OPT_TYPE}})期权合约即将于{{item.EXERCISE_DATE | rigthDate}}到期，请注意合约到期的相关风险，如有疑问，请及时联系所在营业部。</p>
                    </div>
                    <!-- 即将到期提醒   结束 -->
                </div>
            </div>
            <!--当即将到期提醒为空但行权指派、合约到期、合约变更今日查询不为空时，显示当日的提醒内容-->
            <div class="alertInfo" ng-if="today">
                <!--时间轴左侧时间-->
                <div class="axisLeft">
                    <span class="leftDate">{{nowDate |  leftDate: '&minus;'}}</span>
                </div>
                <!--时间轴右侧提醒具体内容-->
                <div class="alertText">
                    <!-- 合约到期提醒   开始 -->
                    <div class="settlementAlert" ng-if="dueWarning">
                        <span class="timeCircle settlementCircle"></span>
                        <span class="warningTitle settlementTitle">合约到期提醒</span>
                        <p ng-repeat="settle in settleList">您持有的{{settle.OPT_NAME}}({{settle.OPT_NUM}})({{settle.EXERCISE_PRICE - settle.LAST_PRICE | realFalse: settle.OPT_TYPE}})期权合约今日到期，请注意合约到期的相关风险，如有疑问，请及时联系所在营业部。</p>
                    </div>
                    <!-- 合约到期提醒   结束 -->
                    <!-- 行权指派   开始 -->
                    <div class="xqzpAlert" ng-if="xqzpWarning">
                        <span class="timeCircle xqzpCircle"></span>
                        <span class="warningTitle xqzpTitle">合约指派提醒</span>
                        <p ng-repeat="xqzp in xqzpList">您持有的{{xqzp.OPT_NAME}}({{xqzp.OPT_NUM}})({{xqzp.EXERCISE_PRICE - xqzp.LAST_PRICE | realFalse: xqzp.OPT_TYPE}})期权合约已指派行权，请做好相应准备，如有疑问，请及时联系所在营业部。</p>
                    </div>
                    <!-- 行权指派   结束 -->
                    <!-- 合约变更提醒   开始 -->
                    <div class="contractChange" ng-if="contractChangeWarning">
                        <span class="timeCircle contractChangeCircle"></span>
                        <span class="warningTitle contractChangeTitle">合约变更提醒</span>
                        <p ng-repeat="cWarning in contractChange" class="contractWarning">您持有的{{cWarning.OPT_NAME}}({{cWarning.OPT_NUM}})({{cWarning.EXERCISE_PRICE - cWarning.LAST_PRICE | realFalse: cWarning.OPT_TYPE}})期权合约发生{{cWarning.OPTCHG_STATUS | optchgStatus}}，如有疑问，请及时联系所在营业部。</p>
                    </div>
                    <!-- 合约变更提醒   结束 -->
                </div>
            </div>
        </div>
    </div>
</div>
<script src="controllers/option.js"></script>
</body>
</html>