tab 下一步

src/dashoo.cn/frontend_web/src/pages/oilsupplier/supplier/_opera/techedit.vue

@@ -10,7 +10,21 @@
         <span>
           <i class="icon icon-table2"></i> 信息
         </span>
+
         <span style="float: right;">
+          <el-button plain icon="el-icon-right" size="mini" style="margin-right: 5px" @click="nextTab">下一步</el-button>
+          <el-popover>
+            <el-steps :active="formData.Step" direction="vertical" align-center finish-status="success">
+              <el-step title="填信息"></el-step>
+              <el-step title="待审批"></el-step>
+              <el-step title="已审批"></el-step>
+              <el-step title="待交费"></el-step>
+              <el-step title="待入库"></el-step>
+              <el-step title="完成"></el-step>
+            </el-steps>
+            <el-button slot="reference" plain size="mini" style="margin-right: 5px">查看进度</el-button>
+          </el-popover>
+
           <router-link :to="'/oilsupplier/annualaudit'">
             <el-button type="primary" plain size="mini" style="margin-right:3px" :disabled="formDataCert.Status == 0">
               年审申请</el-button>
@@ -35,8 +49,8 @@
         <el-step title="完成"></el-step>
       </el-steps> -->
 
-      <el-tabs tab-position="top" style="margin-top: -10px">
-        <el-tab-pane label="企业信息">
+      <el-tabs tab-position="top" v-model="activeName" style="margin-top: -10px">
+        <el-tab-pane name="1" label="企业信息">
           <el-card class="box-card">
             <div slot="header" class="clearfix">
               <span>供方基本信息表</span>
@@ -51,7 +65,7 @@
           </el-card>
         </el-tab-pane>
 
-        <el-tab-pane label="企业情况" :disabled="!certId">
+        <el-tab-pane name="2" label="企业情况" :disabled="!certId">
           <el-card class="box-card">
             <div slot="header" class="clearfix">
               <span>企业人员结构情况</span>
@@ -177,16 +191,16 @@
             </winning-list>
           </el-card>
         </el-tab-pane>
-        <el-tab-pane label="准入范围" :disabled="!certId">
+        <el-tab-pane name="3" label="准入范围" :disabled="!certId">
           <business-list ref="businessList" :data.sync="businessList" @close="getbuslist" :canadd="add_flat"
             height="360px" style="margin-top: 20px"></business-list>
         </el-tab-pane>
-        <el-tab-pane label="企业资质" :disabled="!certId">
+        <el-tab-pane name="4" label="企业资质" :disabled="!certId">
           <subfile-list ref="subfileList" :data.sync="subfileList" :canadd="add_flat" @close="selectAuditOrg"
             height="360px" style="margin-top: 20px"></subfile-list>
         </el-tab-pane>
 
-        <el-tab-pane label="审批流程" v-if="formDataCert.Status > 0">
+        <el-tab-pane name="5" label="审批流程" v-if="formDataCert.Status > 0">
           <el-card class="box-card">
             <div slot="header" class="clearfix">
               <span>审批流程</span>
@@ -199,7 +213,7 @@
             <wf-history ref="WfHistory" :entryinfo="entrydetail"></wf-history>
           </el-card>
         </el-tab-pane>
-        <el-tab-pane label="供方缴费" v-if="formDataCert.Status == 5">
+        <el-tab-pane name="6" label="供方缴费" v-if="formDataCert.Status == 5">
         </el-tab-pane>
       </el-tabs>
     </el-card>
@@ -292,6 +306,7 @@
 
     data() {
       return {
+        activeName: '1',
         chooseAuditorVisible: false,
         showReturn: 1,
         IsCompanyUser: 0,
@@ -655,6 +670,14 @@
           console.error(err)
         })
       },
+      nextTab () {
+        let activeIdx = parseInt(this.activeName)
+        if (activeIdx < 4) {
+          this.activeName = (activeIdx + 1) + ''
+        } else {
+          this.activeName = '1'
+        }
+      },
       /* getCityList(val) {
         let resultData = JSON.parse(val)
         let countstr = JSON.stringify(resultData.districts[0].districts)