web 模块table表格样式调整
This commit is contained in:
parent
e7e540f6e9
commit
3ce128affc
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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',
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -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',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -12,6 +12,7 @@ const columns = [
|
|||
{
|
||||
title: 'NO',
|
||||
align: 'left',
|
||||
width:80,
|
||||
scopedSlots: {
|
||||
customRender: 'index',
|
||||
},
|
||||
|
|
|
@ -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 }}
|
||||
|
|
|
@ -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 }}
|
||||
|
|
|
@ -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 }}
|
||||
|
|
|
@ -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 }}
|
||||
|
|
|
@ -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 }}
|
||||
|
|
Loading…
Reference in New Issue
Block a user