Calculation/app/view/material/info_modal.ejs

<!--消耗量计算-->
<div class="modal fade" id="bcyy" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">消耗量计算</h5>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <input class="form-control" value="" id="expr" type="text">
                    <p class="form-text" id="expr_select">
                        <button class="btn btn-outline-primary btn-sm">+</button>
                        <button class="btn btn-outline-primary btn-sm">-</button>
                        <button class="btn btn-outline-primary btn-sm">*</button>
                        <button class="btn btn-outline-primary btn-sm">/</button>
                        <button class="btn btn-outline-primary btn-sm">(</button>
                        <button class="btn btn-outline-primary btn-sm">)</button>
                    </p>
                </div>
                <table class="table table-sm table-bordered">
                    <tr><th>基数</th><th>代号</th><th>值</th></tr>
                    <tbody id="calcBase">
                    <% const calcB = material.is_stage_self ? calcBase[0].calcBase : calcBase; %>
                    <% for (let iBase = 0; iBase < calcB.length; iBase++) { %>
                        <tr><td><%- calcB[iBase].name %></td><td><%- calcB[iBase].code %></td><td><%- calcB[iBase].value %></td></tr>
                    <% } %>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="materialbillsId" value="" />
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="expr_btn">确定</button>
            </div>
        </div>
    </div>
</div>
<!--创建月信息价-->
<div class="modal fade" id="add-month" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">创建月信息价</h5>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>信息价月份</label>
                    <input class="datepicker-here form-control" id="months" placeholder="点击选择年月" data-view="months" data-min-view="months" data-date-format="yyyy-MM" data-language="zh" type="text" data-auto-close="true">
                </div>
                <!--首次创建-->
                <div class="alert alert-primary">创建月信息价后，「本期信息价」 「单价」列将无法自行填写，而是从「月信息价」中获取，如果有多个「月信息价」，将取平均值。</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-sm btn-primary" id="make-month">确认添加</button>
            </div>
        </div>
    </div>
</div>
<!--移除月信息价-->
<div class="modal fade" id="remove-month" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">移除月信息价</h5>
            </div>
            <div class="modal-body">
                <div id="show_month">
                    <% for (const m of months) { %>
                        <div class="custom-control custom-checkbox mb-2">
                            <input type="checkbox" name="del_month" value="<%- m %>" class="custom-control-input" id="month_<%- m %>">
                            <label class="custom-control-label" for="month_<%- m %>"><%- m %>月</label>
                        </div>
                    <% } %>
                </div>
                <div class="alert alert-warning">移除后，对应月份信息价将删除，本期调差数据也将变动，请确认移除。</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-sm btn-danger" id="del-month">确认移除</button>
            </div>
        </div>
    </div>
</div>
<!-- 导入信息价 -->
<div class="modal fade" id="import-info" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">导入信息价</h5>
            </div>
            <div class="modal-body">
                <p>请上传指定格式的（ .xls和.xlsx）的文件，<a href="https://jiliang-qa.oss-cn-shenzhen.aliyuncs.com/loginimg/%E5%AF%BC%E5%85%A5%E6%9D%90%E6%96%99%E4%BF%A1%E6%81%AF%E4%BB%B7%E6%A0%BC%E5%BC%8F.xls">下载示例</a>。</p>
                <div class="form-group">
                    <label for="upload-xls-file">选择文件</label>
                    <input type="file" class="form-control-file" id="upload-xls-file" accept=".xls,.xlsx">
                </div>
            </div>
            <div class="modal-footer d-flex justify-content-between">
                <div class="custom-control custom-checkbox custom-control-inline">
                    <input type="checkbox" class="custom-control-input" name="customRadioInline1" id="xls-spec">
                    <label class="custom-control-label" for="xls-spec">规格</label>
                </div>
                <div>
                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-sm btn-primary" id="import-bills-btn">确定导入</button>
                </div>
            </div>
        </div>
    </div>
</div>
<% include ./audit_modal.ejs %>