Calculation/app/view/contract/setting.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2>功能设置</h2>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <div class="row m-0 mt-3">
                    <div class="col-8">
                        <div class="card mb-3">
                            <div class="card-header">
                                <div class="float-left">合同设置</div>
                                <div class="float-right" id="show-type-btn" style="display: none">
                                    <button id="cancel-type-btn" class="btn btn-sm btn-secondary">取消</button>
                                    <button id="set-type-btn" class="btn btn-sm btn-success">保存</button>
                                </div>
                            </div>
                            <div class="card-body" id="contract-types-set">
                                <nav class="nav nav-tabs" id="types-tabs">
                                    <a class="nav-link nav-item <% if (types_from === 'subProject') { %>active<% } %>" data-toggle="tab" data-tab="subProject-types-tab" href="#subProject-types-tab" role="tab" type="subProject">项目</a>
                                    <a class="nav-link nav-item <% if (types_from !== 'subProject') { %>active<% } %>" data-toggle="tab" data-tab="tender-types-tab" href="#tender-types-tab" role="tab" type="tender">标段</a>
                                    <div class="ml-auto">
                                        <a href="javascript:void(0);" style="vertical-align: sub;" id="addType">新增类型</a>
                                    </div>
                                </nav>
                                <div class="tab-content my-2">
                                    <div class="tab-pane <% if (types_from === 'subProject') { %>active<% } %>" id="subProject-types-tab" style="max-height: 400px;overflow: auto;">
                                        <table class="table table-bordered">
                                            <thead><tr class="text-center">
                                                <th width="60%">名称</th>
                                                <th>操作</th>
                                            </tr>
                                            </thead>
                                            <tbody class="text-center" id="subProject-type-table">
                                            <% for (const type of types) { %>
                                                <tr>
                                                    <td><input class="form-control form-control-sm" name="value" placeholder="请输入值" value="<%- type %>"></td>
                                                    <td>
                                                        <a href="javascript:void(0);" class="btn btn-sm text-danger remove-type-btn"><i class="fa fa-remove"></i></a>
                                                    </td>
                                                </tr>
                                            <% } %>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane <% if (types_from !== 'subProject') { %>active<% } %>" id="tender-types-tab" style="max-height: 400px;overflow: auto;">
                                        <table class="table table-bordered">
                                            <thead><tr class="text-center">
                                                <th width="60%">名称</th>
                                                <th>操作</th>
                                            </tr>
                                            </thead>
                                            <tbody class="text-center" id="tender-type-table">
                                            <% for (const type of tender_types) { %>
                                                <tr>
                                                    <td><input class="form-control form-control-sm" name="value" placeholder="请输入值" value="<%- type %>"></td>
                                                    <td>
                                                        <a href="javascript:void(0);" class="btn btn-sm text-danger remove-type-btn"><i class="fa fa-remove"></i></a>
                                                    </td>
                                                </tr>
                                            <% } %>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card mb-3">
                            <div class="card-header">
                                <div class="float-left">审批设置</div>
                            </div>
                            <div class="card-body" id="contract-shenpi-set">
                                <label class="mb-2"><i class="fa fa-list-ul"></i> 项目合同</label>
                                <div class="form-group mb-1 ml-3">
                                    <div class="form-check form-check-inline mr-3">
                                        <input class="form-check-input" type="checkbox" id="openContractSubPorjectShenpi" <% if (ctx.subProject.page_show.openContractSubPorjectShenpi) { %>checked<% } %>>
                                        <label class="form-check-label" for="openContractSubPorjectShenpi">开启「合同审批」功能</label>
                                    </div>
                                    <div class="form-check form-check-inline ml-3">
                                        <input class="form-check-input" type="checkbox" id="openContractPaySubPorjectShenpi" <% if (ctx.subProject.page_show.openContractPaySubPorjectShenpi) { %>checked<% } %>>
                                        <label class="form-check-label" for="openContractPaySubPorjectShenpi">开启「支付/回款审批」功能</label>
                                    </div>
                                </div>
                                <label class="my-2"><i class="fa fa-list-ul"></i> 标段合同</label>
                                <div class="form-group mb-1 ml-3">
                                    <div class="form-check form-check-inline mr-3">
                                        <input class="form-check-input" type="checkbox" id="openContractTenderShenpi" <% if (ctx.subProject.page_show.openContractTenderShenpi) { %>checked<% } %>>
                                        <label class="form-check-label" for="openContractTenderShenpi">开启「合同审批」功能</label>
                                    </div>
                                    <div class="form-check form-check-inline ml-3">
                                        <input class="form-check-input" type="checkbox" id="openContractPayTenderShenpi" <% if (ctx.subProject.page_show.openContractPayTenderShenpi) { %>checked<% } %>>
                                        <label class="form-check-label" for="openContractPayTenderShenpi">开启「支付/回款审批」功能</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const types_from = JSON.parse(unescape('<%- escape(JSON.stringify(types_from)) %>'));
    let subProject_types = JSON.parse(unescape('<%- escape(JSON.stringify(types)) %>'));
    let tender_types = JSON.parse(unescape('<%- escape(JSON.stringify(tender_types)) %>'));
</script>