7 changed files with 439 additions and 248 deletions
@ -1,53 +0,0 @@ |
|||
<template> |
|||
<div class="m-detail-main"> |
|||
<el-card> |
|||
<div class="steps"> |
|||
<el-steps :active="progress" > |
|||
<!-- description="这是一段很长很长很长的描述性文字" --> |
|||
<el-step title="创建任务" ></el-step> |
|||
<el-step title="正在导入"></el-step> |
|||
<el-step title="导入完成"></el-step> |
|||
</el-steps> |
|||
</div> |
|||
<div style="margin-top: 37px;"> |
|||
<created-task v-if="progress == 1" @handelClickUpload="handelClickUpload" @handelClickBack="handelClickBack"></created-task> |
|||
<execute-task v-if="progress == 2"@handelClickBack="handelClickBack" :fileCode="fileCode"></execute-task> |
|||
<complete-task v-if="progress == 3"@handelClickBack="handelClickBack"></complete-task> |
|||
</div> |
|||
</el-card> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import createdTask from './createdTask.vue' |
|||
import executeTask from './executeTask.vue' |
|||
import completeTask from './completeTask.vue' |
|||
export default { |
|||
data() { |
|||
return { |
|||
progress:1, |
|||
fileCode:null |
|||
}; |
|||
}, |
|||
props: {}, |
|||
created() { |
|||
}, |
|||
methods: { |
|||
handelClickUpload(fileCode){ |
|||
this.progress = 2; |
|||
this.fileCode = fileCode; |
|||
}, |
|||
handelClickBack(){ |
|||
this.$emit('handleClose'); |
|||
}, |
|||
}, |
|||
components: {createdTask,executeTask,completeTask}, |
|||
computed: {}, |
|||
watch: {}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/buttonstyle.scss"; |
|||
@import "@/assets/scss/modules/management/detail-main.scss"; |
|||
@import "@/assets/scss/pages/smartImport.scss"; |
|||
</style> |
|||
|
|||
@ -1,23 +0,0 @@ |
|||
<template> |
|||
<div class=""> |
|||
detail |
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
export default { |
|||
data() { |
|||
return {}; |
|||
}, |
|||
props: { |
|||
}, |
|||
created() {}, |
|||
methods: {}, |
|||
components: {}, |
|||
computed: {}, |
|||
watch: {}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
</style> |
|||
|
|||
@ -1,39 +1,88 @@ |
|||
<template> |
|||
<div class=""> |
|||
<div v-if="pageType == 'add'"> |
|||
<smart-import-add @handleClose="handleClose" @handelClickCloseUpload="handelClickCloseUpload"></smart-import-add> |
|||
<div class="m-detail-main"> |
|||
<el-card> |
|||
<div class="steps"> |
|||
<el-steps :active="progress" > |
|||
<!-- description="这是一段很长很长很长的描述性文字" --> |
|||
<el-step :class="[this.operatorName == null?'showNum':'']" title="创建任务" :description="`${this.operatorName}(${this.createdTime})`" ></el-step> |
|||
<el-step title="正在导入" :description="`导入进度${this.processStatus == 'processing'?this.progressNum:100 }%`"></el-step> |
|||
<el-step title="导入完成"></el-step> |
|||
</el-steps> |
|||
</div> |
|||
<div v-if="pageType == 'detail'"> |
|||
<smart-import-detail></smart-import-detail> |
|||
<div style="margin-top: 37px;"> |
|||
<created-task v-if="progress == 1" @handelClickUpload="handelClickUpload" @handelClickBack="handelClickBack"></created-task> |
|||
<execute-task v-if="progress == 2" @successImport="successImport" @handelClickBack="handelClickBack" @updateProgress="updateProgress" :fileCode="fileCode" :fileCodeP="fileCodeP" @updateoperatorName="updateoperatorName"></execute-task> |
|||
<complete-task v-if="progress == 3"@handelClickBack="handelClickBack" :fileCodeP="fileCodeP" @updateoperatorName="updateoperatorName" :fileCode="fileCode"></complete-task> |
|||
</div> |
|||
</el-card> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import smartImportAdd from "./smartImportAdd"; |
|||
import smartImportDetail from "./smartImportDetail"; |
|||
|
|||
<script> |
|||
import createdTask from './createdTask.vue' |
|||
import executeTask from './executeTask.vue' |
|||
import completeTask from './completeTask.vue' |
|||
export default { |
|||
data() { |
|||
return {}; |
|||
return { |
|||
progress:1, |
|||
fileCode:null, |
|||
progressNum:null, |
|||
createdTime:null, |
|||
operatorName:null |
|||
}; |
|||
}, |
|||
props: { |
|||
pageType: String, |
|||
default: "", |
|||
fileCodeP:{ |
|||
type:String, |
|||
default:null |
|||
}, |
|||
taskId:{ |
|||
type:String, |
|||
default:null |
|||
}, |
|||
processStatus:{ |
|||
type:String, |
|||
default:null |
|||
} |
|||
}, |
|||
created() { |
|||
console.log(this.processStatus); |
|||
if(this.processStatus){ |
|||
this.progress = this.processStatus == 'processing'?2:3 |
|||
} |
|||
}, |
|||
created() {}, |
|||
methods: { |
|||
handleClose(){ |
|||
this.$emit("handleClose"); |
|||
handelClickUpload(fileCode){ |
|||
this.progress = 2; |
|||
this.fileCode = fileCode; |
|||
}, |
|||
handelClickBack(){ |
|||
this.$emit('handleClose'); |
|||
}, |
|||
handelClickCloseUpload(){ |
|||
this.$emit("handelClickCloseUpload"); |
|||
successImport(){ |
|||
this.progress = 3; |
|||
}, |
|||
updateProgress(num){ |
|||
this.progressNum = num; |
|||
}, |
|||
components: {smartImportAdd,smartImportDetail}, |
|||
updateoperatorName({operatorName,createdTime}){ |
|||
this.operatorName = operatorName; |
|||
this.createdTime = createdTime; |
|||
}, |
|||
}, |
|||
components: {createdTask,executeTask,completeTask}, |
|||
computed: {}, |
|||
watch: {}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/buttonstyle.scss"; |
|||
@import "@/assets/scss/modules/management/detail-main.scss"; |
|||
@import "@/assets/scss/pages/smartImport.scss"; |
|||
.showNum{ |
|||
/deep/.el-step__description{ |
|||
display: none; |
|||
} |
|||
} |
|||
</style> |
|||
|
|||
Loading…
Reference in new issue