|
<!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/application-list.js"></script>
</head>
<body class="pages-application-list">
<div class="ipu-tab ipu-tab-fixed common-tab">
<div class="ipu-tab-head ipu-fn-bd-b ">
<header class="ipu-toolbar">
<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>
</header>
<ul>
<li class="ipu-flex-middle-center">
<div class="common-tab-title">待审批</div>
</li>
<li class="ipu-flex-middle-center">
<div class="common-tab-title">已审批</div>
</li>
</ul>
</div>
<div class="ipu-tab-body">
<ul>
<li class="" id="refresh-unread">
<div class="ipu-refresh-wrapper ipu-fn-p-b">
<div class="ipu-list ipu-list-block-space common-list common-list-padding all-todo-list">
<ul>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>提交时间：</label>2020/3/20</div>
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
</div>
</div>
</div>
<div class="ipu-flex ipu-flex-justify-end application-action-btns">
<button class="common-btn-short white">驳回</button>
<button class="ipu-btn common-btn-short">通过</button>
</button>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>提交时间：</label>2020/3/20</div>
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
</div>
</div>
</div>
<div class="ipu-flex ipu-flex-justify-end application-action-btns">
<button class="common-btn-short white">驳回</button>
<button class="ipu-btn common-btn-short">通过</button>
</button>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>提交时间：</label>2020/3/20</div>
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
</div>
</div>
</div>
<div class="ipu-flex ipu-flex-justify-end application-action-btns">
<button class="common-btn-short white">驳回</button>
<button class="ipu-btn common-btn-short">通过</button>
</button>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>提交时间：</label>2020/3/20</div>
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
</div>
</div>
</div>
<div class="ipu-flex ipu-flex-justify-end application-action-btns">
<button class="common-btn-short white">驳回</button>
<button class="ipu-btn common-btn-short">通过</button>
</button>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>提交时间：</label>2020/3/20</div>
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
</div>
</div>
</div>
<div class="ipu-flex ipu-flex-justify-end application-action-btns">
<button class="common-btn-short white">驳回</button>
<button class="ipu-btn common-btn-short">通过</button>
</button>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>提交时间：</label>2020/3/20</div>
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
</div>
</div>
</div>
<div class="ipu-flex ipu-flex-justify-end application-action-btns">
<button class="common-btn-short white">驳回</button>
<button class="ipu-btn common-btn-short">通过</button>
</button>
</div>
</div>
</li>
</ul>
</div>
<div class="data-empty-message">
没有数据记录
</div>
</div>
</li>
<li class="" id="refresh-readed">
<div class="ipu-refresh-wrapper ipu-fn-p-b">
<div class="ipu-list common-list ipu-list-block-space common-list-padding all-todo-list">
<ul>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
<div class="application-info-item"><span class="application-state-pass">审批通过</span></div>
</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
<div class="application-info-item"><span class="application-state-reject">审批未通过</span></div>
</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
<div class="application-info-item"><span class="application-state-pass">审批通过</span></div>
</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
<div class="application-info-item"><span class="application-state-reject">审批未通过</span></div>
</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
<div class="application-info-item"><span class="application-state-pass">审批通过</span></div>
</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-align-start">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-flex">
<div class="ipu-flex-grow-0">
<img class="application-user-avatar" src="temp/1.png" />
</div>
<div class="ipu-flex-grow-1">
<div class="ipu-flex">
<div class="ipu-flex-grow-1 application-title">
艾米提交的请假申请
</div>
<div class="ipu-flex-grow-0 application-apply-time">13:00</div>
</div>
<div class="application-info-item-wrap">
<div class="application-info-item"><label>请假周期：</label>2020/3/23-2020/</div>
<div class="application-info-item"><label>请假类型：</label>法定年假</div>
<div class="application-info-item"><span class="application-state-reject">审批未通过</span></div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="data-empty-message">
没有数据记录
</div>
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
|
