Calculation/app/view/sp_setting/manage.ejs

<% include ../sp_setting/sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main d-flex justify-content-between">
            <div>
                <div class="d-inline-block mr-2" style="font-weight: 500">
                    标段设置
                </div>
                <div class="d-inline-block" id="show-level"></div>
                <div class="d-inline-block"><button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#select-tender">关联标段</button></div>
                <div class="d-inline-block"><button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#filter-tender">过滤标段</button></div>
                <div class="d-inline-block custom-control custom-checkbox ml-2">
                    <input type="checkbox" id="filter-tender-done" name="customCheckbox" class="custom-control-input" >
                    <label class="custom-control-label" for="filter-tender-done">过滤完工标段</label>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="sjs-height-0 row" style="background-color: #fff;overflow: hidden">
            <div class="col-4">
                <div class="c-body sjs-height-0" style="overflow: auto"></div>
            </div>
            <div class="col-8">
                <nav class="nav nav-tabs m-3" role="tablist">
                    <a class="nav-item nav-link active" data-toggle="tab" href="#splc" role="tab">审批流程</a>
                    <a class="nav-item nav-link" data-toggle="tab" href="#guest" role="tab">游客账号</a>
                    <a class="nav-item nav-link" data-toggle="tab" href="#schedule" role="tab">标段进度</a>
                    <a class="nav-item nav-link" data-toggle="tab" href="#htgl" role="tab">标段合同</a>
                    <a class="nav-item nav-link" data-toggle="tab" href="#sgrz" role="tab">施工日志</a>
                    <a class="nav-item nav-link" data-toggle="tab" href="#quality" role="tab">质量管理</a>
                    <a class="nav-item nav-link" data-toggle="tab" href="#safe" role="tab">安全管理</a>
