feat(user): 新增用户管理功能

- 添加用户列表页面，包含搜索、分页等功能
- 实现用户状态切换和详情查看功能
- 新增用户选择组件，用于选择用户
- 优化表格组件，支持自定义列和操作
- 添加面包屑组件，用于展示导航路径

src/components/content/index.vue

@@ -28,7 +28,7 @@
         v-if="config.index"
         type="index"
         align="center"
-        width="50px"
+        width="80px"
         label="序号"
       />
       <template v-for="scheme in config.schemes" :key="scheme.attrs.label">
@@ -65,9 +65,9 @@
 </template>
 
 <script setup>
-  import { computed, onBeforeMount, onMounted, watch } from 'vue'
+  import { computed, onBeforeMount, onMounted, watch, ref } from 'vue'
   import Sortable from 'sortablejs'
-  import { nanoid } from '@/utils/jsencrypt'
+  // import { nanoid } from '@/utils/jsencrypt'
 
   const props = defineProps({
     data: {
@@ -148,9 +148,9 @@
     (data) => {
       // if (props.config.drag) {
       computedData.value = data.map((item) => {
-        if (!item.nanoId) {
-          item.nanoId = nanoid()
-        }
+        // if (!item.nanoId) {
+        //   item.nanoId = nanoid()
+        // }
         return item
       })
       // } else {
@@ -204,7 +204,7 @@
   }
 
   function handleTableCurrentChange(data) {
-    console.log(data, 'data')
+    // console.log(data, 'data')
     emits('update:checkData', data)
   }
 
@@ -234,9 +234,9 @@
   onBeforeMount(() => {
     // if (props.config.drag) {
     computedData.value = props.data.map((item) => {
-      if (!item.nanoId) {
-        item.nanoId = nanoid()
-      }
+      // if (!item.nanoId) {
+      //   item.nanoId = nanoid()
+      // }
       return item
     })
     // } else {
@@ -258,7 +258,7 @@
   .content {
     background: #fff;
     border-radius: 4px;
-    padding: 20px 20px 0 20px;
+    //padding: 20px 20px 0 20px;
     box-sizing: border-box;
     :deep(.el-table) {
       .current-row {