替换部分css为tailwindcss 删除某些无用css
This commit is contained in:
@@ -29,30 +29,30 @@
|
||||
</div>
|
||||
<div class="gva-table-box">
|
||||
<div class="gva-btn-list">
|
||||
<div class="gva-btn-list flex items-center gap-3">
|
||||
<div class="gva-btn-list">
|
||||
<el-button type="primary" icon="plus" @click="openDialog('addApi')">新增</el-button>
|
||||
<el-icon class="cursor-pointer" @click="toDoc('https://www.bilibili.com/video/BV1kv4y1g7nT?p=7&vd_source=f2640257c21e3b547a790461ed94875e')"><VideoCameraFilled /></el-icon>
|
||||
<el-popover v-model="deleteVisible" placement="top" width="160">
|
||||
<p>确定要删除吗?</p>
|
||||
<div style="text-align: right; margin-top: 8px;">
|
||||
<el-button type="primary" link @click="deleteVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="onDelete">确定</el-button>
|
||||
</div>
|
||||
<template #reference>
|
||||
<el-button icon="delete" :disabled="!apis.length" style="margin-left: 10px;" @click="deleteVisible = true">删除</el-button>
|
||||
</template>
|
||||
</el-popover>
|
||||
<el-popover v-model="freshVisible" placement="top" width="160">
|
||||
<p>确定要刷新Casbin缓存吗?</p>
|
||||
<div style="text-align: right; margin-top: 8px;">
|
||||
<el-button type="primary" link @click="freshVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="onFresh">确定</el-button>
|
||||
</div>
|
||||
<template #reference>
|
||||
<el-button icon="Refresh" style="margin-left: 10px;" @click="freshVisible = true">刷新缓存</el-button>
|
||||
</template>
|
||||
</el-popover>
|
||||
</div>
|
||||
<el-popover v-model="deleteVisible" placement="top" width="160">
|
||||
<p>确定要删除吗?</p>
|
||||
<div style="text-align: right; margin-top: 8px;">
|
||||
<el-button type="primary" link @click="deleteVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="onDelete">确定</el-button>
|
||||
</div>
|
||||
<template #reference>
|
||||
<el-button icon="delete" :disabled="!apis.length" style="margin-left: 10px;" @click="deleteVisible = true">删除</el-button>
|
||||
</template>
|
||||
</el-popover>
|
||||
<el-popover v-model="freshVisible" placement="top" width="160">
|
||||
<p>确定要刷新Casbin缓存吗?</p>
|
||||
<div style="text-align: right; margin-top: 8px;">
|
||||
<el-button type="primary" link @click="freshVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="onFresh">确定</el-button>
|
||||
</div>
|
||||
<template #reference>
|
||||
<el-button icon="Refresh" style="margin-left: 10px;" @click="freshVisible = true">刷新缓存</el-button>
|
||||
</template>
|
||||
</el-popover>
|
||||
</div>
|
||||
<el-table :data="tableData" @sort-change="sortChange" @selection-change="handleSelectionChange">
|
||||
<el-table-column
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="authority">
|
||||
<warning-bar title="注:右上角头像下拉可切换角色" />
|
||||
<div class="gva-table-box">
|
||||
<div class="gva-btn-list flex items-center gap-3">
|
||||
<div class="gva-btn-list">
|
||||
<el-button type="primary" icon="plus" @click="addAuthority(0)">新增角色</el-button>
|
||||
<el-icon class="cursor-pointer" @click="toDoc('https://www.bilibili.com/video/BV1kv4y1g7nT?p=8&vd_source=f2640257c21e3b547a790461ed94875e')"><VideoCameraFilled /></el-icon>
|
||||
</div>
|
||||
@@ -394,7 +394,7 @@ export default {
|
||||
}
|
||||
.tree-content{
|
||||
margin-top: 10px;
|
||||
height: calc(100vh - 148px);
|
||||
height: calc(100vh - 158px);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="clearfix sticky-button">
|
||||
<el-input v-model="filterText" class="fitler" placeholder="筛选" />
|
||||
<el-button class="fl-right" type="primary" @click="authApiEnter">确 定</el-button>
|
||||
<div class="sticky top-0.5 z-10 bg-white">
|
||||
<el-input v-model="filterText" class="w-3/5" placeholder="筛选" />
|
||||
<el-button class="float-right" type="primary" @click="authApiEnter">确 定</el-button>
|
||||
</div>
|
||||
<div class="tree-content">
|
||||
<el-tree
|
||||
@@ -134,6 +134,4 @@ watch(filterText, (val) => {
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "@/style/button.scss";
|
||||
</style>
|
||||
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
<warning-bar title="此功能仅用于创建角色和角色的many2many关系表,具体使用还须自己结合表实现业务,详情参考示例代码(客户示例)。此功能不建议使用,建议使用插件市场【组织管理功能(点击前往)】来管理资源权限。" href="https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=36" />
|
||||
<div class="clearfix sticky-button" style="margin: 18px">
|
||||
<el-button class="fl-right" type="primary" @click="authDataEnter">确 定</el-button>
|
||||
<el-button class="fl-left" type="primary" @click="all">全选</el-button>
|
||||
<el-button class="fl-left" type="primary" @click="self">本角色</el-button>
|
||||
<el-button class="fl-left" type="primary" @click="selfAndChildren">本角色及子角色</el-button>
|
||||
<div class="sticky top-0.5 z-10 bg-white my-4">
|
||||
<el-button class="float-left" type="primary" @click="all">全选</el-button>
|
||||
<el-button class="float-left" type="primary" @click="self">本角色</el-button>
|
||||
<el-button class="float-left" type="primary" @click="selfAndChildren">本角色及子角色</el-button>
|
||||
<el-button class="float-right" type="primary" @click="authDataEnter">确 定</el-button>
|
||||
</div>
|
||||
<div class="tree-content">
|
||||
<div class="clear-both pt-4">
|
||||
<el-checkbox-group v-model="dataAuthorityId" @change="selectAuthority">
|
||||
<el-checkbox v-for="(item,key) in authoritys" :key="key" :label="item">{{ item.authorityName }}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="clearfix sticky-button">
|
||||
<el-input v-model="filterText" class="fitler" placeholder="筛选" />
|
||||
<el-button class="fl-right" type="primary" @click="relation">确 定</el-button>
|
||||
<div class="sticky top-0.5 z-10 bg-white">
|
||||
<el-input v-model="filterText" class="w-3/5" placeholder="筛选" />
|
||||
<el-button class="float-right" type="primary" @click="relation">确 定</el-button>
|
||||
</div>
|
||||
<div class="tree-content">
|
||||
<div class="tree-content clear-both">
|
||||
<el-tree
|
||||
ref="menuTree"
|
||||
:data="menuTreeData"
|
||||
@@ -216,10 +216,9 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "@/style/button.scss";
|
||||
.custom-tree-node{
|
||||
span+span{
|
||||
margin-left: 12px;
|
||||
@apply ml-3;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="gva-table-box">
|
||||
<div class="gva-btn-list flex items-center gap-3">
|
||||
<div class="gva-btn-list">
|
||||
<el-button
|
||||
|
||||
type="primary"
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="gva-table-box">
|
||||
<div class="gva-btn-list flex items-center gap-3">
|
||||
<div class="gva-btn-list">
|
||||
<el-button type="primary" icon="plus" @click="addMenu('0')">新增根菜单</el-button>
|
||||
<el-icon class="cursor-pointer" @click="toDoc('https://www.bilibili.com/video/BV1kv4y1g7nT/?p=4&vd_source=f2640257c21e3b547a790461ed94875e')"><VideoCameraFilled /></el-icon>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user