diff --git a/hx-ai-intelligent/public/asset/file/emissionSource.xlsx b/hx-ai-intelligent/public/asset/file/emissionSource.xlsx
new file mode 100644
index 0000000..67e42be
Binary files /dev/null and b/hx-ai-intelligent/public/asset/file/emissionSource.xlsx differ
diff --git a/hx-ai-intelligent/src/api/carbonEmissionFactorLibrary.ts b/hx-ai-intelligent/src/api/carbonEmissionFactorLibrary.ts
index 2fbfe1b..a75e003 100644
--- a/hx-ai-intelligent/src/api/carbonEmissionFactorLibrary.ts
+++ b/hx-ai-intelligent/src/api/carbonEmissionFactorLibrary.ts
@@ -26,6 +26,7 @@ export enum energyConsumption {
   update = '/carbon-smart/api/carbon/stats/update',
   del = '/carbon-smart/api/carbon/stats/del',
   voucherDownloadList = '/carbon-smart/api/carbon/stats/voucherDownloadList',
+  energyAcquisition = '/carbon-smart/api/carbon/stats/energyAcquisition',
 }
 // 碳排管理-碳排速算接口
 export enum quickCalculation {
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/index.vue
index 9be85b4..b4329eb 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionFactorLibrary/index.vue
@@ -644,8 +644,8 @@
           params: {
             orgId,
           },
-          title: '设备信息', // 弹窗title
-          templateName: 'whiteListUser', // 所使用的文件名称
+          title: '排放源', // 弹窗title
+          templateName: 'emissionSource', // 所使用的文件名称
           indexName: '设备id', // 匹配类型字段
           message: [
             { label: '1、若必填项未填写，则不能进行导入操作' },
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/energyConsumption/index copy.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/energyConsumption/index copy.vue
new file mode 100644
index 0000000..715b3e8
--- /dev/null
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/energyConsumption/index copy.vue	
@@ -0,0 +1,952 @@
+<template>
+  <div>
+    <!-- <a-table 
+      :columns="tableColumns" 
+      :data-source="data" 
+      bordered
+      :pagination="false"
+      :scroll="{ x: 2000 }">
+      <template #bodyCell="{ column, text, record }">
+        <template v-if="column.key === 'action'">
+          <span>
+            <a @click="editData(record)">编辑</a>
+            <a-divider type="vertical" />
+            <a @click="delData(record)">删除</a>
+          </span>
+        </template>
+      </template>
+      <template #title>
+        <a-date-picker v-model:value="selectYear" picker="year" @change="changeYearData" valueFormat="YYYY" />
+        <div class="buttonGroup">
+          <a-button type="primary" @click="addNewData">新增</a-button>
+          <a-button type="primary">导入</a-button>
+          <a-button type="primary">导出</a-button>
+          <a-button type="primary">模板下载</a-button>
+          <a-button type="primary" @click="uploadVoucher">上传凭证</a-button>
+          <a-button type="primary">凭证下载</a-button>
+        </div>
+      </template>
+    </a-table> -->
+    <ns-view-list-table
+      v-bind="tableConfig"
+      :model="data"
+      ref="mainRef"
+      :scroll="{ x: 1500, y: 350 }">
+      <!-- <template #bodyCell="{ column, text, record }">
+        <template v-if="column.dataIndex === 'janFlag'">
+          <span v-if="record.janFlag===1" style="color: rgba(243, 97, 99, 1);">{{text}}</span>
+          <span v-else style="color: rgba(57, 215, 287, 1);">{{text}}</span>
+        </template>
+      </template> -->
+    </ns-view-list-table>
+    <!-- <a-pagination 
+        :current="queryParams.pageNum"
+        :total="total"
+        :page-size="queryParams.pageSize"
+        style="display: flex;justify-content: center;margin-top: 16px;"
+        :show-size-changer="true"
+        :show-quick-jumper="true"
+        @change="onChange" /> -->
+    <!-- 新增数据库数据 -->
+    <a-drawer
+      :width="500"
+      :visible="visible"
+      :body-style="{ paddingBottom: '80px' }"
+      :footer-style="{ textAlign: 'right' }"
+      destroyOnClose
+      @close="onClose">
+      <a-form
+        ref="formRef"
+        :model="formState"
+        :rules="rules"
+        :label-col="labelCol"
+        :wrapper-col="wrapperCol">
+        <a-form-item ref="name" label="能耗名称" name="energyType">
+          <a-input v-model:value="formState.energyType" placeholder="请输入能源种类" />
+        </a-form-item>
+        <a-form-item label="计量单位" name="unit">
+          <a-cascader v-model:value="formState.unit" :options="measurementUnit" />
+        </a-form-item>
+        <a-form-item label="能耗类型" name="emissionType" :required="isRequired">
+          <a-select v-model:value="formState.emissionType" placeholder="请选择能耗类型">
+            <a-select-option v-for="(item, index) in energyTypeOptions" :key="index" :value="item.dicKey">
+              {{ item.cnValue }}
+            </a-select-option>
+          </a-select>
+        </a-form-item>
+        <a-form-item label="自动采集节点" name="collectionNode">
+          <a-tree-select
+            v-model:value="formState.collectionNode"
+            :tree-line="true"
+            :tree-data="treeData">
+          </a-tree-select>
+        </a-form-item>
+        <a-form-item label="计算碳排" name="isComputeCarbon">
+          <a-radio-group v-model:value="formState.isComputeCarbon" @change="changeRadio">
+            <a-radio :value="0">是</a-radio>
+            <a-radio :value="1">否</a-radio>
+          </a-radio-group>
+        </a-form-item>
+        <a-form-item label="排放类型" name="emissionType" :required="isRequired">
+          <a-select v-model:value="formState.emissionType" placeholder="请选择排放类型">
+            <a-select-option v-for="(item, index) in emissionTypeDic" :key="index" :value="item.id">
+              {{ item.cnValue }}
+            </a-select-option>
+          </a-select>
+        </a-form-item>
+        <a-row>
+          <a-col :span="24" style="display: flex; justify-content: space-around">
+            <a-form-item
+              label="1月"
+              name="janFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.janFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+            <a-form-item
+              label="2月"
+              name="febFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.febFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+            <a-form-item
+              label="3月"
+              name="marFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.marFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="24" style="display: flex; justify-content: space-around">
+            <a-form-item
+              label="4月"
+              name="aprFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.aprFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+            <a-form-item
+              label="5月"
+              name="mayFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.mayFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+            <a-form-item
+              label="6月"
+              name="junFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.junFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="24" style="display: flex; justify-content: space-around">
+            <a-form-item
+              label="7月"
+              name="julFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.julFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+            <a-form-item
+              label="8月"
+              name="augFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.augFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+            <a-form-item
+              label="9月"
+              name="sepFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.sepFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="24" style="display: flex; justify-content: space-around">
+            <a-form-item
+              label="10月"
+              name="octFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.octFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+            <a-form-item
+              label="11月"
+              name="novFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.novFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+            <a-form-item
+              label="12月"
+              name="decFlag"
+              :label-col="switchLabelCol"
+              :wrapper-col="switchWrapperCol">
+              <a-switch
+                v-model:checked="formState.decFlag"
+                :checked-value="1"
+                :unCheckedValue="0" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-form-item ref="name" label="上传凭证">
+          <a-upload
+            :file-list="fileList"
+            name="file"
+            accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf"
+            @remove="handleFileRemove"
+            :before-upload="beforeUpload"
+            @change="handleChange">
+            <a-button>
+              <upload-outlined></upload-outlined>
+              上传
+            </a-button>
+          </a-upload>
+        </a-form-item>
+      </a-form>
+      <template #footer>
+        <a-button style="margin-right: 8px" @click="onClose">取消</a-button>
+        <a-button type="primary" @click="onSubmit">确定</a-button>
+      </template>
+    </a-drawer>
+    <!-- 上传凭证弹窗 -->
+    <!-- <a-modal :visible="openUpload" title="凭证上传" @ok="handleOk" @cancel="closeOpenUpload">
+      <a-upload-dragger
+        v-model:fileList="fileList"
+        name="file"
+        :multiple="true"
+        action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+        @change="handleChange"
+        @drop="handleDrop"
+      >
+        <p class="ant-upload-drag-icon">
+          <inbox-outlined></inbox-outlined>
+        </p>
+        <p class="ant-upload-hint" style="display: flex;flex-direction: column;">
+          <p>1.仅支持pdf格式文件或文件夹</p>
+          <p>2.文件命名规则为【能源种类_年份】</p>
+          <p>3.每次上传自动覆盖</p>
+        </p>
+      </a-upload-dragger>
+    </a-modal> -->
+    <!-- 凭证下载 -->
+    <a-drawer
+      :visible="downLoadVisible"
+      title="凭证列表"
+      :width="500"
+      @close="onCloseDownLoad"
+      :footer-style="{ textAlign: 'right' }">
+      <div></div>
+      <a-table
+        :columns="downLoadColumns"
+        :data-source="downLoadData"
+        bordered
+        rowKey="id"
+        :rowSelection="{
+          selectedRowKeys: selectedRowKeysSet,
+          onChange: onSelectionChangeSet,
+        }"
+        :pagination="false">
+        <template #bodyCell="{ column, text, record }">
+          <template v-if="column.key === 'action'">
+            <span>
+              <a @click="downLoad(record)">下载</a>
+            </span>
+          </template>
+        </template>
+      </a-table>
+      <template #footer>
+        <a-button style="margin-right: 8px" @click="onCloseDownLoad">取消</a-button>
+        <a-button type="primary" @click="onSubmitDownLoad">确定</a-button>
+      </template>
+    </a-drawer>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { ref, toRaw, defineExpose } from 'vue';
+  import type { Rule } from 'ant-design-vue/es/form';
+  import { Pagination, message, Modal } from 'ant-design-vue';
+  import { UploadOutlined } from '@ant-design/icons-vue';
+  import type { TreeSelectProps, UploadChangeParam, UploadProps } from 'ant-design-vue';
+  import { NsMessage } from '/nerv-lib/component';
+  import dayjs, { Dayjs } from 'dayjs';
+  import { http } from '/nerv-lib/util/http';
+  import { Cookies } from '/nerv-lib/util/cookie';
+  import { tableColumns } from '../config';
+  import {
+    energyConsumption,
+    carbonEmissionFactorLibrary,
+    uploadPic,
+  } from '/@/api/carbonEmissionFactorLibrary';
+  import { dict } from '/@/api';
+  import { group } from '/@/api/deviceManage';
+  defineOptions({
+    energyType: 'EnergyConsumption', // 与页面路由name一致缓存才可生效
+    components: {
+      'a-pagination': Pagination,
+    },
+  });
+  const orgId = ref('');
+  const result = JSON.parse(sessionStorage.getItem('ORGID')!);
+  orgId.value = result;
+  const fetch = (api, params = { orgId }, config) => {
+    return http.post(api, params, config);
+  };
+  const selectYear = ref<Dayjs>(dayjs(new Date().getFullYear().toString()));
+  const total = ref<number>();
+  const queryParams = ref({
+    pageNum: 1,
+    pageSize: 10,
+    orgId: orgId.value,
+    year: selectYear.value.format('YYYY'),
+  });
+  const isRequired = ref(false);
+  const visible = ref(false);
+  const openUpload = ref<boolean>(false);
+  const data = ref([]);
+  interface FormState {
+    energyType: string;
+    unit: string;
+    collectionNode: string;
+    emissionType: string | undefined;
+    isComputeCarbon: string;
+    janFlag: string;
+    febFlag: string;
+    marFlag: string;
+    aprFlag: string;
+    mayFlag: string;
+    junFlag: string;
+    julFlag: string;
+    augFlag: string;
+    sepFlag: string;
+    octFlag: string;
+    novFlag: string;
+    decFlag: string;
+  }
+  const formRef = ref();
+  const labelCol = { span: 5 };
+  const wrapperCol = { span: 19 };
+  const switchLabelCol = { span: 10 };
+  const switchWrapperCol = { span: 14 };
+  const formState = ref({
+    orgId: orgId.value,
+  });
+  // 定义form表单的必填
+  const rules: Record<string, Rule[]> = {
+    energyType: [{ required: true, message: '请输入能源种类', trigger: 'change' }],
+    isComputeCarbon: [{ required: true, message: '请选择是否计算碳排', trigger: 'change' }],
+    unit: [{ required: true, message: '请选择计量单位', trigger: 'change' }],
+  };
+  // 排放类型的变量
+  const emissionTypeDic = ref();
+  // 计量单位的变量
+  const measurementUnit = ref([]);
+  // 定义自动采集节点数的变量
+  const treeData = ref<TreeSelectProps['treeData']>([]);
+  // 年份选择改变触发
+  const changeYearData = () => {
+    queryParams.value.year = selectYear.value;
+    getTableList();
+  };
+  const mainRef = ref();
+  const year = selectYear.value.format('YYYY');
+  const tableConfig = ref({
+    title: '能耗统计',
+    api: energyConsumption.pageList,
+    params: queryParams.value,
+    headerActions: [
+      {
+        label: '新增',
+        name: 'userAdd',
+        type: 'primary',
+        handle: () => {
+          getDictList();
+          visible.value = true;
+        },
+      },
+      {
+        label: '导入',
+        type: 'primary',
+        name: 'userImport',
+        handle: () => {},
+      },
+      {
+        label: '导出',
+        type: 'primary',
+        name: 'userExports',
+      },
+      {
+        label: '模板下载',
+        type: 'primary',
+      },
+      // {
+      //   label: '上传凭证',
+      //   type: 'primary',
+      //   handle: () => {
+      //     openUpload.value = true;
+      //   },
+      // },
+      {
+        label: '凭证下载',
+        type: 'primary',
+        handle: () => {
+          fetch(energyConsumption.voucherDownloadList, { bizType: 3 }).then((res) => {
+            downLoadData.value = res.data;
+          });
+          downLoadVisible.value = true;
+        },
+      },
+    ],
+    columns: [
+      {
+        title: '序号',
+        customRender: (text: any) => {
+          return text.index + 1;
+        },
+      },
+      {
+        title: '能源种类',
+        dataIndex: 'energyType',
+      },
+      {
+        title: '计量单位',
+        className: 'unitName',
+        dataIndex: 'unitName',
+      },
+      {
+        title: '全年',
+        dataIndex: 'yearly',
+      },
+      {
+        title: '1月',
+        dataIndex: 'jan',
+        // customRender: ({ text }: { text: string }) => {
+        //   return <span :style="{ color: getColor(text) }">{text}</span>;
+        // }
+      },
+      {
+        title: '2月',
+        dataIndex: 'feb',
+      },
+      {
+        title: '3月',
+        dataIndex: 'mar',
+      },
+      {
+        title: '4月',
+        dataIndex: 'apr',
+      },
+      {
+        title: '5月',
+        dataIndex: 'may',
+      },
+      {
+        title: '6月',
+        dataIndex: 'jun',
+      },
+      {
+        title: '7月',
+        dataIndex: 'jul',
+      },
+      {
+        title: '8月',
+        dataIndex: 'aug',
+      },
+      {
+        title: '9月',
+        dataIndex: 'sep',
+      },
+      {
+        title: '10月',
+        dataIndex: 'oct',
+      },
+      {
+        title: '11月',
+        dataIndex: 'nov',
+      },
+      {
+        title: '12月',
+        dataIndex: 'dec',
+      },
+    ],
+    columnActions: {
+      title: '操作',
+      actions: [
+        {
+          label: '编辑',
+          name: 'userEdit',
+          handle: (record: any) => {
+            getDictList();
+            visible.value = true;
+            fetch(energyConsumption.findById, { id: record.id }).then((res) => {
+              if (res.data.emissionType) {
+                res.data.emissionType = Number(res.data.emissionType);
+              }
+              if (res.data.unit) {
+                let selectDevice = ref([Number(res.data.unit)]);
+                findParentIds(measurementUnit.value, res.data.unit, selectDevice.value);
+                res.data.unit = selectDevice;
+              }
+              formState.value = res.data;
+              emissionType.value = res.data.emissionType;
+              if (formState.value.isComputeCarbon === 0) {
+                isRequired.value = true;
+              } else {
+                isRequired.value = false;
+              }
+            });
+            fetch(uploadPic.select, { bizId: record.id, bizType: 3 }).then((res) => {
+              fileList.value = res.data.map((item) => ({
+                uid: item.id.toString(), // 使用文件的id作为唯一标识
+                name: item.fileName, // 文件名
+                status: 'done', // 设置默认状态为已完成
+                type: 'done',
+                url: item.filePath, // 文件的URL，这里假设用示例的URL格式
+              }));
+            });
+          },
+        },
+        {
+          label: '删除',
+          name: 'userDelete',
+          dynamicParams: { id: 'id' },
+          confirm: true,
+          isReload: true,
+          api: energyConsumption.del,
+        },
+      ],
+    },
+
+    formConfig: {
+      schemas: [
+        {
+          field: 'year',
+          label: '年份',
+          component: 'NsDatePicker',
+          componentProps: {
+            picker: 'year',
+            valueFormat: 'YYYY',
+            defaultValue: selectYear.value.format('YYYY'),
+          },
+        },
+      ],
+      params: {},
+    },
+    rowKey: 'id',
+  });
+  const getColor = (value: string | number): string => {
+    debugger;
+    if (typeof value === 'string') {
+      switch (value) {
+        case 'active':
+          return 'green';
+        case 'inactive':
+          return 'red';
+        default:
+          return 'black';
+      }
+    } else if (typeof value === 'number') {
+      return value > 30 ? 'blue' : 'purple'; // 示例：根据年龄设置颜色
+    }
+    return 'black';
+  };
+
+  defineExpose({
+    mainRef,
+  });
+  // 定义一个递归函数来查找每一级的id 设备类型回显 层级方法
+  function findParentIds(tree: any, targetId: number, result: any) {
+    for (let item of tree) {
+      if (item.children && item.children.length > 0) {
+        if (item.children.some((child: any) => child.value === targetId)) {
+          result.unshift(item.value); // 将当前节点的id添加到结果数组的最前面
+          findParentIds(tree, item.value, result); // 递归查找父级节点的id
+          break; // 找到后可以退出循环
+        }
+      }
+    }
+  }
+  // 获取表格数据
+  const getTableList = () => {
+    fetch(energyConsumption.pageList, queryParams.value).then((res) => {
+      data.value = res.data.records;
+    });
+  };
+  // 分页器
+  const onChange = (pageNumber: number, size: number) => {
+    queryParams.value.pageNum = pageNumber;
+    queryParams.value.pageSize = size;
+    mainRef.value?.nsTableRef.reload();
+  };
+  // 计算碳排切换
+  const emissionType = ref();
+  const changeRadio = (e) => {
+    if (e.target.value === 0) {
+      isRequired.value = true;
+      if (emissionType.value) {
+        formState.value.emissionType = emissionType.value;
+      }
+    } else {
+      isRequired.value = false;
+      formState.value.emissionType = '';
+    }
+  };
+  // 点击确定提交
+  const onSubmit = () => {
+    formRef.value
+      .validate()
+      .then(() => {
+        console.log('values', formState, toRaw(formState));
+        formState.value.year = selectYear.value.format('YYYY');
+        if (formState.value.unit) {
+          formState.value.unit = formState.value.unit.join(',').split(',')[1];
+        }
+        if (formState.value.id) {
+          fetch(energyConsumption.update, formState.value).then((res) => {
+            if (fileList.value.length !== 0) {
+              const formData = ref(new FormData());
+              fileList.value.forEach((file) => {
+                if (file.type !== 'done') {
+                  formData.value.append('files', file.originFileObj);
+                }
+              });
+              formData.value.append('bizType', 3);
+              formData.value.append('bizId', formState.value.id);
+              delIds.value.forEach((item) => {
+                formData.value.append('deleteList', item);
+              });
+              fetch(uploadPic.uploadfiles, formData.value)
+                .then((res) => {
+                  message.success('操作成功！');
+                  visible.value = false;
+                  delIds.value = [];
+                  formState.value = {
+                    orgId: orgId.value,
+                  };
+                  mainRef.value?.nsTableRef.reload();
+                })
+                .catch((error) => {
+                  console.log('error', error);
+                });
+            } else {
+              visible.value = false;
+              delIds.value = [];
+              formState.value = {
+                orgId: orgId.value,
+              };
+              message.success('操作成功！');
+              mainRef.value?.nsTableRef.reload();
+            }
+          });
+        } else {
+          fetch(energyConsumption.creat, formState.value).then((res) => {
+            if (res.data === '新增数据已存在') {
+              visible.value = false;
+              delIds.value = [];
+              NsMessage.warning(res.data);
+            } else {
+              if (fileList.value.length !== 0) {
+                const formData = ref(new FormData());
+                fileList.value.forEach((file) => {
+                  formData.value.append('files', file.originFileObj);
+                });
+                formData.value.append('bizType', 3);
+                formData.value.append('bizId', res.data);
+                fetch(uploadPic.uploadfiles, formData.value)
+                  .then((res) => {
+                    message.success('操作成功！');
+                    visible.value = false;
+                    delIds.value = [];
+                    formState.value = {
+                      orgId: orgId.value,
+                    };
+                    mainRef.value?.nsTableRef.reload();
+                  })
+                  .catch((error) => {
+                    console.log('error', error);
+                  });
+              } else {
+                visible.value = false;
+                delIds.value = [];
+                formState.value = {
+                  orgId: orgId.value,
+                };
+                message.success('操作成功！');
+                mainRef.value?.nsTableRef.reload();
+              }
+            }
+          });
+        }
+      })
+      .catch((error) => {
+        console.log('error', error);
+      });
+  };
+  const energyTypeOptions = ref([]);
+  // 获取字典值
+  const getDictList = async () => {
+    // 获取能耗类型
+     const options = await dict({ params: { dicKey: 'ENERGY_TYPE' } });
+     energyTypeOptions.value = options.data.data
+    console.log(energyTypeOptions);
+    debugger
+    // 获取排放类型的数据
+    fetch(energyConsumption.getDicList, { grp: 'EMISSION_TYPE' }).then((res) => {
+      emissionTypeDic.value = res.data;
+    });
+    // 获取计量单位的数据
+    fetch(carbonEmissionFactorLibrary.dictionaryUnitManagement, { grp: 'MEASUREMENT_UNIT' }).then(
+      (res) => {
+        measurementUnit.value = res.data;
+        measurementUnit.value = measurementUnit.value.map((item) => ({
+          value: item.id,
+          label: item.cnValue,
+          children: item.children
+            ? item.children.map((child) => ({
+                value: child.id,
+                label: child.cnValue,
+              }))
+            : [],
+        }));
+      },
+    );
+    // 获取自动采集节点的数据
+    fetch(group.queryDeviceGroupTree, { energyType: 'ELECTRICITY_USAGE', orgId: orgId.value }).then(
+      (res) => {
+        treeData.value = res.data;
+        treeData.value = treeData.value.map((item) => ({
+          value: item.id,
+          label: item.pointName,
+          children: item.children
+            ? item.children.map((child) => ({
+                value: child.id,
+                label: child.pointName,
+              }))
+            : [],
+        }));
+      },
+    );
+  };
+  // 点击新增按钮
+  const addNewData = () => {
+    getDictList();
+    visible.value = true;
+  };
+  // 点击编辑按钮
+  const editData = (record) => {
+    getDictList();
+    visible.value = true;
+    fetch(energyConsumption.findById, { id: record.id }).then((res) => {
+      if (res.data.unitName) {
+        res.data.unitName = res.data.unitName.split(',');
+      }
+      formState.value = res.data;
+    });
+  };
+  // 点击删除
+  const delData = (record) => {
+    Modal.confirm({
+      title: '警告',
+      content: '确定要删除吗?',
+      okText: '确定',
+      okType: 'primary',
+      cancelText: '取消',
+      onOk() {
+        fetch(energyConsumption.del, { id: record.id }).then((res) => {
+          message.success('操作成功！');
+          mainRef.value?.nsTableRef.reload();
+        });
+      },
+      onCancel() {
+        console.log('Cancel');
+      },
+    });
+  };
+  // 关闭新增抽屉
+  const onClose = () => {
+    visible.value = false;
+    delIds.value = [];
+    formState.value = {
+      orgId: orgId.value,
+    };
+    formRef.value.resetFields();
+  };
+  // 点击上传凭证按钮
+  const uploadVoucher = () => {
+    openUpload.value = true;
+  };
+  // 上传凭证弹窗点击确定
+  const handleOk = (e: MouseEvent) => {
+    console.log(e);
+    openUpload.value = false;
+  };
+  // 上传凭证相关方法及变量
+  const fileList = ref<UploadProps['fileList']>([]);
+  const beforeUpload: UploadProps['beforeUpload'] = (file) => {
+    return false;
+  };
+  const handleChange = (info: UploadChangeParam) => {
+    fileList.value = [...info.fileList];
+    if (info.file.status !== 'uploading') {
+      console.log(info.file, info.fileList);
+    }
+    if (info.file.status === 'done') {
+      message.success(`${info.file.name} 文件上传成功`);
+    } else if (info.file.status === 'error') {
+      message.error(`${info.file.name} 文件上传失败`);
+    }
+  };
+  const delIds = ref([]);
+  const handleFileRemove = (file) => {
+    delIds.value.push(file.uid);
+    const newFileList = [];
+    fileList.value.forEach((item) => {
+      if (item.uid !== file.uid) {
+        newFileList.push(item);
+      }
+    });
+    fileList.value = newFileList;
+  };
+  // 关闭上传凭证弹窗
+  const closeOpenUpload = () => {
+    openUpload.value = false;
+  };
+  // 凭证下载
+  const downLoadVisible = ref(false);
+  const downLoadColumns = [
+    {
+      title: '序号',
+      customRender: (text: any) => {
+        return text.index + 1;
+      },
+    },
+    {
+      title: '能源类型',
+      dataIndex: 'bizName',
+    },
+    {
+      title: '文件名',
+      dataIndex: 'fileName',
+      ellipsis: true,
+    },
+    {
+      title: '操作',
+      key: 'action',
+    },
+  ];
+  const downLoadData = ref([]);
+  const selectedRowKeysSet = ref([]);
+  const onSelectionChangeSet = (selectedKeys, selectedRows) => {
+    selectedRowKeysSet.value = selectedKeys;
+  };
+  const downLoad = (record) => {
+    const deleteId = ref(new FormData());
+    deleteId.value.append('id', record.id);
+    const config = {
+      headers: {
+        responseType: 'blob',
+      },
+    };
+    fetch(uploadPic.download, deleteId.value, config)
+      .then((res) => {
+        // 创建一个 URL 对象，指向图片数据的 blob
+        const url = window.URL.createObjectURL(new Blob([res.data]));
+        // 创建一个 <a> 标签，用于触发下载
+        const link = document.createElement('a');
+        link.href = url;
+        link.setAttribute('download', record.fileName); // 设置下载的文件名
+        document.body.appendChild(link);
+        link.click();
+
+        // 清理 URL 对象
+        window.URL.revokeObjectURL(url);
+      })
+      .catch((error) => {
+        console.error('下载图片失败：', error);
+      });
+  };
+  const onSubmitDownLoad = () => {
+    const deleteIds = ref(new FormData());
+    selectedRowKeysSet.value.forEach((item) => {
+      deleteIds.value.append('ids', item);
+    });
+    fetch(uploadPic.downloadZip, deleteIds.value)
+      .then((res) => {
+        // 创建一个 URL 对象，指向图片数据的 blob
+        const url = window.URL.createObjectURL(new Blob([res.data]));
+        // 创建一个 <a> 标签，用于触发下载
+        const link = document.createElement('a');
+        link.href = url;
+        debugger;
+        link.setAttribute('download', ''); // 设置下载的文件名
+        document.body.appendChild(link);
+        link.click();
+
+        // 清理 URL 对象
+        window.URL.revokeObjectURL(url);
+        onCloseDownLoad();
+      })
+      .catch((error) => {
+        console.error('下载图片失败：', error);
+      });
+  };
+  const onCloseDownLoad = () => {
+    selectedRowKeysSet.value = [];
+    downLoadVisible.value = false;
+  };
+</script>
+<style scoped lang="less">
+  :deep(.ant-table-title) {
+    display: flex;
+  }
+  :deep(.ant-table-container) {
+    padding: 0px 16px;
+  }
+  .buttonGroup {
+    margin-left: 1vw;
+    width: 30vw;
+    display: flex;
+    justify-content: space-around;
+  }
+</style>
+<style scoped>
+  th.column-money,
+  td.column-money {
+    text-align: right !important;
+  }
+</style>
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/energyConsumption/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/energyConsumption/index.vue
index 3b2bc53..a0924ae 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/energyConsumption/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/energyConsumption/index.vue
@@ -32,15 +32,10 @@
       :model="data"
       ref="mainRef"
       :scroll="{ x: 1500, y: 350 }">
-      <!-- <template #bodyCell="{ record, column }">
-        <template v-if="column.dataIndex === 'enableRules'">
-          <a-switch
-            :checked="record.enableRules === 1 ? true : false"
-            :class="{
-              'blue-background': record.enableRules === 1 ? true : false,
-              'grey-background': record.enableRules === 1 ? false : true,
-            }"
-            @click="clickSwitch({ enableRules: record.enableRules, record: record })" />
+      <!-- <template #bodyCell="{ column, text, record }">
+        <template v-if="column.dataIndex === 'janFlag'">
+          <span v-if="record.janFlag===1" style="color: rgba(243, 97, 99, 1);">{{text}}</span>
+          <span v-else style="color: rgba(57, 215, 287, 1);">{{text}}</span>
         </template>
       </template> -->
     </ns-view-list-table>
