tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 💄 格式优化

Browse Source
This commit is contained in:
ray
2024-07-14 23:28:13 +08:00
parent b322428830
commit da0fcf21c1
2 changed files with 63 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/views/system/role/index.vue
View File

@@ -12,25 +12,32 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery"
><i-ep-search />搜索</el-button
>
<el-button @click="handleResetQuery"><i-ep-refresh />重置</el-button>
<el-button type="primary" @click="handleQuery">
<i-ep-search />
搜索
</el-button>
<el-button @click="handleResetQuery">
<i-ep-refresh />
重置
</el-button>
</el-form-item>
</el-form>
</div>
<el-card shadow="never" class="table-container">
<template #header>
<el-button type="success" @click="handleOpenDialog()"
><i-ep-plus />新增</el-button
>
<el-button type="success" @click="handleOpenDialog()">
<i-ep-plus />
新增
</el-button>
<el-button
type="danger"
:disabled="ids.length === 0"
@click="handleDelete()"
><i-ep-delete />删除</el-button
>
<i-ep-delete />
删除
</el-button>
</template>
<el-table
@@ -62,7 +69,8 @@
link
@click="handleOpenAssignPermDialog(scope.row)"
>
<i-ep-position />分配权限
<i-ep-position />
分配权限
</el-button>
<el-button
type="primary"
@@ -70,7 +78,8 @@
link
@click="handleOpenDialog(scope.row.id)"
>
<i-ep-edit />编辑
<i-ep-edit />
编辑
</el-button>
<el-button
type="danger"
@@ -78,7 +87,8 @@
link
@click="handleDelete(scope.row.id)"
>
<i-ep-delete />删除
<i-ep-delete />
删除
</el-button>
</template>
</el-table-column>
@@ -167,14 +177,16 @@
</el-input>
<div class="flex-center">
<el-button type="primary" size="small" plain @click="togglePermTree"
><i-ep-switch />{{ isExpanded ? "收缩" : "展开" }}</el-button
>
<el-button type="primary" size="small" plain @click="togglePermTree">
<i-ep-switch />
{{ isExpanded ? "收缩" : "展开" }}
</el-button>
<el-checkbox
v-model="parentChildLinked"
@change="handleparentChildLinkedChange"
class="ml-5"
>父子联动
>
父子联动
</el-checkbox>
<el-tooltip placement="bottom">
@@ -205,9 +217,9 @@
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="handleAssignPermSubmit"
>确 定</el-button
>
<el-button type="primary" @click="handleAssignPermSubmit">
确 定
</el-button>
<el-button @click="assignPermDialogVisible = false">取 消</el-button>
</div>
</template>
@@ -287,6 +299,7 @@ function handleQuery() {
loading.value = false;
});
}
/** 重置查询 */
function handleResetQuery() {
queryFormRef.value.resetFields();

52
src/views/system/user/index.vue
View File

@@ -46,13 +46,14 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery"
><i-ep-search />搜索</el-button
>
<el-button type="primary" @click="handleQuery">
<i-ep-search />
搜索
</el-button>
<el-button @click="handleResetQuery">
<i-ep-refresh />
重置</el-button
>
重置
</el-button>
</el-form-item>
</el-form>
</div>
@@ -65,24 +66,30 @@
v-hasPerm="['sys:user:add']"
type="success"
@click="handleOpenDialog()"
><i-ep-plus />新增</el-button
>
<i-ep-plus />
新增
</el-button>
<el-button
v-hasPerm="['sys:user:delete']"
type="danger"
:disabled="removeIds.length === 0"
@click="handleDelete()"
><i-ep-delete />删除</el-button
>
<i-ep-delete />
删除
</el-button>
</div>
<div>
<el-button class="ml-3" @click="handleOpenImportDialog"
><template #icon><i-ep-upload /></template>导入</el-button
>
<el-button class="ml-3" @click="handleOpenImportDialog">
<template #icon><i-ep-upload /></template>
导入
</el-button>
<el-button class="ml-3" @click="handleExport"
><template #icon><i-ep-download /></template>导出</el-button
>
<el-button class="ml-3" @click="handleExport">
<template #icon><i-ep-download /></template>
导出
</el-button>
</div>
</div>
</template>
@@ -135,9 +142,9 @@
<el-table-column label="状态" align="center" prop="status">
<template #default="scope">
<el-tag :type="scope.row.status == 1 ? 'success' : 'info'">{{
scope.row.status == 1 ? "启用" : "禁用"
}}</el-tag>
<el-tag :type="scope.row.status == 1 ? 'success' : 'info'">
{{ scope.row.status == 1 ? "启用" : "禁用" }}
</el-tag>
</template>
</el-table-column>
<el-table-column
@@ -154,24 +161,30 @@
size="small"
link
@click="hancleResetPassword(scope.row)"
><i-ep-refresh-left />重置密码</el-button
>
<i-ep-refresh-left />
重置密码
</el-button>
<el-button
v-hasPerm="['sys:user:edit']"
type="primary"
link
size="small"
@click="handleOpenDialog(scope.row.id)"
><i-ep-edit />编辑</el-button
>
<i-ep-edit />
编辑
</el-button>
<el-button
v-hasPerm="['sys:user:delete']"
type="danger"
link
size="small"
@click="handleDelete(scope.row.id)"
><i-ep-delete />删除</el-button
>
<i-ep-delete />
删除
</el-button>
</template>
</el-table-column>
</el-table>
@@ -194,7 +207,6 @@
append-to-body
@close="handleCloseDialog"
>
<!-- 用户新增/编辑表单 -->
<el-form
ref="userFormRef"
:model="formData"