Calculation/app/view/tender/detail.ejs

<% include ./tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex">
            <% include ./tender_sub_mini_menu.ejs %>
            <% if (tender.ledger_status !== audit.ledger.status.uncheck) { %>
            <h2>进行至
                <% if (lastStage) { %>
                第<%- lastStage.order %>期<small class="<%- audit.stage.statusClass[lastStage.status] %>">（<%- audit.stage.statusString[lastStage.status] %>）</small>
                <% } else { %>
                台账<small class="<%- audit.ledger.auditStringClass[tender.ledger_status] %>">（<%- audit.ledger.auditString[tender.ledger_status] %>）</small>
                <% } %>
            </h2>
            <% } %>
            <% if (cooperation) { %>
            <div>
                <a href="/tender/<%= tender.id %>/cooperation" class="btn btn-sm btn-light" ><i class="fa fa-users"></i> 协作办公</a>
            </div>
            <% } %>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <!--金额概况-->
            <div class="row mb-5">
                <div class="col-auto">
                    <div class="card text-center">
                        <div class="card-body">
                            <h5 class="card-title"><%- ctx.helper.formatMoney(tender.total_price) %></h5>
                            <p class="card-text text-muted">0号台帐合同</p>
                        </div>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="card text-center">
                        <div class="card-body">
                            <h5 class="card-title"><%- ctx.helper.formatMoney(tender.gather_tp) %></h5>
                            <p class="card-text text-muted">本期完成</p>
                        </div>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="card text-center">
                        <div class="card-body">
                            <h5 class="card-title"><%- ctx.helper.formatMoney(tender.end_qc_tp) %><small class="text-danger"  data-toggle="tooltip" data-placement="bottom" title="" data-original-title="占合同比例"><%- tender.qc_ratio %>%</small></h5>
                            <p class="card-text text-muted">截止本期变更</p>
                        </div>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="card text-center">
                        <div class="card-body">
                            <h5 class="card-title"><%- ctx.helper.formatMoney(tender.end_gather_tp) %></h5>
                            <p class="card-text text-muted">截止本期完成</p>
                        </div>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="card text-center">
                        <div class="card-body">
                            <h5 class="card-title"><%- ctx.helper.formatMoney(tender.pre_gather_tp) %></h5>
                            <p class="card-text text-muted">截止上期完成</p>
                        </div>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="card text-center">
                        <div class="card-body">
                            <h5 class="card-title"><%- ctx.helper.formatMoney(tender.yf_tp) %></h5>
                            <p class="card-text text-muted">本期应付</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--进度条-->
            <div class="mb-5">
                <div class="progress">
                    <% if (tender.pre_ratio > 0) { %>
                    <div class="progress-bar bg-success" style="width: <%- tender.pre_ratio %>%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥<%- ctx.helper.formatMoney(tender.end_gather_tp) %>"><%- tender.pre_ratio %>%</div>
                    <% } %>
                    <% if (tender.cur_ratio > 0) { %>
                    <div class="progress-bar bg-info" style="width: <%- tender.cur_ratio %>%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥<%- ctx.helper.formatMoney(tender.gather_tp) %>"><%- tender.cur_ratio %>%</div>
                    <% } %>
                    <% if (tender.other_ratio > 0) { %>
                    <div class="progress-bar bg-gray" style="width: <%- tender.other_ratio %>%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥<%- ctx.helper.formatMoney(tender.other_tp) %>"><%- tender.other_ratio %>%</div>
                    <% } %>
                </div>
            </div>
            <ul class="nav nav-tabs">
                <!--<li class="nav-item">-->
                    <!--<a class="nav-link active" data-toggle="tab" href="#tubiao" role="tab">进度表</a>-->
                <!--</li>-->
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#shuxing" role="tab">标段属性</a>
                </li>
            </ul>
            <div class="tab-content">
                <!--进度表-->
                <div id="tubiao" class="tab-pane">
                    <!--月进度图表-->
                    <div id="chartContainer3" style="height: 300px; width: 100%;" class="my-5">
                    </div>
                    <!--期汇总图表-->
                    <div id="chartContainer4" style="height: 300px; width: 100%;" class="mb-5">
                    </div>
                </div>
                <!--标段属性-->
                <div id="shuxing" class="tab-pane active">
                    <div class="row my-3">
                        <div class="col-2">
                            <div class="nav flex-column nav-pills" >
                                <a class="nav-link active" data-toggle="pill" href="#v-pills-1" role="tab">标段属性</a>
                                <a class="nav-link"  data-toggle="pill" href="#v-pills-2" role="tab">小数位数</a>
                                <a class="nav-link"  data-toggle="pill" href="#v-pills-3" role="tab">清单精度</a>
                                <a class="nav-link"  data-toggle="pill" href="#v-pills-4" role="tab">合同参数</a>
                                <a class="nav-link"  data-toggle="pill" href="#v-pills-5" role="tab">显示设置</a>
                                <a class="nav-link"  data-toggle="pill" href="#v-pills-6" role="tab">章节设置</a>
                            </div>
                        </div>
                        <div class="col">
                            <div class="tab-content">
                                <div class="tab-pane fade show active" id="v-pills-1" role="tabpanel">
                                    <!--操作-->
                                    <div class="d-flex justify-content-end mt-3">
                                        <div>
                                            <button type="button" class="btn btn-sm btn-outline-primary" id="edit-1"> 编辑</button>
                                        </div>
                                        <div style="display: none">
                                            <button type="button" class="btn btn-sm btn-outline-success" id="post-1"><i class="fa fa-check"></i> 提交</button>&nbsp;
                                            <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-1"><i class="fa fa-close"></i> 取消</button>
                                        </div>
                                    </div>
                                    <!--合同信息-->
                                    <legend class="mt-3">合同信息</legend>
                                    <!--默认显示-->
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">建设项目名称</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="项目A" readonly="" id="build-name" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">合同编号</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" readonly="" id="deal-code" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">合同名称</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" readonly="" id="deal-name" maxlength="100">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--参建单位-->
                                    <legend class="mt-3">参建单位</legend>
                                    <!--编辑模式-->
                                    <div class="form-group">
                                        <label>建设单位：</label>
                                        <div class="row">
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">单位名称</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" id="build-company" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">法人代表</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" id="build-corporation" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">签订日期</span>
                                                    </div>
                                                    <input type="date" class="form-control" value="" id="build-date">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>承包单位1：</label>
                                        <div class="row">
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">单位名称</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" id="contract1-company" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">法人代表</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" id="contract1-corporation" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">签订日期</span>
                                                    </div>
                                                    <input type="date" class="form-control" value="" id="contract1-date">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>承包单位2：</label>
                                        <div class="row">
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">单位名称</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" id="contract2-company" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">法人代表</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" id="contract2-corporation" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">签订日期</span>
                                                    </div>
                                                    <input type="date" class="form-control" value="" id="contract2-date">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>监理单位1：</label>
                                        <div class="row">
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">单位名称</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" id="supervision1-company" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">法人代表</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" id="supervision1-corporation" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">签订日期</span>
                                                    </div>
                                                    <input type="date" class="form-control" value="" id="supervision1-date">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>监理单位2：</label>
                                        <div class="row">
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">单位名称</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" id="supervision2-company" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">法人代表</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" id="supervision2-corporation" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">签订日期</span>
                                                    </div>
                                                    <input type="date" class="form-control" value="" id="supervision2-date">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--技术参数-->
                                    <legend class="mt-3">技术参数</legend>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">公路等级</span>
                                                    </div>
                                                    <select class="form-control" disabled="" id="load-level">
                                                        <option value="1">高速公路</option>
                                                        <option value="2">一级公路</option>
                                                        <option value="3">二级公路</option>
                                                        <option value="4">三级公路</option>
                                                        <option value="5">四级公路</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">长度（KM）</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" readonly="" id="length" min="0" max="10000"
                                                           oninput="limitDealParamLength(this)" onchange="checkNumberValid(this)">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">起始桩号</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" readonly="" id="start-peg" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">终止桩号</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" readonly="" id="end-peg" maxlength="100">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">车道数</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" readonly="" id="lane-count" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">合同工期</span>
                                                    </div>
                                                    <input type="text" class="form-control" value="" readonly="" id="deal-period" maxlength="100">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">开工日期</span>
                                                    </div>
                                                    <input type="date" class="form-control" value="" readonly="" id="start-date">
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">计划完工日期</span>
                                                    </div>
                                                    <input type="date" class="form-control" value="" readonly="" id="plan-end-date">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="v-pills-2" role="tabpanel" >
                                    <% if (((tender.ledger_status === audit.ledger.status.uncheck || tender.ledger_status === audit.ledger.status.checkNo) && tender.user_id === ctx.session.sessionUser.accountId)
                                            || (lastStage && lastStage.user_id === ctx.session.sessionUser.accountId && (lastStage.status === audit.stage.status.checkNo || lastStage.status === audit.stage.status.uncheck))) { %>
                                    <!--操作-->
                                    <div class="d-flex justify-content-end mt-3">
                                        <span>
                                            <button type="button" class="btn btn-sm btn-outline-primary" id="edit-2">编辑</button>
                                        </span>
                                        <span style="display: none">
                                            <button type="button" class="btn btn-sm btn-outline-success" id="post-2"><i class="fa fa-check"></i> 提交</button>&nbsp;
                                            <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-2"><i class="fa fa-close"></i>  取消</button>
                                        </span>
                                    </div>
                                    <% } %>
                                    <!--小数位数-->
                                    <legend class="mt-3">小数位数</legend>
                                    <div class="form-group">
                                        <label>全局设置</label>
                                        <div class="row">
                                            <div class="col-2">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">单价</span>
                                                    </div>
                                                    <input type="number" class="form-control" value="3" id="decimal-up" min="0" max="4" maxlength="1" oninput="limitDecimal(this)">
                                                </div>
                                            </div>
                                            <div class="col-2">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">金额</span>
                                                    </div>
                                                    <input type="number" class="form-control" value="2" id="decimal-tp" onchange="CalculateAllDealParam()" oninput="limitDecimal(this)" min="0" max="4" maxlength="1">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>单独设置</label>
                                        <div class="row">
                                            <div class="col-auto">
                                                <div class="form-group form-check mt-1">
                                                    <input type="checkbox" class="form-check-input" id="decimal-pay" onchange="CalculateAllDealParam()">
                                                    <label class="form-check-label" for="exampleCheck2">合同支付</label>
                                                </div>
                                            </div>
                                            <div class="col-2">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">金额</span>
                                                    </div>
                                                    <input type="number" class="form-control" value="2" readonly="" id="decimal-pay-tp" onchange="CalculateAllDealParam()" oninput="limitDecimal(this)" min="0" max="4" maxlength="1"
                                                    >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="v-pills-3" role="tabpanel" >
                                    <% if (((tender.ledger_status === audit.ledger.status.uncheck || tender.ledger_status === audit.ledger.status.checkNo) && tender.user_id === ctx.session.sessionUser.accountId)
                                            || (lastStage && lastStage.user_id === ctx.session.sessionUser.accountId && (lastStage.status === audit.stage.status.checkNo || lastStage.status === audit.stage.status.uncheck))) { %>
                                    <!--操作-->
                                    <div class="d-flex justify-content-end mt-3">
                                        <div class="alert alert-danger m-0 p-1 px-2" id="hint-3" style="display: none"><i class="fa fa-smile-o mr-2"></i>A simple danger alert—check it out!</div>
                                        <div>
                                            <button type="button" class="btn btn-sm btn-outline-primary" id="edit-3"> 编辑</button>
                                        </div>
                                        <div style="display: none">
                                            <button type="button" class="btn btn-sm btn-outline-success" id="post-3"><i class="fa fa-check"></i> 提交</button>&nbsp;
                                            <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-3"><i class="fa fa-close"></i> 取消</button>
                                        </div>
                                    </div>
                                    <% } %>
                                    <legend class="mt-3">清单精度</legend>
                                    <!--默认显示-->
                                    <div class="form-group" id="precision-spread" style="height: 365px; width: 600px;">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="v-pills-4" role="tabpanel" >
                                    <% if (!lastStage || (lastStage.order === 1 && lastStage.user_id === ctx.session.sessionUser.accountId && (lastStage.status === audit.stage.status.checkNo || lastStage.status === audit.stage.status.uncheck))) { %>
                                    <!--操作-->
                                    <div class="d-flex justify-content-end mt-3">
                                        <div class="alert alert-danger m-0 p-1 px-2" id="hint-4" style="display: none"><i class="fa fa-smile-o mr-2"></i>A simple danger alert—check it out!</div>
                                        <div>
                                            <button type="button" class="btn btn-sm btn-outline-primary" id="edit-4"> 编辑</button>
                                        </div>
                                        <div style="display: none">
                                            <button type="button" class="btn btn-sm btn-outline-success" id="post-4"><i class="fa fa-check"></i> 提交</button>&nbsp;
                                            <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-4"><i class="fa fa-close"></i> 取消</button>
                                        </div>
                                    </div>
                                    <% } %>
                                    <legend class="mt-3">合同参数</legend>
                                    <!--默认显示-->
                                    <div class="form-group" id="param-spread" style="height: 230px; width: 600px;">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="v-pills-5" role="tabpanel" >
                                    <!--操作-->
                                    <div class="d-flex justify-content-end mt-3">
                                        <span>
                                            <button type="button" class="btn btn-sm btn-outline-primary" id="edit-5">编辑</button>
                                        </span>
                                        <span style="display: none">
                                            <button type="button" class="btn btn-sm btn-outline-success" id="post-5"><i class="fa fa-check"></i> 提交</button>&nbsp;
                                            <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-5"><i class="fa fa-close"></i>  取消</button>
                                        </span>
                                    </div>
                                    <legend class="mt-3">台帐列显示</legend>
                                    <div class="form-group">
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col">
                                                    <div class="form-group form-check">
                                                        <input type="checkbox" class="form-check-input" id="ledger-dgn-qty" checked="">
                                                        <label class="form-check-label" for="ledger-dgn-qty">设计数量</label>
                                                    </div>
                                                    <div class="form-group form-check">
                                                        <input type="checkbox" class="form-check-input" id="ledger-cl-qty" checked="">
                                                        <label class="form-check-label" for="ledger-cl-qty">错漏增减</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--章节设置-->
                                <div class="tab-pane fade" id="v-pills-6" role="tabpanel" >
                                    <!--操作-->
                                    <div class="d-flex justify-content-end mt-3">
                                        <div class="alert alert-danger m-0 p-1 px-2" id="hint-6" style="display: none"><i class="fa fa-smile-o mr-2"></i>A simple danger alert—check it out!</div>
                                        <span>
                                            <button type="button" class="btn btn-sm btn-outline-primary" id="edit-6">编辑</button>
                                        </span>
                                        <span style="display: none">
                                            <button type="button" class="btn btn-sm btn-outline-success" id="post-6"><i class="fa fa-check"></i> 提交</button>
                                            <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-6"><i class="fa fa-close"></i>  取消</button>
                                        </span>
                                    </div>
                                    <legend class="mt-3">章节设置</legend>
                                    <!--默认显示-->
                                    <div class="form-group" id="chapter-spread" style="height: 330px; width: 600px;">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/public/js/sub_menu.js"></script>
