<h1 style="font-weight: 600;">页面权限配置</h1>
|
<div class="role-a-container">
|
<div class="role-a-checkbox" style="gap: 10px; display: flex; align-items: center;">
|
<h3 style="margin: 0;">全部</h3>
|
<input type="checkbox" name="all" id="all" checked>
|
<label style="padding-top: 8px;">全部</label>
|
</div>
|
<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>
|
</div>
|
<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="reset">重置</button>
|
<button type="button" class="btn btn-primary" id="cancel" v-on:click="goBack" style="margin-right: 100px;">取消</button>
|
</div>
|
</div>
|
