refactor: extract image form to standalone page and implement tags view store

- Created ImageForm.vue as standalone page for add/edit image functionality
- Removed dialog-based image form from VmImages.vue
- Implemented tagsViewStore for global tab state management
- Added automatic tab closing on form cancel/back
- Fixed data persistence issue when switching between image edits
- Removed quick actions section from ImageForm
- Updated router configuration for new image form route

src/components/layout/SidebarMenuItem.vue

@@ -39,65 +39,49 @@ const hasChildren = computed(() => {
 </script>
 
 <style scoped>
-.el-menu-item, :deep(.el-sub-menu__title) {
-  height: 50px;
-  line-height: 50px;
-  color: #333333;
-}
-
-:deep(.el-sub-menu .el-menu-item) {
-  height: 50px;
-  line-height: 50px;
-  padding-left: 55px !important;
-  background-color: #fafafa;
-}
-
 .el-icon {
-  margin-right: 10px;
-  width: 24px;
+  margin-right: 12px;
+  width: 20px;
+  height: 20px;
   text-align: center;
-  color: #666666;
+  color: #7f8c8d;
+  transition: color 0.2s ease;
+  font-size: 18px;
 }
 
-/* 激活菜单项特效 */
-.el-menu-item.is-active {
-  position: relative;
-  background-color: #e6f7ff !important; 
-  color: #1890ff !important;
-  font-weight: 600;
+.el-menu-item .el-icon, :deep(.el-sub-menu__title .el-icon) {
+  color: #7f8c8d !important;
+  transition: color 0.2s ease;
 }
 
-.el-menu-item.is-active::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 3px;
-  height: 100%;
-  background-color: #1890ff;
+.el-menu-item:hover .el-icon, 
+:deep(.el-sub-menu__title:hover .el-icon) {
+  color: #34495e !important;
 }
 
-:deep(.el-sub-menu.is-active > .el-sub-menu__title) {
-  color: #1890ff !important;
-  font-weight: 600;
+/* 激活菜单项图标 */
+.el-menu-item.is-active .el-icon {
+  color: #2c3e50 !important;
 }
 
-.el-menu-item:hover, :deep(.el-sub-menu__title:hover) {
-  background-color: #f5f7fa !important;
+:deep(.el-sub-menu.is-active > .el-sub-menu__title .el-icon) {
+  color: #2c3e50 !important;
 }
 
-/* 修复图标颜色 */
-.el-menu-item.is-active .el-icon, :deep(.el-sub-menu.is-active > .el-sub-menu__title .el-icon) {
-  color: #1890ff !important;
+/* 菜单文字样式 */
+.el-menu-item span, :deep(.el-sub-menu__title span) {
+  font-size: 14px;
+  letter-spacing: 0.2px;
 }
 
-/* 修复箭头颜色 */
-:deep(.el-sub-menu.is-active > .el-sub-menu__title .el-sub-menu__icon-arrow) {
-  color: #1890ff !important;
+/* 子菜单项样式优化 */
+:deep(.el-sub-menu .el-menu-item) {
+  font-size: 13px;
+  padding-left: 48px !important;
 }
 
-/* 子菜单样式 */
-:deep(.el-menu--inline) {
-  background-color: #fafafa;
+:deep(.el-sub-menu .el-menu-item .el-icon) {
+  font-size: 16px;
+  margin-right: 10px;
 }
 </style>