diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
index 98e6f71..3c35823 100644
--- a/src/components/Breadcrumb/index.vue
+++ b/src/components/Breadcrumb/index.vue
@@ -1,13 +1,13 @@
 <template>
   <el-breadcrumb class="app-breadcrumb" separator="/">
-    <!-- <transition-group name="breadcrumb"> -->
-    <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
-      <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect">{{ item.meta.title }}</span>
-      <span v-else @click.prevent="handleLink(item)" style="cursor: pointer">
-        {{ item.meta.title }}
-      </span>
-    </el-breadcrumb-item>
-    <!-- </transition-group> -->
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
+        <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect">{{ item.meta.title }}</span>
+        <span v-else @click.prevent="handleLink(item)" style="cursor: pointer">
+          {{ item.meta.title }}
+        </span>
+      </el-breadcrumb-item>
+    </transition-group>
   </el-breadcrumb>
 </template>
 
@@ -69,4 +69,21 @@ getBreadcrumb()
 .mobile .app-breadcrumb.el-breadcrumb {
   display: none;
 }
+
+.breadcrumb-move, /* 对移动中的元素应用的过渡 */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all 0.5s ease;
+}
+.breadcrumb-enter-from,
+.breadcrumb-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* 确保将离开的元素从布局流中删除
+  以便能够正确地计算移动的动画。 */
+.breadcrumb-leave-active {
+  position: absolute;
+}
 </style>
diff --git a/src/components/Zr/Git/index.vue b/src/components/Zr/Git/index.vue
index de93bec..10a5215 100644
--- a/src/components/Zr/Git/index.vue
+++ b/src/components/Zr/Git/index.vue
@@ -6,15 +6,15 @@
 <script>
 export default {
   setup() {
-    const url = ref("https://gitee.com/izory/ZrAdminNetCore");
+    const url = ref('https://gitee.com/wenyongda/ZRAdmin-vue')
 
     function goto() {
-      window.open(url.value);
+      window.open(url.value)
     }
 
     return {
-      goto,
-    };
-  },
-};
-</script>
\ No newline at end of file
+      goto
+    }
+  }
+}
+</script>
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 3ea0a25..c2fe690 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -20,11 +20,11 @@
       </el-header>
       <el-main class="app-main">
         <router-view v-slot="{ Component, route }">
-          <transition name="fade-transform" mode="out-in">
-            <keep-alive :include="cachedViews">
-              <component v-if="!route.meta.link" :is="Component" :key="route.path" />
-            </keep-alive>
-          </transition>
+          <!-- <transition name="fade-transform" mode="out-in"> -->
+          <keep-alive :include="cachedViews">
+            <component v-if="!route.meta.link" :is="Component" :key="route.path" />
+          </keep-alive>
+          <!-- </transition> -->
         </router-view>
         <iframe-toggle />
       </el-main>
diff --git a/src/router/index.js b/src/router/index.js
index 637c28e..b199940 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -104,23 +104,23 @@ export const constantRoutes = [
         meta: { title: '通知中心', icon: 'Bell' }
       }
     ]
-  },
-  // 不用可删掉
-  {
-    path: '',
-    component: Layout,
-    hidden: false,
-    meta: { title: '组件示例', icon: 'icon', noCache: 'fasle' },
-    children: [
-      {
-        path: 'icon',
-        component: () => import('@/views/components/icons/index'),
-        //component: () => import('@/views/business/GenDemo'),
-        name: 'icon',
-        meta: { title: '图标icon', icon: 'icon1', noCache: 'fasle', titleKey: 'menu.icon' }
-      }
-    ]
   }
