|
<!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/address-organization.js"></script>
</head>
<body class="pages-address-organization">
<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>
</header>
<div class="common-search ipu-flex-middle">
<div class="ipu-flex-grow-1 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>
<form class="ipu-flex-grow-1 common-search-wrap">
<input class="common-search-input" placeholder="" type="search">
</form>
<i class="ipu-flex-grow-0 common-search-input-clear ri-close-circle-fill"></i>
</div>
<div class="ipu-flex-grow-0">
<button class="ipu-btn common-search-btn">搜索</button>
</div>
</div>
<div class="ipu-flex-middle organization-nav ipu-fn-bd-b">
<div class="nav-item">通讯录</div>
<div class="ri-arrow-right-s-line nav-split"></div>
<div class="nav-item">组织架构</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content common-bg-white">
<div class="common-page-content">
<div class="recent-contact">
<div class="ipu-list common-list organization-list">
<ul>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">PRD</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="organization-name">PRD全称</div>
<div class="organization-desc"> (10个部门）</div>
</div>
<div class="ipu-flex-grow-0">
<i class="link-to-detail ri-arrow-right-s-line"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<img class="contcat-img" alt="" src="temp/1.png">
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="organization-name">PRD全称</div>
<div class="organization-desc"> (10个部门）</div>
</div>
<div class="ipu-flex-grow-0">
<i class="link-to-detail ri-arrow-right-s-line"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">PRD</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="organization-name">PRD全称</div>
</div>
<div class="ipu-flex-grow-0">
<i class="link-to-detail ri-arrow-right-s-line"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">PRD</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="organization-name">PRD全称</div>
</div>
<div class="ipu-flex-grow-0">
<i class="link-to-detail ri-arrow-right-s-line"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">PRD</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="organization-name">PRD全称</div>
</div>
<div class="ipu-flex-grow-0">
<i class="link-to-detail ri-arrow-right-s-line"></i>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
