Calculation/app/view/profile/sign.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2>签字/签章管理</h2>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <% if (ctx.session.sessionProject.page_show.openNetCaSign) { %>
                <nav class="nav nav-tabs m-3" role="tablist">
                    <a class="nav-item nav-link" href="/profile/sign/netca">Ukey认证签名</a>
                    <a class="nav-item nav-link active" href="/profile/sign">签字/签章设置</a>
                </nav>
                <% } %>
                <div class="row m-0">
                    <div class="col-5 my-2">
                        <!--账号资料-->
                        <form>
                            <div class="pb-2"><b>签字管理</b></div>
                            <div class="form-group">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input sign-type" type="radio" name="sign" id="sign-type-1" value="1" checked>
                                    <label class="form-check-label" for="sign-type-1">在线手写签名图</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input sign-type" type="radio" name="sign" id="sign-type-2" value="2">
                                    <label class="form-check-label" for="sign-type-2">上传签名图</label>
                                </div>
                            </div>
                            <div class="form-group show-upload" style="display: none">
                                <label>上传签名图</label>
                                <input type="file" class="form-control-file" id="sign-upload">
                                <small class="form-text text-danger">图片大小为600x300，格式PNG透明背景。</small>
                            </div>
                            <div class="form-group show-qrcode">
                                <label>在线手写签名</label>
                                <div><img src="/profile/qrCode" width="150"></div>
                                <small class="form-text text-danger">微信扫码使用在线手写程序</small>
                            </div>
                            <button type="button" class="btn btn-danger btn-sm" id="delete-sign">移除签名</button>
                            <div class="mt-2 py-2"><b>签章管理</b></div>
                            <div class="form-group">
                                <label for="stamp">上传签章(最多上传5个)</label>
                                <input type="file" class="form-control-file" multiple id="stamp-upload">
                                <small class="form-text text-danger">图片大小为600x300，格式PNG透明背景。</small>
                                <small class="form-text text-danger">点击预览签章图片上删除按钮，即可移除签章</small>
                            </div>
                            <!--<button type="button" class="btn btn-sm btn-danger" id="delete-stamp">移除签章</button>-->
                        </form>
                    </div>
                    <div class="col-12 w-100">
                        <div class="mb-2"><b>签名/签章图预览</b></div>
                        <div>
                            <div class="position-relative">
                                <img src="/public/images/baobiao3.png">
                                <div class="position-absolute fixed-top" id="sign-show" style="left:290px;top:320px">
                                    <% if (accountData.sign_path !== '') { %>
                                        <img src="/public/upload/sign/<%= accountData.sign_path %>" width="90">
                                    <% } %>
                                </div>
                                <div id="show-stamp">
                                <% if (accountData.stamp_path) { %>
                                <% for (const [index,sp] of accountData.stamp_path.split('!;!').entries()) { %>
                                <div class="position-absolute fixed-top stamp-show" style="left:<%- (50 + index*130) %>px;top: 280px;width: 100px">
                                    <div class="position-relative">
                                        <a href="javascript:void(0);" title="移除签章" class="position-absolute delete-stamp" style="right: 0;top: 0;color: red;font-size:20px;font-weight: bold;text-decoration:none;">×</a>
                                        <img src="<%- fujianOssPath + sp %>" width="90">
                                    </div>
                                </div>
                                <% } %>
                                <% } %>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    const csrf = '<%= ctx.csrf %>';
    const fujianOssPath = JSON.parse(unescape('<%- escape(JSON.stringify(fujianOssPath)) %>'));
</script>
<script type="text/javascript" src="/public/js/profile.js"></script>