style:上报报文

 import filter from '@/utils/filter.js'
+let vm = null
+const sendThis = (_this) => {
+  vm = _this
+}
 class data extends filter {
   constructor() {
     super()
   }
   columns () {
-    return [      
+    return [
+      {
+        label: '序号',
+        type: 'index',
+        width: '50',
+        render: (h, scope) => {
+          return (
+            <div>
+              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
+            </div>
+          )
+        }
+      },
+      {
+        label: '汇交状态',
+        render: (h, scope) => {
+          return (
+            <div>
+              <span v-show={scope.row.exchangeState == 0} class='warehousing'>未上报</span>
+              <span v-show={scope.row.exchangeState == 1} class='warehousing'>上报成功未响应</span>
+              <span v-show={scope.row.exchangeState == 2} class='warehousing'>上报失败</span>
+              <span v-show={scope.row.exchangeState == 3} class='adopt'>上报成功响应成功</span>
+              <span v-show={scope.row.exchangeState == 4} class='warehousing'>响应失败</span>
+            </div>
+          )
+        }
+      },
       {
         prop: "areacode",
         label: "行政区代码",
@@ -39,24 +69,17 @@ class data extends filter {
       {
         prop: "rectypeName",
         label: "业务名称",
-      },      
+      },
       {
         prop: "uploadtime",
         label: "汇交时间",
-      },
-      {        
-        label: '汇交状态',
-        render: (h, scope) => {
-          return (
-            <div>
-              {
-                scope.row.exchangeState == '1' ? <span class='adopt'>成功</span> : <span class='warehousing'>失败</span>
-              }
-            </div>
-          )
-        }
-      },
+      }
     ]
   }
 }
-export default new data()
+let datas = new data()
+export {
+  datas,
+  sendThis
+}
+

@@ -81,7 +81,7 @@
 <script>
 // 上报报文查询
 // 引入表头数据
-import data from "./data";
+import { datas, sendThis } from "./data";
 // 引入表格混入方法
 import table from "@/utils/mixin/table";
 // 引入详情弹框
@@ -130,15 +130,7 @@ export default {
       // table数据
       tableData: {
         // 表头数据
-        columns: [
-          {
-            label: "序号",
-            type: "index",
-            width: "50",
-            index: this.indexMethod,
-          },
-        ]
-          .concat(data.columns())
+        columns: datas.columns()
           .concat([
             {
               label: "操作",
@@ -185,6 +177,9 @@ export default {
       title: ''
     };
   },
+  mounted () {
+    sendThis(this);
+  },
   methods: {
     // 重置表单
     resetForm () {