web 模块table表格样式调整

This commit is contained in:
renpy 2023-08-22 18:34:41 +08:00
parent e7e540f6e9
commit 3ce128affc
23 changed files with 98 additions and 75 deletions

View File

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

View File

@ -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',

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -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',
},

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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