2019.05.16-13 上一步、下一步按钮

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

@@ -6,7 +6,7 @@
       <el-breadcrumb-item>基建类供方准入评审表</el-breadcrumb-item>
     </el-breadcrumb>
 
-    <no-ssr>
+    <!--<no-ssr>
       <div>
         <float-img-btn ref="floatBtn" text="下一步" :itemWidth="58" :itemHeight="30" :coefficientHeight="0.8"
           @onFloatBtnClicked="nextTab">
@@ -15,7 +15,7 @@
           @onFloatBtnClicked="backTab" v-if="certId">
         </float-img-btn>
       </div>
-    </no-ssr>
+    </no-ssr>-->
 
     <el-card class="box-card">
       <div slot="header">
@@ -237,7 +237,13 @@
         <el-tab-pane label="供方缴费" v-if="formDataCert.Status == 5">
         </el-tab-pane>
       </el-tabs>
+
+      <div style="float: right; margin: 20px;">
+        <el-button ref="floatNxtBtn" type="primary" plain size="mini" @click="backTab" v-if="parseInt(activeName) > 0">上一步</el-button>
+        <el-button ref="floatBtn" type="primary" plain size="mini" @click="nextTab" v-if="parseInt(activeName) < totalTab">下一步</el-button>
+      </div>
     </el-card>
+
     <el-dialog title="提交初审" :visible.sync="dialogVisible" width="520px">
       <el-form ref="searchForm" label-width="100px">
         <el-row>
@@ -326,10 +332,12 @@
   import ChooseAuditorFen from '@/components/oilsupplier/chooseauditorfenban'
   import ChooseAuditor from '@/components/oilsupplier/chooseauditor'
   import FloatImgBtn from '@/components/floatButton/index'
+  import ElButton from "../../../../../node_modules/element-ui/packages/button/src/button";
 
   export default {
 
     components: {
+      ElButton,
       FloatImgBtn,
       SupplierFileTable,
       WfMultiHistory,
@@ -377,6 +385,7 @@
         }
       };
       return {
+        totalTab: 3,
         activeName: '0',
         chooseAuditorVisible: false,
         chooseAuditorVisibleFen: false,
@@ -745,18 +754,17 @@
           .formDataCert.InStyle)
       },
       nextTab() {
-        let totalTab = 3
         if (this.formData.AuditIndex > 0) {
-          totalTab = 4
+          this.totalTab = 4
         }
         if (this.formDataCert.Status > 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status < 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status >= 5) {
-          totalTab = 6
+          this.totalTab = 5
         }
 
         let valid = true
@@ -769,7 +777,7 @@
           return false
         }
         let activeIdx = parseInt(this.activeName)
