Calculation/app/view/setting/user_unit.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2>账号管理
                <a href="#add-company" data-toggle="modal" data-target="#add-company" class="btn btn-primary btn-sm pull-right">添加单位</a>
                <% if (projectData.max_user === 0 || projectData.max_user > user_total) { %>
                    <a href="#ver" data-toggle="modal" data-target="#add-user" class="btn btn-primary btn-sm pull-right mr-2">添加账号</a>
                    <a href="#add-batch" data-toggle="modal" data-target="#add-batch" class="btn btn-primary btn-sm pull-right mr-1">批量导入账号</a>
                <% } else { %>
                    <a href="#add-unpass" data-toggle="modal" data-target="#add-unpass" class="btn btn-primary btn-sm pull-right mr-2">添加账号（受限）</a>
                    <a href="#add-unpass" data-toggle="modal" data-target="#add-unpass" class="btn btn-primary btn-sm pull-right mr-1">批量导入账号（受限）</a>
                <% } %>
            </h2>
        </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" href="/setting/user">账号列表</a>
                    <a class="nav-item nav-link" href="/setting/user/permission/set">账号权限</a>
                    <a class="nav-item nav-link active" href="/setting/user/unit">参建单位</a>
                </nav>
                <div class="tab-content m-3">
                    <div id="unit-list" class="tab-pane active">
                        <div class="row">
                            <div class="col-6">
                                <table class="table table-hover table-bordered table-sm">
                                    <thead id="unit_header">
                                    <tr>
                                        <th class="text-center">序号</th>
                                        <th class="text-center">单位名称</th>
                                        <th class="text-center">账号数</th>
                                        <th class="text-center">类型</th>
                                        <th class="text-center">备注</th></tr>
                                    </thead>
                                    <tbody id="unit_list" style="cursor: pointer">
                                    <% if (unitList.length > 0) { %>
                                    <% for (const [index, u] of unitList.entries()) { %>
                                    <tr <% if (index === 0) { %>class="table-warning" <% } %> data-id="<%- u.id %>">
                                        <td class="text-center" width="50px"><%- index+1 %></td>
                                        <td ><a href="javascript:void(0)"><%- u.name %></a></td>
                                        <td class="text-right" width="80px"><%- u.account_num %></td>
                                        <td width="100px"><%- accountGroup[u.type] %></td>
                                        <td width="150px"><%- u.basic %></td>
                                    </tr>
                                    <% } %>
                                    <% } %>
                                    </tbody>
                                </table>
                            </div>
                            <% if (unitList.length > 0) { %>
                            <div class="col-6">
                                <div>
                                    <div class="row px-3">
                                        <div>
                                            <legend>单位详情</legend>
                                        </div>
                                        <div class="ml-auto">
                                            <a href="#del-company" data-toggle="modal" data-target="#del-company" id="del-modal-btn" class="btn btn-outline-danger btn-sm btn-block">删除单位</a>
                                        </div>
                                    </div>
                                    <table class="table table-hover table-bordered table-sm" id="one_unit">
                                        <tr>
                                            <th width="120">单位名称</th>
                                            <td width="200"><input class="form-control form-control-sm" type="text" data-name="name" id="unit_name" value="<%- unitList[0].name %>" placeholder=""></td>
                                            <th width="120">法人代表</th>
                                            <td width="200"><input class="form-control form-control-sm" type="text" data-name="corporation" id="unit_corporation" value="<%- unitList[0].corporation %>" placeholder=""></td>
                                        </tr>
                                        <tr>
                                            <th>企业信用代码</th>
                                            <td><input class="form-control form-control-sm" type="text" data-name="credit_code" id="unit_credit_code" value="<%- unitList[0].credit_code %>" placeholder=""></td>
                                            <th>类型</th>
                                            <td>
                                                <select class="form-control form-control-sm" id="unit_type" data-name="type">
                                                    <option value="0">请选择</option>
                                                    <% for (const dw in accountGroup) { %>
                                                        <option value="<%= dw %>" <% if (unitList[0].type === parseInt(dw)) { %>selected<% } %>><%- accountGroup[dw] %></option>
                                                    <% } %>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>电话</th>
                                            <td><input class="form-control form-control-sm" type="text" data-name="tel" id="unit_tel" value="<%- unitList[0].tel %>" placeholder=""></td>
                                            <th>网站</th>
                                            <td><input class="form-control form-control-sm" type="text" data-name="website" id="unit_website" value="<%- unitList[0].website %>" placeholder=""></td>
                                        </tr>
                                        <tr>
                                            <th>所属地区</th>
                                            <td><input class="form-control form-control-sm" type="text" data-name="region" id="unit_region" value="<%- unitList[0].region %>" placeholder=""></td>
                                            <th>地址</th>
                                            <td><input class="form-control form-control-sm" type="text" data-name="address" id="unit_address" value="<%- unitList[0].address %>" placeholder=""></td>
                                        </tr>
                                        <tr>
                                            <th>备注</th>
                                            <td colspan="3">
                                                <textarea class="form-control form-control-sm" id="unit_basic" data-name="basic" value="<%- unitList[0].basic %>" rows="2"></textarea>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div <% if (unitList[0].sign_path) { %>style="display: none" <% } %> id="upload-sign" class="form-group">
                                    <label for="sign-upload">上传签章</label>
                                    <input type="file" class="form-control-file" id="sign-upload">
                                    <small class="form-text text-danger">图片大小为500x500px，格式PNG透明背景。</small>
                                </div>
                                <button <% if (!unitList[0].sign_path) { %>style="display: none" <% } %> type="button" class="btn btn-sm btn-danger" id="delete-sign">移除签章</button>
                                <div class="form-group">
                                    <label>签章图预览</label>
                                    <div>
                                        <div class="position-relative">
                                            <img src="/public/images/baobiao3.png">
                                            <div class="position-absolute fixed-top" id="sign-show" style="left:290px;top:210px">
                                                <% if (unitList[0].sign_path) { %>
                                                    <img src="<%- fujianOssPath + unitList[0].sign_path %>" width="120">
                                                <% } %>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <% } %>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
</script>
<script src="/public/js/PinYinOrder.bundle.js"></script>
<script src="/public/js/setting_unit_list_order.js"></script>
<script src="/public/js/setting.js"></script>
<script>
    const unitList = JSON.parse(unescape('<%- escape(JSON.stringify(unitList)) %>'));
    const accountGroup = JSON.parse(unescape('<%- escape(JSON.stringify(accountGroup)) %>'));
    const fujianOssPath = JSON.parse(unescape('<%- escape(JSON.stringify(fujianOssPath)) %>'));
    let oneUnit = unitList.length > 0 ? unitList[0] : null;
</script>
<script>
    autoFlashHeight();
    $(function () {
        unitListOrder.resetHeaderHtml();
        unitListOrder.reOrderUnits();
    })
</script>