|
<!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/group-schedule.js"></script>
</head>
<body class="pages-schedule calendar-item-day pages-group-schedule">
<div class="ipu-flex-content common-bg-gray">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col common-bg-blue ">
<header class="ipu-toolbar ipu-toolbar-white">
<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 menu-quit" href="javascript:history.back();">
<i class="ipu-icon ri-record-circle-line"></i>
</a>
</header>
<header class="ipu-toolbar">
<div class="ipu-fn-left">
<div class="schedule-page-title">
群组日程
</div>
</div>
<div class="ipu-fn-right">
<div class="slt-date-info ipu-flex-center-middle">
<span class="schedule-month-slt"></span>
<i class="icon ri-arrow-down-s-line"></i>
</div>
</div>
</header>
<div class="calendar-day-table">
<div class="calendar-day-table-head">
<div class="common-flex-tiled table-tr">
<div class="table-th">日</div>
<div class="table-th ">一</div>
<div class="table-th">二</div>
<div class="table-th">三</div>
<div class="table-th">四</div>
<div class="table-th slt">五</div>
<div class="table-th">六</div>
</div>
</div>
<div class="calendar-day-table-footer">
<div class="ipu-carousel ipu-hammer-carousel ipu-hammer-carousel-week">
<ul class="ipu-carousel-wrapper">
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
<div class="ipu-carousel ipu-hammer-carousel ipu-hammer-carousel-day">
<ul class="ipu-carousel-wrapper">
<li>
<div class="calendar-day-table">
<div class="calendar-day-table-body">
</div>
</div>
</li>
</ul>
</div>
<div class="calendar-day-more">
<div class="icon-flag"></div>
</div>
</div>
<div class="ipu-flex-col white-place-holder"></div>
<div class="ipu-flex-col ipu-flex-col-auto white-wrap ">
<div class="ipu-flex-content day-content-refresh">
<div class="ipu-refresh-wrapper ">
<div class="common-page-content">
<div class="day-schedule-list ">
<ul>
<!-- 群组非参加的会议class day-schedule-item-other -->
<li class="day-schedule-item day-schedule-item-meet day-schedule-item-other">
<div class="head ipu-flex ipu-flex-justify-space">
<div class="title ipu-flex-center-middle ipu-flex-grow-0">
<i class="icon ri-question-answer-line"></i>
会议
</div>
<div class="action ipu-flex-grow-0">
<i class="icon ri-more-line"></i>
</div>
</div>
<div class="body">
<div
class="ipu-flex ipu-flex-justify-space ipu-flex-align-top day-schedule-item-detail">
<div class="day-schedule-item-title ipu-flex-grow-1">
X部落与USPA对接培训X部落与USPA对接培训
</div>
</div>
<div class="day-schedule-item-creater ipu-flex-middle">
<i class="icon ri-time-line"></i>
2012/12/25 11:00 - 20/12/30 11:20
</div>
<div class="day-schedule-item-address ipu-flex-middle">
<i class="icon ri-map-pin-line"></i>
海淀区西北旺东路亚信大夏h-107
</div>
<div class="day-schedule-item-creater ipu-flex-middle">
<i class="icon ri-user-line"></i>
鲁晓峰
</div>
<div class="day-schedule-item-member ipu-flex-middle">
<img src="temp/1.png" class="avater"/>
<div class="avater">杨</div>
<div class="avater">辉</div>
<div class="total">+57</div>
</div>
</div>
</li>
<li class="day-schedule-item day-schedule-item-meet-video">
<div class="head ipu-flex ipu-flex-justify-space">
<div class="title ipu-flex-center-middle ipu-flex-grow-0">
<i class="icon ri-vidicon-line"></i>
视频会议
</div>
<div class="action ipu-flex-grow-0">
<i class="icon ri-more-line"></i>
</div>
</div>
<div class="body">
<div
class="ipu-flex ipu-flex-justify-space ipu-flex-align-top day-schedule-item-detail">
<div class="day-schedule-item-title ipu-flex-grow-1">
X部落与USPA对接培训X部落与USPA对接培训
</div>
<div class="ipu-flex-grow-0 day-schedule-item-time">
11:00 - 12:00
</div>
</div>
<div class="day-schedule-item-address ipu-flex-middle">
<i class="icon ri-map-pin-line"></i>
海淀区西北旺东路亚信大夏h-107
</div>
<div class="day-schedule-item-creater ipu-flex-middle">
<i class="icon ri-user-line"></i>
鲁晓峰
</div>
<div class="day-schedule-item-member ipu-flex-middle">
<div class="avater">菲</div>
<img src="temp/1.png" class="avater"/>
<div class="avater">才</div>
<div class="total">+57</div>
</div>
</div>
</li>
<li class="day-schedule-item day-schedule-item-task">
<div class="head ipu-flex ipu-flex-justify-space">
<div class="title ipu-flex-center-middle ipu-flex-grow-0">
<i class="icon ri-checkbox-line"></i>
任务
</div>
<div class="action ipu-flex-grow-0">
<i class="icon ri-more-line"></i>
</div>
</div>
<div class="body">
<div
class="ipu-flex ipu-flex-justify-space ipu-flex-align-top day-schedule-item-detail">
<div class="day-schedule-item-title ipu-flex-grow-1">
X部落与USPA对接培训
</div>
<div class="ipu-flex-grow-0 day-schedule-item-time">
11:00 - 12:00
</div>
</div>
<div class="day-schedule-item-creater ipu-flex-middle">
<i class="icon ri-user-line"></i>
鲁晓峰
</div>
</div>
</li>
<li class="day-schedule-item day-schedule-item-task day-schedule-item-cancel">
<div class="head ipu-flex ipu-flex-justify-space">
<div class="title ipu-flex-center-middle ipu-flex-grow-0">
<i class="icon ri-close-circle-line"></i>
已取消
</div>
<div class="action ipu-flex-grow-0">
<i class="icon ri-more-line"></i>
</div>
</div>
<div class="body">
<div
class="ipu-flex ipu-flex-justify-space ipu-flex-align-top day-schedule-item-detail">
<div class="day-schedule-item-title ipu-flex-grow-1">
X部落与USPA对接培训
</div>
<div class="ipu-flex-grow-0 day-schedule-item-time">
11:00 - 12:00
</div>
</div>
<div class="day-schedule-item-creater ipu-flex-middle">
<i class="icon ri-user-line"></i>
鲁晓峰
</div>
</div>
</li>
</ul>
</div>
<div class="data-empty-message">
暂无日程
</div>
</div>
</div>
</div>
</div>
</div>
<div class="schedule-add"></div>
</div>
<!-- 日程相关模板开始 -->
<!-- 日界面，周列表 -->
<script type="text/html" id="schedule-week-tpl">
{{ each data list dataindex }}
<li>
<div class="common-flex-tiled table-tr">
{{ each list item}}
<div class="table-td {{item.className}}" data-day="{{item.dateStr}}">
<div class="day">
<div class="num">{{item.num}}</div>
</div>
</div>
{{ /each}}
</div>
</li>
{{/each}}
<!-- 第一个li的数据要复制 -->
{{ each data list listIndex }}
{{if listIndex==0}}
<li>
<div class="common-flex-tiled table-tr">
{{ each list item}}
<div class="table-td {{item.className}}" data-day="{{item.dateStr}}">
<div class="day">
<div class="num">{{item.num}}</div>
</div>
</div>
{{ /each}}
</div>
</li>
{{/if}}
{{/each}}
</script>
<!-- 日界面，日历列表 -->
<script type="text/html" id="schedule-day-tpl">
{{ each data list dataindex }}
<div class="common-flex-tiled table-tr">
{{ each list item}}
<div class="table-td {{item.className}} date-{{item.dateStr}}" data-day="{{item.dateStr}}">
<div class="day ">
<div class="num">{{item.num}}</div>
</div>
</div>
{{ /each}}
</div>
{{/each}}
</body>
</html>
|
