From 3ce128affca0131f58c68c21dfc1bd8b6f174cfd Mon Sep 17 00:00:00 2001
From: renpy <peiyu_ren@163.com>
Date: Tue, 22 Aug 2023 18:34:41 +0800
Subject: [PATCH] =?UTF-8?q?web=20=E6=A8=A1=E5=9D=97table=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SearchForm/index.vue           |  6 +----
 src/views/statistics/imsData/met/index.vue    | 25 +++++++++++--------
 .../nobleGas/betaGamma/calibphd.vue           |  1 +
 .../nobleGas/betaGamma/detbkphd.vue           |  1 +
 .../radionuclide/nobleGas/betaGamma/qcphd.vue |  1 +
 .../radionuclide/nobleGas/betaGamma/sphdf.vue |  1 +
 .../radionuclide/nobleGas/betaGamma/sphdp.vue |  1 +
 .../radionuclide/nobleGas/hpge/calibphd.vue   |  1 +
 .../radionuclide/nobleGas/hpge/detbkphd.vue   |  1 +
 .../radionuclide/nobleGas/hpge/qcphd.vue      |  1 +
 .../radionuclide/nobleGas/hpge/sphdf.vue      |  1 +
 .../radionuclide/nobleGas/hpge/sphdp.vue      |  1 +
 .../radionuclide/particulate/blankphd.vue     | 22 ++++++++--------
 .../radionuclide/particulate/calibphd.vue     |  1 +
 .../radionuclide/particulate/detbkphd.vue     |  1 +
 .../radionuclide/particulate/qcphd.vue        |  1 +
 .../radionuclide/particulate/sphdf.vue        |  1 +
 .../radionuclide/particulate/sphdp.vue        |  1 +
 .../imsData/stateOfHealth/alerts.vue          | 21 ++++++++--------
 .../imsData/stateOfHealth/rmssoh.vue          | 21 ++++++++--------
 .../statistics/imsProducts/arr/index.vue      | 21 ++++++++--------
 .../statistics/imsProducts/rrr/index.vue      | 21 ++++++++--------
 src/views/statistics/list.vue                 | 21 ++++++++--------
 23 files changed, 98 insertions(+), 75 deletions(-)

