From 3c745cfb2cb951e1668ca868cc5109d82b364290 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <1paneldev@sina.com>
Date: Mon, 13 Oct 2025 13:45:42 +0800
Subject: [PATCH] style: change process management style

---
 frontend/src/views/app-store/installed/detail/index.vue | 4 ++--
 frontend/src/views/host/process/network/index.vue       | 2 +-
 frontend/src/views/host/process/process/index.vue       | 7 ++++---
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/app-store/installed/detail/index.vue b/frontend/src/views/app-store/installed/detail/index.vue
index 85a7c36e768b..d455ad9e15d4 100644
--- a/frontend/src/views/app-store/installed/detail/index.vue
+++ b/frontend/src/views/app-store/installed/detail/index.vue
@@ -1,7 +1,7 @@
 <template>
     <DrawerPro v-model="open" :header="$t('app.param')" @close="handleClose" size="normal">
         <template #buttons>
-            <el-button type="primary" plain @click="editParam" :disabled="loading">
+            <el-button type="primary" plain @click="editParam" :disabled="loading" :icon="edit ? '' : 'Edit'">
                 {{ edit ? $t('app.detail') : $t('commons.button.edit') }}
             </el-button>
         </template>
@@ -11,7 +11,7 @@
                     <span v-if="!openConfig">
                         {{ appConfigUpdate.webUI }}
                         <el-button size="small" @click="openConfig = true">
-                            {{ $t('commons.button.edit') }}
+                            {{ $t('container.custom') }}
                         </el-button>
                     </span>
                     <span class="flex" v-else>
diff --git a/frontend/src/views/host/process/network/index.vue b/frontend/src/views/host/process/network/index.vue
index 7873e0086119..4133ccbf8854 100644
--- a/frontend/src/views/host/process/network/index.vue
+++ b/frontend/src/views/host/process/network/index.vue
@@ -13,7 +13,7 @@
                         collapse-tags-tooltip
                         :max-collapse-tags="2"
                         @change="search()"
-                        class="p-w-400"
+                        class="p-w-300"
                     >
                         <el-option
                             v-for="item in statusOptions"
diff --git a/frontend/src/views/host/process/process/index.vue b/frontend/src/views/host/process/process/index.vue
index d67466410235..081554e021a2 100644
--- a/frontend/src/views/host/process/process/index.vue
+++ b/frontend/src/views/host/process/process/index.vue
@@ -9,7 +9,7 @@
                         :placeholder="$t('commons.table.status')"
                         clearable
                         @change="search()"
-                        class="p-w-400"
+                        class="p-w-300"
                         multiple
                         collapse-tags
                         collapse-tags-tooltip
@@ -114,6 +114,8 @@ const columns = ref([
         title: 'PID',
         dataKey: 'PID',
         width: 120,
+        sortable: true,
+        sortMethod: sortByNum,
     },
     {
         key: 'name',
@@ -126,7 +128,6 @@ const columns = ref([
         title: i18n.global.t('process.ppid'),
         dataKey: 'PPID',
         width: 120,
-        sortable: true,
     },
     {
         key: 'numThreads',
@@ -190,7 +191,7 @@ const columns = ref([
         key: 'actions',
         title: i18n.global.t('commons.table.operate'),
         dataKey: 'actions',
-        width: 200,
+        width: 300,
         cellRenderer: ({ rowData }) => {
             return h('div', { class: 'action-buttons' }, [
                 h(