You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.9 KiB
Vue
68 lines
1.9 KiB
Vue
6 years ago
|
<template>
|
||
|
|
<Modal v-model="useModal" @on-cancel="cancel" width="1000">
|
||
|
|
<Steps style="padding: 40px;" :current="currentStep">
|
||
|
|
<Step title="基本信息" content=""></Step>
|
||
|
|
<Step title="选择零售公司" content=""></Step>
|
||
|
|
<Step title="选择店铺" content=""></Step>
|
||
|
|
<Step title="确认信息" content=""></Step>
|
||
|
|
</Steps>
|
||
|
|
<useActivityStepOne v-if="currentStep==0"></useActivityStepOne>
|
||
|
|
<useActivityStepTwo v-if="currentStep==1"></useActivityStepTwo>
|
||
|
|
<useActivityStepThree v-if="currentStep==2"></useActivityStepThree>
|
||
|
|
<useActivityStepFoure v-if="currentStep==3"></useActivityStepFoure>
|
||
|
|
<div slot="footer">
|
||
|
|
<Button v-if="currentStep!==0" type="primary" shape="circle" :loading="modal_loading" @click="back">上一步</Button>
|
||
|
|
<Button v-if="currentStep!==3" type="primary" shape="circle" :loading="modal_loading" @click="next">下一步</Button>
|
||
|
|
<Button v-if="currentStep==3" type="primary" shape="circle" :loading="modal_loading" @click="finish">完成</Button>
|
||
|
|
</div>
|
||
|
|
</Modal>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import useActivityStepOne from './useActivityStepOne'
|
||
|
|
import useActivityStepTwo from './useActivityStepTwo'
|
||
|
|
import useActivityStepThree from './useActivityStepThree'
|
||
|
|
import useActivityStepFoure from './useActivityStepFoure'
|
||
|
|
export default {
|
||
|
|
name: "useTable",
|
||
|
|
components: {
|
||
|
|
useActivityStepOne,
|
||
|
|
useActivityStepTwo,
|
||
|
|
useActivityStepThree,
|
||
|
|
useActivityStepFoure
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
currentStep: 0,
|
||
|
|
modal_loading: false,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
useModal: Boolean
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
useModal(val) {
|
||
|
|
this.useModal = val
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
console.log(this.useModal)
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
cancel() {
|
||
|
|
this.$emit("dispalyuseModal", false, false)
|
||
|
|
},
|
||
|
|
next() {
|
||
|
|
this.currentStep = this.currentStep + 1
|
||
|
|
},
|
||
|
|
back() {
|
||
|
|
this.currentStep = this.currentStep - 1
|
||
|
|
},
|
||
|
|
finish() {
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
</style>
|