feat: 详情组件， 实例文件

src/views/steps/step/Step1.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    步骤1
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+
+onMounted(()=>{
+  console.log('步骤一挂载');
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/steps/step/Step2.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    步骤2
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+
+onMounted(()=>{
+  console.log('步骤一挂载');
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/steps/step/Step3.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    步骤1
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+
+onMounted(()=>{
+  console.log('步骤一挂载');
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/steps/step/Step4.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    步骤1
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+
+onMounted(()=>{
+  console.log('步骤一挂载');
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/steps/step/Step5.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    步骤1
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+
+onMounted(()=>{
+  console.log('步骤1-5挂载');
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/steps/step/index.vue

@@ -0,0 +1,39 @@
+<template>
+  <steps :stepList="stepList" :stepSuccess="[0,1]"></steps>
+</template>
+
+<script setup lang="jsx">
+import { reactive, shallowRef } from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+import Step1 from './Step1.vue'
+import Step2 from './Step2.vue'
+import Step3 from './Step3.vue'
+import Step4 from './Step4.vue'
+import Step5 from './Step5.vue'
+const stepList = reactive([
+  {
+    key: 'collect',
+    component: markRaw(Step1)
+  },
+  {
+    key: 'report',
+    component: markRaw(Step2)
+  },
+  {
+    key: 'approve',
+    component: markRaw(Step3)
+  },
+  {
+    key: 'execute',
+    component: markRaw(Step4)
+  },
+  {
+    key: 'archivist',
+    component: markRaw(Step5)
+  },
+])
+</script>
+
+<style lang="scss" scoped>
+
+</style>