预览合同tab切换

front-vue/src/views/service/credit/pdfShow.vue

@@ -4,7 +4,7 @@
 
       <!--   <el-dialog  :visible.sync="dialogVisible" width="80%" height="1080px;" :before-close="handleClose" append-to-body	> -->
             <el-tabs v-model="activeName" type="card">
-                <el-tab-pane v-for="item in pdfFileList" :key="item.value" label="合同信息" name="first"  style="height:500px;">
+                <el-tab-pane v-for="(item,index) in pdfFileList" :key="item.value" label="合同信息" :name="'active'+index" style="height:500px;">
                     <embed :src="'data:application/pdf;base64,' + item.base64"  type="application/pdf" title="Embedded PDF" style="overflow: auto; width: 100%; height: 100%;"/>
                 </el-tab-pane>
                 <!-- <el-tab-pane label="申请协议" name="first"  style="height:780px;">
@@ -145,7 +145,7 @@ export default {
     data() {
         return {
             
-            activeName: "first",
+            activeName: "active0",
             dialogVisible: false,
             dialogTableVisible: false,
             dialogFormVisible: false,

front-vue/src/views/service/credit/showStampedPdf.vue

@@ -4,7 +4,7 @@
 
       <!--   <el-dialog  :visible.sync="dialogVisible" width="80%" height="1080px;" :before-close="handleClose" append-to-body	> -->
             <el-tabs v-model="activeName" type="card">
-                <el-tab-pane v-for="item in pdfFileLists" :key="item.value" label="合同信息" name="first"  style="height:500px;">
+                <el-tab-pane v-for="(item,index) in pdfFileLists" :key="item.value" label="合同信息" :name="'active'+index"  style="height:500px;">
                     <embed :src="'data:application/pdf;base64,' + item.base64"  type="application/pdf" title="Embedded PDF" style="overflow: auto; width: 100%; height: 100%;"/>
                 </el-tab-pane>
                 <!-- <el-tab-pane label="申请协议" name="first"  style="height:780px;">
@@ -143,7 +143,7 @@ export default {
     props : ['pdfFileLists','zfiId', 'parents'],
     data() {
         return {
-            activeName: "first",
+            activeName: "active0",
             dialogVisible: false,
             dialogTableVisible: false,
             dialogFormVisible: false,

front-vue/src/views/service/financeRecord/pdfShow.vue

@@ -4,7 +4,7 @@
 
       <!--   <el-dialog  :visible.sync="dialogVisible" width="80%" height="1080px;" :before-close="handleClose" append-to-body	> -->
             <el-tabs v-model="activeName" type="card">
-                <el-tab-pane v-for="item in pdfFileList" :key="item.value" label="合同信息" name="first"  style="height:500px;">
+                <el-tab-pane v-for="(item,index) in pdfFileList" :key="item.value" label="合同信息" :name="'active'+index"  style="height:500px;">
                     <embed :src="'data:application/pdf;base64,' + item.base64"  type="application/pdf" title="Embedded PDF" style="overflow: auto; width: 100%; height: 100%;"/>
                 </el-tab-pane>
                 <!-- <el-tab-pane label="申请协议" name="first"  style="height:780px;">
@@ -142,7 +142,7 @@ export default {
     props : ['pdfFileList','zfiId', 'parent'],
     data() {
         return {
-            activeName: "first",
+            activeName: "active0",
             dialogVisible: false,
             dialogTableVisible: false,
             dialogFormVisible: false,