替换部分css为tailwindcss 删除某些无用css

This commit is contained in:
piexlMax
2023-08-08 16:05:41 +08:00
parent 22fe4053e9
commit 78de254230
20 changed files with 118 additions and 520 deletions
+21 -21
View File
@@ -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 -1
View File
@@ -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>