static

device-manage.html 5.5KB

    <!DOCTYPE html> <html> <head> <title>设备管理</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css"> <link rel="stylesheet" type="text/css" href="biz/css/base.css"> <script src="ipu/lib/requirejs/require.js"></script> <script src="biz/js/require-config.js"></script> <script src="biz/js/pages/device-manage.js"></script> </head> <body class="pages-device-manage"> <div class="ipu-flex-vertical ipu-flex-row"> <div class="ipu-flex-col"> <header class="ipu-toolbar"> <h1 class="ipu-toolbar-title">设备管理</h1> <a class="ipu-fn-left common-page-back" href="javascript:history.back();"> <i class="common-back-icon"></i> </a> </header> </div> <div class="ipu-flex-col ipu-flex-col-auto"> <div class="ipu-flex-content common-page-content"> <div class="device-block device-block-recent"> <div class="device-title"> 最近登录设备 </div> <div class="device-content"> <div class="ipu-list ipu-list-block ipu-list-media device-list"> <ul> <li> <div class="ipu-carousel ipu-carousel-left-swipe"> <ul class="ipu-carousel-wrapper"> <li> <a class="ipu-list-item"> <div class="ipu-list-item-media ipu-flex-grow-1"> <div class="device-name"> Xiaomi M2002J9E </div> </div> <div class="ipu-list-item-inner ipu-flex-grow-0"> <div class="ipu-list-item-after"> <div class="device-last-date">2020-11-23 10:49:50</div> </div> </div> </a> </li> <li class="swipe-actions-wrapper"> <div class="swipe-actions ipu-flex"> <div class="swipe-action-item swipe-action-item-warn">删除</div> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> <div class="device-block device-block-other"> <div class="device-title"> 其它设备 </div> <div class="device-content"> <div class="ipu-list ipu-list-block ipu-list-media device-list"> <ul> <li> <div class="ipu-carousel ipu-carousel-left-swipe"> <ul class="ipu-carousel-wrapper"> <li> <a class="ipu-list-item"> <div class="ipu-list-item-media"> <div class="device-name"> Xiaomi MIX 2S </div> </div> <div class="ipu-list-item-inner"> </div> </a> </li> <li class="swipe-actions-wrapper"> <div class="swipe-actions ipu-flex"> <div class="swipe-action-item swipe-action-item-warn">删除</div> </div> </li> </ul> </div> </li> <li> <div class="ipu-carousel ipu-carousel-left-swipe"> <ul class="ipu-carousel-wrapper"> <li> <a class="ipu-list-item"> <div class="ipu-list-item-media"> <div class="device-name"> HONOR YAL-AL00 </div> </div> <div class="ipu-list-item-inner"> </div> </a> </li> <li class="swipe-actions-wrapper"> <div class="swipe-actions ipu-flex"> <div class="swipe-action-item swipe-action-item-warn">删除</div> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> <div class="devices-bind-tips"> <span class="strong">已绑定设备:</span> 您可以左滑删除列表中的设备,删除后在该设备登录需要重新绑定(每月最多更换<span class="strong">3</span>次,每年最多更换 <span class="strong">10</span>次)。 </div> </div> </div> </div> <!-- 模板定义 --> <script type="text/template" id="tpl-confirm-dialog"> <div class="ipu-modal delete-confirm-dialog" style="transform: translate(-50%, 0);margin-left:0"> <div class="dialog-close" data="close"></div> <div class="dialog-title"> 尾号<span class="phone-no"></span>的手机号本月还剩<span class="month-rest"></span>次更换机会,本年还剩<span class="year-rest"></span>次,请确认会否删除此设备? </div> <div class="ipu-flex welcome-auth-buttons confirm-btns"> <div class="ipu-flex-grow-1 btn-wrap"> <button class="btn" data="close">取消</button> </div> <div class="ipu-flex-grow-1 btn-wrap"> <button class="btn to-confirm-btn" data="confirm">确定</button> </div> </div> </div> </script> </body> </html>