@@ -60,18 +55,29 @@
       :footer-style="{ textAlign: 'right' }"
       destroyOnClose
       @close="onClose">
+      <div class="ns-form-title"><div class="title">能源种类</div></div>
       <a-form
         ref="formRef"
         :model="formState"
         :rules="rules"
         :label-col="labelCol"
         :wrapper-col="wrapperCol">
-        <a-form-item ref="name" label="能源种类" name="energyType">
+        <a-form-item ref="name" label="能耗名称" name="energyType">
           <a-input v-model:value="formState.energyType" placeholder="请输入能源种类" />
         </a-form-item>
         <a-form-item label="计量单位" name="unit">
           <a-cascader v-model:value="formState.unit" :options="measurementUnit" />
         </a-form-item>
+        <a-form-item label="能耗类型" name="emissionType" :required="isRequired">
+          <a-select v-model:value="formState.emissionType" placeholder="请选择能耗类型">
+            <a-select-option
+              v-for="(item, index) in energyTypeOptions"
+              :key="index"
+              :value="item.dicKey">
+              {{ item.cnValue }}
+            </a-select-option>
+          </a-select>
+        </a-form-item>
         <a-form-item label="自动采集节点" name="collectionNode">
           <a-tree-select
             v-model:value="formState.collectionNode"
