Browse Source

taskid:099 remark:'commit'

deploy-dev
fks-xuxinyue 4 months ago
parent
commit
2d96bbda3b
  1. 4
      hx-ai-intelligent/src/api/carbonEmissionFactorLibrary.ts
  2. 2
      hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/carbonEmissions/index.vue
  3. 56
      hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/config.ts
  4. 235
      hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index.vue
  5. 16
      hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/index.vue

4
hx-ai-intelligent/src/api/carbonEmissionFactorLibrary.ts

@ -51,4 +51,8 @@ export enum carbonInventoryCheck {
create = '/carbon-smart/api/carbon/inventory/create', create = '/carbon-smart/api/carbon/inventory/create',
update = '/carbon-smart/api/carbon/inventory/update', update = '/carbon-smart/api/carbon/inventory/update',
del = '/carbon-smart/api/carbon/inventory/del', del = '/carbon-smart/api/carbon/inventory/del',
// 获取排放源表格数据
findUnitById = '/carbon-smartapi/carbon/inventory/findById',
getDetailsList = '/carbon-smart/api/carbon/inventory/details/getDetailsList',
updateTable = '/carbon-smart/api/carbon/inventory/details/update',
} }

2
hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/carbonEmissions/index.vue

@ -66,7 +66,7 @@
}; };
} }
const rowSpan = getRowSpan('cnValue', record, data.value); const rowSpan = getRowSpan('cnValue', record, data.value);
if (rowIndex != 0 && data.value[rowIndex - 1].name == record.name) { if (rowIndex != 0 && data.value[rowIndex - 1].cnValue == record.cnValue) {
return { return {
rowSpan: 0, rowSpan: 0,
colSpan: 0, colSpan: 0,

56
hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/config.ts

@ -1,59 +1,3 @@
// 填报页表头
export const columns = [
{
title: '日期',
dataIndex: 'name',
key: 'name',
width: 100,
fixed: 'left',
},
{
title: '消耗量',
children: [
{
title: '数据来源',
dataIndex: 'companyAddress',
key: 'companyAddress',
width: 200,
},
{
title: '数值',
dataIndex: 'companyName',
key: 'companyName',
},
],
},
{
title: '碳排因子',
children: [
{
title: '数据来源',
dataIndex: 'companyAddress',
key: 'companyAddress',
width: 200,
},
{
title: '数值',
dataIndex: 'companyName',
key: 'companyName',
},
],
},
{
title: '排放量',
dataIndex: 'gender',
key: 'gender',
width: 80,
fixed: 'right',
},
{
title: '操作',
dataIndex: 'action',
key: 'action',
width: 80,
fixed: 'right',
},
];
// 凭证弹窗表头 // 凭证弹窗表头
export const voucherColumns = [ export const voucherColumns = [
{ {

235
hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index.vue

@ -4,7 +4,7 @@
<div class="top"> <div class="top">
<a-form style="width: 100%;margin: 0 auto;"> <a-form style="width: 100%;margin: 0 auto;">
<div class="ns-form-title"> <div class="ns-form-title">
<div class="title">2024年济阳站碳盘查报告</div> <div class="title">{{props.year}}年济阳站碳盘查报告</div>
<div class="standard"> <div class="standard">
<span>适用标准ISO 14064-1</span> <span>适用标准ISO 14064-1</span>
<a-button type="primary" style="margin-left: 12px;" @click="openCategoryConfig">类别配置</a-button> <a-button type="primary" style="margin-left: 12px;" @click="openCategoryConfig">类别配置</a-button>
@ -54,7 +54,7 @@
<div class="right"> <div class="right">
<div style="display:flex;"> <div style="display:flex;">
<div class="ns-table-title ns-title-extra-box">排放源</div> <div class="ns-table-title ns-title-extra-box">排放源</div>
<a-button type="primary" style="margin-left: 12px;">返回</a-button> <a-button type="primary" style="margin-left: 12px;" @click="changeParentData">返回</a-button>
</div> </div>
<div style="display: flex;" v-if="fillInPage"> <div style="display: flex;" v-if="fillInPage">
<div class="mainLeft"> <div class="mainLeft">
@ -95,6 +95,12 @@
<a-button type="primary" @click="downLoadVoucher">凭证</a-button> <a-button type="primary" @click="downLoadVoucher">凭证</a-button>
</template> </template>
<template #bodyCell="{ column, text, record }"> <template #bodyCell="{ column, text, record }">
<template v-if="column.dataIndex === 'dataSources'">
<span v-if="record.dataSources">{{ record.dataSources.label }}</span>
</template>
<template v-if="column.dataIndex === 'carbonSource'">
<span v-if="record.carbonSource">{{ record.carbonSource.label }}</span>
</template>
<template v-if="column.key === 'action'"> <template v-if="column.key === 'action'">
<span> <span>
<a @click="edit(record)">编辑</a> <a @click="edit(record)">编辑</a>
@ -249,41 +255,40 @@
> >
<a-row> <a-row>
<a-col :span="12"> <a-col :span="12">
<a-form-item ref="name" label="数据来源" name="dateRange"> <a-form-item ref="name" label="数据来源" name="dataSources">
<a-select <a-select
ref="select" ref="select"
v-model:value="editFormState.dateRange" v-model:value="editFormState.dataSources"
@change="handleChange" @change="changeSelect"
> >
<a-select-option value="jack">Jack</a-select-option> <a-select-option value="1">自行推估</a-select-option>
<a-select-option value="lucy">Lucy</a-select-option> <a-select-option value="2">定期量测</a-select-option>
<a-select-option value="3">自动测量</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item ref="name" label="消耗量" name="emissionFactors"> <a-form-item ref="name" label="消耗量" name="consumption">
<ns-input v-model:value="editFormState.emissionFactors" disabled /> <ns-input v-model:value="editFormState.consumption" :disabled="canEdit" />
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row v-if="automatic">
<a-col :span="12"> <a-col :span="12">
<a-form-item ref="name" label="采集节点" name="dateRange"> <a-form-item ref="name" label="采集节点" name="collectionNode">
<a-select <a-tree-select
ref="select" v-model:value="editFormState.collectionNode"
v-model:value="editFormState.dateRange" :tree-line="true"
@change="handleChange" :tree-data="collectingNodes"
> >
<a-select-option value="jack">Jack</a-select-option> </a-tree-select>
<a-select-option value="lucy">Lucy</a-select-option>
</a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row>
<a-col :span="12"> <a-col :span="12">
<a-form-item ref="name" label="因子值" name="emissionFactors"> <a-form-item ref="name" label="因子值" name="factorId">
<ns-input v-model:value="editFormState.emissionFactors" disabled /> <ns-input v-model:value="editFormState.factorId" disabled />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
@ -300,7 +305,7 @@
rowKey="id" rowKey="id"
:scroll="{ y: 400 }" :scroll="{ y: 400 }"
style="margin-bottom: 10px;" style="margin-bottom: 10px;"
:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectionChange, type: 'radio' }" :rowSelection="{ selectedRowKeys: selectedRowKeysEdit, onChange: onSelectionChangeEdit, type: 'radio' }"
:pagination="false"> :pagination="false">
</a-table> </a-table>
<a-pagination <a-pagination
@ -333,20 +338,32 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, watch, toRaw } from 'vue'; import { ref, watch, toRaw, defineEmits } from 'vue';
import { http } from '/nerv-lib/util/http'; import { http } from '/nerv-lib/util/http';
import { Pagination, Modal, message } from 'ant-design-vue'; import { Pagination, Modal, message } from 'ant-design-vue';
import type { TreeProps,TableColumnsType,UploadChangeParam } from 'ant-design-vue'; import type { TreeProps,TableColumnsType,UploadChangeParam } from 'ant-design-vue';
import { EditOutlined,PlusCircleOutlined,MinusCircleOutlined,UploadOutlined } from '@ant-design/icons-vue'; import { EditOutlined,PlusCircleOutlined,MinusCircleOutlined,UploadOutlined } from '@ant-design/icons-vue';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import { columns,voucherColumns,drawerColumns } from '../config'; import { voucherColumns,drawerColumns } from '../config';
import { energyConsumption,carbonEmissionFactorLibrary,carbonInventoryCheck } from '/@/api/carbonEmissionFactorLibrary'; import { energyConsumption,carbonEmissionFactorLibrary,carbonInventoryCheck } from '/@/api/carbonEmissionFactorLibrary';
import { group } from '/@/api/deviceManage';
defineOptions({ defineOptions({
energyType: 'fillInPage', // name energyType: 'fillInPage', // name
components: { components: {
'a-pagination': Pagination, 'a-pagination': Pagination,
}, },
}); });
// id
const props = defineProps({
reportId: {
type: Number
},
year: {
type: String
}
})
console.log(props,'xxy');
const orgId = ref(''); const orgId = ref('');
const result = JSON.parse(sessionStorage.getItem('ORGID')!); const result = JSON.parse(sessionStorage.getItem('ORGID')!);
orgId.value = result; orgId.value = result;
@ -440,16 +457,17 @@
const categoryId = ref() const categoryId = ref()
const onSelectL = (selectedKey: string[], info: any) => { const onSelectL = (selectedKey: string[], info: any) => {
selectedKeysL.value = selectedKey; selectedKeysL.value = selectedKey;
categoryId.value = info.node.id categoryId.value = info.node.conId
formState.value.categoryId = categoryId.value formState.value.categoryId = categoryId.value
getEmissionSourceTree()
}; };
// //
const selectedIds = ref([]); const selectedIds = ref([]);
const getReportTree = () => { const getReportTree = () => {
fetch(carbonInventoryCheck.getCategoryTree).then((res) => { fetch(carbonInventoryCheck.getCategoryTree,{reportId:props.reportId,orgId:orgId.value}).then((res) => {
gData.value = res.data gData.value = res.data
if(res.data.length > 0){ if(res.data.length > 0){
categoryId.value = res.data[0].id categoryId.value = res.data[0].conId
formState.value.categoryId = categoryId.value formState.value.categoryId = categoryId.value
selectedIds.value = getAllIds(gData.value); selectedIds.value = getAllIds(gData.value);
} }
@ -460,29 +478,41 @@
const getAllIds = (nodes: TreeNode[]): number[] => { const getAllIds = (nodes: TreeNode[]): number[] => {
return nodes.flatMap(node => [node.id, ...(node.children ? getAllIds(node.children) : [])]); return nodes.flatMap(node => [node.id, ...(node.children ? getAllIds(node.children) : [])]);
}; };
//
const data = [...Array(12)].map((_, i) => ({
key: i,
name: 'John Brown',
age: i + 1,
street: 'Lake Park',
building: 'C',
number: 2035,
companyAddress: 'Lake Street 42',
companyName: 'SoftLake Co',
gender: 'M',
}));
// //
const treeData = ref<TreeProps['treeData']>(genData); const treeData = ref<TreeProps['treeData']>(genData);
// //
const getTableId = ref()
const getEmissionSourceTree = () => { const getEmissionSourceTree = () => {
fetch(carbonInventoryCheck.getInventoryTree, { categoryId: categoryId.value }).then((res) => { fetch(carbonInventoryCheck.getInventoryTree, { categoryId: categoryId.value }).then((res) => {
treeData.value = res.data treeData.value = res.data
getTableId.value = res.data[0].id
if(res.data.length != 0){
getPFYTableList(getTableId.value)
getTableHeardUnit(getTableId.value)
}else{
data.value = []
columns.value[1].title = '消耗量'
columns.value[2].title = '碳排因子'
columns.value[3].title = '排放量'
}
}); });
}; };
// //
const onSelectR = (selectedKey: string[], info: any) => { const onSelectR = (selectedKey: string[], info: any) => {
selectedKeysR.value = selectedKey; selectedKeysR.value = selectedKey;
getTableId.value = info.selectedNodes[0].id
getPFYTableList(getTableId.value)
getTableHeardUnit(getTableId.value)
};
//
const getTableHeardUnit = (id) => {
fetch(carbonInventoryCheck.findUnitById, { id: id }).then((res) => {
if (res.data) {
columns.value[1].title = '消耗量【' + res.data.unit + '】'
columns.value[2].title = '碳排因子【' + res.data.carbonEmission + '】'
columns.value[3].title = '排放量【' + res.data.carbonUnits + '】'
}
});
}; };
const expandedKeysR = ref<string[]>([]); const expandedKeysR = ref<string[]>([]);
const selectedKeysR = ref<string[]>(['0-0']); const selectedKeysR = ref<string[]>(['0-0']);
@ -550,7 +580,8 @@
const labelCol = { span: 5 }; const labelCol = { span: 5 };
const wrapperCol = { span: 19 }; const wrapperCol = { span: 19 };
const formState = ref({ const formState = ref({
orgId: orgId.value orgId: orgId.value,
year: props.year
}) })
// //
const measurementUnit = ref([]) const measurementUnit = ref([])
@ -628,6 +659,7 @@
} }
message.success('操作成功!'); message.success('操作成功!');
getEmissionSourceTree(); getEmissionSourceTree();
getPFYTableList(res.data.id)
}); });
} }
}) })
@ -635,6 +667,65 @@
console.log('error', error); console.log('error', error);
}); });
}; };
//
const data = ref([])
//
const columns = ref([
{
title: '日期',
dataIndex: 'acquisitionDate',
key: 'acquisitionDate',
},
{
title: '消耗量',
children: [
{
title: '数据来源',
dataIndex: 'dataSources',
key: 'dataSources',
},
{
title: '数值',
dataIndex: 'consumption',
key: 'consumption',
},
],
},
{
title: '碳排因子',
children: [
{
title: '数据来源',
dataIndex: 'carbonSource',
key: 'carbonSource',
},
{
title: '数值',
dataIndex: 'emissionFactors',
key: 'emissionFactors',
},
],
},
{
title: '排放量',
dataIndex: 'emissions',
key: 'emissions',
fixed: 'right',
},
{
title: '操作',
dataIndex: 'action',
key: 'action',
width: 80,
fixed: 'right',
}
]);
// table
const getPFYTableList = (id) => {
fetch(carbonInventoryCheck.getDetailsList , {inventoryId:id}).then((res) => {
data.value = res.data
});
};
const editUnit = (data) => { const editUnit = (data) => {
getDictData() getDictData()
addTreeNodeVisible.value = true; addTreeNodeVisible.value = true;
@ -734,6 +825,11 @@
}) })
const newTableData = ref([]) const newTableData = ref([])
const total = ref<number>() const total = ref<number>()
const selectedRowKeysEdit = ref([]);
const onSelectionChangeEdit = (selectedKeys, selectedRows) => {
selectedRowKeysEdit.value = selectedKeys;
editFormState.value.factorId = selectedKeys
};
const queryParams = ref({ const queryParams = ref({
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
@ -744,8 +840,14 @@
pageNum: 1, pageNum: 1,
pageSize: 999 pageSize: 999
}) })
const edit = () => { const edit = (record) => {
getDictList()
getNewTable() getNewTable()
editFormState.value.id = record.id
editFormState.value.dataSources = record.dataSources.value
editFormState.value.consumption = record.emissions
editFormState.value.collectionNode = record.carbonSource.value
editFormState.value.factorId = record.emissionFactors
editData.value = true editData.value = true
}; };
const getNewTable = () => { const getNewTable = () => {
@ -754,6 +856,32 @@
total.value = res.data.total total.value = res.data.total
}); });
}; };
//
const canEdit = ref(false);
const automatic = ref(false);
const changeSelect = (value) => {
if(value === '3'){
canEdit.value = true
automatic.value = true
}
};
//
const collectingNodes = ref<TreeSelectProps['treeData']>([]);
const getDictList = () => {
//
fetch(group.queryDeviceGroupTree, { energyType: 'ELECTRICITY_USAGE',orgId: orgId.value }).then((res) => {
collectingNodes.value = res.data
collectingNodes.value = collectingNodes.value.map(item => ({
value: item.id,
label: item.pointName,
children: item.children ? item.children.map(child => ({
value: child.id,
label: child.pointName
})) : []
}));
});
};
//
const handleChange = (info: UploadChangeParam) => { const handleChange = (info: UploadChangeParam) => {
if (info.file.status !== 'uploading') { if (info.file.status !== 'uploading') {
console.log(info.file, info.fileList); console.log(info.file, info.fileList);
@ -769,8 +897,30 @@
const headers = { const headers = {
authorization: 'authorization-text', authorization: 'authorization-text',
}; };
//
const submitEditData = () => {
editFormRef.value
.validate()
.then(() => {
console.log('values', editFormState, toRaw(editFormState));
editFormState.value.factorId = editFormState.value.factorId.join(',')
fetch(carbonInventoryCheck.updateTable, editFormState.value).then((res) => {
editData.value = false
getPFYTableList(getTableId.value)
})
})
.catch(error => {
console.log('error', error);
});
};
const onCloseEditData = () => { const onCloseEditData = () => {
editData.value = false editData.value = false
editFormState.value = {
orgId: orgId.value,
}
selectedRowKeysEdit.value = []
canEdit.value = false
automatic.value = false
}; };
// //
const onChange = (pageNumber: number,size: number) => { const onChange = (pageNumber: number,size: number) => {
@ -1179,6 +1329,11 @@
chartInstance = echarts.init(tplxChart.value); chartInstance = echarts.init(tplxChart.value);
chartInstance.setOption(option); chartInstance.setOption(option);
}; };
//
const emit = defineEmits(['change-data'])
const changeParentData = () => {
emit('change-data', true,false);
};
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

16
hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/index.vue

@ -5,7 +5,7 @@
</div> </div>
<!-- 填报页 --> <!-- 填报页 -->
<div v-if="fillInPage"> <div v-if="fillInPage">
<fillIn /> <fillIn :reportId="reportId" :year="year" @change-data="updateData" />
</div> </div>
<!-- 新增报告弹窗 --> <!-- 新增报告弹窗 -->
<a-drawer <a-drawer
@ -61,8 +61,8 @@
return http.post(api, params); return http.post(api, params);
}; };
// //
const isMainPage = ref(false); const isMainPage = ref(true);
const fillInPage = ref(true); const fillInPage = ref(false);
// //
const visible = ref(false); const visible = ref(false);
const formState = ref({}) const formState = ref({})
@ -104,6 +104,8 @@
// //
const data = ref([]); const data = ref([]);
const mainRef = ref(); const mainRef = ref();
const reportId = ref();
const year = ref();
const tableConfig = ref({ const tableConfig = ref({
title: '数据库', title: '数据库',
api: carbonInventoryCheck.carbonInventoryList, api: carbonInventoryCheck.carbonInventoryList,
@ -172,6 +174,8 @@
handle: (record: any) => { handle: (record: any) => {
isMainPage.value = false isMainPage.value = false
fillInPage.value = true fillInPage.value = true
reportId.value = record.id
year.value = record.reportYear
}, },
}, },
{ {
@ -217,7 +221,11 @@
}, },
rowKey: 'id', rowKey: 'id',
}); });
// //
const updateData = (newDataOne,newDataTwo) => {
isMainPage.value = newDataOne
fillInPage.value = newDataTwo
};
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

Loading…
Cancel
Save