|
<!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-dept-staff-list.js"></script>
</head>
<body class="pages-address-dept-staff-list">
<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">PRD</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="organization-nav-wrap">
<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 class="ri-arrow-right-s-line nav-split"></div>
<div class="nav-item">通讯录</div>
<div class="ri-arrow-right-s-line nav-split"></div>
<div class="nav-item">组织架构</div>
<div class="ri-arrow-right-s-line nav-split"></div>
<div class="nav-item">通讯录</div>
<div class="ri-arrow-right-s-line nav-split"></div>
<div class="nav-item">组织架构</div>
<div class="ri-arrow-right-s-line nav-split"></div>
<div class="nav-item">PRD</div>
</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="common-page-content">
<div class="recent-contact">
<div class="ipu-list common-list-padding common-list">
<ul>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">笑笑</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></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="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">笑笑</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></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="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">笑笑</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></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="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
