|
<!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/contact-picker.js"></script>
</head>
<body class="pages-contact-picker">
<div class="ipu-flex-vertical ipu-flex-row">
<div class="ipu-flex-col">
<header class="ipu-toolbar">
<h1 class="ipu-toolbar-title">选择联系人</h1>
<a class="ipu-fn-left text" href="javascript:history.back();">
取消
</a>
<a class="ipu-fn-right link-finish" href="javascript:;">
完成
</a>
</header>
<div class="common-search ipu-flex">
<div class="ipu-flex-grow-1 ipu-flex common-search-content">
<div class="ipu-flex-grow-0 ipu-carousel ipu-hammer-carousel contact-picker-list">
<ul class="ipu-carousel-wrapper">
</ul>
</div>
<form class="ipu-flex-grow-1 ipu-flex common-search-wrap">
<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">
<input class="common-search-input" placeholder="" type="search">
</div>
</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>
<div class="ipu-flex-col ipu-flex-col-auto ipu-fn-p-tb">
<div class="ipu-flex-content contact-search-list-block contact-search-list-recent">
<div class="contact-search-list-title">
成员列表
</div>
<div class="contact-search-list-content">
<div class="ipu-list common-list contact-search-list">
<ul>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波<span class="contact-search-list-item-userdept">（产品与解决方案部）</span>
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波<span class="contact-search-list-item-userdept">（产品与解决方案部）</span>
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波<span class="contact-search-list-item-userdept">（产品与解决方案部）</span>
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波<span class="contact-search-list-item-userdept">（产品与解决方案部）</span>
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波<span class="contact-search-list-item-userdept">（产品与解决方案部）</span>
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波<span class="contact-search-list-item-userdept">（产品与解决方案部）</span>
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波<span class="contact-search-list-item-userdept">（产品与解决方案部）</span>
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波<span class="contact-search-list-item-userdept">（产品与解决方案部）</span>
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波<span class="contact-search-list-item-userdept">（产品与解决方案部）</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="ipu-flex-content contact-search-list-block contact-search-list-result">
<div class="ipu-refresh-wrapper">
<div class="contact-search-list-title">
联系人
</div>
<div class="contact-search-list-content">
<div class="ipu-list common-list contact-search-list">
<ul>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波（产品与解决方案部产品与解决方案部产品与解决方案部）
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波（产品与解决方案部）
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波（产品与解决方案部）
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波（产品与解决方案部）
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波（产品与解决方案部）
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波（产品与解决方案部）
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波（产品与解决方案部）
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波（产品与解决方案部）
</div>
</div>
</div>
</li>
<li class="ipu-list-item contact-search-list-item">
<div class="ipu-flex ipu-flex-align-center">
<label class="ipu-checkbox ipu-checkbox-s">
<input type="checkbox">
</label>
<div class="contact-search-list-item-avatar">
<img src="temp/1.png" alt=""/>
</div>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
<div class="ipu-fn-row contact-search-list-item-userinfo">
王海波（产品与解决方案部）
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="data-empty-message" style="display: none;">
没有数据记录
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
