diff --git a/src/web/src/pages/main/contents/notification/TaskDigestionStepTakeOut.vue b/src/web/src/pages/main/contents/notification/TaskDigestionStepTakeOut.vue
new file mode 100644
index 0000000..cacdad7
--- /dev/null
+++ b/src/web/src/pages/main/contents/notification/TaskDigestionStepTakeOut.vue
@@ -0,0 +1,42 @@
+<template>
+  <a-modal v-if="enable" v-model:open="enable" title="取出试管架"
+    :closable="false"
+    :mask-closable="false"
+  >
+    <p>请取出试管架， 取出后后请点击 “确定” 按钮以继续。</p>
+    <template #footer>
+      <a-button type="primary" @click="actionOk">确定</a-button>
+    </template>
+  </a-modal>
+</template>
+<script setup>
+import { onMounted, ref } from 'vue';
+import { useAppStore } from '@/stores/AppStore';
+import ApiClient from '@/utils/ApiClient';
+/** @var {AppStore} */
+const appStore = useAppStore();
+/** @var {Ref<boolean>} */
+const enable = ref(false);
+/** @var {string} */
+let taskId = null;
+// on mounted
+onMounted(mounted);
+
+// mounted
+function mounted() {
+    appStore.registerNotificationHandler('TaskDigestionStepTakeOut', handleTaskDigestionStepTakeOut);
+}
+
+// handle TaskStartResetErrorTubeRackPutIn
+function handleTaskDigestionStepTakeOut( task ) {
+    taskId = task;
+    enable.value = true;
+}
+
+// action ok
+async function actionOk() {
+    enable.value = false;
+    let client = ApiClient.getClient();
+    await client.taskStepActionExecute(taskId, "Done");
+}
+</script>
\ No newline at end of file