项目form表单更新

src/views/project/ProjectStepForm.vue

@@ -8,14 +8,17 @@
       <a-step title="选择课程" />
       <a-step title="选择人员" />
       <a-step title="组卷策略" />
-      <a-step title="完成" />
+      <a-step :title="this.result ? '完成' : '失败'" />
     </a-steps>
     <div class="content">
+      <keep-alive>
         <step1 v-if="currentTab === 0" @nextStep="nextStep" />
         <step2 v-if="currentTab === 1" @nextStep="nextStep" @prevStep="prevStep" />
         <step3 v-if="currentTab === 2" @nextStep="nextStep" @prevStep="prevStep" />
         <step4 v-if="currentTab === 3" @nextStep="nextStep" @prevStep="prevStep" />
-        <step5 v-if="currentTab === 4" @prevStep="prevStep" @finish="finish" />
+        <step5 v-if="currentTab === 4" @prevStep="prevStep" @executeSave="executeSave" @executeIssue="executeIssue" />
+        <result v-if="currentTab === 8" @nextStep="nextStep" />
+      </keep-alive>
     </div>
   </a-card>
 </template>
@@ -25,6 +28,9 @@ import Step1 from './form/ProjectForm'
 import Step2 from './form/ProjectUnitSelect'
 import Step3 from './form/ProjectCourseList'
 import Step4 from './form/ProjectPersonForm'
+import step5 from './form/ProjectTestPaperFormationStrategy'
+import result from './form/Result'
+
 
 export default {
   components: {
@@ -32,7 +38,10 @@ export default {
     Step2,
     Step3,
     Step4,
+    step5,
+    result,
   },
+
   data() {
     return {
       title: '',
@@ -50,6 +59,7 @@ export default {
       confirmLoading: false,
       type: '',
       form: {},
+      result: true,
     }
   },
   methods: {
@@ -67,12 +77,28 @@ export default {
       this.formLoading = false
     },
 
-    // handler
+    //保存项目
+    executeSave(childValue) {
+      console.log('保存项目', childValue)
+      if (true) {
+        this.currentTab = 8
+      }
+    },
+
+    //保存并发布项目
+    executeIssue(childValue) {
+      console.log('保存并发布项目', childValue)
+      if (true) {
+        this.currentTab = 8
+        this.result = false
+      }
+    },
+
     //下一步
     nextStep(childValue) {
       console.log('进入下一步', childValue)
       if (this.currentTab < 5) {
-        this.form = childValue;
+        this.form = childValue
         this.currentTab += 1
       }
     },
@@ -84,6 +110,7 @@ export default {
         this.currentTab -= 1
       }
     },
+
     finish() {
       this.currentTab = 0
     },

src/views/project/form/ProjectPersonForm.vue

@@ -90,8 +90,6 @@ export default {
       defaultExpandedKeys: [],
       selectedRowKeys: [],
       selectedRows: [],
-      keyData: [], //不动的key列表
-      rowsData: [], //不动的数据列表
       orgTree: [],
       orgId: '',
       orgType: 1,
@@ -120,11 +118,11 @@ export default {
   methods: {
     //下一步
     toNext() {
-      this.$emit('nextStep')
+      this.$emit('nextStep',this.selectedRowKeys)
     },
     //上一步
     toPrev() {
-      this.$emit('prevStep')
+      this.$emit('prevStep',this.selectedRowKeys)
     },
 
     /** 表格行选中后触发 */

src/views/project/form/ProjectTestPaperFormationStrategy.vue

@@ -0,0 +1,62 @@
+<template>
+  <div>
+    <a-card :bordered="false">
+      <p>hahahahhahahahahhahahah</p>
+    </a-card>
+
+    <a-card :bordered="false">
+      <p>ppppppsdapppsdapppp</p>
+    </a-card>
+    <a-button type="primary" @click="toSave">保 存</a-button>
+    <a-button type="primary" @click="toIssue">发 布</a-button>
+    <a-button type="primary" @click="toPrev">上一步</a-button>
+  </div>
+</template>
+
+<script>
+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+// 例如：import 《组件名称》 from '《组件路径》'
+
+export default {
+  // import引入的组件需要注入到对象中才能使用
+  components: {},
+  props: {},
+  data() {
+    // 这里存放数据
+    return {}
+  },
+  // 计算属性 类似于data概念
+  computed: {},
+  // 监控data中的数据变化
+  watch: {},
+  // 方法集合
+  methods: {
+    //保存
+    toSave() { this.$emit('executeSave') },
+    //发布
+    toIssue(){ this.$emit("executeIssue") },
+    //上一步
+    toPrev() { this.$emit('prevStep') },
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  created() {},
+  // 生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {},
+  // 生命周期 - 创建之前
+  beforeCreate() {},
+  // 生命周期 - 挂载之前
+  beforeMount() {},
+  // 生命周期 - 更新之前
+  beforeUpdate() {},
+  // 生命周期 - 更新之后
+  updated() {},
+  // 生命周期 - 销毁之前
+  beforeDestroy() {},
+  // 生命周期 - 销毁完成
+  destroyed() {},
+  // 如果页面有keep-alive缓存功能，这个函数会触发
+  activated() {},
+}
+</script>
+<style scoped>
+</style>

src/views/project/form/Result.vue

@@ -0,0 +1,55 @@
+<template>
+  <a-result :status="projectSaveStatus" :title="title" :sub-title="description">
+    <p>{{ this.description }}</p>
+  </a-result>
+</template>
+
+<script>
+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+// 例如：import 《组件名称》 from '《组件路径》'
+
+export default {
+  // import引入的组件需要注入到对象中才能使用
+  components: {},
+  props: {
+      projectSaveStatus: {
+          type: String,
+          default: 'success'
+      }
+  },
+  data() {
+    // 这里存放数据
+    return {
+    //   status: 'success',
+      title: '成华大道',
+      description: '走成华大道到二仙桥',
+    }
+  },
+  // 计算属性 类似于data概念
+  computed: {},
+  // 监控data中的数据变化
+  watch: {},
+  // 方法集合
+  methods: {},
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  created() {},
+  // 生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {},
+  // 生命周期 - 创建之前
+  beforeCreate() {},
+  // 生命周期 - 挂载之前
+  beforeMount() {},
+  // 生命周期 - 更新之前
+  beforeUpdate() {},
+  // 生命周期 - 更新之后
+  updated() {},
+  // 生命周期 - 销毁之前
+  beforeDestroy() {},
+  // 生命周期 - 销毁完成
+  destroyed() {},
+  // 如果页面有keep-alive缓存功能，这个函数会触发
+  activated() {},
+}
+</script>
+<style scoped>
+</style>