+  // 不用可删掉
+  // {
+  //   path: '',
+  //   component: Layout,
+  //   hidden: false,
+  //   meta: { title: '组件示例', icon: 'icon', noCache: 'fasle' },
+  //   children: [
+  //     {
+  //       path: 'icon',
+  //       component: () => import('@/views/components/icons/index'),
+  //       //component: () => import('@/views/business/GenDemo'),
+  //       name: 'icon',
+  //       meta: { title: '图标icon', icon: 'icon1', noCache: 'fasle', titleKey: 'menu.icon' }
+  //     }
+  //   ]
+  // }
 ]
 
 const router = createRouter({
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 2fe33a7..13494a6 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -81,7 +81,7 @@
     <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
 
     <!-- 角色菜单弹框 -->
-    <el-dialog title="角色权限分配" v-model="showRoleScope" width="500px">
+    <el-dialog title="角色权限分配" v-model="showRoleScope" width="500px" draggable>
       <el-form :model="form" label-width="80px">
         <el-form-item label="菜单搜索">
           <el-input placeholder="请输入关键字进行过滤" v-model="searchText"></el-input>
@@ -112,7 +112,7 @@
     </el-dialog>
 
     <!-- 添加或修改角色配置对话框 -->
-    <el-dialog :title="title" v-model="open" width="600px" append-to-body>
+    <el-dialog :title="title" v-model="open" width="600px" append-to-body draggable>
       <el-form ref="formRef" :model="form" :rules="rules" label-width="80px">
         <el-row>
           <el-col :lg="12">
diff --git a/src/views/system/rolefields/index.vue b/src/views/system/rolefields/index.vue
new file mode 100644
index 0000000..f86d977
--- /dev/null
+++ b/src/views/system/rolefields/index.vue
@@ -0,0 +1,31 @@
+<template>
+  <div class="app-container">
+    <el-card v-loading="cardLoading">
+      <el-page-header @back="goBack">
+        <template #content>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button type="default" plain icon="Refresh" @click="handleInit"> 初始化 </el-button>
+            </el-col>
+          </el-row>
+        </template>
+      </el-page-header>
+      <el-divider />
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import useTagsViewStore from '@/store/modules/tagsView.js'
+const router = useRouter()
+const route = useRoute()
+const cardLoading = ref(false)
+const goBack = () => {
+  useTagsViewStore().delView(router.currentRoute.value)
+  router.push('/system/role')
+}
+console.log(route.query.roleId)
+const handleInit = () => {}
+</script>
+
+<style scoped></style>
diff --git a/src/views/system/roleusers/index.vue b/src/views/system/roleusers/index.vue
index dbac283..f927bc0 100644
--- a/src/views/system/roleusers/index.vue
+++ b/src/views/system/roleusers/index.vue
@@ -1,127 +1,133 @@
 <template>
   <div class="app-container">
-    <el-form :inline="true" @submit.prevent>
-      <el-form-item label="角色名">
-        <el-input v-model="roleUserQueryParams.roleName" disabled />
-      </el-form-item>
-      <el-form-item label="角色字符串">
-        <el-input v-model="roleUserQueryParams.roleKey" disabled />
-      </el-form-item>
-      <el-form-item label="用户名">
-        <el-input
-          v-model="roleUserQueryParams.userName"
-          placeholder="请输入用户名称"
-          clearable
-          prefix-icon="search"
-          @keyup.enter="searchRoleUser" />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="search" @click="searchRoleUser">{{ $t('btn.search') }}</el-button>
-        <!-- <el-button icon="refresh"  @click="resetQuery">重置</el-button> -->
-      </el-form-item>
-    </el-form>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="plus" @click="handleGetUserTable" v-hasPermi="['system:roleusers:add']">
-          {{ $t('btn.add') }}
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="danger" plain icon="circle-close" @click="cancelAuthUserAll" v-hasPermi="['system:roleusers:remove']">
-          {{ $t('btn.multi') }}{{ $t('btn.cancel') }}{{ $t('btn.authorize') }}
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="warning" plain icon="close" @click="handleClose">{{ $t('btn.close') }}</el-button>
-      </el-col>
-    </el-row>
-
-    <el-table
-      ref="roleUserTableRef"
-      v-loading="loading"
-      :data="roleUserList"
-      @selection-change="handleCancelSelectionChange"
-      row-key="userId"
-      stripe
-      border>
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column prop="userId" align="center" label="用户Id" width="150" />
-      <el-table-column prop="userName" align="center" label="用户名" width="150" />
-      <el-table-column prop="nickName" align="center" label="用户昵称" width="150" />
-      <el-table-column prop="status" align="center" label="账号状态" width="80">
-        <template #default="scope">
-          <dict-tag :options="statusOptions" :value="scope.row.status" />
+    <el-card v-loading="cardLoading">
+      <el-page-header @back="handleClose">
+        <template #content>
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-button type="primary" plain icon="plus" @click="handleGetUserTable" v-hasPermi="['system:roleusers:add']">
+                {{ $t('btn.add') }}
+              </el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button type="danger" plain icon="circle-close" @click="cancelAuthUserAll" v-hasPermi="['system:roleusers:remove']">
+                {{ $t('btn.multi') }}{{ $t('btn.cancel') }}{{ $t('btn.authorize') }}
+              </el-button>
+            </el-col>
+            <!-- <el-col :span="1.5">
+          <el-button type="warning" plain icon="close" @click="handleClose">{{ $t('btn.close') }}</el-button>
+        </el-col> -->
+          </el-row>
         </template>
-      </el-table-column>
-      <el-table-column prop="remark" :show-overflow-tooltip="true" align="center" label="备注" />
-      <el-table-column align="center" label="操作">
-        <template #default="scope">
-          <el-button
-            text
-            size="small"
-            icon="el-icon-circle-close"
-            @click="handleCancelPerm(scope.row)"
-            v-if="scope.row.userId != 1"
-            v-hasPermi="['system:roleusers:del']">
-            {{ $t('btn.cancel') }}{{ $t('btn.authorize') }}
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <pagination
-      v-model:total="roleUserCount"
-      v-model:page="roleUserQueryParams.pageNum"
-      v-model:limit="roleUserQueryParams.pageSize"
-      @pagination="getRoleUser" />
-
-    <!-- 添加或修改菜单对话框 -->
-    <el-dialog title="添加用户" v-model="open" append-to-body @close="cancel">
+      </el-page-header>
+      <el-divider />
       <el-form :inline="true" @submit.prevent>
-        <el-form-item>
+        <el-form-item label="角色名">
+          <el-input v-model="roleUserQueryParams.roleName" disabled />
+        </el-form-item>
+        <el-form-item label="角色字符串">
+          <el-input v-model="roleUserQueryParams.roleKey" disabled />
+        </el-form-item>
+        <el-form-item label="用户名">
           <el-input
-            v-model="userQueryParams.userName"
+            v-model="roleUserQueryParams.userName"
             placeholder="请输入用户名称"
             clearable
             prefix-icon="search"
-            @keyup.enter="handleSearchRoleUser" />
+            @keyup.enter="searchRoleUser" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="search" @click="searchRoleUser">{{ $t('btn.search') }}</el-button>
+          <!-- <el-button icon="refresh"  @click="resetQuery">重置</el-button> -->
         </el-form-item>
       </el-form>
-      <el-row>
-        <el-col>
-          <el-table
-            ref="userTable"
-            v-loading="loadingUser"
-            :data="dataUserTable"
-            @selection-change="handleSelectionChange"
-            row-key="userId"
-            stripe
-            border
-            :height="tableHeight * 0.5">
-            <el-table-column type="selection" width="55" align="center" />
-            <el-table-column prop="userId" align="center" label="用户编号" width="150" />
-            <el-table-column prop="userName" align="center" label="用户名称" width="150" />
-            <el-table-column prop="nickName" align="center" label="用户昵称" width="150" />
-            <el-table-column prop="status" align="center" label="用户状态">
-              <template #default="scope">
-                <dict-tag :options="statusOptions" :value="scope.row.status" />
-              </template>
-            </el-table-column>
-          </el-table>
-          <pagination
-            :total="dataUserCount"
-            v-model:page="userQueryParams.pageNum"
-            v-model:limit="userQueryParams.pageSize"
-            @pagination="handleGetUserTable" />
-        </el-col>
-      </el-row>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button text @click="open = false">{{ $t('btn.cancel') }}</el-button>
-          <el-button type="primary" @click="handleSubmit">{{ $t('btn.submit') }}</el-button>
-        </div>
-      </template>
-    </el-dialog>
+
+      <el-table
+        ref="roleUserTableRef"
+        v-loading="loading"
+        :data="roleUserList"
+        @selection-change="handleCancelSelectionChange"
+        row-key="userId"
+        stripe
+        border>
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column prop="userId" align="center" label="用户Id" width="150" />
+        <el-table-column prop="userName" align="center" label="用户名" width="150" />
+        <el-table-column prop="nickName" align="center" label="用户昵称" width="150" />
+        <el-table-column prop="status" align="center" label="账号状态" width="80">
+          <template #default="scope">
+            <dict-tag :options="statusOptions" :value="scope.row.status" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="remark" :show-overflow-tooltip="true" align="center" label="备注" />
+        <el-table-column align="center" label="操作">
+          <template #default="scope">
+            <el-button
+              text
+              size="small"
+              icon="el-icon-circle-close"
+              @click="handleCancelPerm(scope.row)"
+              v-if="scope.row.userId != 1"
+              v-hasPermi="['system:roleusers:del']">
+              {{ $t('btn.cancel') }}{{ $t('btn.authorize') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-model:total="roleUserCount"
+        v-model:page="roleUserQueryParams.pageNum"
+        v-model:limit="roleUserQueryParams.pageSize"
+        @pagination="getRoleUser" />
+
+      <!-- 添加或修改菜单对话框 -->
+      <el-dialog title="添加用户" v-model="open" append-to-body @close="cancel">
+        <el-form :inline="true" @submit.prevent>
+          <el-form-item>
+            <el-input
+              v-model="userQueryParams.userName"
+              placeholder="请输入用户名称"
+              clearable
+              prefix-icon="search"
+              @keyup.enter="handleSearchRoleUser" />
+          </el-form-item>
+        </el-form>
+        <el-row>
+          <el-col>
+            <el-table
+              ref="userTable"
+              v-loading="loadingUser"
+              :data="dataUserTable"
+              @selection-change="handleSelectionChange"
+              row-key="userId"
+              stripe
+              border
+              :height="tableHeight * 0.5">
+              <el-table-column type="selection" width="55" align="center" />
+              <el-table-column prop="userId" align="center" label="用户编号" width="150" />
+              <el-table-column prop="userName" align="center" label="用户名称" width="150" />
+              <el-table-column prop="nickName" align="center" label="用户昵称" width="150" />
+              <el-table-column prop="status" align="center" label="用户状态">
+                <template #default="scope">
+                  <dict-tag :options="statusOptions" :value="scope.row.status" />
+                </template>
+              </el-table-column>
+            </el-table>
+            <pagination
+              :total="dataUserCount"
+              v-model:page="userQueryParams.pageNum"
+              v-model:limit="userQueryParams.pageSize"
+              @pagination="handleGetUserTable" />
+          </el-col>
+        </el-row>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button text @click="open = false">{{ $t('btn.cancel') }}</el-button>
+            <el-button type="primary" @click="handleSubmit">{{ $t('btn.submit') }}</el-button>
+          </div>
+        </template>
+      </el-dialog>
+    </el-card>
   </div>
 </template>
 <script setup name="roleUsers">