|
<!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/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/index.js"></script>
<script src="biz/js/page/index-todo.js"></script>
<script src="biz/js/page/index-schedule.js"></script>
<script src="biz/js/page/index-group.js"></script>
<script src="biz/js/page/work.js"></script>
<script src="biz/js/page/index-my.js"></script>
</head>
<body class="pages-index">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content">
<div class="ipu-nav-content">
<ul>
<!-- 待办-->
<li class="pages-todo">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="pages-contact-title">
Hi<span class="pages-contact-title-usesr">鲁晓峰</span>
</div>
<div class="pages-contact-sub-title">
Prd-UIUX研发部
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content" id="refresh-todo">
<div class="ipu-refresh-wrapper">
<div class="common-page-content">
<div class="todo-block ipu-flex">
<div class="ipu-flex todo-block-item todo-block-item-task ipu-flex-grow-1">
<div class="ipu-flex-grow-1">
<div class="todo-block-item-title">
任务
</div>
<div class="todo-block-item-count">
<span class="num">12</span>/<span class="total">104</span>
</div>
</div>
<div class="ipu-flex-grow-0">
<div class="todo-block-flag"></div>
</div>
</div>
<div class="ipu-flex todo-block-item todo-block-item-audit ipu-flex-grow-1">
<div class="ipu-flex-grow-1">
<div class="todo-block-item-title">
审批
</div>
<div class="todo-block-item-count">
<span class="num">12</span>
</div>
</div>
<div class="ipu-flex-grow-0">
<div class="todo-block-flag"></div>
</div>
</div>
</div>
<div class="todo-message">
<div class="todo-message-title">
消息
</div>
<div class="todo-message-list">
<div class="ipu-flex todo-message-item todo-message-item-task">
<div class="ipu-flex-grow-0">
<i class="icon iconfont-yellow ri-checkbox-fill"></i>
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex ipu-flex-middle">
<div class="todo-type-text ipu-flex-grow-1">
任务消息
</div>
<div class="todo-type-time ipu-flex-grow-0">
9:00
</div>
</div>
<div class="ipu-flex ipu-flex-middle">
<div class="todo-type-title ipu-flex-grow-1">
您有一个来自艾米的年假申请
</div>
<div class="todo-type-count ipu-flex-grow-0">
42
</div>
</div>
</div>
</div>
<div class="ipu-flex todo-message-item todo-message-item-notice">
<div class="ipu-flex-grow-0">
<i class="icon iconfont-blue ri-message-3-fill"></i>
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="todo-type-text ipu-flex-grow-1">
公告
</div>
<div class="todo-type-time ipu-flex-grow-0">
9:00
</div>
</div>
<div class="ipu-flex">
<div class="todo-type-title ipu-flex-grow-1">
您有一个来自艾米的年假申请
</div>
<div class="todo-type-count ipu-flex-grow-0">
4
</div>
</div>
</div>
</div>
<div class="ipu-flex todo-message-item todo-message-item-schedule">
<div class="ipu-flex-grow-0">
<i class="icon iconfont-green ri-calendar-fill"></i>
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="todo-type-text ipu-flex-grow-1">
日程消息
</div>
<div class="todo-type-time ipu-flex-grow-0">
9:00
</div>
</div>
<div class="ipu-flex">
<div class="todo-type-title ipu-flex-grow-1">
您有一个来自艾米的年假申请
</div>
<div class="todo-type-count ipu-flex-grow-0">
4
</div>
</div>
</div>
</div>
<div class="ipu-flex todo-message-item todo-message-item-weeklog">
<div class="ipu-flex-grow-0">
<i class="icon iconfont-yellow"></i>
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="todo-type-text ipu-flex-grow-1">
周报消息
</div>
<div class="todo-type-time ipu-flex-grow-0">
9:00
</div>
</div>
<div class="ipu-flex">
<div class="todo-type-title ipu-flex-grow-1">
您有一个来自艾米的周报信息
</div>
<div class="todo-type-count ipu-flex-grow-0">
4
</div>
</div>
</div>
</div>
<div class="ipu-flex todo-message-item todo-message-item-daylog">
<div class="ipu-flex-grow-0">
<i class="icon iconfont-lightgreen"></i>
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="todo-type-text ipu-flex-grow-1">
日报消息
</div>
<div class="todo-type-time ipu-flex-grow-0">
9:00
</div>
</div>
<div class="ipu-flex">
<div class="todo-type-title ipu-flex-grow-1">
您有一个来自艾米的周报信息
</div>
<div class="todo-type-count ipu-flex-grow-0">
4
</div>
</div>
</div>
</div>
<div class="ipu-flex todo-message-item todo-message-item-group">
<div class="ipu-flex-grow-0">
<i class="icon iconfont-green ri-function-fill"></i>
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="todo-type-text ipu-flex-grow-1">
业务中台
</div>
<div class="todo-type-time ipu-flex-grow-0">
9:00
</div>
</div>
<div class="ipu-flex">
<div class="todo-type-title ipu-flex-grow-1">
您有一个来自艾米的年假申请
</div>
<div class="todo-type-count ipu-flex-grow-0">
4
</div>
</div>
</div>
</div>
<div class="ipu-flex todo-message-item todo-message-item-group">
<div class="ipu-flex-grow-0">
<i class="icon iconfont-green ri-function-fill"></i>
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="todo-type-text ipu-flex-grow-1">
X部落战队
</div>
<div class="todo-type-time ipu-flex-grow-0">
9:00
</div>
</div>
<div class="ipu-flex">
<div class="todo-type-title ipu-flex-grow-1">
您有一个来自艾米的年假申请
</div>
<div class="todo-type-count ipu-flex-grow-0">
4
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- 日程-->
<li class="pages-schedule calendar-item-day">
<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">
<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>
<li class="day-schedule-item day-schedule-item-meet">
<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>
</li>
<!-- 工作设计稿 -->
<li class="pages-work">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="pages-contact-title">
工作台
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="page-content">
<div class="common-search">
<div class="ipu-flex common-search-content">
<div class="ipu-flex-center-middle common-search-tip">
<i class="common-search-icon ri-search-2-line"></i>
<span class="common-search-tip-msg">搜索</span>
</div>
<div class="ipu-flex-grow-1 common-search-wrap">
<input class="common-search-input" placeholder="">
</div>
<i class="ipu-flex-grow-0 common-search-input-clear ri-close-circle-fill"></i>
</div>
</div>
<div class="menu-catalogs group-menus-list">
<div class="menu-catalog menu-catalog-common">
<div class="menu-catalog-head">
常用应用
</div>
<div class="menu-catalog-body">
<a href="contact.html" class="catalog-menu">
<i class="catalog-menu-icon iconfont-red ri-booklet-fill"></i>
<span class="catalog-menu-name ipu-fn-row">
通讯录
</span>
</a>
</div>
</div>
<div class="menu-catalog menu-catalog-biz">
<div class="menu-catalog-head">
业务应用
</div>
<div class="menu-catalog-body">
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon ri-restaurant-fill"></i>
<span class="catalog-menu-name ipu-fn-row">餐饮管理</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-yellow ri-hotel-fill"></i>
<span class="catalog-menu-name ipu-fn-row">住宿管理</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-red ri-bus-2-fill"></i>
<span class="catalog-menu-name ipu-fn-row">通勤管理</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-green ri-hospital-fill"></i>
<span class="catalog-menu-name ipu-fn-row">医疗健康</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon ri-hand-heart-fill"></i>
<span class="catalog-menu-name ipu-fn-row">惠民服务</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-red ri-brush-2-fill"></i>
<span class="catalog-menu-name ipu-fn-row">美化管理</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- 群组 -->
<li class="pages-group-list">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="pages-contact-title">
群组管理
</div>
<div class="group-base-info">
<div class="group-count">您已加入<span></span>个群组</div>
<button class="to-group-create ipu-flex-middle">
<i class="icon ri-add-line"></i>
新建群组
</button>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto ipu-fn-p-b ipu-fn-m-t">
<div class="ipu-flex-content" id="refresh-group">
<div class="ipu-refresh-wrapper">
<div class="group-list">
<div class="group-list-item">
<div class="ipu-flex ipu-flex-justify-space group-list-item-name">
<div class="ipu-fn-row ipu-flex-grow-1">
X部落战队X部落战队X部落战队
</div>
<i class="icon ipu-flex-grow-0 ri-more-line"></i>
</div>
<div class="ipu-fn-row group-list-item-desc">
对X部落工作内容进行相关文字描述
</div>
<div class="day-schedule-item-member ipu-flex-middle">
<div class="avater">林</div>
<div class="avater">通</div>
<div class="avater">杰</div>
<div class="total">+57</div>
</div>
</div>
<div class="group-list-item">
<div class="ipu-flex ipu-flex-justify-space group-list-item-name">
<div class="ipu-fn-row ipu-flex-grow-1">
X部落战队X部落战队X部落战队
</div>
<i class="icon ipu-flex-grow-0 ri-more-line"></i>
</div>
<div class="ipu-fn-row group-list-item-desc">
对X部落工作内容进行相关文字描述
</div>
<div class="day-schedule-item-member ipu-flex-middle">
<img src="temp/1.png" class="avater">
<img src="temp/1.png" class="avater">
<img src="temp/1.png" class="avater">
<div class="total">+57</div>
</div>
</div>
<div class="group-list-item">
<div class="ipu-flex ipu-flex-justify-space group-list-item-name">
<div class="ipu-fn-row ipu-flex-grow-1">
X部落战队X部落战队X部落战队
</div>
<i class="icon ipu-flex-grow-0 ri-more-line"></i>
</div>
<div class="ipu-fn-row group-list-item-desc">
对X部落工作内容进行相关文字描述
</div>
<div class="day-schedule-item-member ipu-flex-middle">
<img src="temp/1.png" class="avater">
<img src="temp/1.png" class="avater">
<img src="temp/1.png" class="avater">
<div class="total">+57</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- 我的-->
<li class="pages-my my-user-info">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col my-user-detail">
<div class="to-user-detail">
<i class="ri-settings-4-fill"></i>
</div>
<img class="my-user-avater" src="temp/1.png" alt="">
<div class="my-user-name">张笑笑</div>
<div class="my-user-mail">luxf@asiainfo.com</div>
<div class="my-user-dept">UED研发部</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto my-user-list">
<div class="ipu-flex-content">
<div class="ipu-list common-list common-list-noborder">
<ul>
<li>
<a class="ipu-list-item ipu-list-item-link my-link-app-set" href="javascript:;">
<div class="ipu-list-item-inner ipu-flex-align-center">
<i class="icon-flag ri-settings-4-line"></i>
<div class="ipu-list-item-title">应用设置</div>
</div>
</a>
</li>
<li>
<a class="ipu-list-item ipu-list-item-link my-link-app-about" href="javascript:;">
<div class="ipu-list-item-inner ipu-flex-align-center">
<i class="icon-flag ri-star-line"></i>
<div class="ipu-list-item-title">关于应用</div>
</div>
</a>
</li>
<li>
<a class="ipu-list-item ipu-list-item-link my-link-feedback" href="javascript:;">
<div class="ipu-list-item-inner ipu-flex-align-center">
<i class="icon-flag ri-message-2-line"></i>
<div class="ipu-list-item-title">应用反馈</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="ipu-flex-col">
<nav class="ipu-navbar">
<a class="ipu-navbar-item ipu-current" href="javascript:;">
<i class="ipu-icon ri-home-4-fill"></i>
<div class="ipu-navbar-item-label">待办</div>
</a>
<a class="ipu-navbar-item" href="javascript:;">
<i class="ipu-icon ri-calendar-fill"></i>
<div class="ipu-navbar-item-label">日程</div>
</a>
<a class="ipu-navbar-item" href="javascript:;">
<i class="ipu-icon ri-function-fill"></i>
<div class="ipu-navbar-item-label">工作台</div>
</a>
<a class="ipu-navbar-item" href="javascript:;">
<i class="ipu-icon ri-group-fill"></i>
<div class="ipu-navbar-item-label">群组</div>
</a>
<a class="ipu-navbar-item " href="javascript:;">
<i class="ipu-icon ri-user-fill"></i>
<div class="ipu-navbar-item-label">我的</div>
</a>
</nav>
</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}}
</script>
</body>
</html>
|
