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-6">
                        <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-type-set">
                                <nav class="nav nav-tabs" id="type-tabs">
                                    <a class="nav-link nav-item <% if (types_from === 'subProject') { %>active<% } %>" data-toggle="tab" data-tab="subProject-type-tab" href="#subProject-type-tab" role="tab" type="subProject">项目</a>
                                    <a class="nav-link nav-item <% if (types_from !== 'subProject') { %>active<% } %>" data-toggle="tab" data-tab="tender-type-tab" href="#tender-type-tab" role="tab" type="tender">标段</a>
                                    <div class="ml-auto">
                                        <a href="javascript:void(0);" style="vertical-align: sub;" id="add-type-btn">新增类型</a>
                                    </div>
                                </nav>
                                <div class="tab-content my-2">
                                    <div class="tab-pane <% if (types_from === 'subProject') { %>active<% } %>" id="subProject-type-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-type-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>
                    <div class="col-6">
                        <div class="card mb-3">
                            <div class="card-header">
                                <div class="float-left">资金用途</div>
                                <div class="float-right" id="show-used-btn" style="display: none">
                                    <button id="cancel-used-btn" class="btn btn-sm btn-secondary">取消</button>
                                    <button id="set-used-btn" class="btn btn-sm btn-success">保存</button>
                                </div>
                            </div>
                            <div class="card-body" id="contract-used-set">
                                <nav class="nav nav-tabs" id="used-tabs">
                                    <a class="nav-link nav-item <% if (types_from === 'subProject') { %>active<% } %>" data-toggle="tab" data-tab="subProject-used-tab" href="#subProject-used-tab" role="tab" type="subProject">项目</a>
                                    <a class="nav-link nav-item <% if (types_from !== 'subProject') { %>active<% } %>" data-toggle="tab" data-tab="tender-used-tab" href="#tender-used-tab" role="tab" type="tender">标段</a>
                                    <div class="ml-auto">
                                        <a href="javascript:void(0);" style="vertical-align: sub;" id="add-used-btn">新增用途</a>
                                    </div>
                                </nav>
                                <div class="tab-content my-2">
                                    <div class="tab-pane <% if (types_from === 'subProject') { %>active<% } %>" id="subProject-used-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-used-table">
                                            <tr>
                                                <td>合同</td>
                                                <td></td>
                                            </tr>
                                            <% for (const type of used) { %>
                                                <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-used-btn"><i class="fa fa-remove"></i></a>
                                                    </td>
                                                </tr>
                                            <% } %>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane <% if (types_from !== 'subProject') { %>active<% } %>" id="tender-used-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-used-table">
                                            <tr>
                                                <td>合同</td>
                                                <td></td>
                                            </tr>
                                            <% for (const type of tender_used) { %>
                                                <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-used-btn"><i class="fa fa-remove"></i></a>
                                                    </td>
                                                </tr>
                                            <% } %>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-8">
                        <div class="card mb-3">
                            <div class="card-header d-flex justify-content-between">
                                <div class="card-title mb-0">合同附加属性(未开发完，勿点！)</div>
                                <span class="pull-right">项目/标段合同同步生效</span>
                            </div>
                            <div class="card-body">
                                <table class="table">
                                    <tr class="text-center">
                                        <th width="15%">名称</th>
                                        <th width="15%">类型</th>
                                        <th width="15%">别名</th>
                                        <th width="10%">显示</th>
                                        <th width="">说明</th>
                                        <th width="15%">操作</th>
                                    </tr>
                                    <tbody class="text-center">
                                    <tr>
                                        <td>税率(%)</td><td>数字</td><td>-</td>
                                        <td><input type="checkbox" class=""></td>
                                        <td></td>
                                        <td>
                                            <a href="#" class="mx-2 text-muted"><i class="fa fa-arrow-up"></i></a>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-down"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>数值</td><td>数字</td><td><input type="text" class="form-control form-control-sm"></td>
                                        <td><input type="checkbox" class=""></td>
                                        <td></td>
                                        <td>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-up"></i></a>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-down"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>丙方</td><td>文本</td><td><input type="text" class="form-control form-control-sm"></td>
                                        <td><input type="checkbox" class=""></td>
                                        <td></td>
                                        <td>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-up"></i></a>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-down"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>丁方</td><td>文本</td><td><input type="text" class="form-control form-control-sm"></td>
                                        <td><input type="checkbox" class=""></td>
                                        <td></td>
                                        <td>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-up"></i></a>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-down"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>文本</td><td>文本</td><td><input type="text" class="form-control form-control-sm"></td>
                                        <td><input type="checkbox" class=""></td>
                                        <td></td>
                                        <td>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-up"></i></a>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-down"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>合同内容</td><td>长文本</td><td><input type="text" class="form-control form-control-sm"></td>
                                        <td><input type="checkbox" class=""></td>
                                        <td>独占一行，上限1000</td>
                                        <td>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-up"></i></a>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-down"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>支付条件</td><td>长文本</td><td><input type="text" class="form-control form-control-sm"></td>
                                        <td><input type="checkbox" class=""></td>
                                        <td>独占一行，上限1000</td>
                                        <td>
                                            <a href="#" class="mx-2"><i class="fa fa-arrow-up"></i></a>
                                            <a href="#" class="mx-2 text-muted"><i class="fa fa-arrow-down"></i></a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </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="openContractSubProjectShenpi" <% if (ctx.subProject.page_show.openContractSubProjectShenpi) { %>checked<% } %>>
                                        <label class="form-check-label" for="openContractSubProjectShenpi">开启「合同审批」功能</label>
                                    </div>
                                    <div class="form-check form-check-inline ml-3">
                                        <input class="form-check-input" type="checkbox" id="openContractPaySubProjectShenpi" <% if (ctx.subProject.page_show.openContractPaySubProjectShenpi) { %>checked<% } %>>
                                        <label class="form-check-label" for="openContractPaySubProjectShenpi">开启「支付/回款审批」功能</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_type = JSON.parse(unescape('<%- escape(JSON.stringify(types)) %>'));
    let tender_type = JSON.parse(unescape('<%- escape(JSON.stringify(tender_types)) %>'));
    let subProject_used = JSON.parse(unescape('<%- escape(JSON.stringify(used)) %>'));
    let tender_used = JSON.parse(unescape('<%- escape(JSON.stringify(tender_used)) %>'));
</script>