<template>
    <div class="op-page sms-index-page">
        <div class="oper-btn-panel">
            <Button type="primary" @click="pre" :disabled="current==0">上一步</Button>
            <Button type="primary" @click="next" :disabled="current==3">下一步</Button>
        </div>

        <Steps :current="current">
            <Step title="配置连接信息" content="第一步，根据短信平台提供的对接方式，配置对接短信平台的数据源信息，如果是自定义对接的方式，请执行《下一步》。"></Step>
            <Step title="配置对接参数" content="第二步，根据短信平台对接方式，配置发送短信时所需要的参数信息或扩展包所需要的参数。"></Step>
            <Step title="配置短信模板" content="第三步，配置短信模板信息，模板支持参数替换。"></Step>
            <Step title="配置短信服务" content="第四步，根据所配置好的数据源、对接方式以及模板信息，配置短信对接服务。"></Step>
        </Steps>
        <div v-if="current==0">
            <Divider orientation="left"><router-link to="/base/db-collector">配置数据库连接</router-link></Divider>
            <Divider orientation="left"><router-link to="/base/rest-collector">配置HTTP连接</router-link></Divider>
        </div>
        <div v-if="current==1">
            <Divider orientation="left"> <router-link to="/sms/jdbc">配置数据库对接信息</router-link></Divider>
            <Divider orientation="left"> <router-link to="/sms/rest">配置HTTP对接信息</router-link></Divider>
            <Divider orientation="left"> <router-link to="/sms/vendor">配置自定义对接信息</router-link></Divider>
        </div>
        <div v-if="current==2">
            <Divider orientation="left"> <router-link to="/sms/template">配置短信模板</router-link></Divider>
        </div>
        <div v-if="current==3">
            <Divider orientation="left"><router-link to="/sms/server">配置短信服务</router-link></Divider>
        </div>

    </div>
</template>
<script>
    export default {
        data(){
            return {
                current: 0
            }
        },
        methods: {
            next () {
                if (this.current == 3) {
                   return
                } else {
                    this.current += 1;
                }
            },
            pre(){
                if (this.current == 0) {
                    return
                } else {
                    this.current -= 1;
                }
            }
        }
    }
</script>