fix: align compose partial status actions (#12239)

Refs #12232

frontend/src/components/status/index.vue

@@ -78,6 +78,7 @@ const getType = (status: string) => {
         case 'removing':
         case 'deleted':
         case 'conflict':
+        case 'partial':
             return 'warning';
         case 'duplicate':
         case 'unexecuted':

frontend/src/lang/modules/en.ts

@@ -313,6 +313,7 @@ const message = {
             removing: 'Removing',
             paused: 'Paused',
             exited: 'Exited',
+            partial: 'Partial',
             dead: 'Dead',
             installing: 'Installing',
             enabled: 'Enabled',

frontend/src/lang/modules/es-es.ts

@@ -317,6 +317,7 @@ const message = {
             removing: 'Eliminando',
             paused: 'Pausado',
             exited: 'Finalizado',
+            partial: 'Parcial',
             dead: 'Muerto',
             installing: 'Instalando',
             enabled: 'Habilitado',

frontend/src/lang/modules/ja.ts

@@ -312,6 +312,7 @@ const message = {
             removing: '削除',
             paused: '一時停止',
             exited: '終了',
+            partial: '一部稼働',
             dead: '死んだ',
             installing: 'インストール',
             enabled: '有効になっています',

frontend/src/lang/modules/ko.ts

@@ -308,6 +308,7 @@ const message = {
             removing: '제거 중',
             paused: '일시 중지',
             exited: '종료됨',
+            partial: '부분 실행',
             dead: '중단됨',
             installing: '설치 중',
             enabled: '활성화됨',

frontend/src/lang/modules/ms.ts

@@ -317,6 +317,7 @@ const message = {
             removing: 'Sedang Membuang',
             paused: 'Dijeda',
             exited: 'Keluar',
+            partial: 'Separa',
             dead: 'Mati',
             installing: 'Sedang Memasang',
             enabled: 'Diaktifkan',

frontend/src/lang/modules/pt-br.ts

@@ -312,6 +312,7 @@ const message = {
             removing: 'Removendo',
             paused: 'Pausado',
             exited: 'Finalizado',
+            partial: 'Parcial',
             dead: 'Morto',
             installing: 'Instalando',
             enabled: 'Habilitado',

frontend/src/lang/modules/ru.ts

@@ -309,6 +309,7 @@ const message = {
             removing: 'Удаление',
             paused: 'Приостановлен',
             exited: 'Вышел',
+            partial: 'Частично',
             dead: 'Мертв',
             installing: 'Установка',
             enabled: 'Включен',

frontend/src/lang/modules/tr.ts

@@ -314,6 +314,7 @@ const message = {
             removing: 'Kaldırılıyor',
             paused: 'Duraklatıldı',
             exited: 'Çıkıldı',
+            partial: 'Kısmi',
             dead: 'Ölü',
             installing: 'Yükleniyor',
             enabled: 'Etkinleştirildi',

frontend/src/lang/modules/zh-Hant.ts

@@ -295,6 +295,7 @@ const message = {
             removing: '移除中',
             paused: '已暫停',
             exited: '已停止',
+            partial: '部分啟動',
             dead: '已結束',
             installing: '安裝中',
             enabled: '已啟用',

frontend/src/lang/modules/zh.ts

@@ -282,6 +282,7 @@ const message = {
             removing: '移除中',
             paused: '已暂停',
             exited: '已停止',
+            partial: '部分启动',
             dead: '已结束',
             installing: '安装中',
             enabled: '已启用',

frontend/src/views/container/compose/index.vue

@@ -72,20 +72,14 @@
                                             </div>
                                             <div class="compose-actions">
                                                 <el-dropdown placement="bottom">
-                                                    <Status
-                                                        v-if="row.containerCount === row.runningCount"
-                                                        status="running"
-                                                        :operate="true"
-                                                    />
-                                                    <Status
-                                                        v-if="row.runningCount === 0"
-                                                        status="exited"
-                                                        :operate="true"
-                                                    />
+                                                    <Status :status="getComposeStatus(row)" :operate="true" />
                                                     <template #dropdown>
                                                         <el-dropdown-menu>
                                                             <el-dropdown-item
-                                                                :disabled="row.containerCount === row.runningCount"
+                                                                :disabled="
+                                                                    row.containerCount === row.runningCount &&
+                                                                    row.runningCount > 0
+                                                                "
                                                                 @click="handleComposeOperate('up', row)"
                                                             >
                                                                 {{ $t('commons.operate.start') }}
@@ -561,6 +555,16 @@ const loadFrom = (row: any) => {
     }
 };
 
+const getComposeStatus = (row: { containerCount: number; runningCount: number }) => {
+    if (row.runningCount === 0) {
+        return 'exited';
+    }
+    if (row.containerCount === row.runningCount) {
+        return 'running';
+    }
+    return 'partial';
+};
+
 const loadTableHeight = () => {
     if (currentCompose.value?.createdBy === '1Panel') {
         return `calc(100vh - 120px)`;