|
<!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>
</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 common-bg-white">
<div class="ipu-flex-col ipu-fn-bd-b pages-todo-head">
<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">
</div>
<i class="ipu-flex-grow-0 common-search-input-clear ri-close-circle-fill"></i>
</div>
</div>
</div>
<div class="ipu-flex todo-type-list">
<div
class="ipu-flex-grow-1 ipu-flex ipu-flex-align-center ipu-flex-justify-center todo-type-history">
<div class="todo-type-name">
<i class="icon ri-home-4-line"></i>历史
</div>
</div>
<div
class="ipu-flex-grow-1 ipu-flex ipu-flex-align-center ipu-flex-justify-center todo-type-message">
<div class="todo-type-name">
<i class="icon ri-home-4-line"></i>
通知
<span class="todo-type-num">2</span>
</div>
</div>
<div class="ipu-flex-grow-1 ipu-flex ipu-flex-align-center ipu-flex-justify-center todo-type-task">
<div class="todo-type-name">
<i class="icon ri-home-4-line"></i>
任务
<span class="todo-type-num">12</span>
</div>
</div>
<div
class="ipu-flex-grow-1 ipu-flex ipu-flex-align-center ipu-flex-justify-center todo-type-application">
<div class="todo-type-name">
<i class="icon ri-home-4-line"></i>
审批
<!--超过了100条后，显示... -->
<span class="todo-type-num ri-more-fill"></span>
</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content" id="refresh">
<div class="ipu-refresh-wrapper">
<div class="ipu-list common-list all-todo-list">
<ul>
<li class="ipu-list-item all-todo-item">
<div class="all-todo-flag"></div>
<i class="icon ri-bookmark-3-fill icon-purple"></i>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row all-todo-item-title">Mr.Wu分配Go2Mark任务增添</div>
</div>
<div class="ipu-list-item-after">
<div class="all-todo-item-time">13:00</div>
</div>
</div>
</li>
<!-- 已读classname all-todo-item-readed -->
<li class="ipu-list-item all-todo-item all-todo-item-readed">
<div class="all-todo-flag"></div>
<i class="icon ri-route-fill icon-blue"></i>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row all-todo-item-title">Mr.Wu分配Go2Mark任务增添Wu分配Go2Mark任务增添</div>
</div>
<div class="ipu-list-item-after">
<div class="all-todo-item-time">13:00</div>
</div>
</div>
</li>
<li class="ipu-list-item all-todo-item">
<div class="all-todo-flag"></div>
<i class="icon ri-message-3-fill icon-red"></i>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row all-todo-item-title">Mr.Wu分配Go2Mark任务增添</div>
</div>
<div class="ipu-list-item-after">
<div class="all-todo-item-time">13:00</div>
</div>
</div>
</li>
<li class="ipu-list-item all-todo-item">
<div class="all-todo-flag"></div>
<i class="icon ri-bookmark-3-fill icon-purple"></i>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row all-todo-item-title">Mr.Wu分配Go2Mark任务增添</div>
</div>
<div class="ipu-list-item-after">
<div class="all-todo-item-time">13:00</div>
</div>
</div>
</li>
<li class="ipu-list-item all-todo-item">
<div class="all-todo-flag"></div>
<i class="icon ri-route-fill icon-blue"></i>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row all-todo-item-title">Mr.Wu分配Go2Mark任务增添Wu分配Go2Mark任务增添</div>
</div>
<div class="ipu-list-item-after">
<div class="all-todo-item-time">13:00</div>
</div>
</div>
</li>
<li class="ipu-list-item all-todo-item">
<div class="all-todo-flag"></div>
<i class="icon ri-message-3-fill icon-red"></i>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row all-todo-item-title">Mr.Wu分配Go2Mark任务增添</div>
</div>
<div class="ipu-list-item-after">
<div class="all-todo-item-time">13:00</div>
</div>
</div>
</li>
<li class="ipu-list-item all-todo-item">
<div class="all-todo-flag"></div>
<i class="icon ri-bookmark-3-fill icon-purple"></i>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row all-todo-item-title">Mr.Wu分配Go2Mark任务增添</div>
</div>
<div class="ipu-list-item-after">
<div class="all-todo-item-time">13:00</div>
</div>
</div>
</li>
</ul>
</div>
<div class="data-empty-message">
没有数据记录
</div>
</div>
</div>
</div>
</div>
</li>
<!-- 日程-->
<li class="pages-schedule">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col ipu-fn-bd-b">
<header class="ipu-toolbar">
<h1 class="ipu-toolbar-title">日程</h1>
<a class="ipu-fn-left head-icon-config" href="javascript:;">
<i class="ipu-icon ri-settings-4-line"></i>
</a>
<div class="ipu-fn-right">
<div class="switch-time ipu-flex-middle-center">
<div class="switch-option-wrap ipu-flex">
<div class="switch-option switch-option-day on" data-type="day">日</div>
<div class="switch-option switch-option-month" data-type="month">月</div>
</div>
</div>
</div>
</header>
</div>
<div class="ipu-flex-col ipu-flex-col-auto ">
<!-- 日程的日展现形式 -->
<div class="ipu-flex-content calendar-item on common-bg-white calendar-item-day">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<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">五</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>
<div class="ipu-flex-col">
<div class="ipu-carousel ipu-hammer-carousel ipu-hammer-carousel-day">
<ul class="ipu-carousel-wrapper">
<li>
<div class="calendar-day-table common-bg-white">
<div class="calendar-day-table-body">
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="ipu-flex-col">
<div class="calendar-day-more">
<i class="icon-flag ri-arrow-down-s-line"></i>
<i class="icon-flag ri-arrow-up-s-line"></i>
</div>
<div class="date-choose"></div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content day-content-refresh">
<div class="ipu-refresh-wrapper">
<div class="common-page-content">
<div class="ipu-list ipu-list-media common-list day-schedule-list">
<ul>
<li class="schedule-color-1">
<a class="ipu-list-item ">
<div class="ipu-list-item-media ipu-flex-align-start">
<div class="schedule-item-flag schedule-color-bg"></div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title-row">
<div class="ipu-list-item-title">
<div class="schedule-item-title ipu-fn-row-2">
X部落例会，讨论原型设计相关问题X部落例会，讨论原型设计相关问题X部落例会，
讨论原型设计相关问题，讨论原型设计相关问题，讨论原型设计相关问题
</div>
</div>
</div>
<div class="ipu-list-item-subtitle">
<div class="schedule-item-date">全天</div>
</div>
</div>
</a>
</li>
<li class="schedule-color-2">
<a class="ipu-list-item ">
<div class="ipu-list-item-media ipu-flex-align-start">
<div class="schedule-item-flag schedule-color-bg"></div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title-row">
<div class="ipu-list-item-title">
<div class="schedule-item-title ipu-fn-row-2">X部落例会，讨论原型设计相关问题</div>
</div>
</div>
<div class="ipu-list-item-subtitle">
<div class="schedule-item-date">全天</div>
</div>
</div>
</a>
</li>
<li class="schedule-color-3">
<a class="ipu-list-item">
<div class="ipu-list-item-media ipu-flex-align-start">
<div class="schedule-item-flag schedule-color-bg"></div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title-row">
<div class="ipu-list-item-title">
<div class="schedule-item-title ipu-fn-row-2">X部落例会，讨论原型设计相关问题</div>
</div>
</div>
<div class="ipu-list-item-subtitle">
<div class="schedule-item-date">全天</div>
</div>
</div>
</a>
</li>
<li class="schedule-color-4">
<a class="ipu-list-item">
<div class="ipu-list-item-media ipu-flex-align-start">
<div class="schedule-item-flag schedule-color-bg"></div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title-row">
<div class="ipu-list-item-title">
<div class="schedule-item-title ipu-fn-row-2">X部落例会，讨论原型设计相关问题</div>
</div>
</div>
<div class="ipu-list-item-subtitle">
<div class="schedule-item-date">全天</div>
</div>
</div>
</a>
</li>
<li class="schedule-color-5">
<a class="ipu-list-item">
<div class="ipu-list-item-media ipu-flex-align-start">
<div class="schedule-item-flag schedule-color-bg"></div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title-row">
<div class="ipu-list-item-title">
<div class="schedule-item-title ipu-fn-row-2">X部落例会，讨论原型设计相关问题</div>
</div>
</div>
<div class="ipu-list-item-subtitle">
<div class="schedule-item-date">全天</div>
</div>
</div>
</a>
</li>
<li class="schedule-color-6">
<a class="ipu-list-item">
<div class="ipu-list-item-media ipu-flex-align-start">
<div class="schedule-item-flag schedule-color-bg"></div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title-row">
<div class="ipu-list-item-title">
<div class="schedule-item-title ipu-fn-row-2">X部落例会，讨论原型设计相关问题</div>
</div>
</div>
<div class="ipu-list-item-subtitle">
<div class="schedule-item-date">全天</div>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="schedule-add"></div>
</div>
<!-- 日程的月展现形式 -->
<div class="ipu-flex-content common-bg-white calendar-item calendar-item-month ">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="calendar-month-title">
2020年4月
</div>
<div class="calendar-month-table">
<div class="calendar-month-table-head">
<div class="common-flex-tiled table-tr">
<div class="table-th weekday">
日
</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">
五
</div>
<div class="table-th weekday">
六
</div>
</div>
</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-carousel ipu-hammer-carousel ipu-hammer-carousel-month">
<ul class="ipu-carousel-wrapper">
<li>
<div class="calendar-month-table-body">
</div>
</li>
</ul>
</div>
</div>
<!-- 月列表全 -->
<div class="month-day-schedule-list-all">
<div class="arrow-flag arrow-flag-up"></div>
<div class="arrow-flag arrow-flag-down"></div>
<div class="ipu-list common-list common-list-last-clear">
<ul></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- 工作目前使用
<li class="pages-work">
<div class="ipu-flex-row ipu-flex-vertical common-bg-white">
<div class="ipu-flex-col ipu-fn-bd-b">
<header class="ipu-toolbar">
<h1 class="ipu-toolbar-title">工作台</h1>
</header>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="page-content ipu-fn-p-tb">
<div class="menu-catalogs">
<div class="menu-catalog">
<div class="menu-catalog-body">
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-red ri-vidicon-fill"></i>
<span class="catalog-menu-name">
ZOOM
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>-->
<!-- 工作设计稿 -->
<li class="pages-work">
<div class="ipu-flex-row ipu-flex-vertical common-bg-white">
<div class="ipu-flex-col ipu-fn-bd-b">
<header class="ipu-toolbar">
<h1 class="ipu-toolbar-title">工作台</h1>
<a class="ipu-fn-right to-work-menu-eidt" href="javascript:;">
编辑
</a>
</header>
</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">
<div class="menu-catalog">
<div class="menu-catalog-head">
常用应用
</div>
<div class="menu-catalog-body">
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-red ri-vidicon-fill"></i>
<span class="catalog-menu-name">
ZOOM
</span>
</a>
<a href="group-list.html" class="catalog-menu">
<i class="catalog-menu-icon ri-account-box-line iconfont-yellow"></i>
<span class="catalog-menu-name">
群组
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon ri-lock-2-line"></i>
<span class="catalog-menu-name">
VPN口令
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-yellow ri-map-pin-time-line"></i>
<span class="catalog-menu-name">
考勤打卡
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-green ri-calendar-todo-line"></i>
<span class="catalog-menu-name">
报销
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-blue ri-flight-takeoff-line"></i>
<span class="catalog-menu-name">
机票预定
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-red ri-coupon-line"></i>
<span class="catalog-menu-name">
增值税发票
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon add-menu ri-add-line"></i>
<span class="catalog-menu-name">
添加
</span>
</a>
</div>
</div>
<div class="menu-catalog">
<div class="menu-catalog-head">
人事统计
</div>
<div class="menu-catalog-body">
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon ri-edit-box-line"></i>
<span class="catalog-menu-name">
待我审批
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-yellow ri-function-line"></i>
<span class="catalog-menu-name">
考勤统计
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-green ri-message-2-line"></i>
<span class="catalog-menu-name">
请假
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon add-menu ri-add-line"></i>
<span class="catalog-menu-name">
添加
</span>
</a>
</div>
</div>
<div class="menu-catalog">
<div class="menu-catalog-head">
人事资源
</div>
<div class="menu-catalog-body">
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon ri-copper-coin-line"></i>
<span class="catalog-menu-name">
工资查询
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-yellow ri-riding-line"></i>
<span class="catalog-menu-name">
AI健康
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-green ri-todo-line"></i>
<span class="catalog-menu-name">
我的积分
</span>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon add-menu ri-add-line"></i>
<span class="catalog-menu-name">
添加
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- 通讯录-->
<li class="pages-contact">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col ipu-fn-bd-b">
<header class="ipu-toolbar">
<h1 class="ipu-toolbar-title">通讯录</h1>
<a class="ipu-fn-right" href="javascript:;">
<i class="ipu-icon ri-more-line"></i>
</a>
</header>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="common-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="recent-contact">
<div class="recent-contact-title">
常用联系人
</div>
<div class="ipu-list ipu-list-media">
<ul>
<li class="ipu-list-item">
<div class="contact-avater">
<img class="contcat-img" alt="" src="temp/1.png">
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title-row">
<div class="ipu-list-item-title">
<span class="contact-name">张笑笑</span>
<span class="contact-no">19684</span>
<span class="contact-address">长沙</span>
</div>
<div class="ipu-list-item-after">
<i class="icon-flag ri-phone-fill"></i>
<i class="icon-flag ri-chat-2-fill"></i>
<i class="icon-flag ri-mail-fill"></i>
</div>
</div>
<div class="ipu-list-item-subtitle">
<span class="contact-phone">18907311670</span>
</div>
<div class="ipu-list-item-text">
<div class="contact-email">zhaolx5@asiainfo.com</div>
<div class="contact-dept">产品解决方案开发与交付部</div>
<div class="contact-leader">上级：<span class="contact-leader-name">张峰</span></div>
</div>
</div>
</li>
<li class="ipu-list-item">
<div class="contact-avater">
<img class="contcat-img" alt="" src="temp/1.png">
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title-row">
<div class="ipu-list-item-title">
<span class="contact-name">张笑笑</span>
<span class="contact-no">19684</span>
<span class="contact-address">长沙</span>
</div>
<div class="ipu-list-item-after">
<i class="icon-flag ri-phone-fill"></i>
<i class="icon-flag ri-chat-2-fill"></i>
<i class="icon-flag ri-mail-fill"></i>
</div>
</div>
<div class="ipu-list-item-subtitle">
<span class="contact-phone">18907311670</span>
</div>
<div class="ipu-list-item-text">
<div class="contact-email">zhaolx5@asiainfo.com</div>
<div class="contact-dept">产品解决方案开发与交付部</div>
<div class="contact-leader">上级：<span class="contact-leader-name">张峰</span></div>
</div>
</div>
</li>
<li class="ipu-list-item">
<div class="contact-avater">
<img class="contcat-img" alt="" src="temp/1.png">
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title-row">
<div class="ipu-list-item-title">
<span class="contact-name">张笑笑</span>
<span class="contact-no">19684</span>
<span class="contact-address">长沙</span>
</div>
<div class="ipu-list-item-after">
<i class="icon-flag ri-phone-fill"></i>
<i class="icon-flag ri-chat-2-fill"></i>
<i class="icon-flag ri-mail-fill"></i>
</div>
</div>
<div class="ipu-list-item-subtitle">
<span class="contact-phone">18907311670</span>
</div>
<div class="ipu-list-item-text">
<div class="contact-email">zhaolx5@asiainfo.com</div>
<div class="contact-dept">产品解决方案开发与交付部</div>
<div class="contact-leader">上级：<span class="contact-leader-name">张峰</span></div>
</div>
</div>
</li>
<li class="ipu-list-item">
<div class="contact-avater">
<img class="contcat-img" alt="" src="temp/1.png">
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title-row">
<div class="ipu-list-item-title">
<span class="contact-name">张笑笑</span>
<span class="contact-no">19684</span>
<span class="contact-address">长沙</span>
</div>
<div class="ipu-list-item-after">
<i class="icon-flag ri-phone-fill"></i>
<i class="icon-flag ri-chat-2-fill"></i>
<i class="icon-flag ri-mail-fill"></i>
</div>
</div>
<div class="ipu-list-item-subtitle">
<span class="contact-phone">18907311670</span>
</div>
<div class="ipu-list-item-text">
<div class="contact-email">zhaolx5@asiainfo.com</div>
<div class="contact-dept">产品解决方案开发与交付部</div>
<div class="contact-leader">上级：<span class="contact-leader-name">张峰</span></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- 我的-->
<li class="pages-my">
<div class="my-user-info">
<div class="my-user-detail ipu-flex ipu-flex-align-center">
<img class="my-user-avater" src="temp/1.png" alt="">
<div class="ipu-flex-col-auto my-user-info-wrap">
<div class="my-user-name">张笑笑</div>
<div class="my-user-dept">
产品解决方案开发与交付部
</div>
</div>
<i class="ri-arrow-right-s-line"></i>
</div>
</div>
<div class="ipu-list ipu-list-block-space ipu-fn-m-t my-user-list">
<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>
</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-line"></i>
<div class="ipu-navbar-item-label">待办</div>
</a>
<a class="ipu-navbar-item" href="javascript:;">
<i class="ipu-icon ri-calendar-line"></i>
<div class="ipu-navbar-item-label">日程</div>
</a>
<a class="ipu-navbar-item" href="javascript:;">
<i class="ipu-icon ri-function-line"></i>
<div class="ipu-navbar-item-label">工作</div>
</a>
<a class="ipu-navbar-item " href="javascript:;">
<i class="ipu-icon ri-booklet-line"></i>
<div class="ipu-navbar-item-label">通讯录</div>
</a>
<a class="ipu-navbar-item " href="javascript:;">
<i class="ipu-icon ri-account-circle-line"></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 class="old-num">{{item.oldNum}}</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 class="old-num">{{item.oldNum}}</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 class="old-num">{{item.oldNum}}</div>
</div>
</div>
{{ /each}}
</div>
{{/each}}
</script>
<!-- 月界面，日历列表 -->
<script type="text/html" id="schedule-month-tpl">
{{ each data item }}
<div class="table-td">
<div class="ipu-flex ipu-flex-vertical month-day {{item.className}} date-{{item.dateStr}}"
data-day="{{item.dateStr}}">
<div class="ipu-flex-grow-0 ipu-flex-center-middle month-day-num">
<span class="num">{{item.num}}</span>
<span class="old-num">{{item.oldNum}}</span>
</div>
</div>
</div>
{{/each}}
</script>
<!-- 月界面，日期后台数据模板 -->
<script type="text/html" id="schedule-month-tpl-child">
{{set event = item.event}}
{{if event && event.length != 0 }}
<div class="month-day-over">
<div class="ipu-flex-middle-center">
<i class="icon ri-close-line"></i>
</div>
</div>
<div class="ipu-flex-grow-1 month-day-schedule-list">
{{each event ev index}}
{{if index < 4 || index == 4 && event.length == 5 }}
<div class="month-day-schedule-item schedule-color-{{(index%7)+1}}">
<div class="schedule-before-color-bg ipu-fn-row">{{ev.title}}</div>
</div>
{{else if index == 4 && event.length > 5 }}
<div class="month-day-schedule-item month-day-schedule-item-more">
<div class="schedule-before-color-bg ipu-fn-row">还有{{event.length-4}}项...</div>
</div>
{{else}}
<!-- 不显示 -->
{{/if}}
{{/each}}
{{/if}}
</div>
{{if item.workday}}
<div class="flag-workday">班</div>
{{/if}}
{{if item.holiday}}
<div class="flag-holiday">休</div>
{{/if}}
</script>
<!-- 月界面，日程列表全 -->
<script type="text/html" id="schedule-month-list-tpl">
{{ each list item index}}
<!-- schedule-color-x x的值为1到7，demo中为随机，实际中应该由日程设置的颜色相关联 -->
<li class="ipu-list-item schedule-color-{{(index%7)+1}} ipu-flex-align-start">
<div class="item-flag schedule-color-bg">
</div>
<div class="ipu-list-item-inner">
<div class="ipu-flex ipu-flex-vertical">
<div class="item-title ipu-fn-row-2">
<div>{{item.title}}</div>
</div>
<div class="item-time">{{item.time}}</div>
</div>
</div>
</li>
{{/each}}
</script>
<!-- 日程相关模板结束 -->
</body>
</html>
|
