|
|
|
|
@ -1,19 +1,14 @@
|
|
|
|
|
<template>
|
|
|
|
|
<ContentWrap>
|
|
|
|
|
<el-form
|
|
|
|
|
class="-mb-15px energy-device-check-filter-form" :model="queryParams" ref="queryFormRef" :inline="true"
|
|
|
|
|
label-width="auto">
|
|
|
|
|
<el-form class="-mb-15px energy-device-check-filter-form" :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
|
|
|
|
|
<el-form-item :label="t('EnergyManagement.EnergyDeviceCheck.searchNameLabel')" prop="name">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.name"
|
|
|
|
|
:placeholder="t('EnergyManagement.EnergyDeviceCheck.searchNamePlaceholder')" clearable
|
|
|
|
|
@keyup.enter="handleQuery" class="!w-240px" />
|
|
|
|
|
v-model="queryParams.name" :placeholder="t('EnergyManagement.EnergyDeviceCheck.searchNamePlaceholder')" clearable @keyup.enter="handleQuery"
|
|
|
|
|
class="!w-240px" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item :label="t('EnergyManagement.EnergyDeviceCheck.searchOrgLabel')" prop="orgId">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="queryParams.orgId" filterable clearable
|
|
|
|
|
:placeholder="t('EnergyManagement.EnergyDeviceCheck.searchOrgPlaceholder')" class="!w-240px">
|
|
|
|
|
<el-select v-model="queryParams.orgId" filterable clearable :placeholder="t('EnergyManagement.EnergyDeviceCheck.searchOrgPlaceholder')" class="!w-240px">
|
|
|
|
|
<el-option v-for="opt in orgOptions" :key="String(opt.value)" :label="opt.label" :value="opt.value" />
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
@ -46,31 +41,18 @@ v-model="queryParams.timeRange" type="datetimerange" value-format="YYYY-MM-DD HH
|
|
|
|
|
ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
|
|
|
|
|
:expand-row-keys="expandRowKeys" :row-class-name="getRowClassName" style=" min-height: 50vh;margin-top: 20px"
|
|
|
|
|
@row-click="handleRowClick" @selection-change="handleSelectionChange">
|
|
|
|
|
<el-table-column type="selection" width="50" align="center" />
|
|
|
|
|
<!-- <el-table-column type="selection" width="50" align="center" /> -->
|
|
|
|
|
<el-table-column type="expand" width="52">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-table
|
|
|
|
|
v-if="getPointDetailsRows(scope.row).length" :data="getPointDetailsRows(scope.row)"
|
|
|
|
|
:show-overflow-tooltip="true" size="small" border
|
|
|
|
|
:header-cell-style="{ background: '#f5f7fa', color: '#909399' }">
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableExpandPointNameColumn')"
|
|
|
|
|
prop="pointName" min-width="140" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableExpandEarliestValueColumn')"
|
|
|
|
|
prop="earliestValue" min-width="120" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableExpandEarliestTimeColumn')"
|
|
|
|
|
prop="earliestTime" min-width="170" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableExpandLatestValueColumn')"
|
|
|
|
|
prop="latestValue" min-width="120" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableExpandLatestTimeColumn')"
|
|
|
|
|
prop="latestTime" min-width="170" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableExpandDifferenceColumn')"
|
|
|
|
|
prop="difference" min-width="120" />
|
|
|
|
|
:show-overflow-tooltip="true" size="small" border :header-cell-style="{ background: '#f5f7fa', color: '#909399' }">
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableExpandPointNameColumn')" prop="pointName" min-width="140" />
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableExpandEarliestValueColumn')" prop="earliestValue" min-width="120" />
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableExpandEarliestTimeColumn')" prop="earliestTime" min-width="170" />
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableExpandLatestValueColumn')" prop="latestValue" min-width="120" />
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableExpandLatestTimeColumn')" prop="latestTime" min-width="170" />
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableExpandDifferenceColumn')" prop="difference" min-width="120" />
|
|
|
|
|
</el-table>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
@ -79,33 +61,21 @@ v-if="getPointDetailsRows(scope.row).length" :data="getPointDetailsRows(scope.ro
|
|
|
|
|
{{ (queryParams.pageNo - 1) * queryParams.pageSize + scope.$index + 1 }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableNameColumn')" align="center" prop="name"
|
|
|
|
|
min-width="120" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableEnergyTypeColumn')" align="center"
|
|
|
|
|
prop="deviceTypeName" min-width="100" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableOrgColumn')" align="center" prop="orgName"
|
|
|
|
|
min-width="100" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableEnergyConsumptionColumn')" align="center"
|
|
|
|
|
prop="energyConsumption" min-width="120" />
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableNameColumn')" align="center" prop="name" min-width="120" />
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableEnergyTypeColumn')" align="center" prop="deviceTypeName" min-width="100" />
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableOrgColumn')" align="center" prop="orgName" min-width="100" />
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableEnergyConsumptionColumn')" align="center" prop="energyConsumption" min-width="120" />
|
|
|
|
|
<!-- <el-table-column label="班次" align="center" min-width="90">
|
|
|
|
|
<template #default>
|
|
|
|
|
<el-tag type="success">早班</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableStartTimeColumn')" align="center"
|
|
|
|
|
min-width="170">
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableStartTimeColumn')" align="center" min-width="170">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
{{ scope.row.startTime ?? scope.row.earliestDataTime ?? '-' }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
:label="t('EnergyManagement.EnergyDeviceCheck.tableEndTimeColumn')" align="center"
|
|
|
|
|
min-width="170">
|
|
|
|
|
<el-table-column :label="t('EnergyManagement.EnergyDeviceCheck.tableEndTimeColumn')" align="center" min-width="170">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
{{ scope.row.endTime ?? scope.row.latestDataTime ?? '-' }}
|
|
|
|
|
</template>
|
|
|
|
|
@ -289,10 +259,6 @@ onMounted(async () => {
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
:global(.energydevicecheckPicker) {
|
|
|
|
|
z-index: 3000 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-time-spinner__wrapper:nth-child(1)) {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|