diff --git a/src/modules/13_salary/components/SalaryLists/ProcessStep.vue b/src/modules/13_salary/components/SalaryLists/ProcessStep.vue
new file mode 100644
index 000000000..ad84719df
--- /dev/null
+++ b/src/modules/13_salary/components/SalaryLists/ProcessStep.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { ref } from "vue";
+</script>
+
+<template>
+  <div class="q-pa-md">process</div>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/modules/13_salary/views/salaryLists.vue b/src/modules/13_salary/views/salaryLists.vue
index 21ceff33a..50d45b56e 100644
--- a/src/modules/13_salary/views/salaryLists.vue
+++ b/src/modules/13_salary/views/salaryLists.vue
@@ -3,6 +3,7 @@ import { onMounted, ref, computed, nextTick } from "vue";
 import { useQuasar } from "quasar";
 import config from "@/app.config";
 import http from "@/plugins/http";
+import ProcessStep from "@/modules/13_salary/components/SalaryLists/ProcessStep.vue";
 
 /** importType*/
 import type {
@@ -386,6 +387,11 @@ onMounted(async () => {
       </div>
     </q-card>
   </q-card>
+
+  <q-card flat bordered class="row col-12 q-mt-xs">
+    <ProcessStep />
+  </q-card>
+
   <!-- </q-card> -->
 </template>