fix: docker 状态判断逻辑修改 (#1073)

frontend/src/api/interface/container.ts

@@ -247,11 +247,6 @@ export namespace Container {
     export interface DaemonJsonUpdateByFile {
         file: string;
     }
-    export interface DockerOperate {
-        stopSocket: boolean;
-        stopService: boolean;
-        operation: string;
-    }
     export interface DaemonJsonConf {
         isSwarm: boolean;
         status: string;

frontend/src/api/modules/container.ts

@@ -130,8 +130,8 @@ export const composeUpdate = (params: Container.ComposeUpdate) => {
 };
 
 // docker
-export const dockerOperate = (params: Container.DockerOperate) => {
-    return http.post(`/containers/docker/operate`, params);
+export const dockerOperate = (operation: string) => {
+    return http.post(`/containers/docker/operate`, { operation: operation });
 };
 export const loadDaemonJson = () => {
     return http.get<Container.DaemonJsonConf>(`/containers/daemonjson`);

frontend/src/lang/modules/en.ts

@@ -565,10 +565,7 @@ const message = {
         composeOperatorHelper: '{1} operation will be performed on {0}. Do you want to continue?',
 
         setting: 'Setting',
-        stopHelper: 'docker service includes docker.service and docker.socket: ',
-        stopHelper2:
-            'When docker.service is stopped, Docker.socket will keep listening state. When docker command request is listened, The docker.service will be pulled up again.',
-        stopHelper3: 'Stopping docker.socket will make the docker.service service unavailable',
+        operatorStatusHelper: 'This action will {0} Docker service, do you want to continue?',
         dockerStatus: 'Docker Service',
         daemonJsonPathHelper: 'Ensure that the configuration path is the same as that specified in docker.service.',
         mirrors: 'Registry mirrors',

frontend/src/lang/modules/zh.ts

@@ -580,10 +580,7 @@ const message = {
         composeOperatorHelper: '将对 {0} 进行 {1} 操作，是否继续？',
 
         setting: '配置',
-        stopHelper: 'docker 服务包括 docker.service 和 docker.socket 两部分: ',
-        stopHelper2:
-            '停止 docker.service 时 docker.socket 将保持监听状态，当监听到 docker 命令请求时，会将 docker.service 重新拉起。',
-        stopHelper3: '停止 docker.socket 将导致 docker.service 服务不可用',
+        operatorStatusHelper: '此操作将{0}Docker 服务，是否继续？',
         dockerStatus: 'Docker 服务',
         daemonJsonPathHelper: '请保证配置路径与 docker.service 中指定的配置路径保持一致。',
         mirrors: '镜像加速',

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

@@ -119,24 +119,6 @@
             </template>
         </LayoutContent>
 
-        <el-dialog v-model="stopVisiable" :title="$t('app.checkTitle')" width="50%" :destroy-on-close="true">
-            <el-alert :closable="false">
-                {{ $t('container.stopHelper') }}
-                <li>{{ $t('container.stopHelper2') }}</li>
-                <li>{{ $t('container.stopHelper3') }}</li>
-            </el-alert>
-            <div style="margin-top: 10px">
-                <el-checkbox v-model="stopService" label="docker.service" />
-            </div>
-            <div class="stopCheckbox"><el-checkbox v-model="stopSocket" label="docker.socket" /></div>
-            <template #footer>
-                <span class="dialog-footer">
-                    <el-button @click="stopVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
-                    <el-button type="primary" @click="submitStop">{{ $t('commons.button.confirm') }}</el-button>
-                </span>
-            </template>
-        </el-dialog>
-
         <el-dialog
             v-model="iptablesVisiable"
             :title="$t('container.iptablesDisable')"
@@ -165,7 +147,7 @@
 </template>
 
 <script lang="ts" setup>
-import { FormInstance } from 'element-plus';
+import { ElMessageBox, FormInstance } from 'element-plus';
 import { onMounted, reactive, ref } from 'vue';
 import { Codemirror } from 'vue-codemirror';
 import LayoutContent from '@/layout/layout-content.vue';
@@ -202,10 +184,6 @@ const formRef = ref<FormInstance>();
 const dockerConf = ref();
 const confirmDialogRef = ref();
 
-const stopVisiable = ref();
-const stopSocket = ref();
-const stopService = ref();
-
 const iptablesVisiable = ref();
 
 const onSave = async (formEl: FormInstance | undefined) => {
@@ -246,46 +224,27 @@ const onSaveIptables = (status: boolean) => {
 };
 
 const onOperator = async (operation: string) => {
-    if (operation === 'stop') {
-        stopVisiable.value = true;
-        return;
-    }
-    let param = {
-        stopService: false,
-        stopSocket: false,
-        operation: operation,
-    };
-    loading.value = true;
-    await dockerOperate(param)
-        .then(() => {
-            loading.value = false;
-            search();
-            changeMode();
-            MsgSuccess(i18n.global.t('commons.msg.operationSuccess'));
-        })
-        .catch(() => {
-            loading.value = false;
-        });
-};
-
-const submitStop = async () => {
-    let param = {
-        stopService: stopService.value,
-        stopSocket: stopSocket.value,
-        operation: 'stop',
-    };
-    loading.value = true;
-    await dockerOperate(param)
-        .then(() => {
-            loading.value = false;
-            stopVisiable.value = false;
-            search();
-            changeMode();
-            MsgSuccess(i18n.global.t('commons.msg.operationSuccess'));
-        })
-        .catch(() => {
-            loading.value = false;
-        });
+    ElMessageBox.confirm(
+        i18n.global.t('container.operatorStatusHelper', [i18n.global.t('commons.button.' + operation)]),
+        i18n.global.t('commons.table.operate'),
+        {
+            confirmButtonText: i18n.global.t('commons.button.confirm'),
+            cancelButtonText: i18n.global.t('commons.button.cancel'),
+            type: 'info',
+        },
+    ).then(async () => {
+        loading.value = true;
+        await dockerOperate(operation)
+            .then(() => {
+                loading.value = false;
+                search();
+                changeMode();
+                MsgSuccess(i18n.global.t('commons.msg.operationSuccess'));
+            })
+            .catch(() => {
+                loading.value = false;
+            });
+    });
 };
 
 const onSubmitSave = async () => {