提交

web-admin/src/views/system/menu/index.vue

@@ -21,8 +21,12 @@
           <div class="filter-actions-row">
             <span class="filter-hint">按菜单名称模糊查询。</span>
             <div class="filter-actions-end">
-              <el-button class="btn-ghost" @click="handleReset"><el-icon><RefreshLeft /></el-icon>重置</el-button>
-              <el-button class="btn-main" type="primary" @click="handleSearch"><el-icon><Search /></el-icon>搜索</el-button>
+              <el-button class="btn-ghost" @click="handleReset"
+                ><el-icon><RefreshLeft /></el-icon>重置</el-button
+              >
+              <el-button class="btn-main" type="primary" @click="handleSearch"
+                ><el-icon><Search /></el-icon>搜索</el-button
+              >
             </div>
           </div>
         </el-form>
@@ -56,12 +60,7 @@
           @selection-change="handleSelectionChange"
           @row-dblclick="handleView"
         >
-          <el-table-column
-            type="selection"
-            min-width="55"
-            align="center"
-            header-align="center"
-          />
+          <el-table-column type="selection" min-width="55" align="center" header-align="center" />
           <el-table-column
             prop="menuName"
             label="菜单名称"
@@ -77,10 +76,7 @@
             header-align="center"
           >
             <template #default="{ row }">
-              <el-tag
-                :type="menuTypeTagMap[row.menuType]?.type || 'info'"
-                size="small"
-              >
+              <el-tag :type="menuTypeTagMap[row.menuType]?.type || 'info'" size="small">
                 {{ menuTypeTagMap[row.menuType]?.label || row.menuType }}
               </el-tag>
             </template>
@@ -144,13 +140,13 @@
               </el-tag>
             </template>
           </el-table-column>
-            <el-table-column
-              label="操作"
-              min-width="400"
-              fixed="right"
-              align="center"
-              header-align="center"
-            >
+          <el-table-column
+            label="操作"
+            min-width="400"
+            fixed="right"
+            align="center"
+            header-align="center"
+          >
             <template #default="{ row }">
               <el-button class="btn-op-item" @click="handleView(row)">
                 <el-icon><View /></el-icon>查看
@@ -230,12 +226,7 @@
               </el-select>
             </el-form-item>
             <el-form-item label="备注" style="grid-column: 1 / -1">
-              <el-input
-                v-model="formData.remark"
-                type="textarea"
-                :rows="2"
-                placeholder="可选"
-              />
+              <el-input v-model="formData.remark" type="textarea" :rows="2" placeholder="可选" />
             </el-form-item>
           </div>
         </el-form>
@@ -244,12 +235,7 @@
             <el-icon><Close /></el-icon>
             取消
           </el-button>
-          <el-button
-            class="btn-main"
-            type="primary"
-            @click="handleSubmit"
-            :loading="submitLoading"
-          >
+          <el-button class="btn-main" type="primary" @click="handleSubmit" :loading="submitLoading">
             <el-icon><Check /></el-icon>
             确定
           </el-button>
@@ -270,14 +256,17 @@
 <script setup lang="ts">
   import { ref, reactive, computed, onMounted, nextTick } from 'vue'
   import { ElMessage, ElMessageBox } from 'element-plus'
-  import { Plus, Close, Check, View, Menu as MenuIcon, RefreshLeft, Search } from '@element-plus/icons-vue'
-  import SystemViewDialog from '@/components/business/system-view-dialog/index.vue'
   import {
-    fetchMenuTree,
-    fetchCreateMenu,
-    fetchUpdateMenu,
-    fetchDeleteMenu
-  } from '@/api/admin'
+    Plus,
+    Close,
+    Check,
+    View,
+    Menu as MenuIcon,
+    RefreshLeft,
+    Search
+  } from '@element-plus/icons-vue'
+  import SystemViewDialog from '@/components/business/system-view-dialog/index.vue'
+  import { fetchMenuTree, fetchCreateMenu, fetchUpdateMenu, fetchDeleteMenu } from '@/api/admin'
 
   defineOptions({ name: 'SystemMenu' })
 
@@ -343,13 +332,25 @@
       title: '基本信息',
       fields: [
         { label: '菜单名称', value: viewRow.value?.menuName },
-        { label: '菜单类型', value: menuTypeTagMap[viewRow.value?.menuType || '']?.label || viewRow.value?.menuType, tagType: 'primary' },
+        {
+          label: '菜单类型',
+          value: menuTypeTagMap[viewRow.value?.menuType || '']?.label || viewRow.value?.menuType,
+          tagType: 'primary'
+        },
         { label: '路由路径', value: viewRow.value?.path },
         { label: '组件路径', value: viewRow.value?.component },
         { label: '权限标识', value: viewRow.value?.perms },
         { label: '是否外链', value: viewRow.value?.isFrame === 1 ? '否' : '是' },
-        { label: '显示状态', value: viewRow.value?.visible === '1' ? '显示' : '隐藏', tagType: viewRow.value?.visible === '1' ? 'success' : 'info' },
-        { label: '状态', value: viewRow.value?.status === '1' ? '正常' : '停用', tagType: viewRow.value?.status === '1' ? 'success' : 'info' },
+        {
+          label: '显示状态',
+          value: viewRow.value?.visible === '1' ? '显示' : '隐藏',
+          tagType: viewRow.value?.visible === '1' ? 'success' : 'info'
+        },
+        {
+          label: '状态',
+          value: viewRow.value?.status === '1' ? '正常' : '停用',
+          tagType: viewRow.value?.status === '1' ? 'success' : 'info'
+        },
         { label: '备注', value: viewRow.value?.remark, span: true }
       ]
     }
@@ -544,6 +545,5 @@
     :deep(.el-form-item) {
       margin-bottom: 0;
     }
-
   }
 </style>