feat(系统设置): 系统_插件管理

frontend/src/components/pure/ms-alert/index.vue

@@ -1,6 +1,5 @@
 <template>
   <a-alert v-bind="attrs" class="p-4" :class="`arco-alert-${type}`">
-    <span class="float-left mr-3" :class="`arco-icon-${type}`"><icon-info-circle-fill /></span>
     <div>
       <slot name="content"></slot>
     </div>
@@ -22,10 +21,19 @@
     /* stylelint-disable-next-line color-function-notation */
     background-color: rgba(var(--primary-5), 0.1);
   }
-  .arco-icon-primary {
+  .arco-alert-error {
-    color: rgb(var(--primary-5));
+    border-color: rgb(var(--danger-6));
+    /* stylelint-disable-next-line color-function-notation */
+    background-color: rgba(var(--danger-6), 0.1);
   }
-  .arco-icon-error {
+  .arco-alert-warning {
-    color: rgb(rgb(var(--danger-6)));
+    border-color: rgb(var(--warning-6));
+    /* stylelint-disable-next-line color-function-notation */
+    background-color: rgba(var(--warning-6), 0.1);
+  }
+  .arco-alert-success {
+    border-color: rgb(var(--success-6));
+    /* stylelint-disable-next-line color-function-notation */
+    background-color: rgba(var(--success-6), 0.1);
   }
 </style>

frontend/src/router/routes/modules/system.ts

@@ -47,9 +47,15 @@ const System: AppRouteRecordRaw = {
           name: 'settingSystemResourcePool',
           component: () => import('@/views/system/resourcePool/index.vue'),
           meta: {
-            locale: 'menu.settings.system.pluginmanger',
+            locale: 'menu.settings.system.resourcePool',
             roles: ['*'],
             isTopMenu: true,
+            breadcrumbs: [
+              {
+                name: 'settingSystemResourcePool',
+                locale: 'menu.settings.system.resourcePool',
+              },
+            ],
           },
         },
         {
@@ -81,12 +87,6 @@ const System: AppRouteRecordRaw = {
             locale: 'menu.settings.system.pluginmanger',
             roles: ['*'],
             isTopMenu: true,
-            breadcrumbs: [
-              {
-                name: 'settingSystemResourcePool',
-                locale: 'menu.settings.system.pluginmanger',
-              },
-            ],
           },
         },
       ],

frontend/src/views/system/pluginManager/index.vue

@@ -1,7 +1,7 @@
 /* stylelint-disable order/properties-order */
 <template>
   <div>
-    <MSAlert :closable="isClose" :show-icon="showIcon" type="primary">
+    <MSAlert :closable="true" type="primary" :banner="false">
       <template #content>
         <div>
           MeterSphereV2.10LTS版本支持DevOps、API导入、请求、项目管理、协议类型的插件，具体支持插件请
@@ -17,12 +17,8 @@
 </template>
 
 <script setup lang="ts">
-  import { ref } from 'vue';
   import MSAlert from '@/components/pure/ms-alert/index.vue';
   import pluginTable from './components/pluginTable.vue';
-
-  const isClose = ref<boolean>(true);
-  const showIcon = ref<boolean>(false);
 </script>
 
 <style scoped>