fix:按照需要修改样式

This commit is contained in:
zhaohy
2024-09-02 11:31:15 +08:00
parent 0cb7edaa7e
commit 6851afdee6
6 changed files with 17 additions and 11 deletions

View File

@@ -35,6 +35,7 @@
</a-step> </a-step>
</template> </template>
</a-steps> </a-steps>
<a-empty v-if="dataSource.length === 0" :description="'暂无数据'" />
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
@@ -99,4 +100,8 @@
:deep(.ant-steps-item) { :deep(.ant-steps-item) {
margin-top: 8px !important; margin-top: 8px !important;
} }
.ant-empty {
margin-top: 50%;
transform: translateY(-50%);
}
</style> </style>

View File

@@ -108,7 +108,7 @@
configureEnergyAlarmsData.value = value; configureEnergyAlarmsData.value = value;
show.value = true; show.value = true;
tableConfig.value = { tableConfig.value = {
title: '告警规则', title: value.errorCode + '告警规则',
api: energyAlarms.configGetTableList, api: energyAlarms.configGetTableList,
headerActions: [ headerActions: [
{ {
@@ -242,7 +242,6 @@
], ],
}, },
formConfig: { formConfig: {
title: value.errorCode,
schemas: [ schemas: [
{ {
field: 'deviceName', field: 'deviceName',

View File

@@ -81,7 +81,7 @@
configureDeviceAlarmsData.value = value; configureDeviceAlarmsData.value = value;
show.value = true; show.value = true;
tableConfig.value = { tableConfig.value = {
title: '告警规则', title: value.errorCode + '告警规则',
api: deviceAlarms.configGetTableList, api: deviceAlarms.configGetTableList,
headerActions: [ headerActions: [
{ {
@@ -214,7 +214,7 @@
], ],
}, },
formConfig: { formConfig: {
title: value.errorCode, title: '查询',
schemas: [ schemas: [
{ {
field: 'deviceInfoCode', field: 'deviceInfoCode',

View File

@@ -76,8 +76,10 @@
<a-table <a-table
:dataSource="dataSource" :dataSource="dataSource"
:columns="columns" :columns="columns"
:scroll="{ x: 1000, y: 700 }" :scroll="{ x: 1000 }"
:pagination="pagination"> :bordered="true"
:pagination="pagination"
:size="'middle'">
<template #bodyCell="{ record, column }"> <template #bodyCell="{ record, column }">
<template v-if="column.dataIndex === 'address'"> <template v-if="column.dataIndex === 'address'">
{{ record?.deptRoleInfoList || record.userRoleInfos?.[0].deptRoleInfoList }} {{ record?.deptRoleInfoList || record.userRoleInfos?.[0].deptRoleInfoList }}

View File

@@ -18,10 +18,9 @@
type="file" type="file"
accept=".xlsx, .xls" accept=".xlsx, .xls"
class="input-file" class="input-file"
@change="handleInputClick" @change="handleInputClick" />
/>
<div class="input-message"> <div class="input-message">
<ExclamationCircleOutlined :style="{ color: '#0ed2bf', fontSize: '60px' }" /> <ExclamationCircleOutlined :style="{ color: '#0ed2bf', fontSize: '50px' }" />
<span>点击或将文件拖拽到这里上传</span> <span>点击或将文件拖拽到这里上传</span>
<span>支持扩展名: .xlsx, .xls</span> <span>支持扩展名: .xlsx, .xls</span>
</div> </div>
@@ -156,7 +155,7 @@
false, false,
false, false,
0, 0,
null null,
); );
obj.dispatchEvent(ev); obj.dispatchEvent(ev);
//防止同步任务过快,导致在列表页面没有最新数据 //防止同步任务过快,导致在列表页面没有最新数据

View File

@@ -28,7 +28,7 @@
@change="handleInputClick" /> @change="handleInputClick" />
<div class="input-message"> <div class="input-message">
<!-- <ExclamationCircleOutlined :style="{ color: '#0ed2bf', fontSize: '60px' }" /> --> <!-- <ExclamationCircleOutlined :style="{ color: '#0ed2bf', fontSize: '60px' }" /> -->
<ContainerOutlined :style="{ color: '#0ed2bf', fontSize: '60px' }" /> <ContainerOutlined :style="{ color: '#0ed2bf', fontSize: '40px' }" />
<span style="margin-top: 10px">点击或将文件拖拽到这里上传</span> <span style="margin-top: 10px">点击或将文件拖拽到这里上传</span>
<span>支持扩展名: .xlsx, .xls</span> <span>支持扩展名: .xlsx, .xls</span>
</div> </div>
@@ -282,6 +282,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
padding: 20px 0px;
} }
.file-name { .file-name {