Calculation/app/view/profile/info.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 active" href="javascript:void(0);">
                        账号资料
                    </a>
                    <a class="btn btn-sm btn-light" href="/profile/cert">
                        证书信息
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
<!--                <nav class="nav nav-tabs m-3" role="tablist">-->
<!--                    <a class="nav-item nav-link active" href="javascript:void(0);">账号资料</a>-->
<!--                    <a class="nav-item nav-link" href="/profile/cert">证书信息</a>-->
<!--                </nav>-->
                <div class="row m-0">
                    <div class="col-5 my-3">
                        <!--账号资料-->
                        <form action="/profile/save" method="post" id="base-form" onsubmit="return checkUserForm();">
                            <input-text label="账号" value="<%= accountData.account %>" readonly="readonly"></input-text>
                            <input-text label="姓名" value="<%= accountData.name %>" placeholder="请输入姓名" name="name"></input-text>
                            <input-text label="单位" value="<%= accountData.company %>" name="company" :readonly="true"></input-text>
                            <input-text label="职位" value="<%= accountData.role %>" name="role"></input-text>
                            <input-text label="手机" value="<%= accountData.mobile %>" name="mobile" maxlength="11" :readonly="<%= accountData.bind === 1 %>" msg="已绑定第三方平台，无法修改"></input-text>
                            <input-text label="电话" value="<%= accountData.telephone %>" name="telephone"></input-text>
                            <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>">
                            <button type="submit" class="btn btn-primary btn-sm" id="base-submit">确认修改</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<%- baseJsValidator %>
<script type="text/javascript">
    new Vue({
        el: '#app',
    });
    const csrf = '<%= ctx.csrf %>';
</script>
<script type="text/javascript" src="/public/js/profile.js"></script>
<script>
function checkUserForm () {
    $('input[name="name"]').val(trimInvalidChar($('input[name="name"]').val()));
    $('input[name="company"]').val(trimInvalidChar($('input[name="company"]').val()));
    $('input[name="role"]').val(trimInvalidChar($('input[name="role"]').val()));
    $('input[name="telephone"]').val(trimInvalidChar($('input[name="telephone"]').val()));
}
</script>