xuziqiang/SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

碳排管理 代码规范

Browse Source
This commit is contained in:
fks-xuxinyue
2024-07-25 14:18:37 +08:00
parent a9e6998430
commit dd7c417f81
8 changed files with 948 additions and 806 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
hx-ai-intelligent/src/api/carbonEmissionFactorLibrary.ts
View File

@@ -55,4 +55,6 @@ export enum carbonInventoryCheck {
findUnitById = '/carbon-smartapi/carbon/inventory/findById', findUnitById = '/carbon-smartapi/carbon/inventory/findById',
getDetailsList = '/carbon-smart/api/carbon/inventory/details/getDetailsList', getDetailsList = '/carbon-smart/api/carbon/inventory/details/getDetailsList',
updateTable = '/carbon-smart/api/carbon/inventory/details/update', updateTable = '/carbon-smart/api/carbon/inventory/details/update',
// 排放统计接口
emissionStatistic = '/carbon-smart/api/carbon/inventory/emissionStatistic',
} }

20
hx-ai-intelligent/src/router/carbonEmissionManage.ts
View File

@@ -65,6 +65,26 @@ const equipment = {
}, },
], ],
}, },
{
path: 'carbonInventoryCheck',
name: 'CarbonInventoryCheck',
meta: { title: '碳资产', hideChildren: true, icon: 'tanpaiguanli' },
component: Base,
redirect: { name: 'CarbonInventoryCheckIndex' },
children: [
{
path: 'index',
name: 'CarbonInventoryCheckIndex',
// component: () => import('/nerv-lib/saas/view/menuManage/index.vue'),
component: () => import('/@/view/carbonEmissionManage/carbonInventoryCheck/index.vue'),
meta: {
title: '碳资产',
keepAlive: false,
// backApi: [],
},
},
],
},
], ],
}; };
export default equipment; export default equipment;

2
hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/config.ts
View File

@@ -196,7 +196,7 @@ export const formConfig = (disabled) => {
componentProps: { componentProps: {
placeholder: '请输入参考文献', placeholder: '请输入参考文献',
maxLength: 300, maxLength: 300,
showCount:true showCount: true,
}, },
}, },
], ],

409
hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/index.vue
View File