diff --git a/src/components/SearchForm/index.vue b/src/components/SearchForm/index.vue
index 7d5e37e..e059480 100644
--- a/src/components/SearchForm/index.vue
+++ b/src/components/SearchForm/index.vue
@@ -93,11 +93,7 @@ export default {
   border-bottom: 1px solid rgba(12, 235, 201, 0.3);
   margin-bottom: 18px;
   background-color: rgba(12, 235, 201, 0.05);
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: calc(100% - 20px);
-  margin-left: 20px;
+  
   &-item {
     margin-bottom: 10px;
   }
diff --git a/src/views/statistics/imsData/met/index.vue b/src/views/statistics/imsData/met/index.vue
index db838aa..7ceb6b9 100644
--- a/src/views/statistics/imsData/met/index.vue
+++ b/src/views/statistics/imsData/met/index.vue
@@ -1,14 +1,14 @@
 <template>
-  <div style="height: 100%;position: relative;">
-    <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
-      <a-space style="float: right" class="btn-group" slot="additional">
-        <a-button @click="handleExcel" type="primary">
-          <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
-          Excel
-        </a-button>
-      </a-space>
-    </search-form>
-    <a-card :bordered="false"  style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
+  <div style="height: 100%;">
+    <a-card :bordered="false" style="margin-left: 20px">
+      <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
+        <a-space style="float: right" class="btn-group" slot="additional">
+          <a-button @click="handleExcel" type="primary">
+            <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
+            Excel
+          </a-button>
+        </a-space>
+      </search-form>
       <custom-table
         size="middle"
         rowKey="sampleId"
@@ -18,6 +18,7 @@
         :loading="loading"
         :canSelect="false"
         @change="handleTableChange"
+        :scroll="{ y: 'calc(100vh - 306px)' }"
       >
         <template slot="index" slot-scope="{ index }">
           {{ index + 1 }}
@@ -31,6 +32,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
@@ -68,11 +70,13 @@ const columns = [
     title: 'AVG.REL.HUMIDITY',
     align: 'left',
     dataIndex: 'aveHumidity',
+    width:200
   },
   {
     title: 'AVG.BAR.READING',
     align: 'left',
     dataIndex: 'avePressure',
+    width:200
   },
   {
     title: 'AVG.TEMP.',
@@ -83,6 +87,7 @@ const columns = [
     title: 'AVG.WIND.DIRECTION',
     align: 'left',
     dataIndex: 'aveWindDir',
+    width:220
   },
   {
     title: 'AVG.WIND.SPEED',
diff --git a/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/calibphd.vue b/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/calibphd.vue
index 1dc822c..100edca 100644
--- a/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/calibphd.vue
+++ b/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/calibphd.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/detbkphd.vue b/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/detbkphd.vue
index 1f1ecdc..50119ae 100644
--- a/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/detbkphd.vue
+++ b/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/detbkphd.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/qcphd.vue b/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/qcphd.vue
index 8a92645..6128d25 100644
--- a/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/qcphd.vue
+++ b/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/qcphd.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/sphdf.vue b/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/sphdf.vue
index c0fb17c..fe399f6 100644
--- a/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/sphdf.vue
+++ b/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/sphdf.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/sphdp.vue b/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/sphdp.vue
index 37722ec..d5d79db 100644
--- a/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/sphdp.vue
+++ b/src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/sphdp.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/nobleGas/hpge/calibphd.vue b/src/views/statistics/imsData/radionuclide/nobleGas/hpge/calibphd.vue
index 80bb168..91016c7 100644
--- a/src/views/statistics/imsData/radionuclide/nobleGas/hpge/calibphd.vue
+++ b/src/views/statistics/imsData/radionuclide/nobleGas/hpge/calibphd.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/nobleGas/hpge/detbkphd.vue b/src/views/statistics/imsData/radionuclide/nobleGas/hpge/detbkphd.vue
index 62248da..b4cf57e 100644
--- a/src/views/statistics/imsData/radionuclide/nobleGas/hpge/detbkphd.vue
+++ b/src/views/statistics/imsData/radionuclide/nobleGas/hpge/detbkphd.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/nobleGas/hpge/qcphd.vue b/src/views/statistics/imsData/radionuclide/nobleGas/hpge/qcphd.vue
index 82ca072..ac9f1eb 100644
--- a/src/views/statistics/imsData/radionuclide/nobleGas/hpge/qcphd.vue
+++ b/src/views/statistics/imsData/radionuclide/nobleGas/hpge/qcphd.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/nobleGas/hpge/sphdf.vue b/src/views/statistics/imsData/radionuclide/nobleGas/hpge/sphdf.vue
index 95adffd..2f30266 100644
--- a/src/views/statistics/imsData/radionuclide/nobleGas/hpge/sphdf.vue
+++ b/src/views/statistics/imsData/radionuclide/nobleGas/hpge/sphdf.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/nobleGas/hpge/sphdp.vue b/src/views/statistics/imsData/radionuclide/nobleGas/hpge/sphdp.vue
index 6b3a92a..4940e15 100644
--- a/src/views/statistics/imsData/radionuclide/nobleGas/hpge/sphdp.vue
+++ b/src/views/statistics/imsData/radionuclide/nobleGas/hpge/sphdp.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/particulate/blankphd.vue b/src/views/statistics/imsData/radionuclide/particulate/blankphd.vue
index f14933e..91c80ae 100644
--- a/src/views/statistics/imsData/radionuclide/particulate/blankphd.vue
+++ b/src/views/statistics/imsData/radionuclide/particulate/blankphd.vue
@@ -1,15 +1,15 @@
 <template>
-  <div style="height: 100%;position: relative;">
-    <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
-      <a-space style="float: right" class="btn-group" slot="additional">
-        <a-button @click="handleExcel" type="primary">
-          <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
-          Excel
-        </a-button>
-      </a-space>
-    </search-form>
-    <a-card v-if="!isDetail" :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
+  <div style="height: 100%;">
+    <a-card v-if="!isDetail" :bordered="false" style="margin-left: 20px">
       <!-- <search-form :items="formItems" v-model="queryParam" @search="searchQuery"> -->
+      <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
+        <a-space style="float: right" class="btn-group" slot="additional">
+          <a-button @click="handleExcel" type="primary">
+            <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
+            Excel
+          </a-button>
+        </a-space>
+      </search-form>
       <custom-table
         size="middle"
         rowKey="sampleId"
@@ -20,6 +20,7 @@
         @change="handleTableChange"
         @detail="handleDetail"
         :selectedRowKeys.sync="selectedRowKeys"
+        :scroll="{ y: 'calc(100vh - 306px)' }"
       >
         <template slot="index" slot-scope="{ index }">
           {{ index + 1 }}
@@ -34,6 +35,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/particulate/calibphd.vue b/src/views/statistics/imsData/radionuclide/particulate/calibphd.vue
index 5214878..34e09a1 100644
--- a/src/views/statistics/imsData/radionuclide/particulate/calibphd.vue
+++ b/src/views/statistics/imsData/radionuclide/particulate/calibphd.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/particulate/detbkphd.vue b/src/views/statistics/imsData/radionuclide/particulate/detbkphd.vue
index 3ad1473..3174f8c 100644
--- a/src/views/statistics/imsData/radionuclide/particulate/detbkphd.vue
+++ b/src/views/statistics/imsData/radionuclide/particulate/detbkphd.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/particulate/qcphd.vue b/src/views/statistics/imsData/radionuclide/particulate/qcphd.vue
index c112666..246e6e5 100644
--- a/src/views/statistics/imsData/radionuclide/particulate/qcphd.vue
+++ b/src/views/statistics/imsData/radionuclide/particulate/qcphd.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/particulate/sphdf.vue b/src/views/statistics/imsData/radionuclide/particulate/sphdf.vue
index eb3c5f8..a412a18 100644
--- a/src/views/statistics/imsData/radionuclide/particulate/sphdf.vue
+++ b/src/views/statistics/imsData/radionuclide/particulate/sphdf.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/radionuclide/particulate/sphdp.vue b/src/views/statistics/imsData/radionuclide/particulate/sphdp.vue
index 5ecdfdd..8ab5d85 100644
--- a/src/views/statistics/imsData/radionuclide/particulate/sphdp.vue
+++ b/src/views/statistics/imsData/radionuclide/particulate/sphdp.vue
@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },
diff --git a/src/views/statistics/imsData/stateOfHealth/alerts.vue b/src/views/statistics/imsData/stateOfHealth/alerts.vue
index cc9319e..fbf37eb 100644
--- a/src/views/statistics/imsData/stateOfHealth/alerts.vue
+++ b/src/views/statistics/imsData/stateOfHealth/alerts.vue
@@ -1,14 +1,14 @@
 <template>
-  <div style="height: 100%;position: relative;">
-    <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
-      <a-space style="float: right" class="btn-group" slot="additional">
-        <a-button @click="handleExcel" type="primary">
-          <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
-          Excel
-        </a-button>
-      </a-space>
-    </search-form>
-    <a-card :bordered="false"  style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
+  <div style="height: 100%;">
+    <a-card :bordered="false" style="margin-left: 20px">
+      <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
+        <a-space style="float: right" class="btn-group" slot="additional">
+          <a-button @click="handleExcel" type="primary">
+            <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
+            Excel
+          </a-button>
+        </a-space>
+      </search-form>
       <custom-table
         size="middle"
         rowKey="sampleId"
@@ -18,6 +18,7 @@
         :loading="loading"
         :canSelect="false"
         @change="handleTableChange"
+        :scroll="{ y: 'calc(100vh - 306px)' }"
       >
         <template slot="index" slot-scope="{ index }">
           {{ index + 1 }}
diff --git a/src/views/statistics/imsData/stateOfHealth/rmssoh.vue b/src/views/statistics/imsData/stateOfHealth/rmssoh.vue
index 94a1c35..aff3b31 100644
--- a/src/views/statistics/imsData/stateOfHealth/rmssoh.vue
+++ b/src/views/statistics/imsData/stateOfHealth/rmssoh.vue
@@ -1,14 +1,14 @@
 <template>
-  <div style="height: 100%;position: relative;">
-    <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
-      <a-space style="float: right" class="btn-group" slot="additional">
-        <a-button @click="handleExcel" type="primary">
-          <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
-          Excel
-        </a-button>
-      </a-space>
-    </search-form>
-    <a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
+  <div style="height: 100%;">
+    <a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px">
+      <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
+        <a-space style="float: right" class="btn-group" slot="additional">
+          <a-button @click="handleExcel" type="primary">
+            <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
+            Excel
+          </a-button>
+        </a-space>
+      </search-form>
       <custom-table
         size="middle"
         rowKey="sampleId"
@@ -18,6 +18,7 @@
         :loading="loading"
         @change="handleTableChange"
         @detail="handleDetail"
+        :scroll="{ y: 'calc(100vh - 306px)' }"
       >
         <template slot="index" slot-scope="{ index }">
           {{ index + 1 }}
diff --git a/src/views/statistics/imsProducts/arr/index.vue b/src/views/statistics/imsProducts/arr/index.vue
index 07530d9..b82b56e 100644
--- a/src/views/statistics/imsProducts/arr/index.vue
+++ b/src/views/statistics/imsProducts/arr/index.vue
@@ -1,14 +1,14 @@
 <template>
-  <div style="height: 100%;position: relative;">
-    <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
-      <a-space style="float: right" class="btn-group" slot="additional">
-        <a-button @click="handleExcel" type="primary">
-          <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
-          Excel
-        </a-button>
-      </a-space>
-    </search-form>
-    <a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
+  <div style="height: 100%;">
+    <a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px">
+      <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
+        <a-space style="float: right" class="btn-group" slot="additional">
+          <a-button @click="handleExcel" type="primary">
+            <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
+            Excel
+          </a-button>
+        </a-space>
+      </search-form>
       <custom-table
         size="middle"
         rowKey="sampleId"
@@ -18,6 +18,7 @@
         :loading="loading"
         @change="handleTableChange"
         @detail="handleDetail"
+        :scroll="{ y: 'calc(100vh - 306px)' }"
       >
         <template slot="index" slot-scope="{ index }">
           {{ index + 1 }}
diff --git a/src/views/statistics/imsProducts/rrr/index.vue b/src/views/statistics/imsProducts/rrr/index.vue
index c760b6a..41e96d3 100644
--- a/src/views/statistics/imsProducts/rrr/index.vue
+++ b/src/views/statistics/imsProducts/rrr/index.vue
@@ -1,14 +1,14 @@
 <template>
-  <div style="height: 100%;position: relative;">
-    <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
-      <a-space style="float: right" class="btn-group" slot="additional">
-        <a-button @click="handleExcel" type="primary">
-          <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
-          Excel
-        </a-button>
-      </a-space>
-    </search-form>
-    <a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
+  <div style="height: 100%;">
+    <a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px">
+      <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
+        <a-space style="float: right" class="btn-group" slot="additional">
+          <a-button @click="handleExcel" type="primary">
+            <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
+            Excel
+          </a-button>
+        </a-space>
+      </search-form>
       <custom-table
         size="middle"
         rowKey="sampleId"
@@ -18,6 +18,7 @@
         :loading="loading"
         @change="handleTableChange"
         @detail="handleDetail"
+        :scroll="{ y: 'calc(100vh - 306px)' }"
       >
         <template slot="index" slot-scope="{ index }">
           {{ index + 1 }}
diff --git a/src/views/statistics/list.vue b/src/views/statistics/list.vue
index f60972e..b0530b2 100644
--- a/src/views/statistics/list.vue
+++ b/src/views/statistics/list.vue
@@ -1,14 +1,14 @@
 <template>
-  <div style="height: 100%;position: relative;overflow: hidden;">
-    <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
-      <a-space style="float: right" class="btn-group" slot="additional">
-        <a-button @click="handleExcel" type="primary">
-          <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
-          Excel
-        </a-button>
-      </a-space>
-    </search-form>
-    <a-card v-if="!isDetail" :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
+  <div style="height: 100%;">
+    <a-card v-if="!isDetail" :bordered="false" style="margin-left: 20px">
+      <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
+        <a-space style="float: right" class="btn-group" slot="additional">
+          <a-button @click="handleExcel" type="primary">
+            <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
+            Excel
+          </a-button>
+        </a-space>
+      </search-form>
       <custom-table
         size="middle"
         rowKey="sampleId"
@@ -19,6 +19,7 @@
         @change="handleTableChange"
         @detail="handleDetail"
         :selectedRowKeys.sync="selectedRowKeys"
+        :scroll="{ y: 'calc(100vh - 306px)' }"
       >
         <template slot="index" slot-scope="{ index }">
           {{ index + 1 }}