Calculation/app/view/material/checklist_modal.ejs

<% if (!material.readOnly) { %>
<!--添加调差工料-->
<div class="modal fade" id="addgl" 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="input-group input-group-sm mb-2">-->
                    <!--<input type="text" class="form-control form-control-sm" name="search" id="search_input" placeholder="输入 工料编号 / 名称 检索" aria-describedby="button-addon2">-->
                    <!--<div class="input-group-append">-->
                        <!--<button class="btn btn-outline-secondary btn-sm" type="button" id="search_btn"><i class="fa fa-search"></i></button>-->
                    <!--</div>-->
                <!--</div>-->
                <div class="modal-height-300">
                    <table class="table table-sm table-bordered">
                        <thead>
                        <tr class="text-center"><th>选择</th><th>编号</th><th>名称</th><th>单位</th><th>规格</th></tr>
                        </thead>
                        <tbody id="materialBills">
                        <% for (const [index,m] of materialBillsData.entries()) { %>
                        <% if (m.code !== null && m.code !== '') { %>
                        <tr class="table-secondary">
                            <td><input type="checkbox" checked disabled value="<%= m.id %>"></td>
                            <td><%= m.code %></td>
                            <td><%= m.name %></td>
                            <td><%= m.unit %></td>
                            <td><%= m.spec %></td>
                        </tr>
                        <% } else { %>
                        <tr class="table-secondary" style="display: none">
                            <td><input type="checkbox" checked disabled value="<%= m.id %>"></td>
                            <td><%= m.code %></td>
                            <td><%= m.name %></td>
                            <td><%= m.unit %></td>
                            <td><%= m.spec %></td>
                        </tr>
                        <% } %>
                        <% } %>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary btn-sm" id="add_material_bill">确定添加</button>
            </div>
        </div>
    </div>
</div>
<% } %>
<!--添加调差清单-->
<div class="modal fade " data-backdrop="static" id="addtclist">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="mySmallModalLabel">从清单中选择</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-12">
                        <div class="mb-2 col-6 p-0 search-group"><input id="tclist_search" class="form-control form-control-sm" placeholder="输入 清单编号、名称 检索" value=""><a href="javascript:void(0);" style="display: none" class="text-danger remove-btn" title="移除关键词"><i class="fa fa-times-circle "></i></a></div>
                        <div style="overflow-y:auto" class="sjs-height-3">
                            <table class="table table-striped table-bordered table-hover table-sm">
                                <thead class="text-center"><tr><th width="40">选择</th><th width="40">序号</th><th width="80">清单编号</th><th>名称</th><th width="50">单位</th><th width="100">单价</th><th width="100">数量</th><th width="100">金额</th></tr></thead>
                                <tbody id="lists_data">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" id="set_checklist_btn" class="btn btn-sm  btn-primary">添加</button>
            </div>
        </div>
    </div>
</div>
<!--导入清单工料-->
<div class="modal fade" id="import" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">选择文件</h5>
                <div class="btn-group ml-auto">
                    <a href="" data-toggle="dropdown" title="文件类型说明"><i class="fa fa-question-circle"></i></a>
                    <div class="dropdown-menu bg-dark">
                        <a class="dropdown-item text-light" href="#">1、json文件：来自于纵横造价软件</a>
                        <a class="dropdown-item text-light in-3" href="#">操作：打开标段，点击“文件-导出-导出清单材料单位耗量（计量支付）”导出即可。</a>
                        <a class="dropdown-item text-light" href="#">2、excel文件：可从纵横造价软件导出报表或者自己整理一份，格式参考示例。</a>
                        <a class="dropdown-item text-light" href="#">3、导入匹配条件：</a>
                        <a class="dropdown-item text-light in-3" href="#">清单：编号、名称、单位、单价；</a>
                        <a class="dropdown-item text-light in-3" href="#">材料：编号、名称、单位；</a>
                        <a class="dropdown-item text-light in-3" href="#">说明：云计量有的调差工料和清单，才被允许导入。</a>
                    </div>
                </div>
            </div>
            <div class="modal-body">
                <p>请上传指定格式（.xls或.xlsx或.json） 的文件，<a href="https://jiliang-qa.oss-cn-shenzhen.aliyuncs.com/loginimg/%E6%B8%85%E5%8D%95%E6%9D%90%E6%96%99%E5%8D%95%E4%BD%8D%E6%B6%88%E8%80%97%E9%87%8FExcel%E7%A4%BA%E4%BE%8B.xlsx">下载示例</a>。</p>
                <div class="d-flex justify-content-between">
                    <!-- 为了排版放的空div -->
                    <div></div>
                    <div class="card card-upload-width p-2" style="position: relative;">
                        <input type="file" class="upload-list-file" style="position: absolute;left: 0;top: 0;opacity: 0;cursor: pointer;width: 100%;height: 100%;" accept=".json">
                        <div class="card-body p-0">
                            <div class="mt-4"><img src="/public/images/json.png" class="rounded m-auto d-block"></div>
                            <div class="text-center my-2">json文件</div>
                        </div>
                    </div>
                    <div class="card card-upload-width p-2" style="position: relative;">
                        <input type="file" class="upload-list-file" style="position: absolute;left: 0;top: 0;opacity: 0;cursor: pointer;width: 100%;height: 100%;" accept=".xls,.xlsx">
                        <div class="card-body p-0">
                            <div class="mt-4"><img src="/public/images/xlsx.png" class="rounded m-auto d-block" ></div>
                            <div class="text-center my-2 ">excel文件</div>
                        </div>
                    </div>
                    <!-- 为了排版放的空div -->
                    <div></div>
                </div>
                <label id="upload-file-name" class="pt-2"></label>
                <!--导入后选项-->
                <!--<div>-->
                    <!--<hr></hr>-->
                    <!--<h6>选择导入的工作表</h6>-->
                    <!--<div class="card p-2 mb-2 border-primary">-->
                        <!--<div class="form-check">-->
                            <!--<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>-->
                            <!--<label class="form-check-label" for="exampleRadios1">-->
                                <!--sheet1-->
                            <!--</label>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="card p-2 mb-2">-->
                        <!--<div class="form-check">-->
                            <!--<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2" checked>-->
                            <!--<label class="form-check-label" for="exampleRadios2">-->
                                <!--sheet2-->
                            <!--</label>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            </div>
            <div class="modal-footer d-flex justify-content-between">
                <div class="">
                    <div class="custom-control custom-checkbox custom-control-inline">
                        <input type="checkbox" class="custom-control-input" name="customRadioInline1" id="ignore" checked>
                        <label class="custom-control-label" for="ignore">忽略清单单价</label>
                    </div>
                    <div class="custom-control custom-checkbox custom-control-inline">
                        <input type="checkbox" class="custom-control-input" name="customRadioInline2" id="cover">
                        <label class="custom-control-label" for="cover">覆盖本期已有调差清单</label>
                    </div>
                </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_btn">确定导入</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="okedit" 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>
                    <h5>导入并处理文件数据：</h5>
                    <div class="progress">
                        <div id="export-progress" class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">100%</div>
                    </div>
                </div>
                <div id="bill-detail" class="mt-3">
                    <h5>处理清单及工料生成：</h5>
                    <div class="progress">
                        <div id="bill-progress" class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
                    </div>
                </div>
                <div id="list-detail" style="display: none" class="mt-3">
                    <h5>正在导入清单 <b>203-1-a</b> 的工料含量：</h5>
                    <div class="progress">
                        <div id="list-progress" class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<% include ./audit_modal.ejs %>