Calculation/app/view/profile/cert.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content" id="app">
    <div class="panel-title">
        <div class="title-main d-flex justify-content-between">
            <div class="d-inline-block">
                <div class="btn-group group-tab">
                    <a class="btn btn-sm btn-light" href="/profile/info">
                        账号资料
                    </a>
                    <a class="btn btn-sm btn-light active" href="javascript:void(0);">
                        证书信息
                    </a>
                </div>
            </div>
        </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-12">
                        <a href="javascript:void(0);" id="addCert">+添加证书</a>
                        <div class="row mb-3" id="certs">
                            <% if (certList.length > 0) { %>
                                <% for (const [i,c] of certList.entries()) { %>
                                    <div class="col-6 mt-3 one-cert" data-cid="<%- c.id %>">
                                        <div class="card">
                                            <div class="modal-header">
                                                <b>证书信息<span class="cert-num"><%- certList.length-i %></span></b>
                                                <div class="pull-right">
                                                    <a href="#del-cert" data-cid="<%- c.id %>" data-jxid="" data-toggle="modal" data-target="#del-cert" class="del-cert-btn text-danger">删除</a>
                                                </div>
                                            </div>
                                            <div class="card-body">
                                                <b>持证情况：</b>
                                                <div class="m-3 one-cert-msg">
                                                    <div class="form-group row">
                                                        <label for="uname" class="ml-3 col-form-label">证件名称：</label>
                                                        <div class="row col-sm-10 pr-0">
                                                            <div class="col-6 pr-0">
                                                                <select class="form-control form-control-sm select-cert-type" data-type="type">
                                                                    <option value="0">请选择</option>
                                                                    <% for (const t of certTypeConst) { %>
                                                                    <option value="<%- t.value %>" <% if (c.type === t.value) { %>selected<% } %>><%- t.name %></option>
                                                                    <% } %>
                                                                </select>
                                                            </div>
                                                            <div class="col-6 pr-0">
                                                                <select class="form-control form-control-sm select-cert-name" data-type="name">
                                                                    <% if (c.type) { %>
                                                                        <% for (const q of certSourceConst[ctx.helper.showCol4ObjArray(certTypeConst, c.type, 'value', 'source')]) { %>
                                                                            <option value="<%- q.value %>" <% if (c.name === q.value) { %>selected<% } %>><%- q.name %></option>
                                                                        <% } %>
                                                                    <% } else { %>
                                                                        <option value="0">请选择</option>
                                                                    <% } %>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label for="uname" class="ml-3 col-form-label">证件编号：</label>
                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control form-control-sm" data-type="code" value="<%- c.code %>">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label for="uname" class="ml-3 col-form-label">注册单位：</label>
                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control form-control-sm" data-type="reg_unit" value="<%- c.reg_unit %>">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label for="uname" class="ml-3 col-form-label">技术职称：</label>
                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control form-control-sm" data-type="job_title" value="<%- c.job_title %>">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label for="uname" class="ml-3 col-form-label">证书附件：</label>
                                                        <div class="col-sm-10 file-show">
                                                            <% if (c.file_path) { %>
                                                            <div class="col-form-label">
                                                                <a href="<%- fujianOssPath + c.file_path %>" target="_blank"><%- c.file_name %></a> &nbsp;<a href="#del-cert" data-cid="<%- c.id %>" data-jxid="" data-filename="<%- c.file_name %>" data-toggle="modal" data-target="#del-cert" class="del-cert-btn text-danger">删除</a>
                                                            </div>
                                                            <% } else { %>
                                                                <input type="file" class="cert-file-upload">
                                                            <% } %>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <b>继续教育情况：</b>
                                                    <div class="pull-right">
                                                        <a href="javascript:void(0);" class="add-jx-btn">+添加</a>
                                                    </div>
                                                    <div class="all-jx">
                                                        <% if (c.edu_json.length > 0) { %>
                                                            <% for (const [j, e] of c.edu_json.reverse().entries()) { %>
                                                                <div class="one-jx" data-jxid="<%- e.id %>">
                                                                    <div class="card mt-3">
                                                                        <div class="modal-header">
                                                                            <b>继续教育<span class="jx-num"><%- c.edu_json.length-j %></span></b>
                                                                            <div class="pull-right">
                                                                                <a href="#del-cert" data-cid="<%- c.id %>" data-jxid="<%- e.id %>" data-toggle="modal" data-target="#del-cert" class="del-cert-btn text-danger">删除</a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="card-body">
                                                                            <div class="form-group row">
                                                                                <label for="uname" class="ml-3 col-form-label">培训时间：</label>
                                                                                <div class="col-sm-10">
                                                                                    <input data-language="zh" data-old-date="<%- e.date %>" data-type="date" placeholder="请选择时间" type="text" data-range="true" data-multiple-dates-separator=" ~ " class="jx-date datepicker-here form-control form-control-sm" value="<%- e.date %>">
                                                                                </div>
                                                                            </div>
                                                                            <div class="form-group row">
                                                                                <label for="uname" class="ml-3 col-form-label">培训单位：</label>
                                                                                <div class="col-sm-10">
                                                                                    <input type="text" class="form-control form-control-sm" data-type="unit" value="<%- e.unit %>">
                                                                                </div>
                                                                            </div>
                                                                            <div class="form-group row">
                                                                                <label for="uname" class="ml-3 col-form-label">培训证明：</label>
                                                                                <div class="col-sm-10 file-show">
                                                                                    <% if (e.file_path) { %>
                                                                                        <div class="col-form-label">
                                                                                            <a href="<%- fujianOssPath + e.file_path %>" target="_blank"><%- e.file_name %></a> &nbsp;<a href="#del-cert" data-cid="<%- c.id %>" data-jxid="<%- e.id %>" data-filename="<%- e.file_name %>" data-toggle="modal" data-target="#del-cert" class="del-cert-btn text-danger">删除</a>
                                                                                        </div>
                                                                                    <% } else { %>
                                                                                        <input type="file" class="jx-file-upload">
                                                                                    <% } %>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            <% } %>
                                                        <% } %>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                <% } %>
                            <% } %>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const certTypeConst = JSON.parse(unescape('<%- escape(JSON.stringify(certTypeConst)) %>'));
    const certSourceConst = JSON.parse(unescape('<%- escape(JSON.stringify(certSourceConst)) %>'));
    const fujianOssPath = JSON.parse(unescape('<%- escape(JSON.stringify(fujianOssPath)) %>'));
</script>