<script>
    $.subMenu({
        menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
        toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
        //key: 'tender.memu.1.0.0',
        callback: function (info) {
            if (info.mini) {
                $('.panel-title').addClass('fluid');
                $('#sub-menu').removeClass('panel-sidebar');
            } else {
                $('.panel-title').removeClass('fluid');
                $('#sub-menu').addClass('panel-sidebar');
            }
            autoFlashHeight();
        }
    });
</script>
<script type="text/javascript">
    //4 标段期数计量进度//
    var myChart = echarts.init(document.getElementById('chartContainer4'));
    var option = {
        color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
            '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
            '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
            '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
        title : {
            text: '标段期进度'
        },
        tooltip : {
            trigger: 'axis'
        },
        calculable : true,
        legend: {
            data:['本期合同计量','本期数量变更计量','截至上期累计完成','本期完成计量','完成度']
        },
        dataZoom: [
            {show: true,start: 0, end: 100}
        ],
        xAxis : [
            {
                type : 'category',
                splitLine : {show : true},
                data : [
                    <% for (const s of stages) {%>
                    '第<%- s.order %>期',
                    <% } %>
                ]
            }
        ],
        yAxis : [
            {
                type : 'value',
                name : '金额',
                position:'left',
                axisLabel : {
                    formatter: '{value} 元'
                },
                splitArea : {show : true}
            },
            {
                type : 'value',
                name:'完成度',
                axisLabel : {
                    formatter: '{value} %'
                },
                position: 'right',
                splitArea : {show : true}
            }
        ],
        series : [
            {
                name:'本期合同计量',
                type:'bar',
                tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
                stack: '合同',
                data:[
                    <% for (const s of stages) {%>
                    <%- s.contract_tp %>,
                    <% } %>
                ]
            },
            {
                name:'本期数量变更计量',
                type:'bar',
                tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
                stack: '变更',
                data:[
                    <% for (const s of stages) {%>
                    <%- s.qc_tp %>,
                    <% } %>
                ]
            },
            {
                name:'截至上期累计完成',
                type:'bar',
                tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
                stack: '完成',
                data:[
                    <% for (const s of stages) {%>
                    <%- ctx.helper.mul(s.pre_contract_tp, s.pre_qc_tp) %>,
                    <% } %>
                ]
            },
            {
                name:'本期完成计量',
                type:'bar',
                tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
                stack: '完成',
                data:[
                    <% for (const s of stages) {%>
                    <%- ctx.helper.mul(s.contract_tp, s.qc_tp) %>,
                    <% } %>
                ]
            },
            {
                name:'完成度',
                type:'line',
                tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}：{c} %"},
                yAxisIndex: 1,
                data:[
                    <% for (const s of stages) {%>
                    <%- ctx.helper.mul(ctx.helper.div(ctx.helper.mul(s.contract_tp, s.qc_tp), tender.sum, 2), 100) %>,
                    <% } %>
                ]
            },
        ]
    };

    // 为echarts对象加载数据
    myChart.setOption(option);
    //4 标段期数计量进度//
    //3 标段月进度//
    // 基于准备好的dom，初始化echarts图表
    var myChart = echarts.init(document.getElementById('chartContainer3'));
    var option = {
        color:["#e9af68","#57b7b6"],
        title : {
            text: '标段月进度'
        },
        tooltip : {
            trigger: 'axis',
            formatter: "{b} <br/>{a}：{c} %<br/>{a1}：{c1} %"
        },
        legend: {
            data:['累计完成','本月完成']
        },
        toolbox: {
            show : true,
            feature : {
                magicType : {show: true, type: ['line', 'bar']}
            }
        },
        dataZoom : {
            show : true,
            start : 50,
            end : 100
        },
        xAxis : [
            {
                type : 'category',
                boundaryGap : true,
                data : [
                    <% for (const mp of monthProgress) { %>
                    '<%- mp.month %>',
                    <% } %>
                ]
            }
        ],
        yAxis : [
            {
                type : 'value',
                axisLabel : {
                    formatter: '{value} %'
                },
                splitArea : {show : true}
            }
        ],
        series : [
            {
                name:'累计完成',
                type:'line',
                itemStyle: {
                    normal: {
                        lineStyle: {
                            shadowColor : 'rgba(0,0,0,0.4)',
                            shadowBlur: 5,
                            shadowOffsetX: 3,
                            shadowOffsetY: 3
                        }
                    }
                },
                data:[
                    <% for (const mp of monthProgress) { %>
                    <%- mp.end_tp %>,
                    <% } %>
                ]
            },
            {
                name:'本月完成',
                type:'line',
                itemStyle: {
                    normal: {
                        lineStyle: {
                            shadowColor : 'rgba(0,0,0,0.4)',
                            shadowBlur: 5,
                            shadowOffsetX: 3,
                            shadowOffsetY: 3
                        }
                    }
                },
                data:[
                    <% for (const mp of monthProgress) { %>
                    <%- mp.tp %>,
                    <% } %>
                ]
            }
        ]
    };
    // 为echarts对象加载数据
    myChart.setOption(option);
    //3 标段月进度//
</script>
<script>
    let property = JSON.parse('<%- JSON.stringify(tenderInfo) %>');
    let ledgerChecked = <%- tender.ldeger_status === audit.ledger.status.checked %>;
    <% console.log(lastStage) %>
    let firstStageChecked = <%- lastStage !== undefined && lastStage !== null && (lastStage.order > 1 || (lastStage.order === 1 && lastStage.status === audit.stage.status.checked)) %>;
</script>