Calculation/app/view/material/file.ejs

<% include ./material_sub_menu.ejs %>
<div class="panel-content">
  <div class="panel-title">
    <div class="title-main d-flex">
      <% include ./material_sub_mini_menu.ejs %>
      <div>
        <div class="d-inline-block">
          <div class="dropdown">
            <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" btn-type="curr" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">当前期</button>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
              <a class="dropdown-item" href="#">所有期</a>
            </div>
          </div>
        </div>
        <div class="d-inline-block">
          <% if (material.filePermission) { %>
          <a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-cloud-upload" aria-hidden="true"></i> 上传附件</a>
          <% } %>
          <button data-toggle="modal" class="btn btn-sm btn-light text-primary" id="bach-download"><i class="fa fa-download "></i> 批量下载</button>
          <!-- <a href="javascript: void(0);" data-toggle="modal" class="btn btn-sm btn-light text-primary" id="bach-download"><i class="fa fa-download "></i> 批量下载</a> -->
          <a href="javascript: void(0);" id="zipDown" download style="display: none;"></a>
        </div>
        <div class="d-inline-block ml-2" >
          <a href="#cc-digits" class="btn btn-sm btn-light text-primary" data-toggle="modal" data-placement="bottom" title="小数位数" data-target="#cc-digits" ><i class="fa fa-cog" aria-hidden="true"></i></a>
        </div>
        <!-- <div class="d-inline-block">
          <span class="d-flex align-items-center" style="margin-left: 5px;">
            <input type="checkbox" id="file-checkbox">
            <span class="text-primary" style="margin-left: 5px;">所有期</span>
          </span>
        </div> -->
      </div>
      <!--<div class="d-flex justify-content-start align-items-center">-->
          <!--<a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-cloud-upload" aria-hidden="true"></i> 上传附件</a>-->
          <!--<span class="d-flex align-items-center" style="margin-left: 5px;">-->
            <!--<input type="checkbox" id="file-checkbox">-->
            <!--<span class="text-primary" style="margin-left: 5px;">所有期</span>-->
          <!--</span>-->
        <!--</div>-->
      <div class="ml-auto">
        <% if (ctx.session.sessionProject.page_show.openMaterialChecklist && material.order === material.highOrder) { %>
          <a href="/tender/<%- ctx.tender.id %>/measure/material/<%- material.highOrder %>/checklist" class="btn btn-sm btn-outline-primary">清单设置</a>
        <% } %>
      </div>
    </div>
  </div>
  <div class="content-wrap">
    <div class="c-body">
      <div class="sjs-height-0">
        <table class="table table-bordered">
          <thead>
            <tr>
              <td width="25" style="background-color: #e9ecef;"><input type="checkbox" id="check-all-file" ></td>
              <th width="50">序号</th>
              <th>名称</th>
              <th width="90">大小</th>
              <th width="90">调差期</th>
              <th width="150">上传时间</th>
              <th width="100">操作</th>
            </tr>
          </thead>
          <tbody id="file-list">
            <!-- <% fileList.filter(file => file.mid === ctx.material.id).forEach(function(file, idx){ %>
              <tr>
                <td><%=idx + 1%></td>
                <td><a href="/<%- file.filepath %>" target="_blank"><%=file.file_name%></a></td>
                <td><%=file.file_size%></td>
                <td>第<%= file.s_order %>期</td>
                <td><%=file.upload_time%></td>
                <td>
                  <% if(file.user_id === ctx.session.sessionUser.accountId) { %>
                    <% if (!ctx.material.curAuditor) { %>
                      <% if (ctx.material.status === auditConst.status.uncheck && ctx.session.sessionUser.accountId === ctx.material.user_id) { %>
                        <a href="javascript: void;" class="btn btn-light btn-sm delete-file" title="删除附件" data-attid="<%- file.id %>">
                          <span class="fa fa-trash text-danger"></span>
                        </a>
                      <% } %>
                      <% if (ctx.material.status === auditConst.status.checkNo && ctx.session.sessionUser.accountId === ctx.material.user_id) { %>
                        <a href="javascript: void;" class="btn btn-light btn-sm delete-file" title="删除附件" data-attid="<%- file.id %>">
                          <span class="fa fa-trash text-danger"></span>
                        </a>
                      <% } %>
                    <% } else {%>
                      <% if(ctx.material.curAuditor.aid === ctx.session.sessionUser.accountId) { %>
                        <a href="javascript: void;" class="btn btn-light btn-sm delete-file" title="删除附件" data-attid="<%- file.id %>">
                          <span class="fa fa-trash text-danger"></span>
                        </a>
                      <% } %>
                    <% } %>
                  <% } %>
                </td>
              </tr>
            <% }) %> -->
          </tbody>
        </table>
        <div class="d-flex justify-content-center">
          <!--所有附件 翻页-->
<!--
          <span id="showPage"><a href="javascript:void(0);" class="page-select" content="pre"><i class="fa fa-chevron-left"></i></a> <span id="currentPage">1</span>/<span id="totalPage">10</span> <a href="javascript:void(0);" class="page-select" content="next"><i class="fa fa-chevron-right"></i></a></span> -->
          <nav aria-label="Page navigation example">
            <ul id="file-pagination" class="pagination">
              <li class="page-item page-back">
                <a class="page-link" href="#" aria-label="Previous">
                  <span aria-hidden="true">&laquo;</span>
                </a>
              </li>
              <!-- <li class="page-item active"><a class="page-link" href="#">1</a></li>
              <li class="page-item"><a class="page-link" href="#">2</a></li>
              <li class="page-item"><a class="page-link" href="#">3</a></li> -->
              <li class="page-item page-next">
                <a class="page-link" href="#" aria-label="Next">
                  <span aria-hidden="true">&raquo;</span>
                </a>
              </li>
            </ul>
          </nav>
        </div>

      </div>
    </div>
  </div>
</div>
<script>
  const auditors = JSON.parse('<%- JSON.stringify(auditors) %>');
  const curAuditor = JSON.parse('<%- JSON.stringify(ctx.material.curAuditor) %>');
  const materialStatus = parseInt('<%- ctx.material.status %>');
  const materialUid = parseInt('<%- ctx.material.user_id %>');
  const auditConst = JSON.parse('<%- JSON.stringify(auditConst) %>');
  const tid = '<%- ctx.tender.id %>';
  const mid = '<%- ctx.material.id %>';
  const order = '<%- ctx.material.order %>';
  const materialDecimal = JSON.parse(unescape('<%- escape(JSON.stringify(material.decimal)) %>'));
  const fileList = JSON.parse(unescape('<%- escape(JSON.stringify(fileList)) %>'));
  const tender = JSON.parse(unescape('<%- escape(JSON.stringify(tender)) %>'));
  const whiteList = JSON.parse('<%- JSON.stringify(whiteList) %>');
  let currPageFileData = [];
</script>