【功能优化】菜单管理：调整宽度，避免过窄

src/views/system/menu/index.vue

@@ -63,7 +63,7 @@
 
 
   <!-- 列表 -->
   <!-- 列表 -->
   <ContentWrap>
   <ContentWrap>
-    <div style="width: 100%; height: 700px">
+    <div style="height: 700px">
       <!-- AutoResizer 自动调节大小 -->
       <!-- AutoResizer 自动调节大小 -->
       <el-auto-resizer>
       <el-auto-resizer>
         <template #default="{ height, width }">
         <template #default="{ height, width }">
@@ -123,27 +123,27 @@ const columns: Column[] = [
   {
   {
     dataKey: 'sort',
     dataKey: 'sort',
     title: '排序',
     title: '排序',
-    width: 60
+    width: 100
   },
   },
   {
   {
     dataKey: 'permission',
     dataKey: 'permission',
     title: '权限标识',
     title: '权限标识',
-    width: 180
+    width: 240
   },
   },
   {
   {
     dataKey: 'component',
     dataKey: 'component',
     title: '组件路径',
     title: '组件路径',
-    width: 180
+    width: 240
   },
   },
   {
   {
     dataKey: 'componentName',
     dataKey: 'componentName',
     title: '组件名称',
     title: '组件名称',
-    width: 180
+    width: 240
   },
   },
   {
   {
     dataKey: 'status',
     dataKey: 'status',
     title: '状态',
     title: '状态',
-    width: 120,
+    width: 160,
     cellRenderer: ({ rowData }) => {
     cellRenderer: ({ rowData }) => {
       return h(ElSwitch, {
       return h(ElSwitch, {
         modelValue: rowData.status,
         modelValue: rowData.status,