@@ -92,7 +98,8 @@
             </a-select-option>
           </a-select>
         </a-form-item>
-        <a-row>
+      </a-form>
+      <!-- <a-row>
           <a-col :span="24" style="display: flex; justify-content: space-around">
             <a-form-item
               label="1月"
@@ -221,22 +228,35 @@
                 :unCheckedValue="0" />
             </a-form-item>
           </a-col>
-        </a-row>
-        <a-form-item ref="name" label="上传凭证">
-          <a-upload
-            :file-list="fileList"
-            name="file"
-            accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf"
-            @remove="handleFileRemove"
-            :before-upload="beforeUpload"
-            @change="handleChange">
-            <a-button>
-              <upload-outlined></upload-outlined>
-              上传
-            </a-button>
-          </a-upload>
-        </a-form-item>
-      </a-form>
+        </a-row> -->
+      <div class="ns-form-title"><div class="title">能耗统计</div></div>
+      <a-table :columns="addColumns" :data-source="addData" size="small" :pagination="false">
+        <template #bodyCell="{ column, text, record }">
+          <template v-if="column.key === 'action'">
+            <a-switch
+              :checked="record.age === 1 ? true : false"
+              :class="{
+                'blue-background': record.age === 1 ? true : false,
+                'grey-background': record.age === 1 ? false : true,
+              }"
+              @click="changeSwitch(record)" />
+          </template>
+        </template>
+      </a-table>
+      <div class="ns-form-title"><div class="title">凭证上传</div></div>
+      <a-upload
+        :file-list="fileList"
+        name="file"
+        accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf"
+        @remove="handleFileRemove"
+        :before-upload="beforeUpload"
+        @change="handleChange">
+        <a-button>
+          <upload-outlined></upload-outlined>
+          上传
+        </a-button>
+      </a-upload>
+
       <template #footer>
         <a-button style="margin-right: 8px" @click="onClose">取消</a-button>
         <a-button type="primary" @click="onSubmit">确定</a-button>
@@ -304,12 +324,14 @@
   import { NsMessage } from '/nerv-lib/component';
   import dayjs, { Dayjs } from 'dayjs';
   import { http } from '/nerv-lib/util/http';
+  import { Cookies } from '/nerv-lib/util/cookie';
   import { tableColumns } from '../config';
   import {
     energyConsumption,
     carbonEmissionFactorLibrary,
     uploadPic,
   } from '/@/api/carbonEmissionFactorLibrary';
+  import { dict } from '/@/api';
   import { group } from '/@/api/deviceManage';
   defineOptions({
     energyType: 'EnergyConsumption', // 与页面路由name一致缓存才可生效
@@ -320,8 +342,8 @@
   const orgId = ref('');
   const result = JSON.parse(sessionStorage.getItem('ORGID')!);
   orgId.value = result;
-  const fetch = (api, params = { orgId }) => {
-    return http.post(api, params);
+  const fetch = (api, params = { orgId }, config) => {
+    return http.post(api, params, config);
   };
   const selectYear = ref<Dayjs>(dayjs(new Date().getFullYear().toString()));
   const total = ref<number>();
@@ -392,6 +414,7 @@
         type: 'primary',
         handle: () => {
           getDictList();
+          getSummaryMethod();
           visible.value = true;
         },
       },
@@ -451,12 +474,9 @@
       {
         title: '1月',
         dataIndex: 'jan',
-        // customRender: ({ text, record }) => ({
-        //   children: text,
-        //   attrs: {
-        //     style: record.janFlag === 1 ? 'color: red' : 'color: blue'
-        //   }
-        // })
+        // customRender: ({ text }: { text: string }) => {
+        //   return <span :style="{ color: getColor(text) }">{text}</span>;
+        // }
       },
       {
         title: '2月',
@@ -568,7 +588,39 @@
     },
     rowKey: 'id',
   });
-
+  const getColor = (value: string | number): string => {
+    if (typeof value === 'string') {
+      switch (value) {
+        case 'active':
+          return 'green';
+        case 'inactive':
+          return 'red';
+        default:
+          return 'black';
+      }
+    } else if (typeof value === 'number') {
+      return value > 30 ? 'blue' : 'purple'; // 示例：根据年龄设置颜色
+    }
+    return 'black';
+  };
+  const getSummaryMethod = () => {
+    fetch(energyConsumption.energyAcquisition, { orgId: orgId.value }).then((res) => {
+      addData.value = res.data.records;
+    });
+  };
+  const addColumns = [
+    { title: '月份', dataIndex: 'key' },
+    { title: '汇总方式', dataIndex: 'name' },
+    { title: '操作', key: 'action', dataIndex: 'age' },
+  ];
+  const addData = ref([]);
+  //开关
+  const changeSwitch = (data: any) => {
+    data.age = data.age === 1 ? 0 : 1;
+    data.name = data.age === 1 ? '自动' : '手动';
+    addData.value = [...addData.value];
+    console.log(addData.value);
+  };
   defineExpose({
     mainRef,
   });
@@ -700,8 +752,12 @@
         console.log('error', error);
       });
   };
+  const energyTypeOptions = ref([]);
   // 获取字典值
