修改 企业认定

front-vue/src/views/system/company/certification.vue

@@ -1,15 +1,18 @@
 <template>
-    <div>
-        <!-- 步骤条 -->
-        <el-steps align-center :active="active * 1" 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>
-        <!-- Tab 标签 -->
-        <el-tabs v-model="active" :tab-position="tabPosition" style="height: 100%;">
-            <el-tab-pane label="提交证件资料" name="0">
+    <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="1 " 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">
@@ -31,55 +34,60 @@
                         </el-row>
                     </el-main>
                     <el-container>
-                        <el-aside><img src="" style="height: 400px;"></el-aside>
-                        <el-main  >
-                            <el-row >
-                                <el-col :span="8" style="text-align:right;line-height: 35px;">公司名称:  
+                        <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="input" placeholder="请输入内容" style="width: 40%;"></el-input>
+                                <el-col :span="16">
+                                    <el-input v-model="input" 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="input" placeholder="请输入内容" style="width: 40%;"></el-input>
+                                <el-col :span="16">
+                                    <el-input v-model="input" 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="input" placeholder="请输入内容" style="width: 40%;"></el-input>
+                                <el-col :span="16">
+                                    <el-input v-model="input" 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="input" placeholder="请输入内容" style="width: 40%;"></el-input>
+                                <el-col :span="16">
+                                    <el-input v-model="input" 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="input" placeholder="请输入内容" style="width: 40%;"></el-input>
+                                <el-col :span="16">
+                                    <el-input v-model="input" 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 :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 :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>
                                         <el-checkbox v-model="checked">长期有效</el-checkbox>
@@ -87,9 +95,10 @@
                                 </el-col>
                             </el-row>
                             <el-row style="margin-top:2%">
-                              <el-col :span="8" style="text-align:right;line-height: 35px;">企业电话:
+                                <el-col :span="8" style="text-align:right;line-height: 35px;">企业电话:
                                 </el-col>
-                                <el-col :span="16"><el-input v-model="input" placeholder="请输入内容" style="width: 40%;"></el-input>
+                                <el-col :span="16">
+                                    <el-input v-model="input" placeholder="请输入内容" style="width: 40%;"></el-input>
                                 </el-col>
                             </el-row>
                         </el-main>
@@ -98,7 +107,7 @@
                         <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-container >
+                        <el-container>
                             <el-aside width="400px" style="background-color: #fff;"> 证件类型:<el-select v-model="value" placeholder="请选择">
                                     <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                                     </el-option>
@@ -119,13 +128,15 @@
                                 <el-row>
                                     <el-col :span="8" style="text-align:right;line-height: 35px;">姓名:
                                     </el-col>
-                                     <el-col :span="16"><el-input v-model="input" placeholder="请输入内容" style="width: 60%;"></el-input>
+                                    <el-col :span="16">
+                                        <el-input v-model="input" placeholder="请输入内容" style="width: 60%;"></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="input" placeholder="请输入内容" style="width: 60%;"></el-input>
+                                    <el-col :span="16">
+                                        <el-input v-model="input" placeholder="请输入内容" style="width: 60%;"></el-input>
                                     </el-col>
                                 </el-row>
                             </el-main>
@@ -152,17 +163,19 @@
                                 </el-upload>
                             </el-aside>
 
-                           <el-main>
+                            <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="input" placeholder="请输入内容" style="width: 60%;"></el-input>
+                                    <el-col :span="16">
+                                        <el-input v-model="input" placeholder="请输入内容" style="width: 60%;"></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="input" placeholder="请输入内容" style="width: 60%;"></el-input>
+                                    <el-col :span="16">
+                                        <el-input v-model="input" placeholder="请输入内容" style="width: 60%;"></el-input>
                                     </el-col>
                                 </el-row>
                             </el-main>
@@ -173,7 +186,7 @@
                             <span style="font-size: 14px;"><span class="separation"></span>人员信息</span>
                         </el-row>
                         <el-row>
-                            <el-col :span="12" >复核人员:<el-input v-model="input" placeholder="请输入内容" style="width: 45%;"></el-input>
+                            <el-col :span="12">复核人员:<el-input v-model="input" placeholder="请输入内容" style="width: 45%;"></el-input>
                             </el-col>
                             <el-col :span="12">联系电话：<el-input v-model="input" placeholder="请输入内容" style="width: 45%;"></el-input>
                             </el-col>
@@ -241,8 +254,8 @@
                         <el-checkbox v-model="checked">我已阅读并同意</el-checkbox><a href="">《xxxxxxxx融信协议》</a>
                     </el-footer>
                 </el-container>
-            </el-tab-pane>
-            <el-tab-pane label="绑定对公账户" name="1">
+            </div>
+            <div class="basicInfo" v-if="active === 1">
                 <el-container>
                     <el-main>
                         <el-row>
@@ -257,8 +270,8 @@
                     <el-footer>
                     </el-footer>
                 </el-container>
-            </el-tab-pane>
-            <el-tab-pane label="打款验证" name="2">
+            </div>
+            <div class="basicInfo" v-if="active === 2">
                 <el-container>
                     <el-main>
                         <el-row>
@@ -270,8 +283,8 @@
                     <el-footer>
                     </el-footer>
                 </el-container>
-            </el-tab-pane>
-            <el-tab-pane label="实名审核" name="3">
+            </div>
+            <div class="basicInfo" v-if="active === 3">
                 <el-container>
                     <el-main>
                         <el-row>
@@ -281,15 +294,20 @@
                         </el-row>
                     </el-main>
                     <el-footer>
-                        <el-button type="primary" style="float:right;margin-right:4%" @click="next">关闭</el-button>
                     </el-footer>
                 </el-container>
-            </el-tab-pane>
-        </el-tabs>
+            </div>
 
+            <div class="deployBtn">
+                <el-button style="float:right;margin-top:12px;margin-right: 1%;" @click="next" v-if="active == 0||active == 1||active == 2">下一步</el-button>
+                <el-button style="float:right;margin-top:12px;margin-right: 1%;" @click="prev" v-if="active == 1||active == 2||active == 3">上一步</el-button>
+                <el-button style="float:right;margin-top:12px;" @click="prev" v-if="active == 2">保存</el-button>
+                <el-button style="float:right;margin-top:12px;margin-right: 1%;" v-if="active == 3">提交</el-button>
+
+            </div>
+        </div>
     </div>
 </template>
-
 <script>
 export default {
     name: "GoodsAdd",
@@ -355,6 +373,13 @@ export default {
     },
     created() {},
     methods: {
+        prev() {
+            this.active;
+            if (this.active < 0) this.active = 0;
+        },
+        next() {
+            if (this.active++ > 3) this.active = 0;
+        },
         // 下载本地文件
         download() {
             window.location.href =
@@ -540,5 +565,4 @@ export default {
     padding: 20px 0;
     width: 100%;
 }
-
 </style>