sz 添加序号

src/views/business/insuranceFirst-leftTab.vue

@@ -71,6 +71,7 @@
             @selection-change="handleSelectionChange"
             :row-class-name="memberRowClassName"
           >
+            <el-table-column type="index" label="序号" :index="indexMethod" width="50"></el-table-column>
             <el-table-column prop="companyMember.name" label="姓名" width="80"></el-table-column>
             <el-table-column prop="companyMember.cardTypeN" label="证件类型" width="100"></el-table-column>
             <el-table-column prop="companyMember.cardNo" label="证件号码" width="200"></el-table-column>
@@ -178,23 +179,23 @@
           </div>
           <table border="1" style="border-collapse:collapse;width:60%">
             <tr>
-            <td class="table-bak" width="180">人员类型</td>
-            <td class="table-bak">姓名</td>
-            <td class="table-bak">联系方式</td>
-            <td class="table-bak">注册账号</td>
-          </tr>
-          <tr>
-            <td>社会推广员</td>
-            <td>{{promote.promoterName}}</td>
-            <td>{{promote.promoterPhone}}</td>
-            <td>{{promote.promoter}}</td>
-          </tr>
-          <tr>
-            <td>保险代理人</td>
-            <td>{{promote.agentName}}</td>
-            <td></td>
-            <td></td>
-          </tr>
+              <td class="table-bak" width="180">人员类型</td>
+              <td class="table-bak">姓名</td>
+              <td class="table-bak">联系方式</td>
+              <td class="table-bak">注册账号</td>
+            </tr>
+            <tr>
+              <td>社会推广员</td>
+              <td>{{promote.promoterName}}</td>
+              <td>{{promote.promoterPhone}}</td>
+              <td>{{promote.promoter}}</td>
+            </tr>
+            <tr>
+              <td>保险代理人</td>
+              <td>{{promote.agentName}}</td>
+              <td></td>
+              <td></td>
+            </tr>
           </table>
         </div>
       </div>
@@ -265,7 +266,7 @@ export default {
       definitionId: "",
       policyId: "",
       insureData: {
-        insurancePolicy:{}
+        insurancePolicy: {}
       },
       acceptData: [],
       formModel: {
@@ -283,12 +284,12 @@ export default {
     };
   },
   methods: {
-    memberRowClassName({row, rowIndex}) {
-      if (row.replaceMemberId!=null && row.replaceMemberId.length>0) {
-        return 'warning-row';
+    memberRowClassName({ row, rowIndex }) {
+      if (row.replaceMemberId != null && row.replaceMemberId.length > 0) {
+        return "warning-row";
       }
 
-      return '';
+      return "";
     },
     splitSep(arrStr, sep) {
       if (arrStr == null || arrStr.length == 0) {
@@ -550,14 +551,14 @@ export default {
   padding: 20px;
 }
 
-.table-info td{
-  text-align:left;
-  padding-left:5px;
+.table-info td {
+  text-align: left;
+  padding-left: 5px;
 }
 
 .table-info .table-bak {
   background: #f6f6f6;
-  text-align:center;
+  text-align: center;
 }
 
 .el-tab-pane .title-von {

src/views/business/insurancePolicy-leftTab.vue

@@ -71,6 +71,7 @@
             @selection-change="handleSelectionChange"
             :row-class-name="memberRowClassName"
           >
+            <el-table-column type="index" label="序号" :index="indexMethod" width="50"></el-table-column>
             <el-table-column prop="companyMember.name" label="姓名" width="80"></el-table-column>
             <el-table-column prop="companyMember.cardTypeN" label="证件类型" width="100"></el-table-column>
             <el-table-column prop="companyMember.cardNo" label="证件号码" width="200"></el-table-column>
@@ -180,23 +181,23 @@
           </div>
           <table border="1" style="border-collapse:collapse;width:60%">
             <tr>
-            <td class="table-bak" width="180">人员类型</td>
-            <td class="table-bak">姓名</td>
-            <td class="table-bak">联系方式</td>
-            <td class="table-bak">注册账号</td>
-          </tr>
-          <tr>
-            <td>社会推广员</td>
-            <td>{{promote.promoterName}}</td>
-            <td>{{promote.promoterPhone}}</td>
-            <td>{{promote.promoter}}</td>
-          </tr>
-          <tr>
-            <td>保险代理人</td>
-            <td>{{promote.agentName}}</td>
-            <td></td>
-            <td></td>
-          </tr>
+              <td class="table-bak" width="180">人员类型</td>
+              <td class="table-bak">姓名</td>
+              <td class="table-bak">联系方式</td>
+              <td class="table-bak">注册账号</td>
+            </tr>
+            <tr>
+              <td>社会推广员</td>
+              <td>{{promote.promoterName}}</td>
+              <td>{{promote.promoterPhone}}</td>
+              <td>{{promote.promoter}}</td>
+            </tr>
+            <tr>
+              <td>保险代理人</td>
+              <td>{{promote.agentName}}</td>
+              <td></td>
+              <td></td>
+            </tr>
           </table>
         </div>
       </div>
@@ -281,12 +282,12 @@ export default {
     };
   },
   methods: {
-    memberRowClassName({row, rowIndex}) {
-      if (row.replaceMemberId!=null && row.replaceMemberId.length>0) {
-        return 'warning-row';
+    memberRowClassName({ row, rowIndex }) {
+      if (row.replaceMemberId != null && row.replaceMemberId.length > 0) {
+        return "warning-row";
       }
 
-      return '';
+      return "";
     },
     splitSep(arrStr, sep) {
       if (arrStr == null || arrStr.length == 0) {
@@ -547,19 +548,19 @@ export default {
   padding: 20px;
 }
 
-.table-info{
-  border-collapse:collapse;
+.table-info {
+  border-collapse: collapse;
   width: 100%;
 }
 
-.table-info td{
-  text-align:left;
-  padding-left:5px;
+.table-info td {
+  text-align: left;
+  padding-left: 5px;
 }
 
 .table-info .table-bak {
   background: #f6f6f6;
-  text-align:center;
+  text-align: center;
 }
 
 .el-tab-pane .title-von {