2021-08-17element 步骤图

<template>

    <div class="myaqlDeploy">

        <div class="deplouTitle" style="margin-top:3%;margin-bottom:4%">

            <span style="margin-left:6%">申请人:<span>崔牛皮</span></span>

            <span style="margin-left:8%">申请时间:</span><span>2021/8/17</span>

            <span></span>

        </div>

        <div class="deployBox">

            <el-steps align-center :active="active " show-icon finish-status="success">

                <el-step title="提交证件资料"></el-step>

                <el-step title="绑定对公账户"></el-step>

                <el-step title="打款验证"></el-step>

                <el-step title="实名审核"></el-step>

            </el-steps>

            <div class="basicInfo" v-if="active === 0">

                <el-container>

                    <el-main>

                        <el-row class="substance">

                            <h4>资料准备：</h4>

                            <p>1.统一社会信用代码证；</p>

                            <p>2.企业法人身份证件；</p>

                            <p>3.管理员身份证件：即当前经办人员身份证件，管理员与企业法人不是同一人时，需提供管理员身份证件，管理员将负责贵司账号的管理及操作员账号管理；</p>

                            <p>4.管理员授权委托书：管理员与法人不是同一人时，需 下载授权委托书模板并根据要求填写内容，加盖公章后上传，当前账户的小米ID为2345548738；</p>

                            <p>5.CFCA数字证书申请表：需下载机构数字证书申请表模板并根据要求填写内容，加盖公章后上传。</p>

                            <h4>资料上传要求：</h4>

                            <p>1. 营业执照及身份证请上传最新证件原件的彩色扫描件，如使用复印件请加盖公章上传；</p>

                            <p>2. 图片支持格式：jpg /jpeg /png /bmp格式，图片大小不超过20M；</p>

                            <p>3. 经微信传输过的图片会导致图片失真，请避免使用经微信传输过的图片；</p>

                            <p>4. 上传图片后，系统将自动识别并填写相关信息，请核对系统识别结果是否准确；</p>

                            <p>5. 请一并准备证件盖章复印件，与开通单项业务时需提交的增信资料统一邮寄。</p>

                        </el-row>

                        <el-row style="margin-top:3%">

                            <span style="font-size: 14px;"><span class="separation"></span>营业执照</span><span>(请您按下面流程进行操作)</span><span style="color:#005CFF">请核对系统识别结果是否正确</span>

                        </el-row>

                    </el-main>

                    <el-container>

                        <el-aside><img src="" style="height: 400px;margin-left: 3%;"></el-aside>

                        <el-main>

                            <el-row>

                                <el-col :span="8" style="text-align:right;line-height: 35px;">公司名称:

                                </el-col>

                                <el-col :span="16">

                                    <el-input v-model="corporate" placeholder="请输入内容" style="width: 40%;"></el-input>

                                </el-col>

                            </el-row>

                            <el-row style="margin-top:2%;">

                                <el-col :span="8" style="text-align:right;line-height: 35px;"><span style="width:50px">统一社会信用代码/营业执照号:</span>

                                </el-col>

                                <el-col :span="16">

                                    <el-input v-model="credit " placeholder="请输入内容" style="width: 40%;"></el-input>

                                </el-col>

                            </el-row>

                            <el-row style="margin-top:2%">

                                <el-col :span="8" style="text-align:right;line-height: 35px;">住所地:

                                </el-col>

                                <el-col :span="16">

                                    <el-input v-model="domicile" placeholder="请输入内容" style="width: 40%;"></el-input>

                                </el-col>

                            </el-row>

                            <el-row style="margin-top:2%">

                                <el-col :span="8" style="text-align:right;line-height: 35px;">法定代表人:

                                </el-col>

                                <el-col :span="16">

                                    <el-input v-model="representative" placeholder="请输入内容" style="width: 40%;"></el-input>

                                </el-col>

                            </el-row>

                            <el-row style="margin-top:2%">

                                <el-col :span="8" style="text-align:right;line-height: 35px;">注册资本:

                                </el-col>

                                <el-col :span="16">

                                    <el-input v-model="capital" placeholder="请输入内容" style="width: 40%;"></el-input>

                                </el-col>

                            </el-row>

                            <el-row style="margin-top:2%">

                                <el-col :span="8" style="text-align:right;line-height: 35px;"><span class="demonstration">成立时间:</span>

                                </el-col>

                                <el-col :span="16">

                                    <div class="block">

                                        <el-date-picker v-model="value2" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions">

                                        </el-date-picker>

                                    </div>

                                </el-col>

                            </el-row>

                            <el-row style="margin-top:2%">

                                <el-col :span="8" style="text-align:right;line-height: 35px;"> <span class="demonstration">营业期限(止): </span>

                                </el-col>

                                <el-col :span="16">

                                    <div class="block">

                                        <el-date-picker v-model="value3" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions">