public/pages/frame/role/role-a/role-a.html
@@ -1,24 +1,36 @@
<h1 style="font-weight: 600;">页面权限配置</h1>
<div class="role-a-container">
    <h3>全部</h3>
    <div class="role-a-checkbox">
        <label>全部</label>
        <input type="checkbox" name="all" id="all">
    </div>
    <h3>按钮</h3>
    <div class="role-a-checkbox" style="gap: 10px; display: flex; align-items: center;">
        <label>全部</label>
        <input type="checkbox" id="button-all">
        <h3 style="margin: 0;">全部</h3>
        <input type="checkbox" name="all" id="all" checked>
        <label style="padding-top: 8px;">全部</label>
    </div>
    <div id="button-container"></div>
    <h3>表头</h3>
    <div class="role-a-checkbox" style="gap: 10px; display: flex; align-items: center;">
    <div class="role-a-checkbox" style="border: 1px solid #e7eaec;"></div>
    <div class="role-a-checkbox" style="gap: 10px; display: flex; align-items: center; margin-top: 20px;" v-show="buttonPrivileges.length > 0">
        <h3 style="margin: 0;">按钮权限</h3>
        <input type="checkbox" id="button-all" checked>
        <label>全部</label>
        <input type="checkbox" id="data-all">
    </div>
    <div id="data-container"></div>
    <div class="role-a-buttons">
    <div id="button-container" style="margin: 0 0 0 74px;"></div>
    <div class="role-a-checkbox" style="gap: 10px; display: flex; align-items: center; margin-top: 20px;" v-show="labelPrivileges.length > 0">
        <h3 style="margin: 0;">标签权限</h3>
        <input type="checkbox" id="label-all" checked>
        <label>全部</label>
    </div>
    <div id="label-container" style="margin: 0 0 0 74px;"></div>
    <div class="role-a-checkbox" style="gap: 10px; display: flex; align-items: center; margin-top: 20px;" v-show="dataPrivileges.length > 0">
        <h3 style="margin: 0;">表头权限</h3>
        <input type="checkbox" id="data-all" checked>
        <label>全部</label>
    </div>
    <div id="data-container" style="margin: 0 0 0 74px;"></div>
    <div class="role-a-buttons" style="width: 100%; display: flex; justify-content: flex-end; gap: 10px; margin-top: 100px;">
        <button type="button" class="btn btn-primary" id="save">保存</button>
        <button type="button" class="btn btn-primary" id="cancel" v-on:click="goBack">返回</button>
        <button type="button" class="btn btn-primary" id="reset">重置</button>
        <button type="button" class="btn btn-primary" id="cancel" v-on:click="goBack" style="margin-right: 100px;">取消</button>
    </div>
</div>