|
<!DOCTYPE html>
<html lang="en">
<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/lib/remixicon/remixicon.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/page/schedule-detail.js"></script>
</head>
<body class="pages-schedule-detail">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<header class="ipu-toolbar common-bg-white">
<h1 class="ipu-toolbar-title">日程详情</h1>
<a class="ipu-fn-left page-back" href="javascript:history.back();">
<i class="ipu-icon ri-arrow-left-s-line"></i>
</a>
<a class="ipu-fn-right toolbar-more-action" href="javascript:;">
<i class="ipu-icon ri-more-line"></i>
</a>
</header>
</div>
<div class="ipu-flex-col ipu-flex-col-auto ipu-fn-p-b common-bg-gray">
<div class="ipu-list ipu-list-form common-list common-list-padding form-block common-m-t-0">
<ul>
<li class="ipu-list-item">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-list-item-label">
日程标题
</div>
<div class="ipu-list-item-input-wrap">
<input class="ipu-list-item-input" type="text" value="X部落与USPA对接培训" readonly>
</div>
</div>
</li>
<li class="ipu-list-item">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex ipu-flex-justify-space">
<div class="ipu-list-item-label">
开始时间
</div>
<div class="ipu-list-item-label">
结束时间
</div>
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div class="ipu-list-item-input-wrap ipu-flex-grow-1">
<input class="ipu-list-item-input" type="text" value="6月25日" readonly>
</div>
<div class="ipu-list-item-input-wrap ipu-flex-grow-1">
<input class="ipu-list-item-input ipu-txt-right" type="text" value="6月25日" readonly>
</div>
</div>
</div>
</li>
<li class="ipu-list-item">
<div class="ipu-list-item-inner ipu-flex-vertical ipu-over-hidden">
<div class="ipu-list-item-label">
参与人
</div>
<div class="schedule-member-wrap">
<div class="group-member-list">
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt="">
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt="">
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt="">
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt="">
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt="">
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt="">
<div class="group-member-name">孙欢欢</div>
</div>
</div>
<!-- 逻辑同 创建群组选人 ，最多三排人，超过三超显示查看更多成员 -->
<div class="block-head-link-more" style="display: block">
<div class=" ipu-flex-center-middle">
查看更多成员
<i class="icon ri-arrow-right-s-line"></i>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="ipu-list ipu-list-form common-list common-list-padding form-block">
<ul>
<li class="ipu-list-item">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-list-item-label">
地点
</div>
<div class="ipu-flex-middle ipu-flex-justify-space">
<div class="ipu-list-item-input-wrap">
<input class="ipu-list-item-input" type="text" value="没有地点不用显示" readonly>
</div>
<i class="ri-map-pin-fill schedule-location"></i>
</div>
</div>
</li>
<li class="ipu-list-item ">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex ipu-flex-justify-space">
<div class="ipu-list-item-label large ipu-flex-grow-0">
视频会议
</div>
<div class="ipu-flex-grow-0 schedule-zoom-result schedule-zoom-result-failure">
预定失败<i class="icon ri-check-fill"></i>
</div>
</div>
<div class="ipu-flex ipu-flex-justify-end schedule-zoom-reorder-wrap">
<button class="schedule-zoom-reorder">重新预定</button>
</div>
</div>
</li>
<li class="ipu-list-item">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex ipu-flex-justify-space">
<div class="ipu-list-item-label large ipu-flex-grow-0">
视频会议
</div>
<div class="ipu-flex-grow-0 schedule-zoom-result schedule-zoom-result-success">
预定成功<i class="icon ri-check-fill"></i>
</div>
</div>
<div class="schedule-zoom-desc">
注:请提前在手机中下载好Zoom，开会前在浏览器中粘贴参会地址即可加入会议
</div>
</div>
</li>
<li class="ipu-list-item ipu-list-item-auto">
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1 ipu-list-item-label large ipu-flex-grow-0">
会议地址
</div>
<div class="ipu-flex-grow-0 video-action-icon video-action-icon-copy btn-copy" data-clipboard-text="要复制的内容1">
<i class="icon ri-links-line"></i>
</div>
<div class="ipu-flex-grow-0 video-action-icon video-action-icon-join">
<i class="icon ri-arrow-right-line"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-list-item-manual">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-list-item-label ipu-flex-grow-0">
会议链接
</div>
<div class="ipu-list-item-input-wrap ">
<input class="ipu-list-item-input ipu-fn-copy" type="text" readonly value="http://static/2020/x-3/schedule-detail-owner.html" />
</div>
</div>
</li>
</ul>
</div>
<div class="ipu-list ipu-list-form common-list common-list-padding form-block">
<ul>
<li class="ipu-list-item">
<div class="ipu-list-item-inner ipu-flex-vertical common-p-r-0">
<div class="ipu-list-item-label">
提醒设置
</div>
<div class="ipu-list-item-input-wrap ">
<input class="ipu-list-item-input" type="text" placeholder="请选择" value="5分钟前" readonly="">
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
|
