|
@@ -1,17 +1,19 @@
|
|
|
<template>
|
|
|
- <BasicTable ref="historyTable" @register="register" :data-source="data">
|
|
|
- <template #bodyCell="{ column, record }">
|
|
|
- <a-tag v-if="column.dataIndex === 'warnFlag'" :color="record.warnFlag == '0' ? 'green' : 'red'">
|
|
|
- {{ record.warnFlag == '0' ? '正常' : '报警' }}
|
|
|
- </a-tag>
|
|
|
- <a-tag v-if="column.dataIndex === 'netStatus'" :color="record.netStatus == '0' ? '#f00' : 'green'">
|
|
|
- {{ record.netStatus == '0' ? '断开' : '连接' }}
|
|
|
- </a-tag>
|
|
|
- </template>
|
|
|
- <template #form-submitBefore>
|
|
|
- <a-button type="primary" preIcon="ant-design:search-outlined" @click="search">查询</a-button>
|
|
|
- </template>
|
|
|
- </BasicTable>
|
|
|
+ <div class="history-table">
|
|
|
+ <BasicTable ref="historyTable" @register="register" :data-source="data">
|
|
|
+ <template #bodyCell="{ column, record }">
|
|
|
+ <a-tag v-if="column.dataIndex === 'warnFlag'" :color="record.warnFlag == '0' ? 'green' : 'red'">
|
|
|
+ {{ record.warnFlag == '0' ? '正常' : '报警' }}
|
|
|
+ </a-tag>
|
|
|
+ <a-tag v-if="column.dataIndex === 'netStatus'" :color="record.netStatus == '0' ? '#f00' : 'green'">
|
|
|
+ {{ record.netStatus == '0' ? '断开' : '连接' }}
|
|
|
+ </a-tag>
|
|
|
+ </template>
|
|
|
+ <template #form-submitBefore>
|
|
|
+ <a-button type="primary" preIcon="ant-design:search-outlined" @click="search">查询</a-button>
|
|
|
+ </template>
|
|
|
+ </BasicTable>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
@@ -222,4 +224,52 @@
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
@import '/@/design/vent/color.less';
|
|
|
+
|
|
|
+ :deep(.@{ventSpace}-table-body) {
|
|
|
+ height: auto !important;
|
|
|
+ }
|
|
|
+ :deep(.zxm-picker) {
|
|
|
+ height: 30px !important;
|
|
|
+ }
|
|
|
+ .history-table {
|
|
|
+ width: 100%;
|
|
|
+ :deep(.jeecg-basic-table-form-container) {
|
|
|
+ .@{ventSpace}-form {
|
|
|
+ padding: 0 !important;
|
|
|
+ border: none !important;
|
|
|
+ margin-bottom: 0 !important;
|
|
|
+ .@{ventSpace}-picker,
|
|
|
+ .@{ventSpace}-select-selector {
|
|
|
+ width: 100% !important;
|
|
|
+ background: #00000017;
|
|
|
+ border: 1px solid #b7b7b7;
|
|
|
+ input,
|
|
|
+ .@{ventSpace}-select-selection-item,
|
|
|
+ .@{ventSpace}-picker-suffix {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .@{ventSpace}-select-selection-placeholder {
|
|
|
+ color: #ffffffaa;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .@{ventSpace}-table-title {
|
|
|
+ min-height: 0 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .pagination-box {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ align-items: center;
|
|
|
+ .page-num {
|
|
|
+ border: 1px solid #0090d8;
|
|
|
+ padding: 4px 8px;
|
|
|
+ margin-right: 5px;
|
|
|
+ color: #0090d8;
|
|
|
+ }
|
|
|
+ .btn {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|