<!--                    <a class="nav-item nav-link" data-toggle="tab" href="#quality" role="tab">质量管理</a>-->
<!--                    <a class="nav-item nav-link" data-toggle="tab" href="#inspection" role="tab">质量巡检</a>-->
<!--                    <a class="nav-item nav-link" data-toggle="tab" href="#safe_payment" role="tab">安全计量</a>-->
<!--                    <a class="nav-item nav-link" data-toggle="tab" href="#safe_inspection" role="tab">安全巡检</a>-->
<!--                    <a class="nav-item nav-link" data-toggle="tab" href="#subadmin" role="tab">标段管理员</a>-->
                    <div class="ml-auto" id="user-set" style="display: none">
                        <div class="row">
                            <div class="d-inline-block mr-3">
                                <div id="contract-tip" class="btn-group align-middle" style="display: none;">
                                    <a href="javascript:void(0)" data-toggle="dropdown" title="权限说明"><i class="fa fa-question-circle"></i></a>
                                    <div class="dropdown-menu bg-dark">
                                        <div class="dropdown-item text-light bg-dark">1、编辑节点：编辑合同管理内页树结构</div>
                                        <div class="dropdown-item text-light bg-dark">2、添加合同：允许添加合同</div>
                                        <div class="dropdown-item text-light bg-dark">3、编辑合同：编辑非自己上传的合同信息</div>
                                        <div class="dropdown-item text-light bg-dark">4、添加支付：给非自己上传的合同添加合同支付</div>
                                        <div class="dropdown-item text-light bg-dark">5、授权范围本单位：授权节点下查看本单位人员添加的所有合同</div>
                                        <div class="dropdown-item text-light bg-dark">6、授权范围本节点：授权节点下查看所有人上传的合同</div>
                                    </div>
                                </div>
                            </div>
                            <div class="d-inline-block dropdown">
                                <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" data-type="" id="add_user_dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    添加用户
                                </button>
                                <div class="dropdown-menu" id="add_user_dropdownMenu2" aria-labelledby="add_user_dropdownMenuButton" style="width:220px">
                                    <div class="mb-2 p-2"><input class="form-control form-control-sm gr-search"
                                                                 placeholder="姓名/手机 检索" autocomplete="off"></div>
                                    <dl class="list-unstyled book-list">
                                        <% accountGroup.forEach((group, idx) => { %>
                                            <dt><a href="javascript: void(0);" class="acc-btn" data-groupid="<%- idx %>" data-type="hide"><i class="fa fa-plus-square"></i></a> <%- group.groupName %></dt>
                                            <div class="dd-content" data-toggleid="<%- idx %>">
                                                <% group.groupList.forEach(item => { %>
                                                    <dd class="border-bottom p-2 mb-0 user-item" data-id="<%- item.id %>" >
                                                        <p class="mb-0 d-flex"><span class="text-primary"><%- item.name %></span><span
                                                                    class="ml-auto"><%- item.mobile %></span>
                                                            <span class="selected-mark text-success ml-2" style="display:none;"><i class="fa fa-check"></i></span>
                                                        </p>
                                                        <span class="text-muted"><%- item.role %></span>
                                                    </dd>
                                                <% });%>
                                            </div>
                                        <% }) %>
                                    </dl>
                                </div>
                            </div>
                            <div class="d-inline-block ml-3">
                                <a href="javascript:void(0)" class="btn btn-primary btn-sm pull-right" id="set-other-tender-user-a">应用账号至其他标段</a>
                            </div>
                        </div>
                    </div>
                </nav>
                <div class="tab-content m-3" style="overflow: auto">
                    <!--审批流程 -->
                    <div id="splc" class="tab-pane active">
                    </div>
                    <!--游客账号 -->
                    <div id="guest" class="tab-pane">
                        <div class="col-8" style="max-width: 800px">
                            <table class="table table-hover table-bordered table-sm">
                                <thead>
                                <tr>
                                    <th class="text-center" width="100px">用户</th>
                                    <th class="text-center" width="120px">职位</th>
                                    <th class="text-center" width="60px">附件</th>
                                    <th class="text-center" width="60px">书签</th>
                                    <th class="text-center" >操作</th>
                                </tr>
                                </thead>
                                <tbody id="tourist-users">
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!--标段进度 -->
                    <div id="schedule" class="tab-pane">
                        <div class="col-8" style="max-width: 800px">
                            <table class="table table-hover table-bordered table-sm">
                                <thead class="text-center">
                                <tr>
                                    <th class="align-middle" rowspan="2">成员名称</th>
                                    <th class="align-middle" rowspan="2">角色/职位</th>
                                    <% for (const pb of permissionBlock) { %>
                                        <% if (pb.key === 'schedule') { %>
                                            <th colspan="<%- pb.permission.filter(x => { return !x.isDefault; }).length %>"><%- pb.name %></th>
                                        <% } %>
                                    <% } %>
                                    <th class="align-middle" rowspan="2">操作</th>
                                </tr>
                                <tr>
                                    <% for (const pb of permissionBlock) { %>
                                        <% if (pb.key === 'schedule') { %>
                                            <% for (const p of pb.permission) { %>
                                                <% if (p.isDefault) continue; %>
                                                <th><%- p.title %></th>
                                            <% } %>
                                        <% } %>
                                    <% } %>
                                </tr>
                                </thead>
                                <tbody id="schedule-users">
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!--合同管理 -->
                    <div id="htgl" class="tab-pane">
                        <div class="col-8" style="max-width: 800px">
                            <table class="table table-hover table-bordered table-sm">
                                <thead class="text-center">
                                <tr>
                                    <th rowspan="2" class="align-middle">用户名</th>
                                    <th rowspan="2" class="align-middle">角色/职位</th>
                                    <th rowspan="2" class="align-middle">编辑节点</th>
                                    <th rowspan="2" class="align-middle">添加合同</th>
                                    <th rowspan="2" class="align-middle">编辑合同</th>
                                    <th rowspan="2" class="align-middle">添加支付</th>
                                    <th colspan="2">授权节点合同查看范围</th>
                                    <th rowspan="2" class="align-middle">操作</th>
                                </tr>
                                <tr>
                                    <th>本单位</th>
                                    <th>本节点</th>
                                </tr>
                                </thead>
                                <tbody id="contract-users">
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!--施工日志 -->
                    <div id="sgrz" class="tab-pane">
                        <div class="col-8" style="max-width: 800px">
                            <table class="table table-hover table-bordered table-sm">
                                <thead>
                                <tr>
                                    <th class="text-center" width="100px">用户</th>
                                    <th class="text-center" width="120px">职位</th>
                                    <th class="text-center" width="60px">填报人</th>
                                    <th class="text-center" >操作</th>
                                </tr>
                                </thead>
                                <tbody id="construction-users">
                                <tr>
                                    <td>陈特</td>
                                    <td>业主</td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio301" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio301"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <a href="#remove-user1" data-toggle="modal" data-target="#remove-user" class="btn btn-sm btn-outline-danger">移除</a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!--质量管理 -->
                    <div id="quality" class="tab-pane">
                        <div class="col-8" style="max-width: 800px">
                            <table class="table table-hover table-bordered table-sm">
                                <thead class="text-center">
                                <tr>
                                    <th class="align-middle" rowspan="2">成员名称</th>
                                    <th class="align-middle" rowspan="2">角色/职位</th>
                                    <% for (const pb of permissionBlock) { %>
                                        <% if (pb.key === 'quality' || pb.key === 'inspection') { %>
                                            <th colspan="<%- pb.permission.length %>"><%- pb.name %></th>
                                        <% } %>
                                    <% } %>
                                    <th class="align-middle" rowspan="2">操作</th>
                                </tr>
                                <tr>
                                    <% for (const pb of permissionBlock) { %>
                                        <% if (pb.key === 'quality' || pb.key === 'inspection') { %>
                                            <% for (const p of pb.permission) { %>
                                                <th><%- p.title %></th>
                                            <% } %>
                                        <% } %>
                                    <% } %>
                                </tr>
                                </thead>
                                <tbody id="quality-users">
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!--安全管理 -->
                    <div id="safe" class="tab-pane">
                        <div class="col-8" style="max-width: 800px">
                            <table class="table table-hover table-bordered table-sm">
                                <thead class="text-center">
                                <tr>
                                    <th class="align-middle" rowspan="2">成员名称</th>
                                    <th class="align-middle" rowspan="2">角色/职位</th>
                                    <% for (const pb of permissionBlock) { %>
                                        <% if (pb.key === 'safe_payment' || pb.key === 'safe_inspection') { %>
                                            <th colspan="<%- pb.permission.length %>"><%- pb.name %></th>
                                        <% } %>
                                    <% } %>
                                    <th class="align-middle" rowspan="2">操作</th>
                                </tr>
                                <tr>
                                    <% for (const pb of permissionBlock) { %>
                                        <% if (pb.key === 'safe_payment' || pb.key === 'safe_inspection') { %>
                                            <% for (const p of pb.permission) { %>
                                                <th><%- p.title %></th>
                                            <% } %>
                                        <% } %>
                                    <% } %>
                                </tr>
                                </thead>
                                <tbody id="safe-users">
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!--标段管理员 -->
                    <div id="subadmin" class="tab-pane">
                        <div class="col-6">
                            <div class="mt-3">
                                <label class="form-text alert alert-danger">设置标段管理员，开放部分管理员权限给标段管理员。</label>
                            </div>
                            <table class="table table-hover table-bordered table-sm">
                                <thead>
                                <tr class="text-center">
                                    <th width="10%">用户</th>
                                    <th >职位</th>
                                    <th width="10%">审批流程</th>
                                    <th width="10%">游客账号</th>
                                    <th width="10%">标段进度</th>
                                    <th width="10%">施工日志</th>
                                    <th width="10%">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="text-center">
                                    <td>陈特</td>
                                    <td>业主</td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio401" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio401"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio402" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio402"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio403" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio403"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio404" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio404"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <a href="#remove-user1" data-toggle="modal" data-target="#remove-user" class="btn btn-sm btn-outline-danger">移除</a>
                                    </td>
                                </tr>
                                <tr class="text-center">
                                    <td>仁温书</td>
                                    <td>项目经理</td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio411" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio411"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio412" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio412"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio413" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio413"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio414" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio414"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <a href="#remove-user1" data-toggle="modal" data-target="#remove-user" class="btn btn-sm btn-outline-danger">移除</a>
                                    </td>
                                </tr>
                                <tr class="text-center">
                                    <td>玉安然</td>
                                    <td>集团经理</td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio421" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio421"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio422" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio422"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio423" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio423"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="customRadio424" name="customCheckbox" class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio424"></label>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <a href="#remove-user1" data-toggle="modal" data-target="#remove-user" class="btn btn-sm btn-outline-danger">移除</a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const accountGroup = JSON.parse(unescape('<%- escape(JSON.stringify(accountGroup)) %>'));
    const accountList = JSON.parse(unescape('<%- escape(JSON.stringify(accountList)) %>'));
    const auditConst = JSON.parse(unescape('<%- escape(JSON.stringify(auditConst)) %>'));
    const tenders = JSON.parse(unescape('<%- escape(JSON.stringify(tenderList)) %>'));
    const categoryType = JSON.parse('<%- JSON.stringify(settingConst.cType) %>');
    const category = JSON.parse(unescape('<%- escape(JSON.stringify(categoryData)) %>'));
    const selfCategoryLevel = '<%- (selfCategoryLevel || '') %>';
    const measureType = JSON.parse('<%- JSON.stringify(measureType) %>');
    const auditType = JSON.parse(unescape('<%- escape(JSON.stringify(auditType)) %>'));
    const scPermission = JSON.parse(unescape('<%- escape(JSON.stringify(scPermission)) %>'));
    const subProjects = JSON.parse(unescape('<%- escape(JSON.stringify(subProjects)) %>'));
    console.log(subProjects);
    const uid = '<%- uid %>';
    const pid = '<%- pid %>';
    const uphlname = 'user_' + uid + '_pro_' + pid + '_tender_manage_list';
    let sp_lc, sp_type, sp_status, sp_status_list, cur_tenderid, cur_uid;
    const permissionConst = JSON.parse('<%- JSON.stringify(permissionConst) %>');
    const permissionBlock = JSON.parse('<%- JSON.stringify(permissionBlock) %>');
</script>