-  const getDictList = () => {
+  const getDictList = async () => {
+    // 获取能耗类型
+    const options = await dict({ params: { dicKey: 'ENERGY_TYPE' } });
+    energyTypeOptions.value = options.data.data;
     // 获取排放类型的数据
     fetch(energyConsumption.getDicList, { grp: 'EMISSION_TYPE' }).then((res) => {
       emissionTypeDic.value = res.data;
@@ -854,10 +910,16 @@
   const downLoad = (record) => {
     const deleteId = ref(new FormData());
     deleteId.value.append('id', record.id);
-    fetch(uploadPic.download, deleteId.value)
+    const config = {
+      headers: {
+        responseType: 'blob',
+      },
+    };
+    fetch(uploadPic.download, deleteId.value, config)
       .then((res) => {
+        debugger
         // 创建一个 URL 对象，指向图片数据的 blob
-        const url = window.URL.createObjectURL(new Blob([res.data]));
+        const url = window.URL.createObjectURL(new Blob([res]));
         // 创建一个 <a> 标签，用于触发下载
         const link = document.createElement('a');
         link.href = url;
@@ -884,20 +946,20 @@
         // 创建一个 <a> 标签，用于触发下载
         const link = document.createElement('a');
         link.href = url;
-        debugger
         link.setAttribute('download', ''); // 设置下载的文件名
         document.body.appendChild(link);
         link.click();
 
         // 清理 URL 对象
         window.URL.revokeObjectURL(url);
+        onCloseDownLoad();
       })
       .catch((error) => {
         console.error('下载图片失败：', error);
       });
   };
   const onCloseDownLoad = () => {
-    selectedRowKeysSet.value = []
+    selectedRowKeysSet.value = [];
     downLoadVisible.value = false;
   };
 </script>
@@ -914,6 +976,51 @@
     display: flex;
     justify-content: space-around;
   }
+
+  .ns-form-title {
+    font-weight: bold;
+    user-select: text;
+  }
+  .title {
+    text-align: left;
+    height: 32px;
+    line-height: 32px;
+    font-weight: bold;
+    user-select: text;
+    position: relative;
+    padding-left: 9px;
+  }
+  .title::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    height: 13px;
+    width: 3px;
+    border-radius: 1px;
+    background-color: #2778ff;
+  }
+  .blue-background.ant-switch-checked {
+    background-color: linear-gradient(
+      180deg,
+      rgba(1, 206, 255, 1) 0%,
+      rgba(57, 215, 187, 1) 100%
+    ) !important;
+  }
+  .blue-background.ant-switch-checked .ant-switch-handle {
+    background-color: linear-gradient(
+      180deg,
+      rgba(1, 206, 255, 1) 0%,
+      rgba(57, 215, 187, 1) 100%
+    ) !important;
+  }
+  .grey-background.ant-switch {
+    background-color: rgba(238, 238, 238, 1) !important;
+  }
+  .grey-background.ant-switch .ant-switch-handle {
+    background-color: rgba(238, 238, 238, 1) !important;
+  }
 </style>
 <style scoped>
   th.column-money,
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/quickCalculation/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/quickCalculation/index.vue
index a39353a..e319b5a 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/quickCalculation/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/quickCalculation/index.vue
@@ -72,7 +72,7 @@
         @change="onChange" />
       <!-- 新增/编辑 -->
       <a-drawer
-        :width="700"
+        :width="500"
         :visible="visible"
         :body-style="{ paddingBottom: '80px' }"
         :footer-style="{ textAlign: 'right' }"
@@ -85,7 +85,7 @@
           :label-col="labelCol"
           :wrapper-col="wrapperCol">
           <a-row>
-            <a-col :span="12">
+            <a-col :span="24">
               <a-form-item ref="name" label="日期范围" name="dateRange">
                 <a-range-picker
                   v-model:value="formState.dateRange"
@@ -93,16 +93,21 @@
                   valueFormat="YYYY-MM" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
+            <a-col :span="24">
               <a-form-item ref="name" label="排放因子" name="emissionFactors">
                 <ns-input v-model:value="formState.emissionFactors" disabled />
               </a-form-item>
             </a-col>
           </a-row>
+          <span
+            key=""
+            style="font-size: 16px; font-weight: 700; color: rgba(51, 51, 51, 1); text-align: left">
+            因子列表
+          </span>
           <a-row>
             <a-col :span="12">
-              <a-form-item ref="name" label="关键词">
-                <ns-input v-model:value="selectData" @change="keyChange" />
+              <a-form-item ref="name">
+                <ns-input style="margin-top: 5px;" v-model:value="selectData" @change="keyChange" />
               </a-form-item>
             </a-col>
           </a-row>
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index copy.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index copy.vue
new file mode 100644
index 0000000..4bc2c5f
--- /dev/null
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index copy.vue	
@@ -0,0 +1,1555 @@
+<template>
+  <div class="main">
+    <div class="left">
+      <div class="top">
+        <a-form style="width: 100%; margin: 0 auto">
+          <div class="ns-form-title">
+            <div class="title">{{ props.year }}年济阳站碳盘查报告</div>
+            <div class="standard">
+              <span>适用标准：ISO 14064-1</span>
+              <a-button type="primary" style="margin-left: 12px" @click="openCategoryConfig"
+                >类别配置</a-button
+              >
+            </div>
+          </div>
+          <div style="padding: 0 16px !important; width: 100%">
+            <a-row>
+              <a-col :span="24" style="margin-bottom: 16px">
+                <a-input-search
+                  v-model:value="searchValue"
+                  style="margin-bottom: 8px"
+                  placeholder="请输入关键词" />
+              </a-col>
+            </a-row>
+          </div>
+        </a-form>
+        <a-tree
+          :expanded-keys="expandedKeysL"
+          :selectedKeys="selectedKeysL"
+          :auto-expand-parent="autoExpandParent"
+          :tree-data="gData"
+          v-if="gData && gData.length > 0"
+          :height="233"
+          show-line
+          style="padding: 0 16px !important"
+          @expand="onExpandL"
+          @select="onSelectL"
+          block-node>
+          <template #title="{ cnValue }">
+            <span v-if="cnValue && searchValue && cnValue.indexOf(searchValue) > -1">
+              {{ cnValue.substring(0, cnValue.indexOf(searchValue)) }}
+              <span style="color: #f50">{{ searchValue }}</span>
+              {{ cnValue.substring(cnValue.indexOf(searchValue) + searchValue.length) }}
+            </span>
+            <span v-else>{{ cnValue }}</span>
+          </template>
+        </a-tree>
+      </div>
+      <div class="bottom">
+        <a-form style="width: 100%; margin: 0 auto">
+          <div class="ns-form-title"><div class="title">报告相关</div></div>
+          <div class="button" style="padding: 0 16px !important">
+            <div :class="{ pftj: isClickedPftj }" @click="showPftj">排放统计</div>
+            <div :class="{ tplx: isClickedTplx }" @click="showTplx">碳排流向</div>
+          </div>
+        </a-form>
+      </div>
+    </div>
+    <div class="right">
+      <div style="display: flex">
+        <div class="ns-table-title ns-title-extra-box">排放源</div>
+        <a-button type="primary" style="margin-left: 12px" @click="changeParentData">返回</a-button>
+      </div>
+      <div style="display: flex; height: 100%" v-if="fillInPage">
+        <div class="mainLeft">
+          <a-tree
+            :expandedKeys="expandedKeysR"
+            :selectedKeys="selectedKeysR"
+            :checkedKeys="checkedKeys"
+            :tree-data="treeData"
+            @select="onSelectR"
+            block-node>
+            <template #title="data">
+              <div class="treeRow">
+                <div>
+                  <span>{{ data.emissionSource }}</span>
+                </div>
+                <div class="actionMore">
+                  <EditOutlined @click="editUnit(data)" />
+                  <MinusCircleOutlined style="margin-left: 6px" @click="delUnit(data)" />
+                </div>
+              </div>
+            </template>
+          </a-tree>
+          <div class="addTreeNode">
+            <a-button type="primary" style="width: 100%" @click="addTreeNodeData">新增</a-button>
+          </div>
+        </div>
+        <div class="mainRight">
+          <a-table
+            :columns="columns"
+            :data-source="data"
+            :pagination="false"
+            bordered
+            size="middle"
+            :scroll="{ y: 480 }">
+            <template #title>
+              <a-button type="primary" @click="downLoadVoucher">凭证</a-button>
+            </template>
+            <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'">
+                <span>
+                  <a @click="edit(record)">编辑</a>
+                </span>
+              </template>
+            </template>
+          </a-table>
+        </div>
+      </div>
+      <div v-if="isClickedPftj">
+        <a-table
+          :columns="pftjColumn"
+          :data-source="pftjData"
+          bordered
+          :pagination="false"
+          :scroll="{ x: 2000 }">
+          <template #bodyCell="{ column, text, record }">
+            {{ text || '-' }}
+          </template>
+        </a-table>
+      </div>
+      <div v-if="isClickedTplx" style="width: 100%; height: 100%">
+        <div ref="tplxChart" style="width: 100%; height: 68vh"></div>
+      </div>
+    </div>
+    <!-- 类别配置 -->
+    <a-drawer
+      :width="500"
+      :visible="categoryConfig"
+      v-if="categoryConfig"
+      :body-style="{ paddingBottom: '80px' }"
+      :footer-style="{ textAlign: 'right' }"
+      destroyOnClose
+      title="类别配置"
+      @close="closeCategoryConfig">
+      <div class="search">
+        <a-input-search
+          v-model:value="searchcategoryConfig"
+          placeholder="请输入类别名称"
+          style="width: 250px"
+          @search="onSearch" />
+      </div>
+      <div class="treePart">
+        <a-tree
+          :expanded-keys="categoryExpandedKeys"
+          :selectedKeys="categorySelectedKeys"
+          :checkedKeys="categoryCheckedKeys"
+          :tree-data="categoryTreeData"
+          v-if="categoryTreeData && categoryTreeData.length > 0"
+          class="draggable-tree"
+          @check="checkTreeNode"
+          checkable
+          block-node>
+          <template #title="data">
+            <div class="treeRow">
+              <div>
+                <span>{{ data.cnValue }}</span>
+              </div>
+            </div>
+          </template>
+        </a-tree>
+      </div>
+      <template #footer>
+        <a-button style="margin-right: 8px" @click="closeCategoryConfig">取消</a-button>
+        <a-button type="primary" @click="submitCategory">确定</a-button>
+      </template>
+    </a-drawer>
+    <!-- 新增/编辑排放源树节点 -->
+    <a-drawer
+      :width="500"
+      :visible="addTreeNodeVisible"
+      :body-style="{ paddingBottom: '80px' }"
+      :footer-style="{ textAlign: 'right' }"
+      destroyOnClose
+      @close="onClose">
+      <a-form
+        ref="formRef"
+        :model="formState"
+        :rules="rules"
+        :label-col="labelCol"
+        :wrapper-col="wrapperCol">
+        <a-form-item ref="name" label="排放源" name="emissionSource">
+          <a-input v-model:value="formState.emissionSource" placeholder="请输入排放源" />
+        </a-form-item>
+        <a-form-item ref="name" label="计量单位" name="unitId">
+          <a-cascader v-model:value="formState.unitId" :options="measurementUnit" />
+        </a-form-item>
+        <a-form-item ref="name" label="温室气体" name="greenhouseGases">
+          <a-select ref="select" v-model:value="formState.greenhouseGases">
+            <a-select-option v-for="(item, index) in groupData" :key="index" :value="item.id">
+              {{ item.cnValue }}
+            </a-select-option>
+          </a-select>
+        </a-form-item>
+        <a-form-item ref="name" label="碳排单位" name="carbonEmissionUnits">
+          <a-cascader v-model:value="formState.carbonEmissionUnits" :options="CarbonUnit" />
+        </a-form-item>
+        <!-- <a-form-item label="排放类型" name="emissionType" :required="isRequired">
+          <a-select v-model:value="formState.emissionType" placeholder="请选择排放类型">
+            <a-select-option v-for="(item, index) in emissionTypeDic" :key="index" :value="item.id">
+              {{ item.cnValue }}
+            </a-select-option>
+          </a-select>
+        </a-form-item> -->
+      </a-form>
+      <template #footer>
+        <a-button style="margin-right: 8px" @click="onClose">取消</a-button>
+        <a-button type="primary" @click="onSubmit">确定</a-button>
+      </template>
+    </a-drawer>
+    <!-- 点击凭证弹出框 -->
+    <a-drawer
+      :width="500"
+      :visible="openVoucher"
+      :body-style="{ paddingBottom: '80px' }"
+      :footer-style="{ textAlign: 'right' }"
+      destroyOnClose
+      @close="onCloseVoucher">
+      <a-table
+        :columns="voucherColumns"
+        :data-source="voucherData"
+        :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectionChange }"
+        rowKey="id"
+        :pagination="false">
+        <template #bodyCell="{ column, text }">
+          <template v-if="column.dataIndex === 'name'">
+            <a>{{ text }}</a>
+          </template>
+        </template>
+      </a-table>
+      <template #footer>
+        <a-button style="margin-right: 8px" @click="onCloseVoucher">取消</a-button>
+        <a-button type="primary" @click="downLoadMore">批量下载</a-button>
+      </template>
+    </a-drawer>
+    <!-- 点击编辑弹出框 -->
+    <a-drawer
+      :width="700"
+      :visible="editData"
+      :body-style="{ paddingBottom: '80px' }"
+      :footer-style="{ textAlign: 'right' }"
+      destroyOnClose
+      @close="onCloseEditData">
+      <a-form
+        ref="editFormRef"
+        :model="editFormState"
+        :label-col="labelCol"
+        :wrapper-col="wrapperCol">
+        <a-row>
+          <a-col :span="12">
+            <a-form-item ref="name" label="数据来源" name="dataSources">
+              <a-select
+                ref="select"
+                v-model:value="editFormState.dataSources"
+                @change="changeSelect">
+                <a-select-option value="1">自行推估</a-select-option>
+                <a-select-option value="2">定期量测</a-select-option>
+                <a-select-option value="3">自动测量</a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item ref="name" label="消耗量" name="consumption">
+              <ns-input v-model:value="editFormState.consumption" :disabled="canEdit" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row v-if="automatic">
+          <a-col :span="12">
+            <a-form-item ref="name" label="采集节点" name="collectionNode">
+              <a-tree-select
+                v-model:value="editFormState.collectionNode"
+                :tree-line="true"
+                @select="selectNode"
+                :tree-data="collectingNodes">
+              </a-tree-select>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :span="12">
+            <a-form-item ref="name" label="因子值" name="factorId">
+              <ns-input v-model:value="editFormState.factorId" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item ref="name" label="关键字" name="emissionFactors">
+              <a-input-search
+                v-model:value="editFormState.emissionFactors"
+                @search="searchKey"
+                placeholder="请输入关键字" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+      <a-table
+        :columns="drawerColumns"
+        :data-source="newTableData"
+        bordered
+        rowKey="id"
+        :scroll="{ y: 400 }"
+        style="margin-bottom: 10px"
+        :rowSelection="{
+          selectedRowKeys: selectedRowKeysEdit,
+          onChange: onSelectionChangeEdit,
+          type: 'radio',
+        }"
+        :pagination="false">
+      </a-table>
+      <a-pagination
+        :current="queryParams.pageNum"
+        :total="total"
+        :page-size="queryParams.pageSize"
+        style="display: flex; justify-content: center; margin-top: 16px"
+        :show-size-changer="true"
+        :show-quick-jumper="true"
+        @change="onChange" />
+      <a-upload
+        v-model:file-list="fileList"
+        name="file"
+        accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf"
+        @remove="handleFileRemove"
+        :before-upload="beforeUpload"
+        @change="handleChange">
+        <a-button>
+          <upload-outlined></upload-outlined>
+          点击上传凭证
+        </a-button>
+      </a-upload>
+      <template #footer>
+        <a-button style="margin-right: 8px" @click="onCloseEditData">取消</a-button>
+        <a-button type="primary" @click="submitEditData">确定</a-button>
+      </template>
+    </a-drawer>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref, watch, toRaw, defineEmits } from 'vue';
+  import { http } from '/nerv-lib/util/http';
+  import { Pagination, Modal, message } from 'ant-design-vue';
+  import type { TreeProps, UploadChangeParam } from 'ant-design-vue';
+  import {
+    EditOutlined,
+    PlusCircleOutlined,
+    MinusCircleOutlined,
+    UploadOutlined,
+  } from '@ant-design/icons-vue';
+  import * as echarts from 'echarts';
+  import { voucherColumns, drawerColumns } from '../config';
+  import {
+    energyConsumption,
+    carbonEmissionFactorLibrary,
+    carbonInventoryCheck,
+    uploadPic,
+  } from '/@/api/carbonEmissionFactorLibrary';
+  import { group } from '/@/api/deviceManage';
+  import { debug, log } from 'node:console';
+  defineOptions({
+    energyType: 'fillInPage', // 与页面路由name一致缓存才可生效
+    components: {
+      'a-pagination': Pagination,
+    },
+  });
+  // 父组件id和年份
+  const props = defineProps({
+    reportId: {
+      type: Number,
+    },
+    year: {
+      type: String,
+    },
+    startTime: {
+      type: String,
+    },
+    endTime: {
+      type: String,
+    },
+  });
+
+  const orgId = ref('');
+  const result = JSON.parse(sessionStorage.getItem('ORGID')!);
+  orgId.value = result;
+  const fetch = (api, params = { orgId: orgId.value }) => {
+    return http.post(api, params);
+  };
+  // 左侧树结构
+  const x = 3;
+  const y = 2;
+  const z = 1;
+  const genData: TreeProps['treeData'] = [];
+
+  const generateData = (_level: number, _preKey?: string, _tns?: TreeProps['treeData']) => {
+    const preKey = _preKey || '0';
+    const tns = _tns || genData;
+
+    const children = [];
+    for (let i = 0; i < x; i++) {
+      const key = `${preKey}-${i}`;
+      tns.push({ title: key, key });
+      if (i < y) {
+        children.push(key);
+      }
+    }
+    if (_level < 0) {
+      return tns;
+    }
+    const level = _level - 1;
+    children.forEach((key, index) => {
+      tns[index].children = [];
+      return generateData(level, key, tns[index].children);
+    });
+  };
+  generateData(z);
+
+  const dataList: TreeProps['treeData'] = [];
+  const generateList = (data: TreeProps['treeData']) => {
+    for (let i = 0; i < data.length; i++) {
+      const node = data[i];
+      const key = node.key;
+      dataList.push({ key, title: key });
+      if (node.children) {
+        generateList(node.children);
+      }
+    }
+  };
+  generateList(genData);
+
+  const getParentKey = (
+    key: string | number,
+    tree: TreeProps['treeData'],
+  ): string | number | undefined => {
+    let parentKey;
+    for (let i = 0; i < tree.length; i++) {
+      const node = tree[i];
+      if (node.children) {
+        if (node.children.some((item) => item.key === key)) {
+          parentKey = node.key;
+        } else if (getParentKey(key, node.children)) {
+          parentKey = getParentKey(key, node.children);
+        }
+      }
+    }
+    return parentKey;
+  };
+  const expandedKeysL = ref<(string | number)[]>(['0-0']);
+  const selectedKeysL = ref<string[]>(['0-0-0']);
+  const searchValue = ref<string>('');
+  const autoExpandParent = ref<boolean>(true);
+  const gData = ref<TreeProps['treeData']>(genData);
+
+  const onExpandL = (keys: string[]) => {
+    expandedKeysL.value = keys;
+    autoExpandParent.value = false;
+  };
+
+  watch(searchValue, (value) => {
+    const expanded = dataList
+      .map((item: TreeProps['treeData'][number]) => {
+        if (item.title.indexOf(value) > -1) {
+          return getParentKey(item.key, gData.value);
+        }
+        return null;
+      })
+      .filter((item, i, self) => item && self.indexOf(item) === i);
+    expandedKeysL.value = expanded;
+    searchValue.value = value;
+    autoExpandParent.value = true;
+  });
+  // 被选中的树节点
+  const categoryId = ref();
+  const onSelectL = (selectedKey: string[], info: any) => {
+    selectedKeysL.value = selectedKey;
+    categoryId.value = info.node.conId;
+    formState.value.categoryId = categoryId.value;
+    if (fillInPage.value) {
+      getEmissionSourceTree();
+    } else if (isClickedPftj.value) {
+      queryEmissionData.value.categoryId = info.node.conId;
+      getEmissionStatistic();
+    } else if (isClickedTplx.value) {
+      queryFlowDirection.value.categoryId = info.node.conId;
+      getCarbonFlowDirection();
+    }
+  };
+  // 获取碳盘查报告树
+  const selectedIds = ref([]);
+  const getReportTree = () => {
+    fetch(carbonInventoryCheck.getCategoryTree, {
+      reportId: props.reportId,
+      orgId: orgId.value,
+    }).then((res) => {
+      gData.value = res.data;
+      if (res.data.length > 0) {
+        categoryId.value = res.data[0].children[0].conId;
+        formState.value.categoryId = categoryId.value;
+        queryEmissionData.value.categoryId = categoryId.value;
+        queryFlowDirection.value.categoryId = categoryId.value;
+        selectedIds.value = getAllIds(gData.value);
+      }
+      getEmissionSourceTree();
+    });
+  };
+  getReportTree();
+  const getAllIds = (nodes: TreeNode[]): number[] => {
+    return nodes.flatMap((node) => [node.id, ...(node.children ? getAllIds(node.children) : [])]);
+  };
+  // 右侧树数据
+  const treeData = ref<TreeProps['treeData']>(genData);
+  // 获取数据
+  const getTableId = ref();
+  const changeSelectedKeys = ref(false);
+  const getEmissionSourceTree = () => {
+    fetch(carbonInventoryCheck.getInventoryTree, { categoryId: categoryId.value }).then((res) => {
+      treeData.value = res.data;
+      if (changeSelectedKeys.value) {
+        selectedKeysR.value = [`0-${treeData.value.length - 1}`];
+        changeSelectedKeys.value = false;
+        getTableId.value = res.data[res.data.length - 1].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 = '排放量';
+        }
+      } else {
+        selectedKeysR.value = ['0-0'];
+        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) => {
+    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 selectedKeysR = ref<string[]>(['0-0']);
+  const checkedKeys = ref<string[]>([]);
+  watch(expandedKeysR, () => {
+    console.log('expandedKeysR', expandedKeysR);
+  });
+  watch(selectedKeysR, () => {
+    console.log('selectedKeys', selectedKeysR);
+  });
+  watch(checkedKeys, () => {
+    console.log('checkedKeys', checkedKeys);
+  });
+  // 类别配置
+  const categoryConfig = ref(false);
+  const searchcategoryConfig = ref();
+  const categoryTreeData = ref<TreeProps['treeData']>(genData);
+  const categoryExpandedKeys = ref<string[]>();
+  const categorySelectedKeys = ref<string[]>([]);
+  const categoryCheckedKeys = ref<string[]>([]);
+
+  const checkTreeNode = (checkedKeys, info) => {
+    categoryCheckedKeys.value = checkedKeys;
+    queryConfigure.value.dictionaryIdList = categoryCheckedKeys.value;
+  };
+  const getUnitTree = () => {
+    fetch(carbonEmissionFactorLibrary.dictionaryUnitManagement, {
+      grp: 'CATEGORY_CONFIGURATION',
+    }).then((res) => {
+      categoryTreeData.value = res.data;
+      categoryCheckedKeys.value = selectedIds.value.map((id) => String(id));
+      // 格式化树节点数据并设置 key
+      categoryTreeData.value = formatTreeData(categoryTreeData.value);
+    });
+  };
+
+  const formatTreeData = (treeData) => {
+    return treeData.map((node) => {
+      const newNode = { ...node };
+      newNode.key = String(node.id); // 将 id 转换为字符串作为 key
+      if (node.children) {
+        newNode.children = formatTreeData(node.children);
+      }
+      return newNode;
+    });
+  };
+  const openCategoryConfig = () => {
+    categoryConfig.value = true;
+    getUnitTree();
+  };
+  // 类别配置树点击确定
+  const queryConfigure = ref({
+    orgId: orgId.value,
+    reportId: props.reportId,
+  });
+  const submitCategory = () => {
+    fetch(carbonInventoryCheck.updateCategoryTree, queryConfigure.value).then((res) => {
+      categoryConfig.value = false;
+      getReportTree();
+    });
+  };
+  const closeCategoryConfig = () => {
+    categoryConfig.value = false;
+  };
+  // 新增/编辑排放源树节点
+  const addTreeNodeVisible = ref(false);
+  const formRef = ref();
+  const labelCol = { span: 5 };
+  const wrapperCol = { span: 19 };
+  const formState = ref({
+    orgId: orgId.value,
+    year: props.year,
+    startTime: props.startTime,
+    endTime: props.endTime,
+  });
+  // 计量单位的变量
+  const measurementUnit = ref([]);
+  // 碳排单位变量
+  const CarbonUnit = ref([]);
+  // 温室气体变量
+  const groupData = ref([]);
+  // 定义form表单的必填
+  const rules: Record<string, Rule[]> = {
+    emissionSource: [{ required: true, message: '请输入排放源', trigger: 'change' }],
+    unitId: [{ required: true, message: '请选择计量单位', trigger: 'change' }],
+    greenhouseGases: [{ required: true, message: '请选择温室气体', trigger: 'change' }],
+    carbonEmissionUnits: [{ required: true, message: '请选择碳排单位', trigger: 'change' }],
+  };
+  const addTreeNodeData = () => {
+    addTreeNodeVisible.value = true;
+    getDictData();
+  };
+  // 获取字典值
+  const getDictData = () => {
+    // 获取计量单位的数据
+    fetch(carbonEmissionFactorLibrary.dictionaryUnitManagement, { grp: 'MEASUREMENT_UNIT' }).then(
+      (res) => {
+        measurementUnit.value = res.data;
+        measurementUnit.value = measurementUnit.value.map((item) => ({
+          value: item.id,
+          label: item.cnValue,
+          children: item.children
+            ? item.children.map((child) => ({
+                value: child.id,
+                label: child.cnValue,
+              }))
+            : [],
+        }));
+      },
+    );
+    // 获取碳排单位的数据
+    fetch(carbonEmissionFactorLibrary.dictionaryUnitManagement, { grp: 'GREENHOUSE_GASES' }).then(
+      (res) => {
+        CarbonUnit.value = res.data;
+        CarbonUnit.value = CarbonUnit.value.map((item) => ({
+          value: item.id,
+          label: item.cnValue,
+          children: item.children
+            ? item.children.map((child) => ({
+                value: child.id,
+                label: child.cnValue,
+              }))
+            : [],
+        }));
+      },
+    );
+    // 获取温室气体数据
+    fetch(carbonEmissionFactorLibrary.findOutermost, { grp: 'GREENHOUSE_GASES' }).then((res) => {
+      groupData.value = res.data;
+    });
+  };
+  const onSubmit = () => {
+    formRef.value
+      .validate()
+      .then(() => {
+        console.log('values', formState, toRaw(formState));
+        if (formState.value.unitId) {
+          formState.value.unitId = formState.value.unitId.join(',').split(',')[1];
+        }
+        if (formState.value.carbonEmissionUnits) {
+          formState.value.carbonEmissionUnits = formState.value.carbonEmissionUnits
+            .join(',')
+            .split(',')[1];
+        }
+        if (formState.value.id) {
+          fetch(carbonInventoryCheck.update, formState.value).then((res) => {
+            addTreeNodeVisible.value = false;
+            formState.value = {
+              orgId: orgId.value,
+            };
+            message.success('操作成功！');
+            getEmissionSourceTree();
+          });
+        } else {
+          fetch(carbonInventoryCheck.create, formState.value).then((res) => {
+            addTreeNodeVisible.value = false;
+            formState.value = {
+              orgId: orgId.value,
+            };
+            message.success('操作成功！');
+            changeSelectedKeys.value = true;
+            getEmissionSourceTree();
+            getPFYTableList(res.data.id);
+          });
+        }
+      })
+      .catch((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) => {
+    getDictData();
+    addTreeNodeVisible.value = true;
+
+    setTimeout(() => {
+      let selectDevice = ref([Number(data.unitId)]);
+      findParentIds(measurementUnit.value, data.unitId, selectDevice.value);
+      data.unitId = selectDevice;
+
+      let selectDeviceC = ref([Number(data.carbonEmissionUnits)]);
+      findParentIds(CarbonUnit.value, data.carbonEmissionUnits, selectDeviceC.value);
+      data.carbonEmissionUnits = selectDeviceC;
+
+      formState.value.id = data.id;
+      formState.value = data;
+    }, 500);
+  };
+  // 定义一个递归函数来查找每一级的id 设备类型回显 层级方法
+  function findParentIds(tree: any, targetId: number, result: any) {
+    for (let item of tree) {
+      if (item.children && item.children.length > 0) {
+        if (item.children.some((child: any) => child.value === targetId)) {
+          result.unshift(item.value); // 将当前节点的id添加到结果数组的最前面
+          findParentIds(tree, item.value, result); // 递归查找父级节点的id
+          break; // 找到后可以退出循环
+        }
+      }
+    }
+  }
+  // 删除排放源左侧树节点
+  const delUnit = (data) => {
+    Modal.confirm({
+      title: '警告',
+      content: '确定要删除吗?',
+      okText: '确定',
+      okType: 'primary',
+      cancelText: '取消',
+      onOk() {
+        fetch(carbonInventoryCheck.del, { id: data.id }).then((res) => {
+          message.success('操作成功！');
+          getEmissionSourceTree();
+        });
+      },
+      onCancel() {
+        console.log('Cancel');
+      },
+    });
+  };
+  const onClose = () => {
+    addTreeNodeVisible.value = false;
+    formState.value = {
+      orgId: orgId.value,
+    };
+    formRef.value.resetFields();
+  };
+  // 点击凭证弹出框
+  const openVoucher = ref(false);
+  const downLoadVoucher = () => {
+    fetch(carbonInventoryCheck.voucherDownloadList, { bizType: 2 }).then((res) => {
+      voucherData.value = res.data;
+    });
+    openVoucher.value = true;
+  };
+  const selectedRowKeys = ref([]);
+  const onSelectionChange = (selectedKeys, selectedRows) => {
+    selectedRowKeys.value = selectedKeys;
+  };
+
+  const voucherData = ref([]);
+  const downLoadMore = () => {
+    const deleteIds = ref(new FormData());
+    selectedRowKeys.value.forEach((item) => {
+      deleteIds.value.append('ids', item);
+    });
+    fetch(uploadPic.downloadZip, deleteIds.value)
+      .then((res) => {
+        // 创建一个 URL 对象，指向图片数据的 blob
+        const url = window.URL.createObjectURL(new Blob([res.data]));
+        // 创建一个 <a> 标签，用于触发下载
+        const link = document.createElement('a');
+        link.href = url;
+        debugger;
+        link.setAttribute('download', ''); // 设置下载的文件名
+        document.body.appendChild(link);
+        link.click();
+
+        // 清理 URL 对象
+        window.URL.revokeObjectURL(url);
+        onCloseVoucher();
+      })
+      .catch((error) => {
+        console.error('下载图片失败：', error);
+      });
+  };
+  const onCloseVoucher = () => {
+    selectedRowKeys.value = [];
+    openVoucher.value = false;
+  };
+  // 点击编辑弹出框
+  const editData = ref(false);
+  const editFormRef = ref();
+  const editFormState = ref({
+    orgId: orgId.value,
+  });
+  const newTableData = ref([]);
+  const total = ref<number>();
+  const selectedRowKeysEdit = ref([]);
+  const onSelectionChangeEdit = (selectedKeys, selectedRows) => {
+    selectedRowKeysEdit.value = selectedKeys;
+    editFormState.value.factorId = selectedKeys;
+  };
+  const queryParams = ref({
+    pageNum: 1,
+    pageSize: 10,
+    orgId: orgId.value,
+  });
+  const queryData = ref({
+    orgId: orgId.value,
+    pageNum: 1,
+    pageSize: 999,
+  });
+  const edit = (record) => {
+    getDictList();
+    getNewTable();
+    editFormState.value.id = record.id;
+    editFormState.value.dataSources = record.dataSources;
+    editFormState.value.consumption = record.emissions;
+    editFormState.value.collectionNode = record.carbonSource;
+    editFormState.value.factorId = record.factorId;
+    selectedRowKeysEdit.value = [record.factorId];
+    fetch(uploadPic.select, { bizId: record.id, bizType: 2 }).then((res) => {
+      fileList.value = res.data.map((item) => ({
+        uid: item.id.toString(), // 使用文件的id作为唯一标识
+        name: item.fileName, // 文件名
+        status: 'done', // 设置默认状态为已完成
+        type: 'done',
+        url: item.filePath, // 文件的URL，这里假设用示例的URL格式
+      }));
+    });
+    editData.value = true;
+  };
+  const getNewTable = () => {
+    fetch(carbonEmissionFactorLibrary.getTableList, queryData.value).then((res) => {
+      newTableData.value = res.data.records;
+      total.value = res.data.total;
+    });
+  };
+  const searchKey = () => {
+    queryData.value.emissionSources = editFormState.value.emissionFactors;
+    getNewTable();
+  };
+  // 数据来源选择框改变
+  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 selectNode = (value) => {
+    debugger;
+  };
+  // 上传附件
+  const fileList = ref<UploadProps['fileList']>([]);
+  const beforeUpload: UploadProps['beforeUpload'] = (file) => {
+    return false;
+  };
+  const handleChange = (info: UploadChangeParam) => {
+    fileList.value = [...info.fileList];
+    if (info.file.status !== 'uploading') {
+      console.log(info.file, info.fileList);
+    }
+    if (info.file.status === 'done') {
+      message.success(`${info.file.name} 文件上传成功`);
+    } else if (info.file.status === 'error') {
+      message.error(`${info.file.name} 文件上传失败`);
+    }
+  };
+  const delIds = ref([]);
+  const handleFileRemove = (file) => {
+    delIds.value.push(file.uid);
+    const newFileList = [];
+    fileList.value.forEach((item) => {
+      if (item.uid !== file.uid) {
+        newFileList.push(item);
+      }
+    });
+    fileList.value = newFileList;
+  };
+  // 数据提交;
+  const submitEditData = () => {
+    editFormRef.value
+      .validate()
+      .then(() => {
+        console.log('values', editFormState, toRaw(editFormState));
+        if (editFormState.value.factorId.length > 0) {
+          editFormState.value.factorId = editFormState.value.factorId.join(',');
+        }
+        if (editFormState.value.dataSources.value) {
+          editFormState.value.dataSources = editFormState.value.dataSources.value;
+        }
+        if (editFormState.value.collectionNode) {
+          editFormState.value.collectionNode = editFormState.value.collectionNode.value;
+        }
+        fetch(carbonInventoryCheck.updateTable, editFormState.value).then((res) => {
+          if (fileList.value.length !== 0) {
+            const formData = ref(new FormData());
+            fileList.value.forEach((file) => {
+              if (file.type !== 'done') {
+                formData.value.append('files', file.originFileObj);
+              }
+            });
+            formData.value.append('bizType', 2);
+            formData.value.append('bizId', editFormState.value.id);
+            delIds.value.forEach((item) => {
+              formData.value.append('deleteList', item);
+            });
+            fetch(uploadPic.uploadfiles, formData.value)
+              .then((res) => {
+                message.success('操作成功！');
+                editData.value = false;
+                delIds.value = [];
+                getPFYTableList(getTableId.value);
+              })
+              .catch((error) => {
+                console.log('error', error);
+              });
+          } else {
+            editData.value = false;
+            delIds.value = [];
+            getPFYTableList(getTableId.value);
+          }
+        });
+      })
+      .catch((error) => {
+        console.log('error', error);
+      });
+  };
+  const onCloseEditData = () => {
+    editData.value = false;
+    delIds.value = [];
+    editFormState.value = {
+      orgId: orgId.value,
+    };
+    selectedRowKeysEdit.value = [];
+    canEdit.value = false;
+    automatic.value = false;
+  };
+  // 分页器
+  const onChange = (pageNumber: number, size: number) => {
+    queryParams.value.pageNum = pageNumber;
+    queryParams.value.pageSize = size;
+    getNewTable();
+  };
+  // 点击切换排放统计/碳排流向
+  const fillInPage = ref(true);
+  const isClickedPftj = ref(false);
+  const isClickedTplx = ref(false);
+  const pftjData = ref([]);
+  const showPftj = () => {
+    fillInPage.value = false;
+    isClickedPftj.value = true;
+    isClickedTplx.value = false;
+    getEmissionStatistic();
+  };
+  const showTplx = () => {
+    fillInPage.value = false;
+    isClickedPftj.value = false;
+    isClickedTplx.value = true;
+    getCarbonFlowDirection();
+  };
+  // 获取碳排流向数据
+  const queryFlowDirection = ref({
+    orgId: orgId.value,
+    reportId: props.reportId,
+    year: props.year,
+    categoryId: categoryId.value,
+  });
+  const linksData = ref([]);
+  const datalist = ref([]);
+  const getCarbonFlowDirection = () => {
+    fetch(carbonInventoryCheck.carbonFlowDirection, queryFlowDirection.value).then((res) => {
+      console.log(res);
+      linksData.value = res.data[0];
+      datalist.value = res.data[1];
+      drawEcharts();
+    });
+  };
+  // 获取排放统计数据
+  const queryEmissionData = ref({
+    orgId: orgId.value,
+    reportId: props.reportId,
+    year: props.year,
+    categoryId: categoryId.value,
+  });
+  const tableHeader = ref([]);
+  const getEmissionStatistic = () => {
+    fetch(carbonInventoryCheck.emissionStatistic, queryEmissionData.value).then((res) => {
+      pftjData.value = res.data.body;
+      // 将数据表头数据按顺序组织
+      const orderedKeys = res.data.title.map((obj) => Object.keys(obj)[0]); // 获取原始键的顺序
+      const result: { [key: string]: string } = {};
+
+      res.data.title.forEach((obj) => {
+        const key = Object.keys(obj)[0];
+        result[key] = obj[key];
+      });
+
+      // 确保按照原始顺序返回结果
+      const orderedResult: { [key: string]: string } = {};
+      orderedKeys.forEach((key) => {
+        if (result[key] !== undefined) {
+          orderedResult[key] = result[key];
+        }
+      });
+
+      const data = orderedResult;
+      // 将数据转换为 DataItem 数组
+      tableHeader.value = [];
+      pftjColumn.value = [
+        {
+          title: '排放分类',
+          dataIndex: 'emissionClassify',
+          customCell: (record, rowIndex) => {
+            if (rowIndex == undefined) {
+              return {
+                rowSpan: 0,
+                colSpan: 0,
+              };
+            }
+            const rowSpan = getRowSpan('emissionClassify', record, pftjData.value);
+            if (
+              rowIndex != 0 &&
+              pftjData.value[rowIndex - 1].emissionClassify == record.emissionClassify
+            ) {
+              return {
+                rowSpan: 0,
+                colSpan: 0,
+              };
+            }
+            return {
+              rowSpan: rowSpan,
+            };
+          },
+        },
+        {
+          title: '运行边界',
+          dataIndex: 'operatingBoundary',
+          customCell: (record, rowIndex) => {
+            if (rowIndex == undefined) {
+              return {
+                rowSpan: 0,
+                colSpan: 0,
+              };
+            }
+            const rowSpan = getRowSpan('operatingBoundary', record, pftjData.value);
+            if (
+              rowIndex != 0 &&
+              pftjData.value[rowIndex - 1].operatingBoundary == record.operatingBoundary
+            ) {
+              return {
+                rowSpan: 0,
+                colSpan: 0,
+              };
+            }
+            return {
+              rowSpan: rowSpan,
+            };
+          },
+        },
+        {
+          title: '排放类别',
+          dataIndex: 'emissionCategory',
+        },
+        {
+          title: '排放源',
+          dataIndex: 'emissionSources',
+        },
+        {
+          title: '温室气体',
+          dataIndex: 'greenhouseGases',
+        },
+      ];
+      tableHeader.value = Object.keys(data).map((key) => ({
+        title: data[key],
+        dataIndex: key,
+      }));
+      pftjColumn.value = pftjColumn.value.concat(tableHeader.value);
+    });
+  };
+  // 排放统计表头
+  const pftjColumn = ref([]);
+  // 合并单元格
+  const getRowSpan = (dataIndex: string, record: any, data: any, dependents: string[] = []) => {
+    let rowSpan = 1;
+    for (let i = data.indexOf(record) + 1; i < data.length; i++) {
+      let shouldMerge = true;
+      for (const dependent of dependents) {
+        if (data[i][dependent] !== record[dependent]) {
+          shouldMerge = false;
+          break;
+        }
+      }
+      if (shouldMerge && data[i][dataIndex] === record[dataIndex]) {
+        rowSpan++;
+      } else {
+        break;
+      }
+    }
+    return rowSpan;
+  };
+  // 碳排流向
+  const tplxChart = ref(null);
+  let chartInstance: echarts.ECharts | null = null;
+  const drawEcharts = () => {
+    chartInstance = echarts.init(tplxChart.value);
+    let listData = datalist.value;
+    let linkDatas = linksData.value;
+    let Color = [
+      '#61FEFF',
+      '#937FE6',
+      '#2B56D3',
+      '#87E7AA',
+      '#937FE6',
+      '#FF9B97',
+      '#8f23f5',
+      '#0576ea',
+      '#2cb8cf',
+      '#8A7EE0',
+      '#2cb8cf',
+      '#4e70f0',
+      '#1fa3de',
+      '#bbc951',
+      '#FFC14B',
+      '#b785a6',
+      '#c23531',
+      '#2f4554',
+    ];
+    let Color1 = [
+      '#04E0F3',
+      '#682EFC',
+      '#35A7FE',
+      '#0DC09F',
+      '#682EFC',
+      '#ED6663',
+      '#8f23f5',
+      '#0576ea',
+      '#2cb8cf',
+      '#8A7EE0',
+      '#2cb8cf',
+      '#4e70f0',
+      '#1fa3de',
+      '#bbc951',
+      '#FFC14B',
+      '#b785a6',
+      '#c23531',
+      '#2f4554',
+    ];
+    let sourceLabel = [
+      'right',
+      'left',
+      'left',
+      'left',
+      'left',
+      'left',
+      'left',
+      'left',
+      'left',
+      'left',
+      'left',
+      'left',
+      'left',
+      'left',
+      'left',
+      'left',
+    ];
+    let itemStyleColor = [];
+    let labelSource = [];
+    for (let i = 0; i < listData.length; i++) {
+      listData[i].label = {
+        normal: {
+          position: sourceLabel[i],
+        },
+      };
+      labelSource.push(sourceLabel[i]);
+    }
+    for (let d = 0; d < listData.length; d++) {
+      listData[d].itemStyle = {
+        normal: {
+          color: {
+            type: 'linear',
+            x: 0,
+            y: 1,
+            x2: 0,
+            y2: 0,
+            colorStops: [
+              {
+                offset: 1,
+                color: Color[d], // 0% 处的颜色
+              },
+              {
+                offset: 0,
+                color: Color1[d], // 100% 处的颜色
+              },
+            ],
+            global: false, // 缺省为 false
+          },
+        },
+      };
+      itemStyleColor.push(listData[d]);
+    }
+    const option = {
+      backgroundColor: 'transparent',
+      tooltip: {
+        trigger: 'item',
+        triggerOn: 'mousemove',
+      },
+      series: [
+        {
+          type: 'sankey',
+          layout: 'none',
+          top: '4%',
+          bottom: '12%',
+          left: '20',
+          right: '20',
+          nodeGap: 15,
+          nodeWidth: 25,
+          focusNodeAdjacency: 'allEdges',
+          data: itemStyleColor,
+          links: linkDatas,
+          label: {
+            normal: {
+              color: '#fff',
+              fontSize: 14,
+              formatter: function (params) {
+                if (params.data.name == '公共平台') {
+                  let strs = params.data.name.split(''); //字符串数组
+                  let str = '';
+                  for (let i = 0, s; (s = strs[i++]); ) {
+                    //遍历字符串数组
+                    str += s;
+                    if (!(i % 1)) str += '\n'; //按需要求余
+                  }
+                  return '{white|' + str + '}';
+                } else {
+                  return params.data.name;
+                }
+              },
+              rich: {
+                white: {
+                  fontSize: 16,
+                  lineHeight: 30,
+                  padding: [0, 0, 0, -26],
+                },
+              },
+            },
+          },
+          lineStyle: {
+            normal: {
+              opacity: 0.4,
+              color: 'source',
+              curveness: 0.5,
+            },
+          },
+          itemStyle: {
+            normal: {
+              borderWidth: 1,
+              borderColor: 'transparent',
+            },
+          },
+        },
+      ],
+    };
+    chartInstance = echarts.init(tplxChart.value);
+    chartInstance.setOption(option);
+  };
+  // 点击返回
+  const emit = defineEmits(['change-data']);
+  const changeParentData = () => {
+    emit('change-data', true, false);
+  };
+</script>
+
+<style lang="less" scoped>
+  .main {
+    background-color: @ns-content-bg;
+    display: flex;
+    height: 100%;
+  }
+  .left {
+    width: 300px;
+    margin-right: @ns-gap;
+    min-width: fit-content;
+    > div {
+      background-color: @white;
+    }
+
+    display: flex;
+    flex-direction: column;
+    .top {
+      position: relative;
+      height: 80%;
+      margin-bottom: 20px;
+      .ns-form-title {
+        font-weight: bold;
+        user-select: text;
+        padding: 16px;
+        margin-bottom: 16px;
+        padding-bottom: 10px;
+        border-bottom: 1px solid #e9e9e9;
+      }
+      .title {
+        text-align: left;
+        height: 32px;
+        line-height: 32px;
+        font-weight: bold;
+        user-select: text;
+        position: relative;
+        padding-left: 9px;
+      }
+      .title::before {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        height: 13px;
+        width: 3px;
+        border-radius: 1px;
+        background-color: #2778ff;
+      }
+    }
+    .bottom {
+      position: relative;
+      height: 20%;
+      .ns-form-title {
+        font-weight: bold;
+        user-select: text;
+        padding: 16px;
+        margin-bottom: 16px;
+        padding-bottom: 10px;
+        border-bottom: 1px solid #e9e9e9;
+      }
+      .title {
+        text-align: left;
+        height: 32px;
+        line-height: 32px;
+        font-weight: bold;
+        user-select: text;
+        position: relative;
+        padding-left: 9px;
+      }
+      .title::before {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        height: 13px;
+        width: 3px;
+        border-radius: 1px;
+        background-color: #2778ff;
+      }
+      .button > div {
+        height: 3vh;
+        display: flex;
+        align-items: center;
+      }
+      .pftj {
+        background: #c9e4ff;
+      }
+      .tplx {
+        background: #c9e4ff;
+      }
+    }
+  }
+  .right {
+    flex: 1;
+    min-width: 0;
+    height: 100%;
+    padding: @ns-gap;
+    background-color: @white;
+    border-radius: @ns-border-radius;
+    box-shadow: @ns-content-box-shadow;
+    .ns-table-title {
+      text-align: left;
+      font-size: 16px;
+      font-weight: bold;
+      user-select: text;
+      width: 92%;
+      margin-bottom: @ns-gap;
+    }
+    .mainLeft {
+      width: 19%;
+      margin-right: 1%;
+      border-right: 1px solid #f2f2f2;
+      position: relative;
+      height: 96%;
+      .treeRow {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+      .actionMore {
+        display: none;
+      }
+      :deep(.ant-tree-node-content-wrapper) {
+        &:hover {
+          .actionMore {
+            display: block;
+          }
+        }
+      }
+      .addTreeNode {
+        width: 100%;
+        padding: 16px;
+        position: absolute;
+        bottom: 0;
+      }
+    }
+    .mainRight {
+      width: 80%;
+    }
+  }
+
+  .search {
+    width: 70%;
+    height: 5vh;
+    display: flex;
+    align-items: center;
+    margin-left: 10%;
+  }
+  .treePart {
+    width: 70%;
+    height: 100%;
+    display: flex;
+    border: 1px solid #bfbfbf;
+    margin-left: 10%;
+    flex-direction: column;
+  }
+</style>
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index.vue
index c85cfb3..f1ff8e2 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonInventoryCheck/fillInPage/index.vue
@@ -45,7 +45,7 @@
           </template>
         </a-tree>
       </div>
-      <div class="bottom">
+      <!-- <div class="bottom">
         <a-form style="width: 100%; margin: 0 auto">
           <div class="ns-form-title"><div class="title">报告相关</div></div>
           <div class="button" style="padding: 0 16px !important">
@@ -53,80 +53,82 @@
             <div :class="{ tplx: isClickedTplx }" @click="showTplx">碳排流向</div>
           </div>
         </a-form>
-      </div>
+      </div> -->
     </div>
     <div class="right">
-      <div style="display: flex">
-        <div class="ns-table-title ns-title-extra-box">排放源</div>
-        <a-button type="primary" style="margin-left: 12px" @click="changeParentData">返回</a-button>
-      </div>
-      <div style="display: flex; height: 100%" v-if="fillInPage">
-        <div class="mainLeft">
-          <a-tree
-            :expandedKeys="expandedKeysR"
-            :selectedKeys="selectedKeysR"
-            :checkedKeys="checkedKeys"
-            :tree-data="treeData"
-            @select="onSelectR"
-            block-node>
-            <template #title="data">
-              <div class="treeRow">
-                <div>
-                  <span>{{ data.emissionSource }}</span>
-                </div>
-                <div class="actionMore">
-                  <EditOutlined @click="editUnit(data)" />
-                  <MinusCircleOutlined style="margin-left: 6px" @click="delUnit(data)" />
-                </div>
+      <a-tabs v-model:activeKey="activeKey" @change="handleTabChange" style="height: 100%">
+        <a-tab-pane key="1" tab="排放源">
+          <div style="display: flex; height: 100%">
+            <div class="mainLeft">
+              <a-tree
+                :expandedKeys="expandedKeysR"
+                :selectedKeys="selectedKeysR"
+                :checkedKeys="checkedKeys"
+                :tree-data="treeData"
+                @select="onSelectR"
+                block-node>
+                <template #title="data">
+                  <div class="treeRow">
+                    <div>
+                      <span>{{ data.emissionSource }}</span>
+                    </div>
+                    <div class="actionMore">
+                      <EditOutlined @click="editUnit(data)" />
+                      <MinusCircleOutlined style="margin-left: 6px" @click="delUnit(data)" />
+                    </div>
+                  </div>
+                </template>
+              </a-tree>
+              <div class="addTreeNode">
+                <a-button type="primary" style="width: 100%" @click="addTreeNodeData"
+                  >新增</a-button
+                >
               </div>
-            </template>
-          </a-tree>
-          <div class="addTreeNode">
-            <a-button type="primary" style="width: 100%" @click="addTreeNodeData">新增</a-button>
+            </div>
+            <div class="mainRight">
+              <a-table
+                :columns="columns"
+                :data-source="data"
+                :pagination="false"
+                bordered
+                size="middle"
+                :scroll="{ y: 500 }">
+                <template #title>
+                  <a-button type="primary" @click="downLoadVoucher">凭证</a-button>
+                </template>
+                <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'">
+                    <span>
+                      <a @click="edit(record)">编辑</a>
+                    </span>
+                  </template>
+                </template>
+              </a-table>
+            </div>
           </div>
-        </div>
-        <div class="mainRight">
+        </a-tab-pane>
+        <a-tab-pane key="2" tab="排放统计">
           <a-table
-            :columns="columns"
-            :data-source="data"
-            :pagination="false"
+            :columns="pftjColumn"
+            :data-source="pftjData"
             bordered
-            size="middle"
-            :scroll="{ y: 480 }">
-            <template #title>
-              <a-button type="primary" @click="downLoadVoucher">凭证</a-button>
-            </template>
+            :pagination="false"
+            :scroll="{ x: 2000, y: 500 }">
             <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'">
-                <span>
-                  <a @click="edit(record)">编辑</a>
-                </span>
-              </template>
+              {{ text || '-' }}
             </template>
           </a-table>
-        </div>
-      </div>
-      <div v-if="isClickedPftj">
-        <a-table
-          :columns="pftjColumn"
-          :data-source="pftjData"
-          bordered
-          :pagination="false"
-          :scroll="{ x: 2000 }">
-          <template #bodyCell="{ column, text, record }">
-            {{ text || '-' }}
-          </template>
-        </a-table>
-      </div>
-      <div v-if="isClickedTplx" style="width: 100%; height: 100%">
-        <div ref="tplxChart" style="width: 100%; height: 68vh"></div>
-      </div>
+        </a-tab-pane>
+        <a-tab-pane key="3" tab="碳排流向">
+          <div ref="tplxChart" style="width: 100%; height: 68vh"></div>
+        </a-tab-pane>
+      </a-tabs>
     </div>
     <!-- 类别配置 -->
     <a-drawer
@@ -225,6 +227,7 @@
         :columns="voucherColumns"
         :data-source="voucherData"
         :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectionChange }"
+        rowKey="id"
         :pagination="false">
         <template #bodyCell="{ column, text }">
           <template v-if="column.dataIndex === 'name'">
@@ -340,7 +343,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref, watch, toRaw, defineEmits } from 'vue';
+  import { ref, watch, toRaw, defineEmits, nextTick } from 'vue';
   import { http } from '/nerv-lib/util/http';
   import { Pagination, Modal, message } from 'ant-design-vue';
   import type { TreeProps, UploadChangeParam } from 'ant-design-vue';
@@ -381,7 +384,7 @@
       type: String,
     },
   });
-
+  const activeKey = ref('1');
   const orgId = ref('');
   const result = JSON.parse(sessionStorage.getItem('ORGID')!);
   orgId.value = result;
@@ -859,7 +862,33 @@
   };
 
   const voucherData = ref([]);
