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> |
<template> |
||||
<div class=""> |
<div class="m-detail-main"> |
||||
<div v-if="pageType == 'add'"> |
<el-card> |
||||
<smart-import-add @handleClose="handleClose" @handelClickCloseUpload="handelClickCloseUpload"></smart-import-add> |
<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> |
||||
<div v-if="pageType == 'detail'"> |
<div style="margin-top: 37px;"> |
||||
<smart-import-detail></smart-import-detail> |
<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> |
</div> |
||||
|
</el-card> |
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
<script> |
<script> |
||||
import smartImportAdd from "./smartImportAdd"; |
import createdTask from './createdTask.vue' |
||||
import smartImportDetail from "./smartImportDetail"; |
import executeTask from './executeTask.vue' |
||||
|
import completeTask from './completeTask.vue' |
||||
export default { |
export default { |
||||
data() { |
data() { |
||||
return {}; |
return { |
||||
|
progress:1, |
||||
|
fileCode:null, |
||||
|
progressNum:null, |
||||
|
createdTime:null, |
||||
|
operatorName:null |
||||
|
}; |
||||
}, |
}, |
||||
props: { |
props: { |
||||
pageType: String, |
fileCodeP:{ |
||||
default: "", |
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: { |
methods: { |
||||
handleClose(){ |
handelClickUpload(fileCode){ |
||||
this.$emit("handleClose"); |
this.progress = 2; |
||||
|
this.fileCode = fileCode; |
||||
|
}, |
||||
|
handelClickBack(){ |
||||
|
this.$emit('handleClose'); |
||||
}, |
}, |
||||
handelClickCloseUpload(){ |
successImport(){ |
||||
this.$emit("handelClickCloseUpload"); |
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: {}, |
computed: {}, |
||||
watch: {}, |
watch: {}, |
||||
}; |
}; |
||||
</script> |
</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> |
</style> |
||||
|
|
||||
Loading…
Reference in new issue