diff --git a/frontend/src/views/api-test/scenario/components/assertion.vue b/frontend/src/views/api-test/scenario/components/assertion.vue
index 1a46d3c6dd..69ddbf5f9d 100644
--- a/frontend/src/views/api-test/scenario/components/assertion.vue
+++ b/frontend/src/views/api-test/scenario/components/assertion.vue
@@ -1,7 +1,15 @@
 <template>
-  <div> assertion </div>
+  <assertion v-model:params="assertions" :is-definition="false" :assertion-config="assertionConfig" />
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+  import assertion from '@/components/business/ms-assertion/index.vue';
+
+  const assertions = ref([]);
+  const assertionConfig = ref({
+    enableGlobal: false,
+    assertions: [],
+  });
+</script>
 
 <style lang="less" scoped></style>
diff --git a/frontend/src/views/api-test/scenario/components/params.vue b/frontend/src/views/api-test/scenario/components/params.vue
index fba35ce946..5ec3cdcd7c 100644
--- a/frontend/src/views/api-test/scenario/components/params.vue
+++ b/frontend/src/views/api-test/scenario/components/params.vue
@@ -4,11 +4,11 @@
       {{ t('apiScenario.params.priority') }}
     </a-alert>
   </div>
-  <div class="mb-[16px]">
+  <!--  <div class="mb-[16px]">
     <a-radio-group v-model="activeRadio" type="button" size="medium">
       <a-radio value="convention">{{ t('apiScenario.params.convention') }}</a-radio>
     </a-radio-group>
-  </div>
+  </div>-->
   <div class="mb-[16px] flex items-center justify-between">
     <a-input-search
       v-model="searchValue"
diff --git a/frontend/src/views/api-test/scenario/components/prePost.vue b/frontend/src/views/api-test/scenario/components/prePost.vue
index db64ae0beb..459fd74b8d 100644
--- a/frontend/src/views/api-test/scenario/components/prePost.vue
+++ b/frontend/src/views/api-test/scenario/components/prePost.vue
@@ -1,7 +1,35 @@
 <template>
-  <div> prePost </div>
+  <div class="condition">
+    <div>
+      <precondition v-model:config="preProcessorConfig" :is-definition="false" />
+    </div>
+    <a-divider class="my-[8px]" type="dashed" />
+    <div>
+      <postcondition v-model:config="postProcessorConfig" :is-definition="false" :layout="activeLayout" />
+    </div>
+  </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+  import postcondition from '@/views/api-test/components/requestComposition/postcondition.vue';
+  import precondition from '@/views/api-test/components/requestComposition/precondition.vue';
 
-<style lang="less" scoped></style>
+  const activeLayout = ref<'horizontal' | 'vertical'>('vertical');
+  const preProcessorConfig = ref({
+    enableGlobal: false,
+    processors: [],
+  });
+  const postProcessorConfig = ref({
+    enableGlobal: false,
+    processors: [],
+  });
+</script>
+
+<style lang="less" scoped>
+  .condition {
+    flex-shrink: 0;
+    width: 100%;
+    height: 700px;
+    overflow: overlay;
+  }
+</style>
diff --git a/frontend/src/views/api-test/scenario/components/setting.vue b/frontend/src/views/api-test/scenario/components/setting.vue
index 8c32680165..6e768b5674 100644
--- a/frontend/src/views/api-test/scenario/components/setting.vue
+++ b/frontend/src/views/api-test/scenario/components/setting.vue
@@ -1,7 +1,13 @@
 <template>
-  <div> setting </div>
+  <setting v-model:params="otherConfig" />
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+  import setting from '@/views/api-test/components/requestComposition/setting.vue';
+
+  import { ExecuteOtherConfig } from '@/models/apiTest/common';
+
+  const otherConfig = ref({} as ExecuteOtherConfig);
+</script>
 
 <style lang="less" scoped></style>