feat: 添加用户管理demo

This commit is contained in:
xiaoxian521
2022-04-18 00:30:10 +08:00
parent 9271997a30
commit 42b7e36e0d
14 changed files with 653 additions and 235 deletions

View File

@@ -64,7 +64,7 @@ const cardLogoClass = computed(() => [
:disabled="!product.isSetup"
max-height="2"
>
<IconifyIconOffline icon="more-2-fill" class="icon-more" />
<IconifyIconOffline icon="more-vertical" class="icon-more" />
<template #dropdown>
<el-dropdown-menu :disabled="!product.isSetup">
<el-dropdown-item @click="handleClickManage(product)"

View File

@@ -80,6 +80,11 @@ import AddFill from "@iconify-icons/ri/add-circle-line";
import ListCheck from "@iconify-icons/ri/list-check";
import More2Fill from "@iconify-icons/ri/more-2-fill";
import Database from "@iconify-icons/ri/database-2-line";
import Dict from "@iconify-icons/ri/git-repository-line";
import Card from "@iconify-icons/ri/bank-card-line";
import Reset from "@iconify-icons/ri/restart-line";
import Dept from "@iconify-icons/ri/git-branch-line";
import Password from "@iconify-icons/ri/lock-password-line";
addIcon("arrow-right-s-line", ArrowRightSLine);
addIcon("arrow-left-s-line", ArrowLeftSLine);
addIcon("logout-circle-r-line", LogoutCircleRLine);
@@ -94,8 +99,13 @@ addIcon("arrow-down-line", ArrowDownLine);
addIcon("bookmark-2-line", Bookmark2Line);
addIcon("add", AddFill);
addIcon("list-check", ListCheck);
addIcon("more-2-fill", More2Fill);
addIcon("more-vertical", More2Fill);
addIcon("database", Database);
addIcon("dict", Dict);
addIcon("card", Card);
addIcon("reset", Reset);
addIcon("dept", Dept);
addIcon("password", Password);
// Font Awesome 4
import FaUser from "@iconify-icons/fa/user";
@@ -114,9 +124,9 @@ addIcon("export", Export);
addIcon("density", ArrowsShrinkV);
// fluent
import Peoples from "@iconify-icons/fluent/people-swap-28-filled";
import Role from "@iconify-icons/fluent/people-swap-28-filled";
import FlUser from "@iconify-icons/fluent/person-12-filled";
addIcon("peoples", Peoples);
addIcon("role", Role);
addIcon("flUser", FlUser);
// Material Design Icons
@@ -125,6 +135,10 @@ import UnExpand from "@iconify-icons/mdi/arrow-expand-right";
addIcon("expand", Expand);
addIcon("unExpand", UnExpand);
// carbon
import LocationCompany from "@iconify-icons/carbon/location-company";
addIcon("location-company", LocationCompany);
// Iconify Icon在Vue里离线使用用于内网环境https://docs.iconify.design/icon-components/vue/offline.html
export default defineComponent({
name: "IconifyIcon",

View File

@@ -47,7 +47,7 @@ export default defineComponent({
name: "epTableProBar",
props,
emits: ["refresh"],
setup(props, { emit, slots }) {
setup(props, { emit, slots, attrs }) {
const buttonRef = ref();
const checkList = ref([]);
const currentWidth = ref(0);
@@ -125,6 +125,7 @@ export default defineComponent({
<>
<div
v-resize
{...attrs}
class="w-99/100 mt-6 p-2 bg-white"
v-loading={props.loading}
element-loading-svg={loadingSvg}