-        if (activeIdx < totalTab) {
+        if (activeIdx < this.totalTab) {
           this.activeName = (activeIdx + 1) + ''
         } else {
           this.activeName = '0'
@@ -777,25 +785,24 @@
       },
 
       backTab() {
-        let totalTab = 3
         if (this.formData.AuditIndex > 0) {
-          totalTab = 4
+          this.totalTab = 4
         }
         if (this.formDataCert.Status > 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status < 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status >= 5) {
-          totalTab = 6
+          this.totalTab = 5
         }
 
         let activeIdx = parseInt(this.activeName)
         if (activeIdx > 0) {
           this.activeName = (activeIdx - 1) + ''
         } else {
-          this.activeName = totalTab + ''
+          this.activeName = this.totalTab + ''
         }
       },
       getDictOptions() {

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

@@ -6,7 +6,7 @@
       <el-breadcrumb-item>物资类供方准入评审表</el-breadcrumb-item>
     </el-breadcrumb>
 
-    <no-ssr>
+    <!--<no-ssr>
       <div>
         <float-img-btn ref="floatBtn" text="下一步" :itemWidth="58" :itemHeight="30" :coefficientHeight="0.8"
           @onFloatBtnClicked="nextTab">
@@ -15,7 +15,7 @@
           @onFloatBtnClicked="backTab" v-if="certId">
         </float-img-btn>
       </div>
-    </no-ssr>
+    </no-ssr>-->
 
     <el-card class="box-card">
       <div slot="header">
@@ -243,6 +243,12 @@
 
         <el-tab-pane label="供方缴费" v-if="formDataCert.Status == 5"></el-tab-pane>
       </el-tabs>
+
+      <div style="float: right; margin: 20px;">
+        <el-button ref="floatNxtBtn" type="primary" plain size="mini" @click="backTab" v-if="parseInt(activeName) > 0">上一步</el-button>
+        <el-button ref="floatBtn" type="primary" plain size="mini" @click="nextTab" v-if="parseInt(activeName) < totalTab">下一步</el-button>
+      </div>
+
     </el-card>
     <el-dialog title="提交初审" :visible.sync="dialogVisible" width="520px">
       <el-form ref="searchForm" label-width="100px">
@@ -380,6 +386,7 @@
         }
       };
       return {
+        totalTab: 3,
         chooseAuditorVisible: false,
         chooseAuditorVisibleFen: false,
         createBtn: false,
@@ -799,18 +806,17 @@
         );
       },
       nextTab() {
-        let totalTab = 3
         if (this.formData.AuditIndex > 0) {
-          totalTab = 4
+          this.totalTab = 4
         }
         if (this.formDataCert.Status > 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status < 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status >= 5) {
-          totalTab = 6
+          this.totalTab = 5
         }
         let valid = true
         if (this.formDataCert.Status <= 0 && this.activeName === '0') {
@@ -822,7 +828,7 @@
           return false
         }
         let activeIdx = parseInt(this.activeName)
-        if (activeIdx < totalTab) {
+        if (activeIdx < this.totalTab) {
           this.activeName = (activeIdx + 1) + ''
         } else {
           this.activeName = '0'
@@ -830,25 +836,24 @@
       },
 
       backTab() {
-        let totalTab = 3
         if (this.formData.AuditIndex > 0) {
-          totalTab = 4
+          this.totalTab = 4
         }
         if (this.formDataCert.Status > 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status < 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status >= 5) {
-          totalTab = 6
+          this.totalTab = 5
         }
 
         let activeIdx = parseInt(this.activeName)
         if (activeIdx > 0) {
           this.activeName = (activeIdx - 1) + ''
         } else {
-          this.activeName = totalTab + ''
+          this.activeName = this.totalTab + ''
         }
       },
 

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

@@ -6,7 +6,7 @@
       <el-breadcrumb-item>技术服务类供方准入评审表</el-breadcrumb-item>
     </el-breadcrumb>
 
-    <no-ssr>
+    <!--<no-ssr>
       <div>
         <float-img-btn ref="floatBtn" text="下一步" :itemWidth="58" :itemHeight="30" :coefficientHeight="0.8"
           @onFloatBtnClicked="nextTab">
@@ -15,7 +15,7 @@
           @onFloatBtnClicked="backTab" v-if="certId">
         </float-img-btn>
       </div>
-    </no-ssr>
+    </no-ssr>-->
 
     <el-card class="box-card">
       <div slot="header">
@@ -235,6 +235,11 @@
         <el-tab-pane label="供方缴费" v-if="formDataCert.Status == 5">
         </el-tab-pane>
       </el-tabs>
+
+      <div style="float: right; margin: 20px;">
+        <el-button ref="floatNxtBtn" type="primary" plain size="mini" @click="backTab" v-if="parseInt(activeName) > 0">上一步</el-button>
+        <el-button ref="floatBtn" type="primary" plain size="mini" @click="nextTab" v-if="parseInt(activeName) < totalTab">下一步</el-button>
+      </div>
     </el-card>
 
     <el-dialog title="提交初审" :visible.sync="dialogVisible" width="520px">
@@ -375,6 +380,7 @@
         }
       };
       return {
+        totalTab: 3,
         activeName: '0',
         chooseAuditorVisible: false,
         chooseAuditorVisibleFen: false,
@@ -793,18 +799,17 @@
           });
       },
       nextTab() {
-        let totalTab = 3
         if (this.formData.AuditIndex > 0) {
-          totalTab = 4
+          this.totalTab = 4
         }
         if (this.formDataCert.Status > 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status < 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status >= 5) {
-          totalTab = 6
+          this.totalTab = 5
         }
 
         let valid = true
@@ -817,33 +822,32 @@
           return false
         }
         let activeIdx = parseInt(this.activeName)
-        if (activeIdx < totalTab) {
+        if (activeIdx < this.totalTab) {
           this.activeName = (activeIdx + 1) + ''
         } else {
           this.activeName = '0'
         }
       },
 
-      backTab() {
-        let totalTab = 3
+      backTab () {
         if (this.formData.AuditIndex > 0) {
-          totalTab = 4
+          this.totalTab = 4
         }
         if (this.formDataCert.Status > 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status < 0) {
-          totalTab = 5
+          this.totalTab = 4
         }
         if (this.formDataCert.Status >= 5) {
-          totalTab = 6
+          this.totalTab = 5
         }
 
         let activeIdx = parseInt(this.activeName)
         if (activeIdx > 0) {
           this.activeName = (activeIdx - 1) + ''
         } else {
-          this.activeName = totalTab + ''
+          this.activeName = this.totalTab + ''
         }
       },
       /* getCityList(val) {