+  const downLoadMore = () => {
+    const deleteIds = ref(new FormData());
+    selectedRowKeys.value.forEach((item) => {
+      deleteIds.value.append('ids', item);
+    });
+    fetch(uploadPic.downloadZip, deleteIds.value)
+      .then((res) => {
+        // 创建一个 URL 对象，指向图片数据的 blob
+        const url = window.URL.createObjectURL(new Blob([res.data]));
+        // 创建一个 <a> 标签，用于触发下载
+        const link = document.createElement('a');
+        link.href = url;
+        debugger;
+        link.setAttribute('download', ''); // 设置下载的文件名
+        document.body.appendChild(link);
+        link.click();
+
+        // 清理 URL 对象
+        window.URL.revokeObjectURL(url);
+        onCloseVoucher();
+      })
+      .catch((error) => {
+        console.error('下载图片失败：', error);
+      });
+  };
   const onCloseVoucher = () => {
+    selectedRowKeys.value = [];
     openVoucher.value = false;
   };
   // 点击编辑弹出框
@@ -1361,6 +1390,20 @@
     chartInstance = echarts.init(tplxChart.value);
     chartInstance.setOption(option);
   };
+
+  const handleTabChange = (key) => {
+    console.log('Tab changed:', key);
+    // 在这里可以执行需要在页面切换时执行的逻辑
+    if (key === '2') {
+      nextTick(() => {
+        getEmissionStatistic();
+      });
+    } else if (key === '3') {
+      nextTick(() => {
+        getCarbonFlowDirection();
+      });
+    }
+  };
   // 点击返回
   const emit = defineEmits(['change-data']);
   const changeParentData = () => {
@@ -1386,7 +1429,7 @@
     flex-direction: column;
     .top {
       position: relative;
-      height: 80%;
+      height: 100%;
       margin-bottom: 20px;
       .ns-form-title {
         font-weight: bold;
@@ -1465,10 +1508,12 @@
     flex: 1;
     min-width: 0;
     height: 100%;
-    padding: @ns-gap;
     background-color: @white;
     border-radius: @ns-border-radius;
     box-shadow: @ns-content-box-shadow;
+    :deep(.ant-tabs-content-holder) {
+      padding: 20px;
+    }
     .ns-table-title {
       text-align: left;
       font-size: 16px;
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/categoryDeatil.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/categoryDeatil.vue
index 05e7b7c..788e04e 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/categoryDeatil.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/categoryDeatil.vue
@@ -41,7 +41,7 @@
             <div class="quantityTitle">基准值</div>
           </div>
           <div class="model">
-            <div class="quantity">
+            <div class="quantity" style="align-items: center; display: flex">
               <img
                 width="20px"
                 height="28px"
@@ -278,8 +278,12 @@
       .validate()
       .then(() => {
         console.log('values', formState, toRaw(formState));
-        if (formState.value.ids[0] === undefined) {
+        if (formState.value.ids === undefined) {
           formState.value.ids = ids.value;
+        } else {
+          if (formState.value.ids[0] === undefined) {
+            formState.value.ids = ids.value;
+          }
         }
         fetch(carbonPlanning.batchOrUpdate, formState.value).then((res) => {
           open.value = false;
@@ -314,7 +318,11 @@
   ];
   const newTableData = ref([]);
   const setBasicData = () => {
-    fetch(carbonPlanning.benchmarkSetting, { orgId: orgId.value }).then((res) => {
+    fetch(carbonPlanning.benchmarkSetting, {
+      orgId: orgId.value,
+      type: props.type,
+      itemizeId: props.parentId,
+    }).then((res) => {
       newTableData.value = res.data;
     });
     visible.value = true;
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/index.vue
index 6d2d2d1..df3bfc8 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/category/index.vue
@@ -8,6 +8,7 @@
           v-if="selectedTime"
           style="margin-left: 5%"
           v-model:value="selectYearValue"
+          :disabled-date="disabledDate"
           valueFormat="YYYY"
           @change="changeYear"
           picker="year" />
@@ -35,6 +36,9 @@
           :data-source="data"
           bordered
           :pagination="false"
+          row-key="itemizeId"
+          :onRow="onRow"
+          :customRow="customRow"
           :scroll="{ x: 1300, y: 250 }">
           <template #bodyCell="{ column, text, record }">
             <template v-if="column.key === 'action'">
@@ -115,6 +119,10 @@
   const selectYearValue = ref<Dayjs>(dayjs(new Date().getFullYear().toString()));
   const selectMonthValue = ref<Dayjs>(dayjs().startOf('year').month(0));
   const electricTotal = ref(true);
+  const disabledDate = (current: any) => {
+    return current && current.year() > new Date().getFullYear();
+  };
+
   // 年/月切换
   const monthStyles = ref('background: #f2f2f2');
   const yearStyles = ref('background: #2778ff');
@@ -127,7 +135,6 @@
     selectedTime.value = false;
     getMonthData();
     getBallQuery.value.yearAndMonth = 'month';
-    getBallData();
     getMonthPillarData();
   };
   const changeToYear = () => {
@@ -138,7 +145,6 @@
     selectedTime.value = true;
     getYearData();
     getBallQuery.value.yearAndMonth = 'year';
-    getBallData();
     getYearPillarData();
   };
   // echarts图
@@ -148,6 +154,7 @@
     orgId: orgId.value,
     type: props.tabId,
     year: selectYearValue.value.format('YYYY'),
+    selectedMonth: selectMonthValue.value.format('YYYY-DD'),
   });
   const xAxisData = ref([]);
   const referenceValue = ref([]);
@@ -160,6 +167,8 @@
       budget.value = res.data.budget;
       actualUsage.value = res.data.actualUsage;
       drawPillarChart();
+      getBallQuery.value.selectActualUsage = res.data.selectActualUsage;
+      getBallData();
     });
   };
   const getMonthPillarData = () => {
@@ -169,6 +178,8 @@
       budget.value = res.data.budget;
       actualUsage.value = res.data.actualUsage;
       drawPillarChart();
+      getBallQuery.value.selectActualUsage = res.data.selectActualUsage;
+      getBallData();
     });
   };
   const drawPillarChart = () => {
@@ -445,9 +456,11 @@
   });
   const changeYear = () => {
     yearQueryParams.value.year = selectYearValue.value;
-    year.value = selectYearValue.value;
+    getPillarQuery.value.year = selectYearValue.value;
+    getBallQuery.value.year = selectYearValue.value;
     addTreeNode.value.year = selectYearValue.value;
     getYearData();
+    getYearPillarData();
   };
   const getYearData = () => {
     fetch(carbonPlanning.searchListByYear, yearQueryParams.value).then((res) => {
@@ -466,9 +479,10 @@
   });
   const changeMonth = () => {
     monthQueryParams.value.yearMonth = selectMonthValue.value;
+    getPillarQuery.value.selectedMonth = selectMonthValue.value;
     getBallQuery.value.yearMonth = selectMonthValue.value;
     getMonthData();
-    getBallData();
+    getMonthPillarData();
   };
   const getMonthData = () => {
     fetch(carbonPlanning.searchListByMonth, monthQueryParams.value).then((res) => {
@@ -489,6 +503,21 @@
     type.value = props.tabId;
     nodeName.value = record.itemizeName;
   };
+  const customRow = (record) => {
+    return {
+      //点击 行 进行查看详情
+      onClick: (event) => {
+        getPillarQuery.value.itemizeId = record.itemizeId;
+        getBallQuery.value.itemizeId = record.itemizeId;
+        if (selectedTime.value) {
+          getYearPillarData();
+        } else {
+          getMonthPillarData();
+        }
+      },
+    };
+  };
+
   // 子页面点击返回
   const updateData = (type) => {
     electricTotal.value = type;
diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/index.vue
index f8b77a6..f07b209 100644
--- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/index.vue
+++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/index.vue
@@ -78,7 +78,7 @@
         }
       });
     } else if (key === '5') {
-      tabId.value = 4;
+      tabId.value = 5;
       energyType.value = 'CARBON_EMISSIONS'
       nextTick(() => {
         if (carbonEmissionsRef.value) {
@@ -87,7 +87,7 @@
         }
       });
     } else if (key === '6') {
-      tabId.value = 5;
+      tabId.value = 4;
       energyType.value = 'HEAT_SUPPLY'
       nextTick(() => {
         if (provideHotRef.value) {