@@ -4,16 +4,15 @@
<div class="main"> <div class="main">
<div class="left"> <div class="left">
<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="title">排放分类</div></div> <div class="ns-form-title"><div class="title">排放分类</div></div>
<div style="padding: 0 16px !important;width: 100%;"> <div style="padding: 0 16px !important; width: 100%">
<a-row> <a-row>
<a-col :span="24" style="margin-bottom: 16px;"> <a-col :span="24" style="margin-bottom: 16px">
<a-input-search <a-input-search
v-model:value="selectTreeDataValue" v-model:value="selectTreeDataValue"
placeholder="请输入关键词" placeholder="请输入关键词"
@search="onSearchTreeData" @search="onSearchTreeData" />
/>
</a-col> </a-col>
</a-row> </a-row>
</div> </div>
@@ -21,7 +20,7 @@
<a-tree <a-tree
v-if="gData && gData.length > 0" v-if="gData && gData.length > 0"
class="draggable-tree" class="draggable-tree"
style="padding: 0 16px !important;" style="padding: 0 16px !important"
draggable draggable
show-line show-line
checkable checkable
@@ -39,10 +38,21 @@
<template #title="data"> <template #title="data">
<div class="treeRow"> <div class="treeRow">
<div> <div>
<span v-if="data.emissionName && selectTreeDataValue && data.emissionName.indexOf(selectTreeDataValue) > -1"> <span
{{ data.emissionName.substring(0, data.emissionName.indexOf(selectTreeDataValue)) }} v-if="
<span style="color: #f50" >{{ selectTreeDataValue }}</span> data.emissionName &&
{{ data.emissionName.substring(data.emissionName.indexOf(selectTreeDataValue) + selectTreeDataValue.length) }} selectTreeDataValue &&
data.emissionName.indexOf(selectTreeDataValue) > -1
">
{{
data.emissionName.substring(0, data.emissionName.indexOf(selectTreeDataValue))
}}
<span style="color: #f50">{{ selectTreeDataValue }}</span>
{{
data.emissionName.substring(
data.emissionName.indexOf(selectTreeDataValue) + selectTreeDataValue.length,
)
}}
</span> </span>
<span v-else>{{ data.emissionName }}</span> <span v-else>{{ data.emissionName }}</span>
</div> </div>
@@ -62,12 +72,12 @@
</template> </template>
</a-tree> </a-tree>
<div class="addTreeNode"> <div class="addTreeNode">
<a-button type="primary" style="width:100%;" @click="addTreeNodeData">新增</a-button> <a-button type="primary" style="width: 100%" @click="addTreeNodeData">新增</a-button>
</div> </div>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
<ns-view-list-table v-bind="tableConfig" :model="data" ref="mainRef" :scroll="{ x: 2000}"> <ns-view-list-table v-bind="tableConfig" :model="data" ref="mainRef" :scroll="{ x: 2000 }">
<template #bodyCell="{ record, column }"> <template #bodyCell="{ record, column }">
<template v-if="column.dataIndex === 'emissionGas'"> <template v-if="column.dataIndex === 'emissionGas'">
{{ record.emissionGas.label }} {{ record.emissionGas.label }}
@@ -77,10 +87,7 @@
</div> </div>
<!-- 新增树节点 --> <!-- 新增树节点 -->
<ns-modal :visible="treeNodeAdd" :title="operationTree" @ok="handleOk" @cancel="handleCancel"> <ns-modal :visible="treeNodeAdd" :title="operationTree" @ok="handleOk" @cancel="handleCancel">
<ns-input <ns-input v-model:value="addTreeNode" class="input" placeholder="请输入排放类型" />
v-model:value="addTreeNode"
class="input"
placeholder="请输入排放类型"/>
</ns-modal> </ns-modal>
<!-- 新增数据库数据 --> <!-- 新增数据库数据 -->
<a-drawer <a-drawer
@@ -117,15 +124,21 @@
<a-button type="primary" @click="addUnit">新增单位</a-button> <a-button type="primary" @click="addUnit">新增单位</a-button>
</div> </div>
<div class="treePart"> <div class="treePart">
<div style="width: 100%;height: 7%;display: flex;justify-content: center;align-items: center;"> <div
style="
width: 100%;
height: 7%;
display: flex;
justify-content: center;
align-items: center;
">
<a-select <a-select
ref="select" ref="select"
:value="unitTreeParams.id" :value="unitTreeParams.id"
allowClear allowClear
style="width: 96%" style="width: 96%"
placeholder="选择分组" placeholder="选择分组"
@change="handleChange" @change="handleChange">
>
<a-select-option v-for="(item, index) in groupData" :key="index" :value="item.id"> <a-select-option v-for="(item, index) in groupData" :key="index" :value="item.id">
{{ item.cnValue }} {{ item.cnValue }}
</a-select-option> </a-select-option>
@@ -146,8 +159,11 @@
<div class="actionMore"> <div class="actionMore">
<EditOutlined v-if="!data.parentId" @click="editGroup(data)" /> <EditOutlined v-if="!data.parentId" @click="editGroup(data)" />
<EditOutlined v-else @click="editUnit(data)" /> <EditOutlined v-else @click="editUnit(data)" />
<MinusCircleOutlined style="margin-left: 6px;" @click="delUnit(data)" /> <MinusCircleOutlined style="margin-left: 6px" @click="delUnit(data)" />
<PlusCircleOutlined v-if="!data.parentId" style="margin-left: 6px;" @click="addUnit(data)" /> <PlusCircleOutlined
v-if="!data.parentId"
style="margin-left: 6px"
@click="addUnit(data)" />
</div> </div>
</div> </div>
</template> </template>
@@ -158,31 +174,32 @@
</template> </template>
</a-drawer> </a-drawer>
<!-- 新增分组管理 --> <!-- 新增分组管理 -->
<ns-modal :visible="addGroupManage" :title="addGroupTitle" @ok="unitOrGroupOk" @cancel="groupCancel"> <ns-modal
<a-form :visible="addGroupManage"
ref="unitFormRef" :title="addGroupTitle"
:model="formState" @ok="unitOrGroupOk"
:label-col="labelCol" @cancel="groupCancel">
:wrapper-col="wrapperCol" <a-form ref="unitFormRef" :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol">
>
<a-form-item label="分组名称" name="cnValue" :required="true"> <a-form-item label="分组名称" name="cnValue" :required="true">
<a-input v-model:value="formState.cnValue" placeholder="请输入分组名称" /> <a-input v-model:value="formState.cnValue" placeholder="请输入分组名称" />
</a-form-item> </a-form-item>
</a-form> </a-form>
</ns-modal> </ns-modal>
<!-- 新增单位 --> <!-- 新增单位 -->
<ns-modal :visible="addUnitManage" :title="addUnitTitle" @ok="unitOrGroupOk" @cancel="unitCancel"> <ns-modal
<a-form :visible="addUnitManage"
ref="unitFormRef" :title="addUnitTitle"
:model="formState" @ok="unitOrGroupOk"
:label-col="labelCol" @cancel="unitCancel">
:wrapper-col="wrapperCol" <a-form ref="unitFormRef" :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol">
>
<a-form-item label="单位名称" name="cnValue" :required="true"> <a-form-item label="单位名称" name="cnValue" :required="true">
<a-input v-model:value="formState.cnValue" placeholder="请输入单位名称" /> <a-input v-model:value="formState.cnValue" placeholder="请输入单位名称" />
</a-form-item> </a-form-item>
<a-form-item label="选择分组" name="parentId" :required="true"> <a-form-item label="选择分组" name="parentId" :required="true">
<a-select v-model:value="formState.parentId" placeholder="请选择所属分组" :disabled="canSelect"> <a-select
v-model:value="formState.parentId"
placeholder="请选择所属分组"
:disabled="canSelect">
<a-select-option v-for="(item, index) in groupData" :key="index" :value="item.id"> <a-select-option v-for="(item, index) in groupData" :key="index" :value="item.id">
{{ item.cnValue }} {{ item.cnValue }}
</a-select-option> </a-select-option>
@@ -193,12 +210,17 @@
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { MoreOutlined,ExclamationCircleOutlined,EditOutlined,PlusCircleOutlined,MinusCircleOutlined } from '@ant-design/icons-vue'; import {
ExclamationCircleOutlined,
EditOutlined,
PlusCircleOutlined,
MinusCircleOutlined,
} from '@ant-design/icons-vue';
import { Modal } from 'ant-design-vue'; import { Modal } from 'ant-design-vue';
import { computed, createVNode, defineComponent, reactive, ref, watchEffect,watch,toRaw } from 'vue'; import { computed, createVNode, reactive, ref, watchEffect, watch, toRaw } from 'vue';
import { http } from '/nerv-lib/util/http'; import { http } from '/nerv-lib/util/http';
import { NsMessage, NsModal } from '/nerv-lib/component'; import { NsMessage } from '/nerv-lib/component';
import { formConfig, formConfig2 } from './config'; import { formConfig } from './config';
import { carbonEmissionFactorLibrary } from '/@/api/carbonEmissionFactorLibrary'; import { carbonEmissionFactorLibrary } from '/@/api/carbonEmissionFactorLibrary';
import type { import type {
AntTreeNodeDragEnterEvent, AntTreeNodeDragEnterEvent,
@@ -220,7 +242,7 @@
const disabled = ref(false); const disabled = ref(false);
const treeNodeAdd = ref<boolean>(false); const treeNodeAdd = ref<boolean>(false);
const operationTree = ref<string>('新增'); const operationTree = ref<string>('新增');
const showOperation = ref(false) const showOperation = ref(false);
const opMap: any = ref({ const opMap: any = ref({
type: 'add', type: 'add',
@@ -358,7 +380,7 @@
for (let i = 0; i < tree.length; i++) { for (let i = 0; i < tree.length; i++) {
const node = tree[i]; const node = tree[i];
if (node.children) { if (node.children) {
if (node.children.some(item => item.key === key)) { if (node.children.some((item) => item.key === key)) {
parentKey = node.key; parentKey = node.key;
} else if (getParentKey(key, node.children)) { } else if (getParentKey(key, node.children)) {
parentKey = getParentKey(key, node.children); parentKey = getParentKey(key, node.children);
@@ -374,7 +396,7 @@
expandedKeys.value = keys; expandedKeys.value = keys;
autoExpandParent.value = false; autoExpandParent.value = false;
}; };
watch(selectTreeDataValue, value => { watch(selectTreeDataValue, (value) => {
const expanded = dataList const expanded = dataList
.map((item: TreeProps['treeData'][number]) => { .map((item: TreeProps['treeData'][number]) => {
if (item.title.indexOf(value) > -1) { if (item.title.indexOf(value) > -1) {
@@ -393,70 +415,70 @@
console.log('or use this.value', value.value); console.log('or use this.value', value.value);
}; };
// 点击数据点的复选框 // 点击数据点的复选框
const checkedIds = ref([]) const checkedIds = ref([]);
const emissionType = ref() const emissionType = ref();
const checkTreeNode = (checkedKeys, info) => { const checkTreeNode = (checkedKeys, info) => {
checkedTreeNodeKeys.value = checkedKeys checkedTreeNodeKeys.value = checkedKeys;
checkedIds.value = [] checkedIds.value = [];
info.checkedNodes.forEach(item=>{ info.checkedNodes.forEach((item) => {
checkedIds.value.push(item.id) checkedIds.value.push(item.id);
}) });
sessionStorage.setItem('checkedTreeNode', checkedIds.value); sessionStorage.setItem('checkedTreeNode', checkedIds.value);
emissionType.value = checkedIds.value.join(',') emissionType.value = checkedIds.value.join(',');
mainRef.value?.nsTableRef.reload(); mainRef.value?.nsTableRef.reload();
} };
// 点击新增树节点 // 点击新增树节点
const addTreeNodeData = () => { const addTreeNodeData = () => {
operationTree.value='新增' operationTree.value = '新增';
treeNodeAdd.value = true; treeNodeAdd.value = true;
editTreeNode.value.type = 'create' editTreeNode.value.type = 'create';
}; };
// 编辑树节点 // 编辑树节点
const editTreeNodeData = (data) => { const editTreeNodeData = (data) => {
operationTree.value='编辑' operationTree.value = '编辑';
treeNodeAdd.value = true; treeNodeAdd.value = true;
editTreeNode.value.type = 'update' editTreeNode.value.type = 'update';
addTreeNode.value = data.emissionName addTreeNode.value = data.emissionName;
} };
// 删除树节点 // 删除树节点
const deleteTreeNode = () => { const deleteTreeNode = () => {
Modal.confirm({ Modal.confirm({
title: '警告', title: '警告',
icon: createVNode(ExclamationCircleOutlined), icon: createVNode(ExclamationCircleOutlined),
content: '确定要删除么？', content: '确定要删除么？',
okText: '确认', okText: '确认',
okType: 'primary', okType: 'primary',
cancelText: '取消', cancelText: '取消',
onOk() { onOk() {
http.post(carbonEmissionFactorLibrary.delTreeNode,editTreeNode.value).then(() => { http.post(carbonEmissionFactorLibrary.delTreeNode, editTreeNode.value).then(() => {
getOrgTree() getOrgTree();
NsMessage.success('操作成功'); NsMessage.success('操作成功');
}); });
}, },
onCancel() { onCancel() {
console.log('Cancel'); console.log('Cancel');
}, },
}); });
} };
// 新增/编辑树节点点击确定 // 新增/编辑树节点点击确定
const addTreeNode =ref() const addTreeNode = ref();
const handleOk = (e: MouseEvent) => { const handleOk = (e: MouseEvent) => {
editTreeNode.value.emissionName = addTreeNode.value editTreeNode.value.emissionName = addTreeNode.value;
http.post(carbonEmissionFactorLibrary.creat,editTreeNode.value).then(() => { http.post(carbonEmissionFactorLibrary.creat, editTreeNode.value).then(() => {
getOrgTree() getOrgTree();
NsMessage.success('操作成功'); NsMessage.success('操作成功');
addTreeNode.value = '' addTreeNode.value = '';
treeNodeAdd.value = false; treeNodeAdd.value = false;
}); });
}; };
const handleCancel = () => { const handleCancel = () => {
addTreeNode.value = '' addTreeNode.value = '';
treeNodeAdd.value = false; treeNodeAdd.value = false;
}; };
// 获取排放分类树 // 获取排放分类树
const getOrgTree = (params?) => { const getOrgTree = (params?) => {
fetch(carbonEmissionFactorLibrary.getCarbonFactorTree, params).then((res) => { fetch(carbonEmissionFactorLibrary.getCarbonFactorTree, params).then((res) => {
gData.value = res.data gData.value = res.data;
// 找到匹配的节点数据 // 找到匹配的节点数据
// const selectedNodes = []; // const selectedNodes = [];
// checkedTreeNodeKeys.value.forEach(key => { // checkedTreeNodeKeys.value.forEach(key => {
@@ -469,31 +491,31 @@
// getDefaultIds(selectedNodes) // getDefaultIds(selectedNodes)
}); });
}; };
const defaultIds = ref([]) const defaultIds = ref([]);
const getDefaultIds = (selectedNodes) => { const getDefaultIds = (selectedNodes) => {
selectedNodes.forEach(items => { selectedNodes.forEach((items) => {
defaultIds.value.push(items.id) defaultIds.value.push(items.id);
if(items.children){ if (items.children) {
getDefaultIds(items.children) getDefaultIds(items.children);
} }
}) });
emissionType.value = defaultIds.value.join(',') emissionType.value = defaultIds.value.join(',');
checkedIds.value = defaultIds.value checkedIds.value = defaultIds.value;
sessionStorage.setItem('checkedTreeNode', checkedIds.value); sessionStorage.setItem('checkedTreeNode', checkedIds.value);
} };
getOrgTree(); getOrgTree();
// 被选中的树节点 // 被选中的树节点
const editTreeNode = ref({}) const editTreeNode = ref({});
const onSelect = (selectedKeys: string[], info: any) => { const onSelect = (selectedKeys: string[], info: any) => {
if(info.selected){ if (info.selected) {
showOperation.value = true showOperation.value = true;
editTreeNode.value = { editTreeNode.value = {
id:info.selectedNodes[0].id, id: info.selectedNodes[0].id,
level:info.selectedNodes[0].level, level: info.selectedNodes[0].level,
dataNumber:info.selectedNodes[0].dataNumber, dataNumber: info.selectedNodes[0].dataNumber,
sortNumber:info.selectedNodes[0].sortNumber, sortNumber: info.selectedNodes[0].sortNumber,
parentEmissionId:info.selectedNodes[0].parentEmissionId, parentEmissionId: info.selectedNodes[0].parentEmissionId,
} };
} }
}; };
@@ -516,13 +538,14 @@
}; };
const handleSelect = (selectedKeys: any, info: any) => { const handleSelect = (selectedKeys: any, info: any) => {
fetch(carbonEmissionFactorLibrary.queryDeptTree, { orgId: info.node?.orgInfo.orgId }).then((res) => { fetch(carbonEmissionFactorLibrary.queryDeptTree, { orgId: info.node?.orgInfo.orgId }).then(
treeData2.value = res.data; (res) => {
}); treeData2.value = res.data;
},
);
tableFetch({ orgId: info.node?.orgInfo.orgId }); tableFetch({ orgId: info.node?.orgInfo.orgId });
}; };
const onClose = () => { const onClose = () => {
visible.value = false; visible.value = false;
formData.value = {}; formData.value = {};
@@ -530,8 +553,8 @@
}; };
const closeUnitManag = () => { const closeUnitManag = () => {
unitTreeParams.value = { unitTreeParams.value = {
grp: 'MEASUREMENT_UNIT' grp: 'MEASUREMENT_UNIT',
} };
unitManagement.value = false; unitManagement.value = false;
}; };
const onEdit = () => { const onEdit = () => {
@@ -542,8 +565,7 @@
// return; // return;
// } // }
opMap.value.fuc && opMap.value.fuc && opMap.value.fuc({ ...formData.value });
opMap.value.fuc({ ...formData.value });
}); });
}; };
const tableConfig = ref({ const tableConfig = ref({
@@ -551,7 +573,7 @@
api: carbonEmissionFactorLibrary.getTableList, api: carbonEmissionFactorLibrary.getTableList,
params: { params: {
orgId, orgId,
emissionType emissionType,
}, },
headerActions: [ headerActions: [
{ {
@@ -562,13 +584,13 @@
opMap.value.type = 'add'; opMap.value.type = 'add';
setTimeout(() => { setTimeout(() => {
formData.value = { formData.value = {
carbonEmissionPrefix:'t', carbonEmissionPrefix: 't',
numberOfReferences:'10' numberOfReferences: '10',
}; };
userAuthList.value.splice(0); userAuthList.value.splice(0);
}); });
opMap.value.fuc = (formData: any) => { opMap.value.fuc = (formData: any) => {
formData.emissionType = formData.emissionType[formData.emissionType.length - 1] formData.emissionType = formData.emissionType[formData.emissionType.length - 1];
return http.post(carbonEmissionFactorLibrary.creatOrUpdate, formData).then(() => { return http.post(carbonEmissionFactorLibrary.creatOrUpdate, formData).then(() => {
mainRef.value?.nsTableRef.reload(); mainRef.value?.nsTableRef.reload();
visible.value = false; visible.value = false;
@@ -607,11 +629,13 @@
type: 'primary', type: 'primary',
name: 'userAdd', name: 'userAdd',
handle: () => { handle: () => {
unitManagement.value = true, (unitManagement.value = true),
fetch(carbonEmissionFactorLibrary.findOutermost,{grp:'MEASUREMENT_UNIT'}).then((res) => { fetch(carbonEmissionFactorLibrary.findOutermost, { grp: 'MEASUREMENT_UNIT' }).then(
groupData.value = res.data (res) => {
}); groupData.value = res.data;
getUnitTree() },
);
getUnitTree();
}, },
}, },
], ],
@@ -672,14 +696,14 @@
handle: (record: any) => { handle: (record: any) => {
userAuthList.value.splice(0); userAuthList.value.splice(0);
setTimeout(() => { setTimeout(() => {
const measurementUnit = ref([]) const measurementUnit = ref([]);
http.post(carbonEmissionFactorLibrary.getCarbonFactorTree,{}).then((res) => { http.post(carbonEmissionFactorLibrary.getCarbonFactorTree, {}).then((res) => {
measurementUnit.value = res.data measurementUnit.value = res.data;
http.post(carbonEmissionFactorLibrary.findById,{ id: record.id } ).then((res) => { http.post(carbonEmissionFactorLibrary.findById, { id: record.id }).then((res) => {
if (res.data.emissionType) { if (res.data.emissionType) {
let selectDevice = ref([Number(res.data.emissionType)]); let selectDevice = ref([Number(res.data.emissionType)]);
findParentIds(measurementUnit.value, res.data.emissionType, selectDevice.value); findParentIds(measurementUnit.value, res.data.emissionType, selectDevice.value);
res.data.emissionType = selectDevice res.data.emissionType = selectDevice;
} }
formData.value = res.data; formData.value = res.data;
}); });
@@ -687,9 +711,9 @@
}, 10); }, 10);
opMap.value.type = 'edit'; opMap.value.type = 'edit';
opMap.value.fuc = (formData: any) => { opMap.value.fuc = (formData: any) => {
formData.emissionType = formData.emissionType[formData.emissionType.length - 1] formData.emissionType = formData.emissionType[formData.emissionType.length - 1];
if(formData.emissionGas.value){ if (formData.emissionGas.value) {
formData.emissionGas = formData.emissionGas.value formData.emissionGas = formData.emissionGas.value;
} }
return http.post(carbonEmissionFactorLibrary.creatOrUpdate, formData).then(() => { return http.post(carbonEmissionFactorLibrary.creatOrUpdate, formData).then(() => {
mainRef.value?.nsTableRef.reload(); mainRef.value?.nsTableRef.reload();
@@ -756,7 +780,7 @@
}, },
{ {
label: 'SF6', label: 'SF6',
value:3, value: 3,
}, },
{ {
label: 'CH4', label: 'CH4',
@@ -815,9 +839,9 @@
result.unshift(item.id); // 将当前节点的id添加到结果数组的最前面 result.unshift(item.id); // 将当前节点的id添加到结果数组的最前面
findParentIds(tree, item.id, result); // 递归查找父级节点的id findParentIds(tree, item.id, result); // 递归查找父级节点的id
break; // 找到后可以退出循环 break; // 找到后可以退出循环
}else{ } else {
for(let childsItem of item.children){ for (let childsItem of item.children) {
if(childsItem.children && childsItem.children.length > 0){ if (childsItem.children && childsItem.children.length > 0) {
if (childsItem.children.some((child: any) => child.id === Number(targetId))) { if (childsItem.children.some((child: any) => child.id === Number(targetId))) {
result.unshift(childsItem.id); // 将当前节点的id添加到结果数组的最前面 result.unshift(childsItem.id); // 将当前节点的id添加到结果数组的最前面
findParentIds(tree, childsItem.id, result); // 递归查找父级节点的id findParentIds(tree, childsItem.id, result); // 递归查找父级节点的id
@@ -833,20 +857,22 @@
// 单位管理 // 单位管理
const unitExpandedKeys = ref<string[]>(); const unitExpandedKeys = ref<string[]>();
const unitSelectedKeys = ref<string[]>([]); const unitSelectedKeys = ref<string[]>([]);
const unitTreeParams = ref({ const unitTreeParams = ref({
grp: 'MEASUREMENT_UNIT' grp: 'MEASUREMENT_UNIT',
}) });
const groupData = ref([]) const groupData = ref([]);
const unitTreeData = ref<TreeProps['treeData']>(genData); const unitTreeData = ref<TreeProps['treeData']>(genData);
const handleChange = (value: string) => { const handleChange = (value: string) => {
unitTreeParams.value.id = value unitTreeParams.value.id = value;
getUnitTree() getUnitTree();
}; };
const getUnitTree = () => { const getUnitTree = () => {
fetch(carbonEmissionFactorLibrary.dictionaryUnitManagement, unitTreeParams.value).then((res) => { fetch(carbonEmissionFactorLibrary.dictionaryUnitManagement, unitTreeParams.value).then(
unitTreeData.value = res.data (res) => {
}); unitTreeData.value = res.data;
} },
);
};
// 新增单位管理 // 新增单位管理
const labelCol = { span: 5 }; const labelCol = { span: 5 };
const wrapperCol = { span: 19 }; const wrapperCol = { span: 19 };
@@ -857,100 +883,100 @@
const formState = ref({ const formState = ref({
grp: 'MEASUREMENT_UNIT', grp: 'MEASUREMENT_UNIT',
grpDesc: '计量单位', grpDesc: '计量单位',
}) });
const addGroupTitle = ref<string>('新增分组'); const addGroupTitle = ref<string>('新增分组');
const addUnitTitle = ref<string>('新增单位'); const addUnitTitle = ref<string>('新增单位');
const addGroup = () => { const addGroup = () => {
addGroupTitle.value = '新增分组' addGroupTitle.value = '新增分组';
addGroupManage.value = true addGroupManage.value = true;
}; };
const editGroup = (data) => { const editGroup = (data) => {
addGroupTitle.value = '编辑分组' addGroupTitle.value = '编辑分组';
addGroupManage.value = true addGroupManage.value = true;
formState.value.id = data.id formState.value.id = data.id;
formState.value.cnValue = data.cnValue formState.value.cnValue = data.cnValue;
}; };
const groupCancel = () => { const groupCancel = () => {
addGroupManage.value = false addGroupManage.value = false;
unitFormRef.value.resetFields(); unitFormRef.value.resetFields();
formState.value = { formState.value = {
grp: 'MEASUREMENT_UNIT', grp: 'MEASUREMENT_UNIT',
grpDesc: '计量单位', grpDesc: '计量单位',
} };
}; };
const addUnit = (data) => { const addUnit = (data) => {
if(data.id){ if (data.id) {
canSelect.value = true canSelect.value = true;
formState.value.parentId = data.id formState.value.parentId = data.id;
}else{ } else {
canSelect.value = false canSelect.value = false;
} }
fetch(carbonEmissionFactorLibrary.findOutermost).then((res) => { fetch(carbonEmissionFactorLibrary.findOutermost).then((res) => {
groupData.value = res.data groupData.value = res.data;
}); });
addUnitTitle.value = '新增单位' addUnitTitle.value = '新增单位';
addUnitManage.value = true addUnitManage.value = true;
}; };
const editUnit = (data) => { const editUnit = (data) => {
addUnitTitle.value = '编辑单位' addUnitTitle.value = '编辑单位';
addUnitManage.value = true addUnitManage.value = true;
canSelect.value = true canSelect.value = true;
formState.value.parentId = data.parentId formState.value.parentId = data.parentId;
formState.value.id = data.id formState.value.id = data.id;
formState.value.cnValue = data.cnValue formState.value.cnValue = data.cnValue;
}; };
const unitCancel = () => { const unitCancel = () => {
addUnitManage.value = false addUnitManage.value = false;
unitFormRef.value.resetFields(); unitFormRef.value.resetFields();
formState.value = { formState.value = {
grp: 'MEASUREMENT_UNIT', grp: 'MEASUREMENT_UNIT',
grpDesc: '计量单位', grpDesc: '计量单位',
} };
}; };
const unitOrGroupOk = () => { const unitOrGroupOk = () => {
unitFormRef.value unitFormRef.value
.validate() .validate()
.then(() => { .then(() => {
console.log('values', formState, toRaw(formState)); console.log('values', formState, toRaw(formState));
if(formState.value.id){ if (formState.value.id) {
fetch(carbonEmissionFactorLibrary.updateDictionary, formState.value).then((res) => { fetch(carbonEmissionFactorLibrary.updateDictionary, formState.value).then((res) => {
unitTreeData.value = res.data unitTreeData.value = res.data;
if(formState.value.parentId){ if (formState.value.parentId) {
addUnitManage.value = false addUnitManage.value = false;
}else{ } else {
addGroupManage.value = false addGroupManage.value = false;
} }
unitFormRef.value.resetFields(); unitFormRef.value.resetFields();
formState.value = { formState.value = {
grp: 'MEASUREMENT_UNIT', grp: 'MEASUREMENT_UNIT',
grpDesc: '计量单位', grpDesc: '计量单位',
} };
getUnitTree() getUnitTree();
}); });
}else{ } else {
fetch(carbonEmissionFactorLibrary.createDictionary, formState.value).then((res) => { fetch(carbonEmissionFactorLibrary.createDictionary, formState.value).then((res) => {
unitTreeData.value = res.data unitTreeData.value = res.data;
if(formState.value.parentId){ if (formState.value.parentId) {
addUnitManage.value = false addUnitManage.value = false;
}else{ } else {
addGroupManage.value = false addGroupManage.value = false;
} }
unitFormRef.value.resetFields(); unitFormRef.value.resetFields();
formState.value = { formState.value = {
grp: 'MEASUREMENT_UNIT', grp: 'MEASUREMENT_UNIT',
grpDesc: '计量单位', grpDesc: '计量单位',
} };
getUnitTree() getUnitTree();
}); });
} }
}) })
.catch(error => { .catch((error) => {
console.log('error', error); console.log('error', error);
}); });
}; };
// 删除单位管理的树节点 // 删除单位管理的树节点
const delUnit = (data) => { const delUnit = (data) => {
formState.value.id = data.id formState.value.id = data.id;
Modal.confirm({ Modal.confirm({
title: '警告', title: '警告',
content: '确定要删除吗?', content: '确定要删除吗?',
@@ -958,9 +984,9 @@
okType: 'primary', okType: 'primary',
cancelText: '取消', cancelText: '取消',
onOk() { onOk() {
fetch(carbonEmissionFactorLibrary.delDictionary , formState.value).then((res) => { fetch(carbonEmissionFactorLibrary.delDictionary, formState.value).then((res) => {
message.success('操作成功！'); message.success('操作成功！');
getUnitTree() getUnitTree();
}); });
}, },
onCancel() { onCancel() {
@@ -968,7 +994,6 @@
}, },
}); });
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.main { .main {
@@ -988,9 +1013,9 @@
} }
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.top{ .top {
position: relative; position: relative;
.addTreeNode{ .addTreeNode {
width: 100%; width: 100%;
padding: 16px; padding: 16px;
position: absolute; position: absolute;
@@ -1008,7 +1033,7 @@
// border-bottom: 5px solid rgb(229, 235, 240); // border-bottom: 5px solid rgb(229, 235, 240);
// overflow-y: auto; // overflow-y: auto;
} }
.ns-form-title{ .ns-form-title {
font-weight: bold; font-weight: bold;
user-select: text; user-select: text;
padding: 16px; padding: 16px;
@@ -1016,7 +1041,7 @@
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;
} }
.title{ .title {
text-align: left; text-align: left;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
@@ -1034,21 +1059,21 @@
height: 13px; height: 13px;
width: 3px; width: 3px;
border-radius: 1px; border-radius: 1px;
background-color: #2778FF; background-color: #2778ff;
} }
.treeRow { .treeRow {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.addButton{ .addButton {
width: 70%; width: 70%;
height: 5vh; height: 5vh;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
} }
.treePart{ .treePart {
width: 70%; width: 70%;
height: 100%; height: 100%;
display: flex; display: flex;

44
hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/carbonEmissions/index.vue
View File

@@ -5,16 +5,20 @@
:data-source="data" :data-source="data"
bordered bordered
:pagination="false" :pagination="false"
:scroll="{ x: 2000,y:480 }"> :scroll="{ x: 2000, y: 480 }">
<template #title> <template #title>
<a-date-picker v-model:value="selectYear" picker="year" @change="changeYearData" valueFormat="YYYY" /> <a-date-picker
v-model:value="selectYear"
picker="year"
@change="changeYearData"
valueFormat="YYYY" />
</template> </template>
</a-table> </a-table>
<a-pagination <a-pagination
:current="queryParams.pageNum" :current="queryParams.pageNum"
:total="total" :total="total"
:page-size="queryParams.pageSize" :page-size="queryParams.pageSize"
style="display: flex;justify-content: center;margin-top: 16px;" style="display: flex; justify-content: center; margin-top: 16px"
:show-size-changer="true" :show-size-changer="true"
:show-quick-jumper="true" :show-quick-jumper="true"
@change="onChange" /> @change="onChange" />
@@ -35,26 +39,26 @@
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;
const fetch = (api, params = { orgId } ) => { const fetch = (api, params = { orgId }) => {
return http.post(api, params); return http.post(api, params);
}; };
const data = ref([]); const data = ref([]);
const selectYear = ref<Dayjs>(dayjs( new Date().getFullYear().toString())); const selectYear = ref<Dayjs>(dayjs(new Date().getFullYear().toString()));
const total = ref<number>() const total = ref<number>();
const queryParams = ref({ const queryParams = ref({
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
year: selectYear.value.format('YYYY'), year: selectYear.value.format('YYYY'),
orgId: orgId.value orgId: orgId.value,
}) });
// 年份选择改变触发 // 年份选择改变触发
const changeYearData = () => { const changeYearData = () => {
queryParams.value.year = selectYear.value queryParams.value.year = selectYear.value;
getTableList() getTableList();
} };
// 表头 // 表头
const column: TableColumnsType [] = [ const column: TableColumnsType[] = [
{ {
title: '排放类型', title: '排放类型',
dataIndex: 'cnValue', dataIndex: 'cnValue',
@@ -163,24 +167,24 @@
}; };
// 获取表格数据 // 获取表格数据
const getTableList = () => { const getTableList = () => {
fetch(carbonEmission.carbonEmissionStatistics , queryParams.value).then((res) => { fetch(carbonEmission.carbonEmissionStatistics, queryParams.value).then((res) => {
data.value = res.data data.value = res.data;
total.value = res.data.length total.value = res.data.length;
}); });
}; };
getTableList() getTableList();
// 分页器 // 分页器
const onChange = (pageNumber: number,size: number) => { const onChange = (pageNumber: number, size: number) => {
queryParams.value.pageNum = pageNumber; queryParams.value.pageNum = pageNumber;
queryParams.value.pageSize = size; queryParams.value.pageSize = size;
getTableList() getTableList();
}; };
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
:deep(.ant-table-title){ :deep(.ant-table-title) {
display: flex; display: flex;
} }
:deep(.ant-table-container){ :deep(.ant-table-container) {
padding: 0px 16px; padding: 0px 16px;
} }
</style> </style>

1
hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/index.vue
View File

@@ -31,4 +31,3 @@
// } // }
}; };
</script> </script>

229
hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/quickCalculation/index.vue
View File

@@ -2,16 +2,15 @@
<div class="main"> <div class="main">
<div class="left"> <div class="left">
<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="title">因子分类</div></div> <div class="ns-form-title"><div class="title">因子分类</div></div>
<div style="padding: 0 16px !important;width: 100%;"> <div style="padding: 0 16px !important; width: 100%">
<a-row> <a-row>
<a-col :span="24" style="margin-bottom: 16px;"> <a-col :span="24" style="margin-bottom: 16px">
<a-input-search <a-input-search
v-model:value="searchValue" v-model:value="searchValue"
placeholder="请输入关键词" placeholder="请输入关键词"
@search="onSearchTreeData" @search="onSearchTreeData" />
/>
</a-col> </a-col>
</a-row> </a-row>
</div> </div>
@@ -25,13 +24,15 @@
show-line show-line
@expand="onExpand" @expand="onExpand"
@select="onSelect" @select="onSelect"
style="padding: 0 16px !important;" style="padding: 0 16px !important">
>
<template #title="data"> <template #title="data">
<span v-if="data.energyType && searchValue && data.energyType.indexOf(searchValue) > -1"> <span
v-if="data.energyType && searchValue && data.energyType.indexOf(searchValue) > -1">
{{ data.energyType.substring(0, data.energyType.indexOf(searchValue)) }} {{ data.energyType.substring(0, data.energyType.indexOf(searchValue)) }}
<span style="color: #f50">{{ searchValue }}</span> <span style="color: #f50">{{ searchValue }}</span>
{{ data.energyType.substring(data.energyType.indexOf(searchValue) + searchValue.length) }} {{
data.energyType.substring(data.energyType.indexOf(searchValue) + searchValue.length)
}}
</span> </span>
<span v-else>{{ data.energyType }}</span> <span v-else>{{ data.energyType }}</span>
</template> </template>
@@ -65,29 +66,31 @@
:current="queryParams.pageNum" :current="queryParams.pageNum"
:total="total" :total="total"
:page-size="queryParams.pageSize" :page-size="queryParams.pageSize"
style="display: flex;justify-content: center;margin-top: 16px;" style="display: flex; justify-content: center; margin-top: 16px"
:show-size-changer="true" :show-size-changer="true"
:show-quick-jumper="true" :show-quick-jumper="true"
@change="onChange" /> @change="onChange" />
<!-- 新增/编辑 --> <!-- 新增/编辑 -->
<a-drawer <a-drawer
:width="700" :width="700"
:visible="visible" :visible="visible"
:body-style="{ paddingBottom: '80px' }" :body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }" :footer-style="{ textAlign: 'right' }"
destroyOnClose destroyOnClose
@close="onClose"> @close="onClose">
<a-form <a-form
ref="formRef" ref="formRef"
:model="formState" :model="formState"
:rules="rules" :rules="rules"
:label-col="labelCol" :label-col="labelCol"
:wrapper-col="wrapperCol" :wrapper-col="wrapperCol">
>
<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="dateRange">
<a-range-picker v-model:value="formState.dateRange" picker="month" valueFormat="YYYY-MM" /> <a-range-picker
v-model:value="formState.dateRange"
picker="month"
valueFormat="YYYY-MM" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
@@ -103,20 +106,24 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
</a-form> </a-form>
<a-table <a-table
:columns="drawerColumns" :columns="drawerColumns"
:data-source="newTableData" :data-source="newTableData"
bordered bordered
rowKey="id" rowKey="id"
:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectionChange, type: 'radio' }" :rowSelection="{
:pagination="false"> selectedRowKeys: selectedRowKeys,
</a-table> onChange: onSelectionChange,
<template #footer> type: 'radio',
<a-button style="margin-right: 8px" @click="onClose">取消</a-button> }"
<a-button type="primary" @click="onSubmit">确定</a-button> :pagination="false">
</template> </a-table>
</a-drawer> <template #footer>
<a-button style="margin-right: 8px" @click="onClose">取消</a-button>
<a-button type="primary" @click="onSubmit">确定</a-button>
</template>
</a-drawer>
</div> </div>
</div> </div>
</template> </template>
@@ -124,10 +131,13 @@
<script lang="ts" setup> <script lang="ts" setup>
import { ref, watch, toRaw } from 'vue'; import { ref, watch, toRaw } from 'vue';
import type { TreeProps } from 'ant-design-vue'; import type { TreeProps } from 'ant-design-vue';
import { Pagination,Modal } from 'ant-design-vue'; import { Pagination, Modal } from 'ant-design-vue';
import { columns,drawerColumns } from '../config'; import { columns, drawerColumns } from '../config';
import { http } from '/nerv-lib/util/http'; import { http } from '/nerv-lib/util/http';
import { quickCalculation,carbonEmissionFactorLibrary } from '/@/api/carbonEmissionFactorLibrary'; import {
quickCalculation,
carbonEmissionFactorLibrary,
} from '/@/api/carbonEmissionFactorLibrary';
defineOptions({ defineOptions({
energyType: 'quickCalculation', // 与页面路由name一致缓存才可生效 energyType: 'quickCalculation', // 与页面路由name一致缓存才可生效
components: { components: {
@@ -137,7 +147,7 @@
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;
const fetch = (api, params = { orgId } ) => { const fetch = (api, params = { orgId }) => {
return http.post(api, params); return http.post(api, params);
}; };
const mainRef = ref(); const mainRef = ref();
@@ -191,7 +201,7 @@
for (let i = 0; i < tree.length; i++) { for (let i = 0; i < tree.length; i++) {
const node = tree[i]; const node = tree[i];
if (node.children) { if (node.children) {
if (node.children.some(item => item.key === key)) { if (node.children.some((item) => item.key === key)) {
parentKey = node.key; parentKey = node.key;
} else if (getParentKey(key, node.children)) { } else if (getParentKey(key, node.children)) {
parentKey = getParentKey(key, node.children); parentKey = getParentKey(key, node.children);
@@ -211,17 +221,17 @@
autoExpandParent.value = false; autoExpandParent.value = false;
}; };
// 被选中的树节点 // 被选中的树节点
const energyType = ref() const energyType = ref();
const onSelect = (selectedKey: string[], info: any) => { const onSelect = (selectedKey: string[], info: any) => {
selectedKeys.value = selectedKey; selectedKeys.value = selectedKey;
if(info.selected){ if (info.selected) {
energyType.value = info.node.id energyType.value = info.node.id;
statsId.value = info.node.id statsId.value = info.node.id;
mainRef.value?.nsTableRef.reload(); mainRef.value?.nsTableRef.reload();
} }
}; };
watch(searchValue, value => { watch(searchValue, (value) => {
const expanded = dataList const expanded = dataList
.map((item: TreeProps['treeData'][number]) => { .map((item: TreeProps['treeData'][number]) => {
if (item.title.indexOf(value) > -1) { if (item.title.indexOf(value) > -1) {
@@ -235,26 +245,25 @@
autoExpandParent.value = true; autoExpandParent.value = true;
}); });
// 查询因子分类树数据 // 查询因子分类树数据
const onSearchTreeData = () => { const onSearchTreeData = () => {};
}; const statsId = ref();
const statsId = ref()
// 获取因子分类树数据 // 获取因子分类树数据
const getTreeData = () => { const getTreeData = () => {
fetch(quickCalculation.carbonQuickTree).then((res) => { fetch(quickCalculation.carbonQuickTree).then((res) => {
gData.value = res.data gData.value = res.data;
energyType.value = gData.value[0].children[0].id energyType.value = gData.value[0].children[0].id;
statsId.value = gData.value[0].children[0].id statsId.value = gData.value[0].children[0].id;
mainRef.value?.nsTableRef.reload(); mainRef.value?.nsTableRef.reload();
}); });
}; };
getTreeData() getTreeData();
// 列表数据 // 列表数据
const total = ref<number>() const total = ref<number>();
const queryParams = ref({ const queryParams = ref({
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
orgId: orgId.value orgId: orgId.value,
}) });
const tableData = ref([]); const tableData = ref([]);
const tableConfig = ref({ const tableConfig = ref({
@@ -262,7 +271,7 @@
api: quickCalculation.queryCarbonEmissionPage, api: quickCalculation.queryCarbonEmissionPage,
params: { params: {
orgId, orgId,
energyType energyType,
}, },
headerActions: [ headerActions: [
{ {
@@ -270,8 +279,8 @@
name: 'userAdd', name: 'userAdd',
type: 'primary', type: 'primary',
handle: () => { handle: () => {
visible.value = true visible.value = true;
getNewTable() getNewTable();
}, },
}, },
], ],
@@ -320,12 +329,12 @@
name: 'userEdit', name: 'userEdit',
handle: (record: any) => { handle: (record: any) => {
selectedRowKeys.value = [record.factorId]; selectedRowKeys.value = [record.factorId];
formState.value.id = record.id formState.value.id = record.id;
formState.value.emissionFactors = record.emissionFactors formState.value.emissionFactors = record.emissionFactors;
formState.value.dateRange = [record.startTime, record.endTime]; formState.value.dateRange = [record.startTime, record.endTime];
formState.value.factorId = record.factorId formState.value.factorId = record.factorId;
visible.value = true visible.value = true;
getNewTable() getNewTable();
}, },
}, },
{ {
@@ -342,13 +351,13 @@
}); });
// 获取列表数据 // 获取列表数据
const getTableList = () => { const getTableList = () => {
fetch(quickCalculation.queryCarbonEmissionPage,queryParams.value).then((res) => { fetch(quickCalculation.queryCarbonEmissionPage, queryParams.value).then((res) => {
tableData.value = res.data.records tableData.value = res.data.records;
total.value = res.data.total total.value = res.data.total;
}); });
}; };
// 分页器 // 分页器
const onChange = (pageNumber: number,size: number) => { const onChange = (pageNumber: number, size: number) => {
queryParams.value.pageNum = pageNumber; queryParams.value.pageNum = pageNumber;
queryParams.value.pageSize = size; queryParams.value.pageSize = size;
mainRef.value?.nsTableRef.reload(); mainRef.value?.nsTableRef.reload();
@@ -357,7 +366,7 @@
const formRef = ref(); const formRef = ref();
const labelCol = { span: 6 }; const labelCol = { span: 6 };
const wrapperCol = { span: 18 }; const wrapperCol = { span: 18 };
const formState = ref({}) const formState = ref({});
const visible = ref(false); const visible = ref(false);
// 定义form表单的必填 // 定义form表单的必填
@@ -367,65 +376,65 @@
}; };
// 点击新增按钮 // 点击新增按钮
const addNewData = () => { const addNewData = () => {
visible.value = true visible.value = true;
getNewTable() getNewTable();
}; };
// 获取新增页面的列表 // 获取新增页面的列表
const selectedRowKeys = ref([]); const selectedRowKeys = ref([]);
const onSelectionChange = (selectedKeys, selectedRows) => { const onSelectionChange = (selectedKeys, selectedRows) => {
selectedRowKeys.value = selectedKeys; selectedRowKeys.value = selectedKeys;
formState.value.emissionFactors = selectedRows[0].emissionFactors formState.value.emissionFactors = selectedRows[0].emissionFactors;
formState.value.factorId = selectedRows[0].id formState.value.factorId = selectedRows[0].id;
}; };
const queryData = ref({ const queryData = ref({
orgId: orgId.value, orgId: orgId.value,
pageNum: 1, pageNum: 1,
pageSize: 999 pageSize: 999,
}) });
const newTableData = ref([]) const newTableData = ref([]);
const getNewTable = () => { const getNewTable = () => {
fetch(carbonEmissionFactorLibrary.getTableList,queryData.value).then((res) => { fetch(carbonEmissionFactorLibrary.getTableList, queryData.value).then((res) => {
newTableData.value = res.data.records newTableData.value = res.data.records;
}); });
}; };
// 点击编辑按钮 // 点击编辑按钮
const editData = (record) =>{ const editData = (record) => {
selectedRowKeys.value = [record.factorId]; selectedRowKeys.value = [record.factorId];
formState.value.id = record.id formState.value.id = record.id;
formState.value.emissionFactors = record.emissionFactors formState.value.emissionFactors = record.emissionFactors;
formState.value.dateRange = [record.startTime, record.endTime]; formState.value.dateRange = [record.startTime, record.endTime];
formState.value.factorId = record.factorId formState.value.factorId = record.factorId;
visible.value = true visible.value = true;
getNewTable() getNewTable();
}; };
// 点击确定提交 // 点击确定提交
const onSubmit = () => { const onSubmit = () => {
formRef.value formRef.value
.validate() .validate()
.then(() => { .then(() => {
formState.value.statsId = statsId.value formState.value.statsId = statsId.value;
formState.value.startTime = formState.value.dateRange[0] formState.value.startTime = formState.value.dateRange[0];
formState.value.endTime = formState.value.dateRange[1] formState.value.endTime = formState.value.dateRange[1];
console.log('values', formState, toRaw(formState)); console.log('values', formState, toRaw(formState));
if(formState.value.id){ if (formState.value.id) {
fetch(quickCalculation.update,formState.value).then((res) => { fetch(quickCalculation.update, formState.value).then((res) => {
visible.value = false visible.value = false;
selectedRowKeys.value = []; selectedRowKeys.value = [];
formState.value = {} formState.value = {};
formRef.value.resetFields(); formRef.value.resetFields();
mainRef.value?.nsTableRef.reload(); mainRef.value?.nsTableRef.reload();
}); });
}else{ } else {
fetch(quickCalculation.creat,formState.value).then((res) => { fetch(quickCalculation.creat, formState.value).then((res) => {
visible.value = false visible.value = false;
selectedRowKeys.value = []; selectedRowKeys.value = [];
formState.value = {} formState.value = {};
formRef.value.resetFields(); formRef.value.resetFields();
mainRef.value?.nsTableRef.reload(); mainRef.value?.nsTableRef.reload();
}); });
} }
}) })
.catch(error => { .catch((error) => {
console.log('error', error); console.log('error', error);
}); });
}; };
@@ -438,9 +447,9 @@
okType: 'primary', okType: 'primary',
cancelText: '取消', cancelText: '取消',
onOk() { onOk() {
fetch(quickCalculation.del , {id : record.id }).then((res) => { fetch(quickCalculation.del, { id: record.id }).then((res) => {
message.success('操作成功！'); message.success('操作成功！');
getTableList() getTableList();
}); });
}, },
onCancel() { onCancel() {
@@ -452,7 +461,7 @@
const onClose = () => { const onClose = () => {
visible.value = false; visible.value = false;
selectedRowKeys.value = []; selectedRowKeys.value = [];
formState.value = {} formState.value = {};
formRef.value.resetFields(); formRef.value.resetFields();
}; };
</script> </script>
@@ -474,9 +483,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.top{ .top {
position: relative; position: relative;
.addTreeNode{ .addTreeNode {
width: 100%; width: 100%;
padding: 16px; padding: 16px;
position: absolute; position: absolute;
@@ -499,7 +508,7 @@
.top { .top {
overflow: auto; overflow: auto;
} }
.ns-form-title{ .ns-form-title {
font-weight: bold; font-weight: bold;
user-select: text; user-select: text;
padding: 16px; padding: 16px;
@@ -507,7 +516,7 @@
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;
} }
.title{ .title {
text-align: left; text-align: left;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
@@ -525,17 +534,17 @@
height: 13px; height: 13px;
width: 3px; width: 3px;
border-radius: 1px; border-radius: 1px;
background-color: #2778FF; background-color: #2778ff;
} }
:deep(.ant-table-title) { :deep(.ant-table-title) {
display: flex; display: flex;
height: 100%; height: 100%;
align-items: center; align-items: center;
} }
.ns-table-title{ .ns-table-title {
font-weight: bold; font-weight: bold;
} }
.buttonGroup{ .buttonGroup {
margin-left: 1vw; margin-left: 1vw;
width: 5vw; width: 5vw;
display: flex; display: flex;

993
hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index.vue
View File

File diff suppressed because it is too large Load Diff