web 模块table表格样式调整

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;
   }

src/views/statistics/imsData/met/index.vue

@@ -1,5 +1,6 @@
 <template>
-  <div style="height: 100%;position: relative;">
+  <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">
@@ -8,7 +9,6 @@
           </a-button>
         </a-space>
       </search-form>
-    <a-card :bordered="false"  style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
       <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',

src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/calibphd.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/detbkphd.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/qcphd.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/sphdf.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/nobleGas/betaGamma/sphdp.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/nobleGas/hpge/calibphd.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/nobleGas/hpge/detbkphd.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/nobleGas/hpge/qcphd.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/nobleGas/hpge/sphdf.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/nobleGas/hpge/sphdp.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/particulate/blankphd.vue

@@ -1,5 +1,7 @@
 <template>
-  <div style="height: 100%;position: relative;">
+  <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">
@@ -8,8 +10,6 @@
           </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;">
-      <!-- <search-form :items="formItems" v-model="queryParam" @search="searchQuery"> -->
       <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',
     },

src/views/statistics/imsData/radionuclide/particulate/calibphd.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/particulate/detbkphd.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/particulate/qcphd.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/particulate/sphdf.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/radionuclide/particulate/sphdp.vue

@@ -12,6 +12,7 @@ const columns = [
   {
     title: 'NO',
     align: 'left',
+    width:80,
     scopedSlots: {
       customRender: 'index',
     },

src/views/statistics/imsData/stateOfHealth/alerts.vue

@@ -1,5 +1,6 @@
 <template>
-  <div style="height: 100%;position: relative;">
+  <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">
@@ -8,7 +9,6 @@
           </a-button>
         </a-space>
       </search-form>
-    <a-card :bordered="false"  style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
       <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 }}

src/views/statistics/imsData/stateOfHealth/rmssoh.vue

@@ -1,5 +1,6 @@
 <template>
-  <div style="height: 100%;position: relative;">
+  <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">
@@ -8,7 +9,6 @@
           </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;">
       <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 }}

src/views/statistics/imsProducts/arr/index.vue

@@ -1,5 +1,6 @@
 <template>
-  <div style="height: 100%;position: relative;">
+  <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">
@@ -8,7 +9,6 @@
           </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;">
       <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 }}

src/views/statistics/imsProducts/rrr/index.vue

@@ -1,5 +1,6 @@
 <template>
-  <div style="height: 100%;position: relative;">
+  <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">
@@ -8,7 +9,6 @@
           </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;">
       <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 }}

src/views/statistics/list.vue

@@ -1,5 +1,6 @@
 <template>
-  <div style="height: 100%;position: relative;overflow: hidden;">
+  <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">
@@ -8,7 +9,6 @@
           </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;">
       <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 }}