|
|
@@ -1039,160 +1039,243 @@
|
|
|
</button>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
- <div class="form-group">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <input id="sharePhone" type="text" class="form-control" placeholder="输入 手机号 添加分享" autofocus="autofocus">
|
|
|
- <div class="input-group-append">
|
|
|
- <a class="btn btn-outline-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuBook">
|
|
|
- 最新分享
|
|
|
- </a>
|
|
|
- <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuBook" style="width: 250px;">
|
|
|
- <div class="">
|
|
|
- <ul class="nav nav-tabs nav-fill mx-1">
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link active" id="zuijin-tab" data-toggle="tab" href="#zuijin" role="tab" aria-controls="zuijin" aria-selected="true">最近分享</a>
|
|
|
- </li>
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link" id="lianxi-tab" data-toggle="tab" href="#lianxi" role="tab" aria-controls="lianxi" aria-selected="false">联系人</a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="tab-content" id="myTabContent">
|
|
|
- <div class="tab-pane fade show active" id="zuijin" role="tabpanel" aria-labelledby="zuijin-tab">
|
|
|
- <!--最近分享5个人-->
|
|
|
- <ul class="book-list">
|
|
|
- <li>
|
|
|
- <span class="avatar bg-8">润隆</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">张润隆</h5>
|
|
|
- 15800000008
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-3">李旭</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">李旭</h5>
|
|
|
- 15800000003
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-9">佳玫</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">张佳玫</h5>
|
|
|
- 15800000009
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-4">伽淼</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">李伽淼</h5>
|
|
|
- 15800000004
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-7">白尔</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">张白尔</h5>
|
|
|
- 15800000007
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="tab-pane fade" id="lianxi" role="tabpanel" aria-labelledby="lianxi-tab">
|
|
|
- <ul class="book-list">
|
|
|
- <li>
|
|
|
- <span class="avatar bg-0">桐杉</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">陈桐杉</h5>
|
|
|
- 15800000000
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-1">迎华</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">陈迎华</h5>
|
|
|
- 15800000001
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-2">木贤</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">黄木贤</h5>
|
|
|
- 15800000002
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-3">李旭</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">李旭</h5>
|
|
|
- 15800000003
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-4">伽淼</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">李伽淼</h5>
|
|
|
- 15800000004
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-5">川汉</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">李川汉</h5>
|
|
|
- 15800000005
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-6">石宝</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">李石宝</h5>
|
|
|
- 15800000006
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-7">白尔</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0">张白尔</h5>
|
|
|
- 15800000007
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-8">润隆</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">张润隆</h5>
|
|
|
- 15800000008
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="avatar bg-9">佳玫</span>
|
|
|
- <div class="book-body">
|
|
|
- <h5 class="mt-0" title="某某有限公司">张佳玫</h5>
|
|
|
- 15800000009
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ <div class="row justify-content-center">
|
|
|
+ <div class="form-group col-6 ">
|
|
|
+ <div class="input-group input-group-sm">
|
|
|
+ <input id="sharePhone" type="text" class="form-control" placeholder="输入 手机号 添加分享" autofocus="autofocus">
|
|
|
+ <div class="btn-group btn-group-sm ml-1">
|
|
|
+ <a class="btn btn-primary dropdown-toggle" href="#" role="button" id="dropdownMenuBook2">
|
|
|
+ 联系人
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuBook2" style="width: 250px;">
|
|
|
+ <div class="">
|
|
|
+ <ul class="book-list">
|
|
|
+ <li>C</li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-0">桐杉</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">陈桐杉</h5>
|
|
|
+ 15800000000
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-1">迎华</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">陈迎华</h5>
|
|
|
+ 15800000001
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>H</li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-2">木贤</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">黄木贤</h5>
|
|
|
+ 15800000002
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>L</li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-3">李旭</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">李旭</h5>
|
|
|
+ 15800000003
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-4">伽淼</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">李伽淼</h5>
|
|
|
+ 15800000004
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-5">川汉</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">李川汉</h5>
|
|
|
+ 15800000005
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-6">石宝</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">李石宝</h5>
|
|
|
+ 15800000006
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>Z</li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-7">白尔</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0">张白尔</h5>
|
|
|
+ 15800000007
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-8">润隆</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">张润隆</h5>
|
|
|
+ 15800000008
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-9">佳玫</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">张佳玫</h5>
|
|
|
+ 15800000009
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-3">
|
|
|
+ <legend>最近分享</legend>
|
|
|
+ <!--最近分享-->
|
|
|
+ <ul class="book-list">
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-8">润隆</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">张润隆</h5>
|
|
|
+ 15800000008
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-3">李旭</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">李旭</h5>
|
|
|
+ 15800000003
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-9">佳玫</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">张佳玫</h5>
|
|
|
+ 15800000009
|
|
|
</div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-4">伽淼</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">李伽淼</h5>
|
|
|
+ 15800000004
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="avatar bg-7">白尔</span>
|
|
|
+ <div class="book-body">
|
|
|
+ <h5 class="mt-0" title="某某有限公司">张白尔</h5>
|
|
|
+ 15800000007
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="col-9">
|
|
|
+
|
|
|
+ <!--搜索结果-->
|
|
|
+ <ul class="book-list my-3" style="height:auto">
|
|
|
+ <li class="card mb-1">
|
|
|
+ <div class="card-body p-1 row m-0">
|
|
|
+ <span class="avatar bg-8">伽淼</span>
|
|
|
+ <!--姓名手机-->
|
|
|
+ <div class="book-body col-auto pl-0">
|
|
|
+ <h5 class="mt-0">李伽淼</h5>
|
|
|
+ 15800000004
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <!--公司-->
|
|
|
+ <div class="col-5">珠海纵横创新软件有限公司</div>
|
|
|
+ <!--操作-->
|
|
|
+ <div class="col ml-auto p-0">
|
|
|
+ <div class="d-flex justify-content-end">
|
|
|
+ <div>
|
|
|
+ <div class="custom-control custom-checkbox">
|
|
|
+ <input type="checkbox" class="custom-control-input" id="customCheck1" checked="">
|
|
|
+ <label class="custom-control-label" for="customCheck1">允许拷贝</label>
|
|
|
+ </div>
|
|
|
+ <div class="custom-control custom-checkbox">
|
|
|
+ <input type="checkbox" class="custom-control-input" id="customCheck2" checked="">
|
|
|
+ <label class="custom-control-label" for="customCheck2">允许编辑</label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ml-3 d-flex align-items-center"><button class="btn btn-sm btn-primary">分享给Ta</button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--提示信息-->
|
|
|
+ <!-- <div class="col-12">
|
|
|
+ <p class="text-danger mb-0">允许拷贝，用户可以对您分享的项目进行拷贝复制。</p>
|
|
|
+ <p class="text-danger mb-0">允许编辑，用户可以对您分享的项目进行任意编辑修改，请谨慎开启。</p>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!--已分享列表-->
|
|
|
+ <legend>已分享</legend>
|
|
|
+ <ul class="book-list" style="max-height: 250px">
|
|
|
+ <li class="card mb-1">
|
|
|
+ <div class="card-body p-1 row m-0">
|
|
|
+ <span class="avatar bg-8">润隆</span>
|
|
|
+ <!--姓名手机-->
|
|
|
+ <div class="book-body col-auto pl-0">
|
|
|
+ <h5 class="mt-0">张润隆</h5>
|
|
|
+ 15800000008
|
|
|
+ </div>
|
|
|
+ <!--公司-->
|
|
|
+ <div class="col-5">珠海纵横创新软件有限公司</div>
|
|
|
+ <!--操作-->
|
|
|
+ <div class="col ml-auto p-0">
|
|
|
+ <div class="d-flex justify-content-end">
|
|
|
+ <div>
|
|
|
+ <div class="custom-control custom-checkbox">
|
|
|
+ <input type="checkbox" class="custom-control-input" id="customCheck3" checked="">
|
|
|
+ <label class="custom-control-label" for="customCheck3">允许拷贝</label>
|
|
|
+ </div>
|
|
|
+ <div class="custom-control custom-checkbox">
|
|
|
+ <input type="checkbox" class="custom-control-input" id="customCheck4">
|
|
|
+ <label class="custom-control-label" for="customCheck4">允许编辑</label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ml-3 d-flex align-items-center"><button class="btn btn-sm btn-outline-danger">取消分享</button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="card mb-1">
|
|
|
+ <div class="card-body p-1 row m-0">
|
|
|
+ <span class="avatar bg-7">白尔</span>
|
|
|
+ <!--姓名手机-->
|
|
|
+ <div class="book-body col-auto pl-0">
|
|
|
+ <h5 class="mt-0">张白尔</h5>
|
|
|
+ 15800000007
|
|
|
+ </div>
|
|
|
+ <!--公司-->
|
|
|
+ <div class="col-5">珠海纵横创新软件有限公司</div>
|
|
|
+ <!--操作-->
|
|
|
+ <div class="col ml-auto p-0">
|
|
|
+ <div class="d-flex justify-content-end">
|
|
|
+ <div>
|
|
|
+ <div class="custom-control custom-checkbox">
|
|
|
+ <input type="checkbox" class="custom-control-input" id="customCheck5">
|
|
|
+ <label class="custom-control-label" for="customCheck5">允许拷贝</label>
|
|
|
+ </div>
|
|
|
+ <div class="custom-control custom-checkbox">
|
|
|
+ <input type="checkbox" class="custom-control-input" id="customCheck6">
|
|
|
+ <label class="custom-control-label" for="customCheck6">允许编辑</label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ml-3 d-flex align-items-center"><button class="btn btn-sm btn-outline-danger">取消分享</button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <legend>已分享</legend>
|
|
|
- <table class="table table-sm">
|
|
|
- <tr>
|
|
|
- <th style="width: 112px;">姓名</th>
|
|
|
- <th style="width: 165px;">公司</th>
|
|
|
- <th style="width: 136px;">手机</th>
|
|
|
- <th style="width: 136px;">邮箱</th>
|
|
|
- <th style="width: 90px;">允许拷贝</th>
|
|
|
- <th style="width: 90px;">允许编辑</th>
|
|
|
- <th style="width: 90px;">取消分享</th>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
- <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
|
|
|
- <a href="" class="btn btn-primary">确定分享</a>
|
|
|
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -1479,8 +1562,35 @@
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<div style="max-height:465px;overflow-y:auto;">
|
|
|
- <img src="img/dasikong-welcome.png">
|
|
|
- <div class="text-center mt-1"><img src="img/dasikong-welcome2.png"></div>
|
|
|
+ <!-- 广告位：大司空欢迎页 -->
|
|
|
+<script>
|
|
|
+(function() {
|
|
|
+ var s = "_" + Math.random().toString(36).slice(2);
|
|
|
+ document.write('<div id="' + s + '"></div>');
|
|
|
+ (window.slotbydup=window.slotbydup || []).push({
|
|
|
+ id: '6929763',
|
|
|
+ container: s,
|
|
|
+ size: '766,400',
|
|
|
+ display: 'inlay-fix'
|
|
|
+ });
|
|
|
+})();
|
|
|
+</script>
|
|
|
+<script src="//dup.baidustatic.com/js/os.js"></script>
|
|
|
+<div style="position:relative;" class="mt-1">
|
|
|
+ <a href="http://baidu.com" target="_blank" style="position:absolute;width:300px;height:60px;z-index:9999;display:inline-block"></a>
|
|
|
+ <script>
|
|
|
+(function() {
|
|
|
+ var s = "_" + Math.random().toString(36).slice(2);
|
|
|
+ document.write('<div id="' + s + '"></div>');
|
|
|
+ (window.slotbydup=window.slotbydup || []).push({
|
|
|
+ id: '6930371',
|
|
|
+ container: s,
|
|
|
+ size: '300,60',
|
|
|
+ display: 'inlay-fix'
|
|
|
+ });
|
|
|
+})();
|
|
|
+</script>
|
|
|
+</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -1620,6 +1730,7 @@
|
|
|
autoFlashHeight();
|
|
|
</script>
|
|
|
<script type="text/javascript">
|
|
|
- $('#dropdownMenuBook').dropdown()
|
|
|
+ $('#dropdownMenuBook').dropdown();
|
|
|
+ $('#dropdownMenuBook2').dropdown()
|
|
|
</script>
|
|
|
</html>
|
