项目Form更新

This commit is contained in:
Yuanjianghong 2021-11-20 14:14:59 +08:00
parent 0265c7103d
commit cceaa92f8f
3 changed files with 38 additions and 20 deletions

View File

@ -74,7 +74,7 @@ export default {
data() { data() {
return { return {
// //
queryParam: {}, queryParam: this.$route.query.queryParam || {},
// //
columns: [ columns: [
{ title: '序号', key: 'id', dataIndex: 'id', width: 60, scopedSlots: { customRender: 'serial' } }, { title: '序号', key: 'id', dataIndex: 'id', width: 60, scopedSlots: { customRender: 'serial' } },

View File

@ -11,13 +11,13 @@
<a-step :title="this.result ? '完成' : '失败'" /> <a-step :title="this.result ? '完成' : '失败'" />
</a-steps> </a-steps>
<div class="content"> <div class="content">
<keep-alive> <keep-alive exclude="result">
<step1 v-if="currentTab === 0" @nextStep="nextStep" /> <step1 v-if="currentTab === 0" :projectForm="form" @nextStep="nextStep" />
<step2 v-if="currentTab === 1" @nextStep="nextStep" @prevStep="prevStep" /> <step2 v-if="currentTab === 1" :projectForm="form" @nextStep="nextStep" @prevStep="prevStep" />
<step3 v-if="currentTab === 2" @nextStep="nextStep" @prevStep="prevStep" /> <step3 v-if="currentTab === 2" :projectForm="form" @nextStep="nextStep" @prevStep="prevStep" />
<step4 v-if="currentTab === 3" @nextStep="nextStep" @prevStep="prevStep" /> <step4 v-if="currentTab === 3" :projectForm="form" @nextStep="nextStep" @prevStep="prevStep" />
<step5 v-if="currentTab === 4" @prevStep="prevStep" @executeSave="executeSave" @executeIssue="executeIssue" /> <step5 v-if="currentTab === 4" :projectForm="form" @prevStep="prevStep" @executeSave="executeSave" @executeIssue="executeIssue" />
<result v-if="currentTab === 8" @nextStep="nextStep" /> <result v-if="currentTab === 5" :projectForm="form" @nextStep="nextStep" :projectSaveStatus="status"/>
</keep-alive> </keep-alive>
</div> </div>
</a-card> </a-card>
@ -60,6 +60,7 @@ export default {
type: '', type: '',
form: {}, form: {},
result: true, result: true,
status: '',
} }
}, },
methods: { methods: {
@ -81,7 +82,8 @@ export default {
executeSave(childValue) { executeSave(childValue) {
console.log('保存项目', childValue) console.log('保存项目', childValue)
if (true) { if (true) {
this.currentTab = 8 this.status = 'success'
this.currentTab = 5
} }
}, },
@ -89,7 +91,8 @@ export default {
executeIssue(childValue) { executeIssue(childValue) {
console.log('保存并发布项目', childValue) console.log('保存并发布项目', childValue)
if (true) { if (true) {
this.currentTab = 8 this.status = 'error'
this.currentTab = 5
this.result = false this.result = false
} }
}, },

View File

@ -1,6 +1,9 @@
<template> <template>
<a-result :status="projectSaveStatus" :title="title" :sub-title="description"> <a-result :status="projectSaveStatus" :title="projectSaveStatus" :sub-title="description">
<p>{{ this.description }}</p> <template #extra>
<a-button type="primary" @click="toPrev">返回修改</a-button>
<a-button type="primary" @click="toProjectList">去列表页</a-button>
</template>
</a-result> </a-result>
</template> </template>
@ -12,17 +15,17 @@ export default {
// import使 // import使
components: {}, components: {},
props: { props: {
projectSaveStatus: { projectSaveStatus: {
type: String, type: String,
default: 'success' default: 'success',
} },
}, },
data() { data() {
// //
return { return {
// status: 'success', // status: 'success',
title: '成华大道', // title: '',
description: '走成华大道到二仙桥', description: '请返回列表中查看',
} }
}, },
// data // data
@ -30,7 +33,19 @@ export default {
// data // data
watch: {}, watch: {},
// //
methods: {}, methods: {
toPrev(){
// this.$emit('prevStep',this.selectedRowKeys)
console.log('结果页返回修改')
this.$emit('prevStep', { tab: 1 })
},
toProjectList() {
this.$router.push({
path: '/project/list',
query: {projectPageNum: 1,},
})
},
},
// - 访this // - 访this
created() {}, created() {},
// - 访DOM // - 访DOM