|
<!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>
|