ConstructionCost/web/building_saas/pm/html/project-management-share.html

<div class="toolsbar">
    <legend class="m-0 pb-1">分享</legend>
</div>
<div class="share-list" id="shareSpread">
</div>
<!--弹出账号信息-->
<div class="modal fade" id="userinfo" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">用户信息</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">张三</h4>
                        <h6 class="card-subtitle mb-2 text-muted">珠海纵横创新软件有限公司</h6>
                    </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="通行账号手机"><i class="fa fa-tablet"></i> 15812644017</li>
                        <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="通行账号邮箱"><i class="fa fa-envelope-o "></i> 0756-3850891</li>
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<!--弹出拷贝工程-->
<div class="modal fade" id="copyShare" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">拷贝工程</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>建设项目</label>
                    <select id="copyShare_selectProj" class="form-control"><option>请选择建设项目</option></select>
                    <span style="display: none" id="copyShareProj-info" class="form-text text-danger">建设项目不可为空</span>
                </div>
                <div class="form-group">
                    <label>单项项目</label>
                    <select id="copyShare_selectEng" class="form-control"><option>请选择单项工程</option></select>
                    <span style="display: none" id="copyShareEng-info" class="form-text text-danger">单项工程不可为空</span>
                </div>
                <div class="form-group">
                    <p id="copyShare_name">拷贝后，工程将重命名为 "<b>建筑工程2（张三共享）</b>"</p>
                </div>
            </div>
            <div class="modal-footer">
                <a id="copyShare_confirm" href="javascript:void(0);" class="btn btn-primary">确定拷贝</a>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!--弹出分享给交互-->
<div class="modal fade" id="shareTo" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content" style="width: 750px;">
            <div class="modal-header">
                <h5 class="modal-title">分享给...</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body modal-fixed-height">
           <!--     <p>勾选需要恢复的文件，点“确定”按钮，确认从回收站中恢复。</p>-->
                <table class="table table-hover table-sm mb-5">
                    <thead>
                    <tr style="display: block;">
                        <th width="106px">姓名</th>
                        <th width="146px">公司</th>
                        <th width="146px">手机</th>
                        <th width="156px">邮箱</th>
                        <th width="70px">允许拷贝</th>
                        <th width="70px">取消分享</th>
                    </tr>
                    </thead>
                    <tbody id="shareToInfo" style="display:block; height: 300px; overflow: auto;">
                    <tr>
                        <td width="106px;">钟泽伟</td>
                        <td width="146px;">珠海纵横创新软件有限公司</td>
                        <td width="146px;">13160675110</td>
                        <td width="156px;">707820685@qq.com</td>
                        <td width="70px;" style="text-align: center"><input type="checkbox"></td>
                        <td width="70px;" style="text-align: center"><input type="checkbox"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <a href="javascript:void(0);" class="btn btn-primary" id="shareToConfirm" data-dismiss="modal">确定</a>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>