Merge branch 'temp' of http://123.60.103.97:3000/xuziqiang/SaaS-lib into temp
@@ -60,3 +60,13 @@ export const getEnum = async ({
|
|||||||
const res = await http.get(api, params);
|
const res = await http.get(api, params);
|
||||||
return Promise.resolve(res);
|
return Promise.resolve(res);
|
||||||
};
|
};
|
||||||
|
/**
|
||||||
|
* 获取谈规划单位(需传参,参数 enumType)
|
||||||
|
*/
|
||||||
|
export const getEnumEnergy = async ({
|
||||||
|
api = `${BASE_URL}/operation/enum/getEnumEnergy`,
|
||||||
|
params = {},
|
||||||
|
}: dictHttpConfig) => {
|
||||||
|
const res = await http.get(api, params);
|
||||||
|
return Promise.resolve(res);
|
||||||
|
};
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ const prefix = '/carbon-smart/api';
|
|||||||
// 照明系统及相关接口
|
// 照明系统及相关接口
|
||||||
export enum planManage {
|
export enum planManage {
|
||||||
/**
|
/**
|
||||||
* @param deviceType 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6进水阀,7排水泵)
|
* @param deviceType 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6给排水)
|
||||||
*/
|
*/
|
||||||
// 获得未激活的计划
|
// 获得未激活的计划
|
||||||
getTransData = prefix + '/deviceCtrlPlan/getDeActivatedPlanList',
|
getTransData = prefix + '/deviceCtrlPlan/getDeActivatedPlanList',
|
||||||
|
|||||||
13
hx-ai-intelligent/src/api/waterSystem.ts
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
// 前缀
|
||||||
|
const prefix = '/carbon-smart/api';
|
||||||
|
// 通风系统相关接口
|
||||||
|
export enum waterSys {
|
||||||
|
// 获得污水池状态
|
||||||
|
getPool1 = prefix + '/waterSysCtrl/getSewagePoolState',
|
||||||
|
// 获得阀门状态
|
||||||
|
getValve = prefix + '/waterSysCtrl/getValveState',
|
||||||
|
// 获得集水池状态
|
||||||
|
getPool2 = prefix + '/waterSysCtrl/getCollectPoolState',
|
||||||
|
// 获得水泵状态
|
||||||
|
getPump = prefix + '/waterSysCtrl/getPumpState',
|
||||||
|
}
|
||||||
220
hx-ai-intelligent/src/util/Export2Excel.js
Normal file
@@ -0,0 +1,220 @@
|
|||||||
|
/* eslint-disable */
|
||||||
|
import { saveAs } from 'file-saver'
|
||||||
|
import XLSX from 'xlsx'
|
||||||
|
|
||||||
|
function generateArray(table) {
|
||||||
|
var out = [];
|
||||||
|
var rows = table.querySelectorAll('tr');
|
||||||
|
var ranges = [];
|
||||||
|
for (var R = 0; R < rows.length; ++R) {
|
||||||
|
var outRow = [];
|
||||||
|
var row = rows[R];
|
||||||
|
var columns = row.querySelectorAll('td');
|
||||||
|
for (var C = 0; C < columns.length; ++C) {
|
||||||
|
var cell = columns[C];
|
||||||
|
var colspan = cell.getAttribute('colspan');
|
||||||
|
var rowspan = cell.getAttribute('rowspan');
|
||||||
|
var cellValue = cell.innerText;
|
||||||
|
if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
|
||||||
|
|
||||||
|
//Skip ranges
|
||||||
|
ranges.forEach(function (range) {
|
||||||
|
if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
|
||||||
|
for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//Handle Row Span
|
||||||
|
if (rowspan || colspan) {
|
||||||
|
rowspan = rowspan || 1;
|
||||||
|
colspan = colspan || 1;
|
||||||
|
ranges.push({
|
||||||
|
s: {
|
||||||
|
r: R,
|
||||||
|
c: outRow.length
|
||||||
|
},
|
||||||
|
e: {
|
||||||
|
r: R + rowspan - 1,
|
||||||
|
c: outRow.length + colspan - 1
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
//Handle Value
|
||||||
|
outRow.push(cellValue !== "" ? cellValue : null);
|
||||||
|
|
||||||
|
//Handle Colspan
|
||||||
|
if (colspan)
|
||||||
|
for (var k = 0; k < colspan - 1; ++k) outRow.push(null);
|
||||||
|
}
|
||||||
|
out.push(outRow);
|
||||||
|
}
|
||||||
|
return [out, ranges];
|
||||||
|
};
|
||||||
|
|
||||||
|
function datenum(v, date1904) {
|
||||||
|
if (date1904) v += 1462;
|
||||||
|
var epoch = Date.parse(v);
|
||||||
|
return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
function sheet_from_array_of_arrays(data, opts) {
|
||||||
|
var ws = {};
|
||||||
|
var range = {
|
||||||
|
s: {
|
||||||
|
c: 10000000,
|
||||||
|
r: 10000000
|
||||||
|
},
|
||||||
|
e: {
|
||||||
|
c: 0,
|
||||||
|
r: 0
|
||||||
|
}
|
||||||
|
};
|
||||||
|
for (var R = 0; R != data.length; ++R) {
|
||||||
|
for (var C = 0; C != data[R].length; ++C) {
|
||||||
|
if (range.s.r > R) range.s.r = R;
|
||||||
|
if (range.s.c > C) range.s.c = C;
|
||||||
|
if (range.e.r < R) range.e.r = R;
|
||||||
|
if (range.e.c < C) range.e.c = C;
|
||||||
|
var cell = {
|
||||||
|
v: data[R][C]
|
||||||
|
};
|
||||||
|
if (cell.v == null) continue;
|
||||||
|
var cell_ref = XLSX.utils.encode_cell({
|
||||||
|
c: C,
|
||||||
|
r: R
|
||||||
|
});
|
||||||
|
|
||||||
|
if (typeof cell.v === 'number') cell.t = 'n';
|
||||||
|
else if (typeof cell.v === 'boolean') cell.t = 'b';
|
||||||
|
else if (cell.v instanceof Date) {
|
||||||
|
cell.t = 'n';
|
||||||
|
cell.z = XLSX.SSF._table[14];
|
||||||
|
cell.v = datenum(cell.v);
|
||||||
|
} else cell.t = 's';
|
||||||
|
|
||||||
|
ws[cell_ref] = cell;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
|
||||||
|
return ws;
|
||||||
|
}
|
||||||
|
|
||||||
|
function Workbook() {
|
||||||
|
if (!(this instanceof Workbook)) return new Workbook();
|
||||||
|
this.SheetNames = [];
|
||||||
|
this.Sheets = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
function s2ab(s) {
|
||||||
|
var buf = new ArrayBuffer(s.length);
|
||||||
|
var view = new Uint8Array(buf);
|
||||||
|
for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
|
||||||
|
return buf;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function export_table_to_excel(id) {
|
||||||
|
var theTable = document.getElementById(id);
|
||||||
|
var oo = generateArray(theTable);
|
||||||
|
var ranges = oo[1];
|
||||||
|
|
||||||
|
/* original data */
|
||||||
|
var data = oo[0];
|
||||||
|
var ws_name = "SheetJS";
|
||||||
|
|
||||||
|
var wb = new Workbook(),
|
||||||
|
ws = sheet_from_array_of_arrays(data);
|
||||||
|
|
||||||
|
/* add ranges to worksheet */
|
||||||
|
// ws['!cols'] = ['apple', 'banan'];
|
||||||
|
ws['!merges'] = ranges;
|
||||||
|
|
||||||
|
/* add worksheet to workbook */
|
||||||
|
wb.SheetNames.push(ws_name);
|
||||||
|
wb.Sheets[ws_name] = ws;
|
||||||
|
|
||||||
|
var wbout = XLSX.write(wb, {
|
||||||
|
bookType: 'xlsx',
|
||||||
|
bookSST: false,
|
||||||
|
type: 'binary'
|
||||||
|
});
|
||||||
|
|
||||||
|
saveAs(new Blob([s2ab(wbout)], {
|
||||||
|
type: "application/octet-stream"
|
||||||
|
}), "test.xlsx")
|
||||||
|
}
|
||||||
|
|
||||||
|
export function export_json_to_excel({
|
||||||
|
multiHeader = [],
|
||||||
|
header,
|
||||||
|
data,
|
||||||
|
filename,
|
||||||
|
merges = [],
|
||||||
|
autoWidth = true,
|
||||||
|
bookType = 'xlsx'
|
||||||
|
} = {}) {
|
||||||
|
/* original data */
|
||||||
|
filename = filename || 'excel-list'
|
||||||
|
data = [...data]
|
||||||
|
data.unshift(header);
|
||||||
|
|
||||||
|
for (let i = multiHeader.length - 1; i > -1; i--) {
|
||||||
|
data.unshift(multiHeader[i])
|
||||||
|
}
|
||||||
|
|
||||||
|
var ws_name = "SheetJS";
|
||||||
|
var wb = new Workbook(),
|
||||||
|
ws = sheet_from_array_of_arrays(data);
|
||||||
|
|
||||||
|
if (merges.length > 0) {
|
||||||
|
if (!ws['!merges']) ws['!merges'] = [];
|
||||||
|
merges.forEach(item => {
|
||||||
|
ws['!merges'].push(XLSX.utils.decode_range(item))
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (autoWidth) {
|
||||||
|
/*设置worksheet每列的最大宽度*/
|
||||||
|
const colWidth = data.map(row => row.map(val => {
|
||||||
|
/*先判断是否为null/undefined*/
|
||||||
|
if (val == null) {
|
||||||
|
return {
|
||||||
|
'wch': 10
|
||||||
|
};
|
||||||
|
}
|
||||||
|
/*再判断是否为中文*/
|
||||||
|
else if (val.toString().charCodeAt(0) > 255) {
|
||||||
|
return {
|
||||||
|
'wch': val.toString().length * 2
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
return {
|
||||||
|
'wch': val.toString().length
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}))
|
||||||
|
/*以第一行为初始值*/
|
||||||
|
let result = colWidth[0];
|
||||||
|
for (let i = 1; i < colWidth.length; i++) {
|
||||||
|
for (let j = 0; j < colWidth[i].length; j++) {
|
||||||
|
if (result[j]['wch'] < colWidth[i][j]['wch']) {
|
||||||
|
result[j]['wch'] = colWidth[i][j]['wch'];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
ws['!cols'] = result;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* add worksheet to workbook */
|
||||||
|
wb.SheetNames.push(ws_name);
|
||||||
|
wb.Sheets[ws_name] = ws;
|
||||||
|
|
||||||
|
var wbout = XLSX.write(wb, {
|
||||||
|
bookType: bookType,
|
||||||
|
bookSST: false,
|
||||||
|
type: 'binary'
|
||||||
|
});
|
||||||
|
saveAs(new Blob([s2ab(wbout)], {
|
||||||
|
type: "application/octet-stream"
|
||||||
|
}), `${filename}.${bookType}`);
|
||||||
|
}
|
||||||
@@ -36,6 +36,7 @@
|
|||||||
style="width: 200px"
|
style="width: 200px"
|
||||||
v-model:value="queryParams.year"
|
v-model:value="queryParams.year"
|
||||||
placeholder="请选择账期"
|
placeholder="请选择账期"
|
||||||
|
:allowClear="false"
|
||||||
picker="year"
|
picker="year"
|
||||||
valueFormat="YYYY" />
|
valueFormat="YYYY" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
@@ -60,15 +61,15 @@
|
|||||||
<div class="ns-form-title">
|
<div class="ns-form-title">
|
||||||
<div class="title">配额统计</div>
|
<div class="title">配额统计</div>
|
||||||
<div class="operation" style="display: flex; justify-content: flex-end; width: 63%">
|
<div class="operation" style="display: flex; justify-content: flex-end; width: 63%">
|
||||||
<a-button type="primary" v-if="parentId === 1" @click="getTotalTable(1)"
|
<a-button type="primary" v-if="queryParams.accountType === 1" @click="getTotalTable(1)">
|
||||||
>全国配额</a-button
|
全国配额
|
||||||
>
|
</a-button>
|
||||||
<a-button type="primary" v-if="parentId === 2" @click="getTotalTable(2)"
|
<a-button type="primary" v-if="queryParams.accountType === 2" @click="getTotalTable(2)">
|
||||||
>地方配额</a-button
|
地方配额
|
||||||
>
|
</a-button>
|
||||||
<a-button type="primary" v-if="parentId === 3" @click="getTotalTable(3)"
|
<a-button type="primary" v-if="queryParams.accountType === 3" @click="getTotalTable(3)">
|
||||||
>CCER配额</a-button
|
CCER配额
|
||||||
>
|
</a-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-table :columns="totalColumns" :data-source="totalData" bordered :pagination="false">
|
<a-table :columns="totalColumns" :data-source="totalData" bordered :pagination="false">
|
||||||
@@ -205,6 +206,7 @@
|
|||||||
year.value = queryParams.value.year;
|
year.value = queryParams.value.year;
|
||||||
transactionType.value = queryParams.value.transactionType;
|
transactionType.value = queryParams.value.transactionType;
|
||||||
accountType.value = queryParams.value.accountType;
|
accountType.value = queryParams.value.accountType;
|
||||||
|
getTotalTable(queryParams.value.accountType);
|
||||||
mainRef.value?.nsTableRef.reload();
|
mainRef.value?.nsTableRef.reload();
|
||||||
// getDetailList();
|
// getDetailList();
|
||||||
};
|
};
|
||||||
@@ -299,11 +301,11 @@
|
|||||||
}));
|
}));
|
||||||
});
|
});
|
||||||
formState.value = JSON.parse(JSON.stringify(record));
|
formState.value = JSON.parse(JSON.stringify(record));
|
||||||
if (formState.value.expenditure === 0) {
|
// if (formState.value.expenditure === 0) {
|
||||||
formState.value.transactionQuantity = formState.value.income;
|
// formState.value.transactionQuantity = formState.value.income;
|
||||||
} else {
|
// } else {
|
||||||
formState.value.transactionQuantity = formState.value.expenditure;
|
// formState.value.transactionQuantity = formState.value.expenditure;
|
||||||
}
|
// }
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
let selectDevice = ref([Number(formState.value.transactionType)]);
|
let selectDevice = ref([Number(formState.value.transactionType)]);
|
||||||
findParentIds(options.value, formState.value.transactionType, selectDevice.value);
|
findParentIds(options.value, formState.value.transactionType, selectDevice.value);
|
||||||
@@ -427,7 +429,7 @@
|
|||||||
// 创建一个 <a> 标签,用于触发下载
|
// 创建一个 <a> 标签,用于触发下载
|
||||||
const link = document.createElement('a');
|
const link = document.createElement('a');
|
||||||
link.href = url;
|
link.href = url;
|
||||||
link.setAttribute('download', 'carbonTradeDetails.xlsx'); // 设置下载的文件名
|
link.setAttribute('download', '碳资产导出.xlsx'); // 设置下载的文件名
|
||||||
document.body.appendChild(link);
|
document.body.appendChild(link);
|
||||||
link.click();
|
link.click();
|
||||||
|
|
||||||
@@ -523,11 +525,6 @@
|
|||||||
}));
|
}));
|
||||||
});
|
});
|
||||||
formState.value = JSON.parse(JSON.stringify(record));
|
formState.value = JSON.parse(JSON.stringify(record));
|
||||||
if (formState.value.expenditure === 0) {
|
|
||||||
formState.value.transactionQuantity = formState.value.income;
|
|
||||||
} else {
|
|
||||||
formState.value.transactionQuantity = formState.value.expenditure;
|
|
||||||
}
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
let selectDevice = ref([Number(formState.value.transactionType)]);
|
let selectDevice = ref([Number(formState.value.transactionType)]);
|
||||||
findParentIds(options.value, formState.value.transactionType, selectDevice.value);
|
findParentIds(options.value, formState.value.transactionType, selectDevice.value);
|
||||||
@@ -702,6 +699,7 @@
|
|||||||
.then((res) => {
|
.then((res) => {
|
||||||
message.success('操作成功!');
|
message.success('操作成功!');
|
||||||
visible.value = false;
|
visible.value = false;
|
||||||
|
formState.value = {};
|
||||||
delIds.value = [];
|
delIds.value = [];
|
||||||
// getDetailList();
|
// getDetailList();
|
||||||
mainRef.value?.nsTableRef.reload();
|
mainRef.value?.nsTableRef.reload();
|
||||||
@@ -714,6 +712,7 @@
|
|||||||
message.success('操作成功!');
|
message.success('操作成功!');
|
||||||
visible.value = false;
|
visible.value = false;
|
||||||
delIds.value = [];
|
delIds.value = [];
|
||||||
|
formState.value = {};
|
||||||
// getDetailList();
|
// getDetailList();
|
||||||
mainRef.value?.nsTableRef.reload();
|
mainRef.value?.nsTableRef.reload();
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,642 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="search">
|
|
||||||
<a-card style="border-radius: 12px">
|
|
||||||
<div class="ns-form-title">
|
|
||||||
<div class="title">查询</div>
|
|
||||||
<div class="operation">
|
|
||||||
<a-button type="primary" @click="changeParentData"> 返回 </a-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a-form layout="inline">
|
|
||||||
<a-form-item>
|
|
||||||
<a-select
|
|
||||||
v-model:value="queryParams.accountType"
|
|
||||||
style="width: 200px"
|
|
||||||
placeholder="请输入账户类型">
|
|
||||||
<a-select-option :value="1">全国账户</a-select-option>
|
|
||||||
<a-select-option :value="2">地方账户</a-select-option>
|
|
||||||
<a-select-option :value="3">CCER</a-select-option>
|
|
||||||
</a-select>
|
|
||||||
</a-form-item>
|
|
||||||
<a-form-item>
|
|
||||||
<a-cascader
|
|
||||||
v-model:value="queryParams.transactionType"
|
|
||||||
multiple
|
|
||||||
style="width: 200px"
|
|
||||||
:options="options"
|
|
||||||
placeholder="请选择交易类型"
|
|
||||||
suffix-icon="Shopping Around">
|
|
||||||
<template #tagRender="data">
|
|
||||||
<a-tag :key="data.value" color="blue">{{ data.label }}</a-tag>
|
|
||||||
</template>
|
|
||||||
</a-cascader>
|
|
||||||
</a-form-item>
|
|
||||||
<a-form-item>
|
|
||||||
<a-date-picker
|
|
||||||
style="width: 200px"
|
|
||||||
v-model:value="queryParams.year"
|
|
||||||
placeholder="请选择账期"
|
|
||||||
picker="year"
|
|
||||||
valueFormat="YYYY" />
|
|
||||||
</a-form-item>
|
|
||||||
<a-form-item>
|
|
||||||
<a-button type="primary" @click="searchTableList">查询</a-button>
|
|
||||||
<a-button html-type="submit" style="margin-left: 6px" @click="reset">重置</a-button>
|
|
||||||
</a-form-item>
|
|
||||||
</a-form>
|
|
||||||
</a-card>
|
|
||||||
</div>
|
|
||||||
<div style="display: flex; margin-top: 20px; height: calc(84% - 20px)">
|
|
||||||
<div class="detailTable">
|
|
||||||
<div class="ns-form-title">
|
|
||||||
<div class="title">交易明细</div>
|
|
||||||
<div class="operation" style="display: flex">
|
|
||||||
<a-button type="primary" @click="addDetail">新增</a-button>
|
|
||||||
<a-upload
|
|
||||||
v-model:file-list="importFileList"
|
|
||||||
name="file"
|
|
||||||
accept=".xlsx"
|
|
||||||
:showUploadList="false"
|
|
||||||
:custom-request="importFile">
|
|
||||||
<a-button type="primary" style="margin-left: 6px">导入</a-button>
|
|
||||||
</a-upload>
|
|
||||||
<a-button type="primary" style="margin-left: 6px" @click="exportFile">导出</a-button>
|
|
||||||
<a-button
|
|
||||||
type="primary"
|
|
||||||
style="margin-left: 6px"
|
|
||||||
:disabled="selectedRowKeys.length === 0"
|
|
||||||
@click="deleteMore"
|
|
||||||
>批量删除</a-button
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a-table
|
|
||||||
:columns="columns"
|
|
||||||
:data-source="data"
|
|
||||||
rowKey="id"
|
|
||||||
@change="onChange"
|
|
||||||
:rowSelection="{
|
|
||||||
selectedRowKeys: selectedRowKeys,
|
|
||||||
onChange: onSelectionChange,
|
|
||||||
}"
|
|
||||||
:scroll="{ x: 1500, y: 400 }"
|
|
||||||
:pagination="false">
|
|
||||||
<template #bodyCell="{ column, text, record }">
|
|
||||||
<template v-if="column.dataIndex === 'accountType'">
|
|
||||||
<span v-if="record.accountType">{{ record.accountType.label }}</span>
|
|
||||||
</template>
|
|
||||||
<template v-if="column.key === 'action'">
|
|
||||||
<span>
|
|
||||||
<a @click="editData(record)">编辑</a>
|
|
||||||
<a-divider type="vertical" />
|
|
||||||
<a @click="delData(record)">删除</a>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</template>
|
|
||||||
</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" />
|
|
||||||
</div>
|
|
||||||
<div class="total">
|
|
||||||
<div class="ns-form-title">
|
|
||||||
<div class="title">配额统计</div>
|
|
||||||
<div class="operation" style="display: flex; justify-content: space-around; width: 63%">
|
|
||||||
<a-button type="primary" @click="getTotalTable(1)">全国配额</a-button>
|
|
||||||
<a-button type="primary" @click="getTotalTable(2)">地方配额</a-button>
|
|
||||||
<a-button type="primary" @click="getTotalTable(3)">CCER配额</a-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a-table :columns="totalColumns" :data-source="totalData" bordered :pagination="false">
|
|
||||||
<template #bodyCell="{ column, text }">
|
|
||||||
<template v-if="column.dataIndex === 'name'">
|
|
||||||
<a>{{ text }}</a>
|
|
||||||
</template>
|
|
||||||
</template>
|
|
||||||
</a-table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 新增报告弹窗 -->
|
|
||||||
<a-drawer
|
|
||||||
:width="500"
|
|
||||||
:visible="visible"
|
|
||||||
:body-style="{ paddingBottom: '80px' }"
|
|
||||||
:footer-style="{ textAlign: 'right' }"
|
|
||||||
destroyOnClose
|
|
||||||
@close="onClose">
|
|
||||||
<div class="ns-form-title" style="display: flex">
|
|
||||||
<div class="title">{{ text }}</div>
|
|
||||||
</div>
|
|
||||||
<a-form
|
|
||||||
ref="formRef"
|
|
||||||
:model="formState"
|
|
||||||
:rules="rules"
|
|
||||||
:label-col="labelCol"
|
|
||||||
:wrapper-col="wrapperCol">
|
|
||||||
<a-form-item ref="name" label="账户类型" name="accountType">
|
|
||||||
<a-select v-model:value="formState.accountType" placeholder="请输入账户类型">
|
|
||||||
<a-select-option value="1">全国账户</a-select-option>
|
|
||||||
<a-select-option value="2">地方账户</a-select-option>
|
|
||||||
<a-select-option value="3">CCER</a-select-option>
|
|
||||||
</a-select>
|
|
||||||
</a-form-item>
|
|
||||||
<a-form-item ref="name" label="交易类型" name="transactionType">
|
|
||||||
<a-cascader
|
|
||||||
v-model:value="formState.transactionType"
|
|
||||||
:options="options"
|
|
||||||
placeholder="请选择交易类型" />
|
|
||||||
</a-form-item>
|
|
||||||
<a-form-item ref="name" label="交易日期" name="transactionDate">
|
|
||||||
<a-date-picker v-model:value="formState.transactionDate" valueFormat="YYYY-MM-DD" />
|
|
||||||
</a-form-item>
|
|
||||||
<a-form-item ref="name" label="交易数量" name="transactionQuantity">
|
|
||||||
<a-input v-model:value="formState.transactionQuantity" placeholder="请输入交易数量" />
|
|
||||||
</a-form-item>
|
|
||||||
<a-form-item ref="name" label="发生金额" name="amountIncurred">
|
|
||||||
<a-input v-model:value="formState.amountIncurred" placeholder="请输入发生金额" />
|
|
||||||
</a-form-item>
|
|
||||||
<a-form-item ref="name" label="交易对象" name="tradingPartner">
|
|
||||||
<a-input v-model:value="formState.tradingPartner" placeholder="请输入交易对象" />
|
|
||||||
</a-form-item>
|
|
||||||
<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>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { ref, defineEmits, toRaw } from 'vue';
|
|
||||||
import { http } from '/nerv-lib/util/http';
|
|
||||||
import { UploadOutlined } from '@ant-design/icons-vue';
|
|
||||||
import type { UploadChangeParam, UploadProps } from 'ant-design-vue';
|
|
||||||
import { Pagination, Modal, message } from 'ant-design-vue';
|
|
||||||
import {
|
|
||||||
carbonAssets,
|
|
||||||
carbonEmissionFactorLibrary,
|
|
||||||
uploadPic,
|
|
||||||
} from '/@/api/carbonEmissionFactorLibrary';
|
|
||||||
import { log } from 'console';
|
|
||||||
defineOptions({
|
|
||||||
energyType: 'carbonAssets', // 与页面路由name一致缓存才可生效
|
|
||||||
components: {
|
|
||||||
'a-pagination': Pagination,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
// 父组件id
|
|
||||||
const props = defineProps({
|
|
||||||
parentId: {
|
|
||||||
type: Number,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
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 selectedRowKeys = ref([]);
|
|
||||||
const onSelectionChange = (selectedKeys, selectedRows) => {
|
|
||||||
selectedRowKeys.value = selectedKeys;
|
|
||||||
};
|
|
||||||
const total = ref<number>();
|
|
||||||
const thisYear = ref(new Date().getFullYear().toString());
|
|
||||||
const queryParams = ref({
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
orgId: orgId.value,
|
|
||||||
accountType: props.parentId,
|
|
||||||
year: thisYear.value,
|
|
||||||
});
|
|
||||||
const searchTableList = () => {
|
|
||||||
getDetailList();
|
|
||||||
};
|
|
||||||
// 获取左侧列表数据
|
|
||||||
const getDetailList = () => {
|
|
||||||
fetch(carbonAssets.carbonDetailsList, queryParams.value).then((res) => {
|
|
||||||
data.value = res.data.records;
|
|
||||||
total.value = res.data.total;
|
|
||||||
});
|
|
||||||
};
|
|
||||||
getDetailList();
|
|
||||||
const columns = [
|
|
||||||
{
|
|
||||||
title: '序号',
|
|
||||||
customRender: (text: any) => {
|
|
||||||
return text.index + 1;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '资产类别',
|
|
||||||
dataIndex: 'accountType',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '交易方式',
|
|
||||||
dataIndex: 'transactionTypeName',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '交易日期',
|
|
||||||
dataIndex: 'transactionDate',
|
|
||||||
sorter: (a, b) => a.transactionDate - b.transactionDate,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '本期收入(tCO2)',
|
|
||||||
dataIndex: 'income',
|
|
||||||
sorter: (a, b) => a.income - b.income,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '本期支出(tCO2)',
|
|
||||||
dataIndex: 'expenditure',
|
|
||||||
sorter: (a, b) => a.expenditure - b.expenditure,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '发生金额(¥)',
|
|
||||||
dataIndex: 'amountIncurredValue',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '交易对象',
|
|
||||||
dataIndex: 'tradingPartner',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '更新人',
|
|
||||||
dataIndex: 'updateUser',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '更新时间',
|
|
||||||
dataIndex: 'updateTime',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作',
|
|
||||||
key: 'action',
|
|
||||||
width: 130,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const data = ref([]);
|
|
||||||
const reset = () => {
|
|
||||||
queryParams.value = {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
orgId: orgId.value,
|
|
||||||
year: new Date().getFullYear(),
|
|
||||||
};
|
|
||||||
getDetailList();
|
|
||||||
};
|
|
||||||
const editData = (record) => {
|
|
||||||
getDictList();
|
|
||||||
text.value = '编辑';
|
|
||||||
visible.value = true;
|
|
||||||
formState.value.id = record.id;
|
|
||||||
fetch(uploadPic.select, { bizId: record.id, bizType: 1 }).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格式
|
|
||||||
}));
|
|
||||||
});
|
|
||||||
formState.value = JSON.parse(JSON.stringify(record));
|
|
||||||
if (formState.value.expenditure === 0) {
|
|
||||||
formState.value.transactionQuantity = formState.value.income;
|
|
||||||
} else {
|
|
||||||
formState.value.transactionQuantity = formState.value.expenditure;
|
|
||||||
}
|
|
||||||
setTimeout(() => {
|
|
||||||
let selectDevice = ref([Number(formState.value.transactionType)]);
|
|
||||||
findParentIds(options.value, formState.value.transactionType, selectDevice.value);
|
|
||||||
formState.value.transactionType = selectDevice;
|
|
||||||
formState.value.transactionType = formState.value.transactionType;
|
|
||||||
}, 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 delData = (record) => {
|
|
||||||
const id = [record.id];
|
|
||||||
Modal.confirm({
|
|
||||||
title: '警告',
|
|
||||||
content: '确定要删除吗?',
|
|
||||||
okText: '确定',
|
|
||||||
okType: 'primary',
|
|
||||||
cancelText: '取消',
|
|
||||||
onOk() {
|
|
||||||
fetch(carbonAssets.delete, { ids: id }).then((res) => {
|
|
||||||
message.success('操作成功!');
|
|
||||||
getDetailList();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onCancel() {
|
|
||||||
console.log('Cancel');
|
|
||||||
},
|
|
||||||
});
|
|
||||||
};
|
|
||||||
const deleteMore = () => {
|
|
||||||
Modal.confirm({
|
|
||||||
title: '警告',
|
|
||||||
content: '确定要删除吗?',
|
|
||||||
okText: '确定',
|
|
||||||
okType: 'primary',
|
|
||||||
cancelText: '取消',
|
|
||||||
onOk() {
|
|
||||||
fetch(carbonAssets.delete, { ids: selectedRowKeys.value }).then((res) => {
|
|
||||||
message.success('操作成功!');
|
|
||||||
getDetailList();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onCancel() {
|
|
||||||
console.log('Cancel');
|
|
||||||
},
|
|
||||||
});
|
|
||||||
};
|
|
||||||
// 分页器
|
|
||||||
const onChange = (pageNumber: number, size: number) => {
|
|
||||||
queryParams.value.pageNum = pageNumber;
|
|
||||||
queryParams.value.pageSize = size;
|
|
||||||
getDetailList();
|
|
||||||
};
|
|
||||||
// 新增相关数据
|
|
||||||
const visible = ref(false);
|
|
||||||
const text = ref('新增');
|
|
||||||
const formState = ref({
|
|
||||||
orgId: orgId.value,
|
|
||||||
});
|
|
||||||
const formRef = ref();
|
|
||||||
const labelCol = { span: 5 };
|
|
||||||
const wrapperCol = { span: 19 };
|
|
||||||
const options = ref([]);
|
|
||||||
// 获取字典值
|
|
||||||
const getDictList = () => {
|
|
||||||
fetch(carbonEmissionFactorLibrary.dictionaryUnitManagement, { grp: 'TRANSACTION_TYPE' }).then(
|
|
||||||
(res) => {
|
|
||||||
options.value = res.data;
|
|
||||||
options.value = options.value.map((item) => ({
|
|
||||||
value: item.id,
|
|
||||||
label: item.cnValue,
|
|
||||||
children: item.children
|
|
||||||
? item.children.map((child) => ({
|
|
||||||
value: child.id,
|
|
||||||
label: child.cnValue,
|
|
||||||
}))
|
|
||||||
: [],
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
);
|
|
||||||
};
|
|
||||||
getDictList();
|
|
||||||
// 点击新增
|
|
||||||
const addDetail = () => {
|
|
||||||
text.value = '新增';
|
|
||||||
visible.value = true;
|
|
||||||
getDictList();
|
|
||||||
};
|
|
||||||
const importFileList = ref<UploadProps['fileList']>([]);
|
|
||||||
const importFile = (options: UploadRequestOption) => {
|
|
||||||
const { file, onSuccess, onError } = options;
|
|
||||||
const formData = ref(new FormData());
|
|
||||||
formData.value.append('file', file as any);
|
|
||||||
formData.value.append('orgId', orgId.value);
|
|
||||||
formData.value.append('year', queryParams.value.year);
|
|
||||||
fetch(carbonAssets.import, formData.value)
|
|
||||||
.then((res) => {
|
|
||||||
message.success('操作成功!');
|
|
||||||
getDetailList();
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
console.log('error', error);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
const exportFile = () => {
|
|
||||||
const exportQuery = ref({
|
|
||||||
orgId: orgId.value,
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 999,
|
|
||||||
year: queryParams.value.year,
|
|
||||||
ids: selectedRowKeys.value,
|
|
||||||
});
|
|
||||||
const config = {
|
|
||||||
responseType: 'blob',
|
|
||||||
};
|
|
||||||
fetch(carbonAssets.export, exportQuery.value, config)
|
|
||||||
.then((res) => {
|
|
||||||
// 创建一个 URL 对象,指向图片数据的 blob
|
|
||||||
const url = window.URL.createObjectURL(new Blob([res]));
|
|
||||||
// 创建一个 <a> 标签,用于触发下载
|
|
||||||
const link = document.createElement('a');
|
|
||||||
link.href = url;
|
|
||||||
link.setAttribute('download', 'carbonTradeDetails.xlsx'); // 设置下载的文件名
|
|
||||||
document.body.appendChild(link);
|
|
||||||
link.click();
|
|
||||||
|
|
||||||
// 清理 URL 对象
|
|
||||||
window.URL.revokeObjectURL(url);
|
|
||||||
selectedRowKeys.value = [];
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
console.error('下载失败:', error);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
// 上传附件
|
|
||||||
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 onSubmit = () => {
|
|
||||||
formRef.value
|
|
||||||
.validate()
|
|
||||||
.then(() => {
|
|
||||||
console.log('values', formState, toRaw(formState));
|
|
||||||
if (formState.value.transactionType) {
|
|
||||||
formState.value.transactionType = formState.value.transactionType.join(',').split(',')[1];
|
|
||||||
}
|
|
||||||
if (formState.value.accountType.value) {
|
|
||||||
formState.value.accountType = formState.value.accountType.value;
|
|
||||||
}
|
|
||||||
fetch(carbonAssets.createOrUpdate, formState.value).then((res) => {
|
|
||||||
if (res.data.id && fileList.value.length !== 0) {
|
|
||||||
// uploadQuery.value.bizId = res.data.id;
|
|
||||||
const formData = ref(new FormData());
|
|
||||||
fileList.value.forEach((file) => {
|
|
||||||
if (file.type !== 'done') {
|
|
||||||
formData.value.append('files', file.originFileObj);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
formData.value.append('bizType', 1);
|
|
||||||
formData.value.append('bizId', res.data.id);
|
|
||||||
delIds.value.forEach((item) => {
|
|
||||||
formData.value.append('deleteList', item);
|
|
||||||
});
|
|
||||||
fetch(uploadPic.uploadfiles, formData.value)
|
|
||||||
.then((res) => {
|
|
||||||
message.success('操作成功!');
|
|
||||||
visible.value = false;
|
|
||||||
delIds.value = [];
|
|
||||||
getDetailList();
|
|
||||||
getTotalTable();
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
console.log('error', error);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
message.success('操作成功!');
|
|
||||||
visible.value = false;
|
|
||||||
delIds.value = [];
|
|
||||||
getDetailList();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
console.log('error', error);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
// 定义form表单的必填
|
|
||||||
const rules: Record<string, Rule[]> = {
|
|
||||||
accountType: [{ required: true, message: '请输入账户类型', trigger: 'change' }],
|
|
||||||
transactionType: [{ required: true, message: '请选择交易类型', trigger: 'change' }],
|
|
||||||
transactionDate: [{ required: true, message: '请选择交易日期', trigger: 'change' }],
|
|
||||||
transactionQuantity: [{ required: true, message: '请输入交易数量', trigger: 'change' }],
|
|
||||||
amountIncurred: [{ required: true, message: '请输入发生金额', trigger: 'change' }],
|
|
||||||
tradingPartner: [{ required: true, message: '请输入交易对象', trigger: 'change' }],
|
|
||||||
};
|
|
||||||
// 关闭新增抽屉
|
|
||||||
const onClose = () => {
|
|
||||||
visible.value = false;
|
|
||||||
delIds.value = [];
|
|
||||||
formState.value = {};
|
|
||||||
fileList.value = [];
|
|
||||||
formRef.value.resetFields();
|
|
||||||
};
|
|
||||||
// 统计表格
|
|
||||||
const getTotalTable = (type) => {
|
|
||||||
if (type) {
|
|
||||||
queryParams.value.accountType = type;
|
|
||||||
}
|
|
||||||
fetch(carbonAssets.quotaStatistics, queryParams.value).then((res) => {
|
|
||||||
totalData.value = res.data;
|
|
||||||
});
|
|
||||||
};
|
|
||||||
getTotalTable();
|
|
||||||
const totalColumns = [
|
|
||||||
{
|
|
||||||
title: '统计类型',
|
|
||||||
dataIndex: 'statisticType',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '小计',
|
|
||||||
dataIndex: 'subtotal',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '合计',
|
|
||||||
dataIndex: 'amountTo',
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const totalData = ref([]);
|
|
||||||
// 点击返回
|
|
||||||
const emit = defineEmits(['change-data']);
|
|
||||||
const changeParentData = () => {
|
|
||||||
emit('change-data', true);
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="less" scoped>
|
|
||||||
.ns-form-title {
|
|
||||||
font-weight: bold;
|
|
||||||
user-select: text;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
:deep(.ant-card-body) {
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
.search {
|
|
||||||
height: 16%;
|
|
||||||
}
|
|
||||||
.detailTable {
|
|
||||||
width: 65%;
|
|
||||||
margin-right: 20px;
|
|
||||||
height: 100%;
|
|
||||||
background: white;
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
.total {
|
|
||||||
width: calc(35% - 20px);
|
|
||||||
height: 100%;
|
|
||||||
background: white;
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -129,7 +129,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<img width="24" height="24" src="../../../../src/icon/carbonAssetsTitle-3.svg" />
|
<img width="24" height="24" src="../../../../src/icon/carbonAssetsTitle-3.svg" />
|
||||||
<span>全国碳账户余额</span>
|
<span>CCER账户余额</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
<div class="calculation BLCard">
|
<div class="calculation BLCard">
|
||||||
|
|||||||
@@ -167,7 +167,7 @@ export const formConfig = (disabled) => {
|
|||||||
label: '已引用数',
|
label: '已引用数',
|
||||||
field: 'numberOfReferences',
|
field: 'numberOfReferences',
|
||||||
component: 'NsInput',
|
component: 'NsInput',
|
||||||
show:disabled,
|
show: disabled,
|
||||||
componentProps: {
|
componentProps: {
|
||||||
defaultValue: '',
|
defaultValue: '',
|
||||||
disabled: true,
|
disabled: true,
|
||||||
|
|||||||
@@ -299,13 +299,7 @@
|
|||||||
const x = 3;
|
const x = 3;
|
||||||
const y = 2;
|
const y = 2;
|
||||||
const z = 1;
|
const z = 1;
|
||||||
const genData: TreeProps['treeData'] = [
|
const genData: TreeProps['treeData'] = [];
|
||||||
{
|
|
||||||
emissionName: '全部',
|
|
||||||
key: '0-0',
|
|
||||||
children: [],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const checkedTreeNodeKeys = ref<string[]>();
|
const checkedTreeNodeKeys = ref<string[]>();
|
||||||
const selectedKeys = ref<string[]>();
|
const selectedKeys = ref<string[]>();
|
||||||
|
|
||||||
@@ -532,7 +526,7 @@
|
|||||||
const getOrgTree = () => {
|
const getOrgTree = () => {
|
||||||
fetch(carbonEmissionFactorLibrary.getCarbonFactorTree, getClassificationTree.value).then(
|
fetch(carbonEmissionFactorLibrary.getCarbonFactorTree, getClassificationTree.value).then(
|
||||||
(res) => {
|
(res) => {
|
||||||
gData.value[0].children = res.data;
|
gData.value = res.data;
|
||||||
// 找到匹配的节点数据
|
// 找到匹配的节点数据
|
||||||
// const selectedNodes = [];
|
// const selectedNodes = [];
|
||||||
// checkedTreeNodeKeys.value.forEach(key => {
|
// checkedTreeNodeKeys.value.forEach(key => {
|
||||||
@@ -564,10 +558,12 @@
|
|||||||
const onSelectKeys = ref([]);
|
const onSelectKeys = ref([]);
|
||||||
const onSelect = (selectedKey: string[], info: any) => {
|
const onSelect = (selectedKey: string[], info: any) => {
|
||||||
if (selectedKey.length === 1) {
|
if (selectedKey.length === 1) {
|
||||||
|
if (info.selectedNodes[0].emissionName === '全部') {
|
||||||
|
onSelectKeys.value = [];
|
||||||
|
} else {
|
||||||
|
onSelectKeys.value = [info.selectedNodes[0].id];
|
||||||
|
}
|
||||||
selectedKeys.value = selectedKey;
|
selectedKeys.value = selectedKey;
|
||||||
}
|
|
||||||
if (info.selected) {
|
|
||||||
// showOperation.value = true;
|
|
||||||
editTreeNode.value = {
|
editTreeNode.value = {
|
||||||
id: info.selectedNodes[0].id,
|
id: info.selectedNodes[0].id,
|
||||||
level: info.selectedNodes[0].level,
|
level: info.selectedNodes[0].level,
|
||||||
@@ -575,15 +571,18 @@
|
|||||||
sortNumber: info.selectedNodes[0].sortNumber,
|
sortNumber: info.selectedNodes[0].sortNumber,
|
||||||
parentEmissionId: info.selectedNodes[0].parentEmissionId,
|
parentEmissionId: info.selectedNodes[0].parentEmissionId,
|
||||||
};
|
};
|
||||||
onSelectKeys.value = [info.selectedNodes[0].id];
|
|
||||||
emissionList.value = [...onSelectKeys.value, ...checkedIds.value];
|
|
||||||
mainRef.value?.nsTableRef.reload();
|
|
||||||
} else {
|
|
||||||
editTreeNode.value = {};
|
|
||||||
onSelectKeys.value = [];
|
|
||||||
emissionList.value = [...onSelectKeys.value, ...checkedIds.value];
|
emissionList.value = [...onSelectKeys.value, ...checkedIds.value];
|
||||||
mainRef.value?.nsTableRef.reload();
|
mainRef.value?.nsTableRef.reload();
|
||||||
}
|
}
|
||||||
|
// if (info.selected) {
|
||||||
|
// // showOperation.value = true;
|
||||||
|
|
||||||
|
// } else {
|
||||||
|
// editTreeNode.value = {};
|
||||||
|
// onSelectKeys.value = [];
|
||||||
|
// emissionList.value = [...onSelectKeys.value, ...checkedIds.value];
|
||||||
|
// mainRef.value?.nsTableRef.reload();
|
||||||
|
// }
|
||||||
};
|
};
|
||||||
|
|
||||||
const onSearch = () => {
|
const onSearch = () => {
|
||||||
@@ -705,12 +704,17 @@
|
|||||||
label: '导出',
|
label: '导出',
|
||||||
type: 'primary',
|
type: 'primary',
|
||||||
handle: () => {
|
handle: () => {
|
||||||
// console.log( mainRef.value.nsTableRef.tableState.selectedRowKeys)
|
// console.log(mainRef.value.nsTableRef.formParamsRef)
|
||||||
const exportQuery = {
|
const exportQuery = {
|
||||||
orgId: orgId.value,
|
orgId: orgId.value,
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 999,
|
pageSize: 999,
|
||||||
ids: mainRef.value.nsTableRef.tableState.selectedRowKeys,
|
ids: mainRef.value.nsTableRef.tableState.selectedRowKeys,
|
||||||
|
bibliography:mainRef.value.nsTableRef.formParamsRef.bibliography,
|
||||||
|
emissionGas:mainRef.value.nsTableRef.formParamsRef.emissionGas,
|
||||||
|
carbonDatabase:mainRef.value.nsTableRef.formParamsRef.carbonDatabase,
|
||||||
|
emissionProcess:mainRef.value.nsTableRef.formParamsRef.emissionProcess,
|
||||||
|
emissionSources:mainRef.value.nsTableRef.formParamsRef.emissionSources,
|
||||||
};
|
};
|
||||||
const config = {
|
const config = {
|
||||||
responseType: 'blob',
|
responseType: 'blob',
|
||||||
@@ -722,7 +726,7 @@
|
|||||||
// 创建一个 <a> 标签,用于触发下载
|
// 创建一个 <a> 标签,用于触发下载
|
||||||
const link = document.createElement('a');
|
const link = document.createElement('a');
|
||||||
link.href = url;
|
link.href = url;
|
||||||
link.setAttribute('download', 'carbonFactor.xlsx'); // 设置下载的文件名
|
link.setAttribute('download', '碳排因子库导出.xlsx'); // 设置下载的文件名
|
||||||
document.body.appendChild(link);
|
document.body.appendChild(link);
|
||||||
link.click();
|
link.click();
|
||||||
|
|
||||||
@@ -1242,8 +1246,10 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
align-items: center;
|
||||||
:deep(.ant-tree) {
|
:deep(.ant-tree) {
|
||||||
height: 90%;
|
height: 90%;
|
||||||
|
width: 90%;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1257,12 +1263,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
:deep(
|
// :deep(
|
||||||
.ant-form-item-label
|
// .ant-form-item-label
|
||||||
> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before
|
// > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before
|
||||||
) {
|
// ) {
|
||||||
display: none !important;
|
// display: none !important;
|
||||||
}
|
// }
|
||||||
:deep(.ant-form-item-label) {
|
:deep(.ant-form-item-label) {
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|||||||
@@ -1,3 +1,5 @@
|
|||||||
|
import { quickCalculation, carbonEmissionFactorLibrary } from '/@/api/carbonEmissionFactorLibrary';
|
||||||
|
import { ref } from 'vue';
|
||||||
// 能耗统计表表头
|
// 能耗统计表表头
|
||||||
export const tableColumns = [
|
export const tableColumns = [
|
||||||
{
|
{
|
||||||
@@ -144,3 +146,107 @@ export const drawerColumns = [
|
|||||||
dataIndex: 'dataSources',
|
dataIndex: 'dataSources',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
export const setFactorConfig = (orgId) => {
|
||||||
|
return ref({
|
||||||
|
api: carbonEmissionFactorLibrary.getTableList,
|
||||||
|
params: { orgId, pageNum: 1, pageSize: 9999, emissionList: [0] },
|
||||||
|
treeConfig: {
|
||||||
|
header: {
|
||||||
|
icon: 'deviceType',
|
||||||
|
title: '排放分类',
|
||||||
|
},
|
||||||
|
params: { orgId},
|
||||||
|
dynamicParams: { emissionList: 'id[]' },
|
||||||
|
defaultExpandAll: true,
|
||||||
|
// checkable:true,
|
||||||
|
api: carbonEmissionFactorLibrary.getCarbonFactorTree,
|
||||||
|
fieldNames: { title: 'emissionName', key: 'id' },
|
||||||
|
formConfig: {
|
||||||
|
schemas: [
|
||||||
|
{
|
||||||
|
field: 'deviceType',
|
||||||
|
label: '设备名称',
|
||||||
|
component: 'NsInput',
|
||||||
|
autoSubmit: true,
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入关键字',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
rowSelection: { type: 'radio' },
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: '序号',
|
||||||
|
textNumber: 2,
|
||||||
|
dataIndex: 'address',
|
||||||
|
customRender: (text: any) => {
|
||||||
|
return text.index + 1;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '名称',
|
||||||
|
dataIndex: 'emissionSources',
|
||||||
|
textNumber: 3,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '排放因子',
|
||||||
|
dataIndex: 'emissionFactors',
|
||||||
|
textNumber: 4,
|
||||||
|
textEllipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '排放因子单位',
|
||||||
|
dataIndex: 'emissionFactorUnits',
|
||||||
|
width: 100,
|
||||||
|
textEllipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '排放环节',
|
||||||
|
dataIndex: 'emissionProcess',
|
||||||
|
textWidth: 88,
|
||||||
|
textEllipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '数据来源',
|
||||||
|
dataIndex: 'dataSources',
|
||||||
|
textNumber: 5,
|
||||||
|
textEllipsis: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
formConfig: {
|
||||||
|
schemas: [
|
||||||
|
{
|
||||||
|
field: 'emissionSources',
|
||||||
|
label: '排放源',
|
||||||
|
component: 'NsInput',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请输入排放源',
|
||||||
|
maxLength: 20,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'emissionProcess',
|
||||||
|
label: '排放环节',
|
||||||
|
component: 'NsSelectApi',
|
||||||
|
componentProps: {
|
||||||
|
placeholder: '请选择排放环节',
|
||||||
|
api: carbonEmissionFactorLibrary.gasAndDatabase,
|
||||||
|
resultField: 'data',
|
||||||
|
params: {
|
||||||
|
orgId: orgId.value,
|
||||||
|
type: 'emissionProcess',
|
||||||
|
},
|
||||||
|
immediate: true,
|
||||||
|
labelField: 'label',
|
||||||
|
valueField: 'value',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
params: {},
|
||||||
|
},
|
||||||
|
// pagination: { pageSizeOptions: false },
|
||||||
|
rowKey: 'id',
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|||||||
@@ -57,7 +57,7 @@
|
|||||||
<a-radio :value="1">否</a-radio>
|
<a-radio :value="1">否</a-radio>
|
||||||
</a-radio-group>
|
</a-radio-group>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="排放类型" name="emissionType" :required="isRequired">
|
<a-form-item label="排放类型" name="emissionType" :required="isRequired" v-if="isRequired">
|
||||||
<a-select
|
<a-select
|
||||||
v-model:value="formState.emissionType"
|
v-model:value="formState.emissionType"
|
||||||
placeholder="请选择排放类型"
|
placeholder="请选择排放类型"
|
||||||
@@ -330,7 +330,7 @@
|
|||||||
// 创建一个 <a> 标签,用于触发下载
|
// 创建一个 <a> 标签,用于触发下载
|
||||||
const link = document.createElement('a');
|
const link = document.createElement('a');
|
||||||
link.href = url;
|
link.href = url;
|
||||||
link.setAttribute('download', 'carbonStats.xlsx'); // 设置下载的文件名
|
link.setAttribute('download', '能耗统计导出.xlsx'); // 设置下载的文件名
|
||||||
document.body.appendChild(link);
|
document.body.appendChild(link);
|
||||||
link.click();
|
link.click();
|
||||||
|
|
||||||
@@ -342,13 +342,13 @@
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
label: '模板下载',
|
// label: '模板下载',
|
||||||
type: 'primary',
|
// type: 'primary',
|
||||||
handle: () => {
|
// handle: () => {
|
||||||
doWnload('/hx-ai-intelligent/asset/file/energyConsumption.xlsx');
|
// doWnload('/hx-ai-intelligent/asset/file/energyConsumption.xlsx');
|
||||||
},
|
// },
|
||||||
},
|
// },
|
||||||
// {
|
// {
|
||||||
// label: '上传凭证',
|
// label: '上传凭证',
|
||||||
// type: 'primary',
|
// type: 'primary',
|
||||||
@@ -782,24 +782,18 @@
|
|||||||
// 获取自动采集节点的数据
|
// 获取自动采集节点的数据
|
||||||
fetch(group.queryDeviceGroupTree, { energyType: value, orgId: orgId.value }).then((res) => {
|
fetch(group.queryDeviceGroupTree, { energyType: value, orgId: orgId.value }).then((res) => {
|
||||||
treeData.value = res.data;
|
treeData.value = res.data;
|
||||||
treeData.value = treeData.value.map((item) => ({
|
treeData.value = transformData(treeData.value);
|
||||||
value: item.id,
|
|
||||||
label: item.pointName,
|
|
||||||
children: item.children
|
|
||||||
? item.children.map((child) => ({
|
|
||||||
value: child.id,
|
|
||||||
label: child.pointName,
|
|
||||||
children: child.children
|
|
||||||
? child.children.map((childs) => ({
|
|
||||||
value: childs.id,
|
|
||||||
label: childs.pointName,
|
|
||||||
}))
|
|
||||||
: [],
|
|
||||||
}))
|
|
||||||
: [],
|
|
||||||
}));
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
// 将数据转换为树形结构
|
||||||
|
const transformData = (data: any[]) => {
|
||||||
|
return data.map((item) => ({
|
||||||
|
title: item.pointName,
|
||||||
|
value: item.id,
|
||||||
|
key: item.id,
|
||||||
|
children: item.children ? transformData(item.children) : [],
|
||||||
|
}));
|
||||||
|
};
|
||||||
// 计算碳排切换
|
// 计算碳排切换
|
||||||
const emissionType = ref();
|
const emissionType = ref();
|
||||||
const changeRadio = (e) => {
|
const changeRadio = (e) => {
|
||||||
@@ -819,7 +813,9 @@
|
|||||||
.validate()
|
.validate()
|
||||||
.then(() => {
|
.then(() => {
|
||||||
console.log('values', formState, toRaw(formState));
|
console.log('values', formState, toRaw(formState));
|
||||||
formState.value.year = selectYear.value.format('YYYY');
|
formState.value.year = mainRef.value.nsTableRef.formParamsRef.year
|
||||||
|
? mainRef.value.nsTableRef.formParamsRef.year
|
||||||
|
: selectYear.value.format('YYYY');
|
||||||
if (formState.value.unit) {
|
if (formState.value.unit) {
|
||||||
formState.value.unit = formState.value.unit.join(',').split(',')[1];
|
formState.value.unit = formState.value.unit.join(',').split(',')[1];
|
||||||
}
|
}
|
||||||
@@ -973,6 +969,7 @@
|
|||||||
formState.value = {
|
formState.value = {
|
||||||
orgId: orgId.value,
|
orgId: orgId.value,
|
||||||
};
|
};
|
||||||
|
fileList.value = [];
|
||||||
formRef.value.resetFields();
|
formRef.value.resetFields();
|
||||||
};
|
};
|
||||||
// 点击上传凭证按钮
|
// 点击上传凭证按钮
|
||||||
|
|||||||
@@ -40,40 +40,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<!-- <a-table
|
|
||||||
:columns="columns"
|
|
||||||
:data-source="tableData"
|
|
||||||
bordered
|
|
||||||
:pagination="false">
|
|
||||||
<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>
|
|
||||||
<div class="ns-table-title"><span>排放因子库</span></div>
|
|
||||||
<div class="buttonGroup">
|
|
||||||
<a-button type="primary" @click="addNewData">新增</a-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</a-table> -->
|
|
||||||
<ns-view-list-table
|
<ns-view-list-table
|
||||||
v-bind="tableConfig"
|
v-bind="tableConfig"
|
||||||
:model="tableData"
|
:model="tableData"
|
||||||
ref="mainRef"
|
ref="mainRef"
|
||||||
:scroll="{ x: 1000 }" />
|
:scroll="{ x: 1000 }" />
|
||||||
<!-- <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
|
<a-drawer
|
||||||
:width="500"
|
:width="500"
|
||||||
@@ -93,20 +64,20 @@
|
|||||||
:wrapper-col="wrapperCol">
|
:wrapper-col="wrapperCol">
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="24">
|
<a-col :span="24">
|
||||||
<a-form-item ref="name" label="日期范围" name="dateRange">
|
<a-form-item ref="name" label="适用日期" name="dateRange">
|
||||||
<a-range-picker
|
<a-range-picker
|
||||||
v-model:value="formState.dateRange"
|
v-model:value="formState.dateRange"
|
||||||
picker="month"
|
picker="month"
|
||||||
valueFormat="YYYY-MM" />
|
valueFormat="YYYY-MM" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="24">
|
<!-- <a-col :span="24">
|
||||||
<a-form-item ref="name" label="排放因子" name="emissionFactors">
|
<a-form-item ref="name" label="排放因子" name="emissionFactors">
|
||||||
<ns-input v-model:value="formState.emissionFactors" disabled />
|
<ns-input v-model:value="formState.emissionFactors" disabled />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col> -->
|
||||||
</a-row>
|
</a-row>
|
||||||
<span
|
<!-- <span
|
||||||
key=""
|
key=""
|
||||||
style="font-size: 16px; font-weight: 700; color: rgba(51, 51, 51, 1); text-align: left">
|
style="font-size: 16px; font-weight: 700; color: rgba(51, 51, 51, 1); text-align: left">
|
||||||
因子列表
|
因子列表
|
||||||
@@ -117,8 +88,11 @@
|
|||||||
<ns-input style="margin-top: 5px" v-model:value="selectData" @change="keyChange" />
|
<ns-input style="margin-top: 5px" v-model:value="selectData" @change="keyChange" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row> -->
|
||||||
</a-form>
|
</a-form>
|
||||||
|
<a-button type="primary" style="margin-bottom: 10px" @click="selectFactor"
|
||||||
|
>选择因子</a-button
|
||||||
|
>
|
||||||
<a-table
|
<a-table
|
||||||
:columns="drawerColumns"
|
:columns="drawerColumns"
|
||||||
:data-source="newTableData"
|
:data-source="newTableData"
|
||||||
@@ -142,6 +116,15 @@
|
|||||||
</template>
|
</template>
|
||||||
</a-drawer>
|
</a-drawer>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 选择因子 -->
|
||||||
|
<a-modal
|
||||||
|
v-model:visible="openVisible"
|
||||||
|
width="60%"
|
||||||
|
title="选择因子"
|
||||||
|
@ok="onSubmit"
|
||||||
|
@cancel="onClose">
|
||||||
|
<ns-view-list-table v-bind="config" ref="setFactorRef" style="height: 500px" />
|
||||||
|
</a-modal>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -156,6 +139,7 @@
|
|||||||
carbonEmissionFactorLibrary,
|
carbonEmissionFactorLibrary,
|
||||||
} from '/@/api/carbonEmissionFactorLibrary';
|
} from '/@/api/carbonEmissionFactorLibrary';
|
||||||
import { or } from '@vueuse/core';
|
import { or } from '@vueuse/core';
|
||||||
|
import { setFactorConfig } from '../config';
|
||||||
defineOptions({
|
defineOptions({
|
||||||
energyType: 'quickCalculation', // 与页面路由name一致缓存才可生效
|
energyType: 'quickCalculation', // 与页面路由name一致缓存才可生效
|
||||||
components: {
|
components: {
|
||||||
@@ -499,6 +483,11 @@
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
const openVisible = ref(false);
|
||||||
|
const config = setFactorConfig(orgId.value);
|
||||||
|
const selectFactor = () => {
|
||||||
|
openVisible.value = true;
|
||||||
|
};
|
||||||
// 关闭新增抽屉
|
// 关闭新增抽屉
|
||||||
const onClose = () => {
|
const onClose = () => {
|
||||||
visible.value = false;
|
visible.value = false;
|
||||||
@@ -611,6 +600,12 @@
|
|||||||
:deep(.ant-table-container) {
|
:deep(.ant-table-container) {
|
||||||
padding: unset;
|
padding: unset;
|
||||||
}
|
}
|
||||||
|
:deep(.ant-modal-header) {
|
||||||
|
border-bottom: 10px solid #f0f0f0 !important;
|
||||||
|
}
|
||||||
|
:deep(.ant-modal-footer) {
|
||||||
|
border-top: 10px solid #f0f0f0 !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
th.column-money,
|
th.column-money,
|
||||||
|
|||||||
@@ -308,80 +308,82 @@
|
|||||||
<div class="ns-form-title-edit">
|
<div class="ns-form-title-edit">
|
||||||
<div class="title">编辑</div>
|
<div class="title">编辑</div>
|
||||||
</div>
|
</div>
|
||||||
<a-form
|
<a-spin :spinning="spinning">
|
||||||
ref="editFormRef"
|
<a-form
|
||||||
:model="editFormState"
|
ref="editFormRef"
|
||||||
:label-col="labelCol"
|
:model="editFormState"
|
||||||
:wrapper-col="wrapperCol">
|
:label-col="labelCol"
|
||||||
<a-row>
|
:wrapper-col="wrapperCol">
|
||||||
<a-col :span="24">
|
<a-row>
|
||||||
<a-form-item ref="name" label="数据来源" name="dataSources">
|
<a-col :span="24">
|
||||||
<a-select
|
<a-form-item ref="name" label="数据来源" name="dataSources">
|
||||||
ref="select"
|
<a-select
|
||||||
v-model:value="editFormState.dataSources"
|
ref="select"
|
||||||
@change="changeSelect">
|
v-model:value="editFormState.dataSources"
|
||||||
<a-select-option value="1">自行推估</a-select-option>
|
@change="changeSelect">
|
||||||
<a-select-option value="2">定期量测</a-select-option>
|
<a-select-option value="1">自行推估</a-select-option>
|
||||||
<a-select-option value="3">自动测量</a-select-option>
|
<a-select-option value="2">定期量测</a-select-option>
|
||||||
</a-select>
|
<a-select-option value="3">自动测量</a-select-option>
|
||||||
</a-form-item>
|
</a-select>
|
||||||
</a-col>
|
</a-form-item>
|
||||||
<a-col :span="24">
|
</a-col>
|
||||||
<a-form-item ref="name" label="消耗量" name="consumption">
|
<a-col :span="24">
|
||||||
<ns-input-number
|
<a-form-item ref="name" label="消耗量" name="consumption">
|
||||||
v-model:value="editFormState.consumption"
|
<ns-input-number
|
||||||
:maxlength="20"
|
v-model:value="editFormState.consumption"
|
||||||
@keydown="handleKeyDown"
|
:maxlength="20"
|
||||||
:disabled="canEdit" />
|
@keydown="handleKeyDown"
|
||||||
</a-form-item>
|
:disabled="canEdit" />
|
||||||
</a-col>
|
</a-form-item>
|
||||||
</a-row>
|
</a-col>
|
||||||
<a-row v-if="automatic">
|
</a-row>
|
||||||
<a-col :span="24">
|
<a-row v-if="automatic">
|
||||||
<a-form-item label="能耗类型">
|
<a-col :span="24">
|
||||||
<a-select
|
<a-form-item label="能耗类型">
|
||||||
v-model:value="editFormState.energyConsumptionType"
|
<a-select
|
||||||
@change="changeEnergyType"
|
v-model:value="editFormState.energyConsumptionType"
|
||||||
placeholder="请选择能耗类型">
|
@change="changeEnergyType"
|
||||||
<a-select-option
|
placeholder="请选择能耗类型">
|
||||||
v-for="(item, index) in energyTypeOptions"
|
<a-select-option
|
||||||
:key="index"
|
v-for="(item, index) in energyTypeOptions"
|
||||||
:value="item.dicKey">
|
:key="index"
|
||||||
{{ item.cnValue }}
|
:value="item.dicKey">
|
||||||
</a-select-option>
|
{{ item.cnValue }}
|
||||||
</a-select>
|
</a-select-option>
|
||||||
</a-form-item>
|
</a-select>
|
||||||
</a-col>
|
</a-form-item>
|
||||||
<a-col :span="24">
|
</a-col>
|
||||||
<a-form-item ref="name" label="采集节点" name="collectionNode">
|
<a-col :span="24">
|
||||||
<a-tree-select
|
<a-form-item ref="name" label="采集节点" name="collectionNode">
|
||||||
v-model:value="editFormState.collectionNode"
|
<a-tree-select
|
||||||
:tree-line="true"
|
v-model:value="editFormState.collectionNode"
|
||||||
@select="selectNode"
|
:tree-line="true"
|
||||||
:tree-data="collectingNodes">
|
@select="selectNode"
|
||||||
</a-tree-select>
|
:tree-data="collectingNodes">
|
||||||
</a-form-item>
|
</a-tree-select>
|
||||||
</a-col>
|
</a-form-item>
|
||||||
</a-row>
|
</a-col>
|
||||||
<a-row>
|
</a-row>
|
||||||
<a-col :span="24">
|
<a-row>
|
||||||
<a-form-item ref="name" label="因子值" name="emissionFactors">
|
<a-col :span="24">
|
||||||
<ns-input
|
<a-form-item ref="name" label="因子值" name="emissionFactors">
|
||||||
v-model:value="editFormState.emissionFactors"
|
<ns-input
|
||||||
:maxlength="20"
|
v-model:value="editFormState.emissionFactors"
|
||||||
@keydown="handleKeyDown" />
|
:maxlength="20"
|
||||||
</a-form-item>
|
@keydown="handleKeyDown" />
|
||||||
</a-col>
|
</a-form-item>
|
||||||
<a-col :span="24">
|
</a-col>
|
||||||
<a-form-item ref="name" label="关键字" name="key">
|
<a-col :span="24">
|
||||||
<a-input-search
|
<a-form-item ref="name" label="关键字" name="key">
|
||||||
v-model:value="editFormState.key"
|
<a-input-search
|
||||||
@search="searchKey"
|
v-model:value="editFormState.key"
|
||||||
placeholder="请输入关键字" />
|
@search="searchKey"
|
||||||
</a-form-item>
|
placeholder="请输入关键字" />
|
||||||
</a-col>
|
</a-form-item>
|
||||||
</a-row>
|
</a-col>
|
||||||
</a-form>
|
</a-row>
|
||||||
|
</a-form>
|
||||||
|
</a-spin>
|
||||||
<div class="ns-form-title-edit" style="display: flex">
|
<div class="ns-form-title-edit" style="display: flex">
|
||||||
<div class="titleEdit">因子列表</div>
|
<div class="titleEdit">因子列表</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1121,19 +1123,21 @@
|
|||||||
// 获取自动采集节点的数据
|
// 获取自动采集节点的数据
|
||||||
fetch(group.queryDeviceGroupTree, { energyType: value, orgId: orgId.value }).then((res) => {
|
fetch(group.queryDeviceGroupTree, { energyType: value, orgId: orgId.value }).then((res) => {
|
||||||
collectingNodes.value = res.data;
|
collectingNodes.value = res.data;
|
||||||
collectingNodes.value = collectingNodes.value.map((item) => ({
|
collectingNodes.value = collectingNodes.value = transformData(collectingNodes.value);
|
||||||
value: item.id,
|
|
||||||
label: item.pointName,
|
|
||||||
children: item.children
|
|
||||||
? item.children.map((child) => ({
|
|
||||||
value: child.id,
|
|
||||||
label: child.pointName,
|
|
||||||
}))
|
|
||||||
: [],
|
|
||||||
}));
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
// 将数据转换为树形结构
|
||||||
|
const transformData = (data: any[]) => {
|
||||||
|
return data.map((item) => ({
|
||||||
|
title: item.pointName,
|
||||||
|
value: item.id,
|
||||||
|
key: item.id,
|
||||||
|
children: item.children ? transformData(item.children) : [],
|
||||||
|
}));
|
||||||
|
};
|
||||||
|
const spinning = ref(false);
|
||||||
const selectNode = (value) => {
|
const selectNode = (value) => {
|
||||||
|
spinning.value = true;
|
||||||
const getConsumeData = ref({
|
const getConsumeData = ref({
|
||||||
acquisitionDate: acquisitionDate.value,
|
acquisitionDate: acquisitionDate.value,
|
||||||
collectionNode: value,
|
collectionNode: value,
|
||||||
@@ -1142,6 +1146,7 @@
|
|||||||
});
|
});
|
||||||
fetch(carbonInventoryCheck.nodeCancellationConsumption, getConsumeData.value).then((res) => {
|
fetch(carbonInventoryCheck.nodeCancellationConsumption, getConsumeData.value).then((res) => {
|
||||||
editFormState.value.consumption = res.data;
|
editFormState.value.consumption = res.data;
|
||||||
|
spinning.value = false;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
// 上传附件
|
// 上传附件
|
||||||
@@ -1696,6 +1701,13 @@
|
|||||||
background: #c9e4ff;
|
background: #c9e4ff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
:deep(.ant-empty) {
|
||||||
|
height: 80%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.right {
|
.right {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
@@ -1811,4 +1823,11 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: right;
|
justify-content: right;
|
||||||
}
|
}
|
||||||
|
:deep(.ant-empty) {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -39,7 +39,11 @@
|
|||||||
placeholder="请输入报告名称" />
|
placeholder="请输入报告名称" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item ref="name" label="报告年度" name="reportYear">
|
<a-form-item ref="name" label="报告年度" name="reportYear">
|
||||||
<a-date-picker v-model:value="formState.reportYear" picker="year" valueFormat="YYYY" />
|
<a-date-picker
|
||||||
|
v-model:value="formState.reportYear"
|
||||||
|
@openChange="openChange"
|
||||||
|
picker="year"
|
||||||
|
valueFormat="YYYY" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item ref="name" label="适用标准" name="genericStandard">
|
<a-form-item ref="name" label="适用标准" name="genericStandard">
|
||||||
<a-input
|
<a-input
|
||||||
@@ -60,6 +64,7 @@
|
|||||||
<a-form-item ref="name" label="报告范围" name="reportScope">
|
<a-form-item ref="name" label="报告范围" name="reportScope">
|
||||||
<a-range-picker
|
<a-range-picker
|
||||||
v-model:value="formState.reportScope"
|
v-model:value="formState.reportScope"
|
||||||
|
:defaultPickerValue="defaultPickerValue"
|
||||||
picker="month"
|
picker="month"
|
||||||
:disabledDate="disabledDate"
|
:disabledDate="disabledDate"
|
||||||
valueFormat="YYYY-MM" />
|
valueFormat="YYYY-MM" />
|
||||||
@@ -78,6 +83,8 @@
|
|||||||
import { http } from '/nerv-lib/util/http';
|
import { http } from '/nerv-lib/util/http';
|
||||||
import { carbonInventoryCheck } from '/@/api/carbonEmissionFactorLibrary';
|
import { carbonInventoryCheck } from '/@/api/carbonEmissionFactorLibrary';
|
||||||
import fillIn from './fillInPage/index.vue';
|
import fillIn from './fillInPage/index.vue';
|
||||||
|
import { message } from 'ant-design-vue';
|
||||||
|
import dayjs, { Dayjs } from 'dayjs';
|
||||||
defineOptions({ name: 'CarbonInventoryCheck' });
|
defineOptions({ name: 'CarbonInventoryCheck' });
|
||||||
const orgId = ref('');
|
const orgId = ref('');
|
||||||
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
|
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
|
||||||
@@ -104,6 +111,17 @@
|
|||||||
const selectChange = (value) => {
|
const selectChange = (value) => {
|
||||||
formState.value.reportScope = '';
|
formState.value.reportScope = '';
|
||||||
};
|
};
|
||||||
|
const defaultPickerValue = ref([
|
||||||
|
dayjs('2020'), // 默认开始日期
|
||||||
|
dayjs('2020'), // 默认结束日期
|
||||||
|
]);
|
||||||
|
const openChange = (status) => {
|
||||||
|
if (status === false) {
|
||||||
|
if (formState.value.reportYear) {
|
||||||
|
defaultPickerValue.value = [dayjs('2022'), dayjs('2022')];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
// 定义form表单的必填
|
// 定义form表单的必填
|
||||||
const rules: Record<string, Rule[]> = {
|
const rules: Record<string, Rule[]> = {
|
||||||
reportName: [{ required: true, message: '请输入报告名称', trigger: 'change' }],
|
reportName: [{ required: true, message: '请输入报告名称', trigger: 'change' }],
|
||||||
@@ -241,17 +259,21 @@
|
|||||||
};
|
};
|
||||||
fetch(carbonInventoryCheck.downloadZip, deleteId.value, config)
|
fetch(carbonInventoryCheck.downloadZip, deleteId.value, config)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
// 创建一个 URL 对象,指向图片数据的 blob
|
if (res.type === 'application/json') {
|
||||||
const url = window.URL.createObjectURL(new Blob([res]));
|
handlerResponseError(res);
|
||||||
// 创建一个 <a> 标签,用于触发下载
|
} else {
|
||||||
const link = document.createElement('a');
|
// 创建一个 URL 对象,指向图片数据的 blob
|
||||||
link.href = url;
|
const url = window.URL.createObjectURL(new Blob([res]));
|
||||||
link.setAttribute('download', '碳盘查凭证.zip'); // 设置下载的文件名
|
// 创建一个 <a> 标签,用于触发下载
|
||||||
document.body.appendChild(link);
|
const link = document.createElement('a');
|
||||||
link.click();
|
link.href = url;
|
||||||
|
link.setAttribute('download', '碳盘查凭证.zip'); // 设置下载的文件名
|
||||||
|
document.body.appendChild(link);
|
||||||
|
link.click();
|
||||||
|
|
||||||
// 清理 URL 对象
|
// 清理 URL 对象
|
||||||
window.URL.revokeObjectURL(url);
|
window.URL.revokeObjectURL(url);
|
||||||
|
}
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
console.error('下载图片失败:', error);
|
console.error('下载图片失败:', error);
|
||||||
@@ -295,6 +317,21 @@
|
|||||||
},
|
},
|
||||||
rowKey: 'id',
|
rowKey: 'id',
|
||||||
});
|
});
|
||||||
|
const handlerResponseError = (data) => {
|
||||||
|
const fileReader = new FileReader();
|
||||||
|
fileReader.onload = function () {
|
||||||
|
try {
|
||||||
|
const jsonData = JSON.parse(fileReader.result); // 说明是普通对象数据,后台转换失败
|
||||||
|
console.log('后台返回的信息', jsonData.data);
|
||||||
|
message.warning(jsonData.data);
|
||||||
|
// dosomething……
|
||||||
|
} catch (err) {
|
||||||
|
// 解析成对象失败,说明是正常的文件流
|
||||||
|
console.log('success...');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
fileReader.readAsText(data);
|
||||||
|
};
|
||||||
// 填报页点击返回
|
// 填报页点击返回
|
||||||
const updateData = (newDataOne, newDataTwo) => {
|
const updateData = (newDataOne, newDataTwo) => {
|
||||||
isMainPage.value = newDataOne;
|
isMainPage.value = newDataOne;
|
||||||
|
|||||||
@@ -360,6 +360,9 @@
|
|||||||
background: #f2f2f2 !important;
|
background: #f2f2f2 !important;
|
||||||
color: black !important;
|
color: black !important;
|
||||||
}
|
}
|
||||||
|
:deep(.ant-picker) {
|
||||||
|
border-radius: unset;
|
||||||
|
}
|
||||||
.month {
|
.month {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -96,28 +96,32 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
<!-- <template #summary>
|
<template #summary>
|
||||||
<a-table-summary-row>
|
<a-table-summary-row>
|
||||||
<a-table-summary-cell></a-table-summary-cell>
|
<a-table-summary-cell></a-table-summary-cell>
|
||||||
<a-table-summary-cell>合计</a-table-summary-cell>
|
<a-table-summary-cell :colSpan="2">合计</a-table-summary-cell>
|
||||||
<a-table-summary-cell></a-table-summary-cell>
|
<a-table-summary-cell></a-table-summary-cell>
|
||||||
<a-table-summary-cell>
|
<a-table-summary-cell>
|
||||||
<a-typography-text type="danger">{{ 111 }}</a-typography-text>
|
<a-typography-text>{{ totalLastYearActualUsage + unit }}</a-typography-text>
|
||||||
</a-table-summary-cell>
|
</a-table-summary-cell>
|
||||||
<a-table-summary-cell>
|
<a-table-summary-cell>
|
||||||
<a-typography-text>{{ 222 }}</a-typography-text>
|
<a-typography-text>{{ totalActualUsage + unit }}</a-typography-text>
|
||||||
</a-table-summary-cell>
|
</a-table-summary-cell>
|
||||||
<a-table-summary-cell>
|
<a-table-summary-cell>
|
||||||
<a-typography-text>{{ 222 }}</a-typography-text>
|
<a-typography-text>{{ totalReferenceValue + unit }}</a-typography-text>
|
||||||
</a-table-summary-cell>
|
</a-table-summary-cell>
|
||||||
<a-table-summary-cell></a-table-summary-cell>
|
|
||||||
<a-table-summary-cell></a-table-summary-cell>
|
|
||||||
<a-table-summary-cell>
|
<a-table-summary-cell>
|
||||||
<a-typography-text>{{ 222 }}</a-typography-text>
|
<a-typography-text>-</a-typography-text>
|
||||||
|
</a-table-summary-cell>
|
||||||
|
<a-table-summary-cell>
|
||||||
|
<a-typography-text>-</a-typography-text>
|
||||||
|
</a-table-summary-cell>
|
||||||
|
<a-table-summary-cell>
|
||||||
|
<a-typography-text>{{ totalBudget + unit }}</a-typography-text>
|
||||||
</a-table-summary-cell>
|
</a-table-summary-cell>
|
||||||
<a-table-summary-cell></a-table-summary-cell>
|
<a-table-summary-cell></a-table-summary-cell>
|
||||||
</a-table-summary-row>
|
</a-table-summary-row>
|
||||||
</template> -->
|
</template>
|
||||||
</a-table>
|
</a-table>
|
||||||
</a-card>
|
</a-card>
|
||||||
</div>
|
</div>
|
||||||
@@ -135,16 +139,16 @@
|
|||||||
v-model:value="formState.conversionRate"
|
v-model:value="formState.conversionRate"
|
||||||
:maxlength="15"
|
:maxlength="15"
|
||||||
@keydown="handleKeyDown"
|
@keydown="handleKeyDown"
|
||||||
suffix="%"
|
|
||||||
:disabled="disabled" />
|
:disabled="disabled" />
|
||||||
|
<span class="unit">%</span>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="预算值" :required="true">
|
<a-form-item label="预算值" :required="true">
|
||||||
<a-input-number
|
<a-input-number
|
||||||
v-model:value="formState.budget"
|
v-model:value="formState.budget"
|
||||||
:maxlength="15"
|
:maxlength="15"
|
||||||
@keydown="handleKeyDown"
|
@keydown="handleKeyDown"
|
||||||
suffix="kWh"
|
|
||||||
:disabled="!disabled" />
|
:disabled="!disabled" />
|
||||||
|
<span class="unit">kWh</span>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-form>
|
</a-form>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
@@ -247,6 +251,7 @@
|
|||||||
QuestionCircleOutlined,
|
QuestionCircleOutlined,
|
||||||
} from '@ant-design/icons-vue';
|
} from '@ant-design/icons-vue';
|
||||||
import { carbonPlanning } from '/@/api/carbonEmissionFactorLibrary';
|
import { carbonPlanning } from '/@/api/carbonEmissionFactorLibrary';
|
||||||
|
import { getEnumEnergy } from '/@/api';
|
||||||
import * as echarts from 'echarts';
|
import * as echarts from 'echarts';
|
||||||
import { any, string } from 'vue-types';
|
import { any, string } from 'vue-types';
|
||||||
import type { Dayjs } from 'dayjs';
|
import type { Dayjs } from 'dayjs';
|
||||||
@@ -265,8 +270,10 @@
|
|||||||
nodeName: {
|
nodeName: {
|
||||||
type: string,
|
type: string,
|
||||||
},
|
},
|
||||||
|
resourceType: {
|
||||||
|
type: string,
|
||||||
|
},
|
||||||
});
|
});
|
||||||
console.log(props, 'xxy');
|
|
||||||
const orgId = ref('');
|
const orgId = ref('');
|
||||||
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
|
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
|
||||||
orgId.value = result;
|
orgId.value = result;
|
||||||
@@ -291,11 +298,29 @@
|
|||||||
itemizeId: props.parentId,
|
itemizeId: props.parentId,
|
||||||
type: props.type,
|
type: props.type,
|
||||||
});
|
});
|
||||||
|
console.log(props.type, '6666');
|
||||||
const ids = ref([]);
|
const ids = ref([]);
|
||||||
|
const lastActualUsageList = ref([]);
|
||||||
|
// 获取单位
|
||||||
|
const unit = ref();
|
||||||
|
const totalActualUsage = ref();
|
||||||
|
const totalBudget = ref();
|
||||||
|
const totalLastYearActualUsage = ref();
|
||||||
|
const totalReferenceValue = ref();
|
||||||
const getTableData = () => {
|
const getTableData = () => {
|
||||||
fetch(carbonPlanning.detailedStatisticalDataTable, queryParams.value).then((res) => {
|
fetch(carbonPlanning.detailedStatisticalDataTable, queryParams.value).then(async (res) => {
|
||||||
data.value = res.data;
|
let resUnit = await getEnumEnergy({ params: { code: props.resourceType } });
|
||||||
ids.value = data.value.map((item) => item.id);
|
unit.value = resUnit.data.unit;
|
||||||
|
data.value = res.data.list;
|
||||||
|
totalActualUsage.value = res.data.actualUsage;
|
||||||
|
totalBudget.value = res.data.budget;
|
||||||
|
totalLastYearActualUsage.value = res.data.lastYearActualUsage;
|
||||||
|
totalReferenceValue.value = res.data.referenceValue;
|
||||||
|
if (data.value.length > 0) {
|
||||||
|
ids.value = data.value.map((item) => item.id);
|
||||||
|
lastActualUsageList.value = data.value.map((item) => item.lastYearActualUsage);
|
||||||
|
formState.value.lastYearList = lastActualUsageList.value;
|
||||||
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
getTableData();
|
getTableData();
|
||||||
@@ -313,14 +338,17 @@
|
|||||||
{
|
{
|
||||||
title: Number(props.year) - 1 + '年实际用量',
|
title: Number(props.year) - 1 + '年实际用量',
|
||||||
dataIndex: 'lastYearActualUsage',
|
dataIndex: 'lastYearActualUsage',
|
||||||
|
customRender: ({ text }: { text: number }) => `${text ? text + unit.value : 0 + unit.value}`, // 在这里添加单位
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: props.year + '年实际用量',
|
title: props.year + '年实际用量',
|
||||||
dataIndex: 'actualUsage',
|
dataIndex: 'actualUsage',
|
||||||
|
customRender: ({ text }: { text: number }) => `${text ? text + unit.value : 0 + unit.value}`, // 在这里添加单位
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '基准值',
|
title: '基准值',
|
||||||
dataIndex: 'referenceValue',
|
dataIndex: 'referenceValue',
|
||||||
|
customRender: ({ text }: { text: number }) => `${text ? text + unit.value : 0 + unit.value}`, // 在这里添加单位
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '是否按去年折算',
|
title: '是否按去年折算',
|
||||||
@@ -329,10 +357,12 @@
|
|||||||
{
|
{
|
||||||
title: '折算率',
|
title: '折算率',
|
||||||
dataIndex: 'conversionRate',
|
dataIndex: 'conversionRate',
|
||||||
|
customRender: ({ text }: { text: number }) => `${text}%`, // 在这里添加单位
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '2024年预算',
|
title: '2024年预算',
|
||||||
dataIndex: 'budget',
|
dataIndex: 'budget',
|
||||||
|
customRender: ({ text }: { text: number }) => `${text ? text + unit.value : 0 + unit.value}`, // 在这里添加单位
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '操作',
|
title: '操作',
|
||||||
@@ -346,10 +376,10 @@
|
|||||||
const formRef = ref();
|
const formRef = ref();
|
||||||
const formState = ref({});
|
const formState = ref({});
|
||||||
const labelCol = { span: 6 };
|
const labelCol = { span: 6 };
|
||||||
const wrapperCol = { span: 18 };
|
const wrapperCol = { span: 17 };
|
||||||
const editData = (record) => {
|
const editData = (record) => {
|
||||||
open.value = true;
|
open.value = true;
|
||||||
if (record.isLastYear) {
|
if (record.isLastYear !== undefined) {
|
||||||
formState.value.ids = [record.id];
|
formState.value.ids = [record.id];
|
||||||
if (record.lastYear === '是') {
|
if (record.lastYear === '是') {
|
||||||
formState.value.isLastYear = 1;
|
formState.value.isLastYear = 1;
|
||||||
@@ -357,6 +387,7 @@
|
|||||||
formState.value.isLastYear = 0;
|
formState.value.isLastYear = 0;
|
||||||
}
|
}
|
||||||
formState.value.conversionRate = record.conversionRate;
|
formState.value.conversionRate = record.conversionRate;
|
||||||
|
formState.value.lastYearList = [record.lastYearActualUsage];
|
||||||
formState.value.budget = record.budget;
|
formState.value.budget = record.budget;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -593,7 +624,7 @@
|
|||||||
'基准值',
|
'基准值',
|
||||||
],
|
],
|
||||||
top: '0',
|
top: '0',
|
||||||
left: '0',
|
right: '0',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#666',
|
color: '#666',
|
||||||
fontSize: 12,
|
fontSize: 12,
|
||||||
@@ -649,6 +680,30 @@
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
series: [
|
series: [
|
||||||
|
{
|
||||||
|
name: props.year + '年预算',
|
||||||
|
type: 'line',
|
||||||
|
// smooth: true, // 开启平滑曲线
|
||||||
|
symbol: 'emptyCircle', //标记的图形为实心圆
|
||||||
|
itemStyle: {
|
||||||
|
normal: {
|
||||||
|
color: 'rgba(255, 188, 70, 1)',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data: budgetList.value,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '基准值',
|
||||||
|
type: 'line',
|
||||||
|
// smooth: true, // 开启平滑曲线
|
||||||
|
symbol: 'emptyCircle', //标记的图形为实心圆
|
||||||
|
itemStyle: {
|
||||||
|
normal: {
|
||||||
|
color: 'rgba(195, 142, 255, 1)',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data: referenceValueList.value,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: Number(props.year) - 1 + '年实际用量',
|
name: Number(props.year) - 1 + '年实际用量',
|
||||||
type: 'bar',
|
type: 'bar',
|
||||||
@@ -707,28 +762,6 @@
|
|||||||
},
|
},
|
||||||
data: actualUsageList.value,
|
data: actualUsageList.value,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
name: props.year + '年预算',
|
|
||||||
type: 'line',
|
|
||||||
smooth: true, // 开启平滑曲线
|
|
||||||
symbol: 'none', //标记的图形为实心圆
|
|
||||||
lineStyle: {
|
|
||||||
color: 'rgba(255, 188, 70, 1)',
|
|
||||||
width: 2,
|
|
||||||
},
|
|
||||||
data: budgetList.value,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '基准值',
|
|
||||||
type: 'line',
|
|
||||||
smooth: true, // 开启平滑曲线
|
|
||||||
symbol: 'none', //标记的图形为实心圆
|
|
||||||
lineStyle: {
|
|
||||||
color: 'rgba(195, 142, 255, 1)',
|
|
||||||
width: 2,
|
|
||||||
},
|
|
||||||
data: referenceValueList.value,
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
chartInstance = echarts.init(chartRef.value);
|
chartInstance = echarts.init(chartRef.value);
|
||||||
@@ -827,8 +860,8 @@
|
|||||||
background: #f7f9ff;
|
background: #f7f9ff;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(222, 255, 246, 1) 100%);
|
background: linear-gradient(180deg, #ffffff 0%, #defff663 100%);
|
||||||
border: 1px solid rgba(18, 174, 132, 1);
|
border: 1px solid #12ae8424;
|
||||||
.quantity {
|
.quantity {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@@ -900,6 +933,11 @@
|
|||||||
) {
|
) {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
.unit {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 5px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.editable-row-operations a {
|
.editable-row-operations a {
|
||||||
|
|||||||
@@ -69,7 +69,8 @@
|
|||||||
:parentId="parentId"
|
:parentId="parentId"
|
||||||
:year="year"
|
:year="year"
|
||||||
:type="type"
|
:type="type"
|
||||||
:nodeName="nodeName" />
|
:nodeName="nodeName"
|
||||||
|
:resourceType="resourceType" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增节点 -->
|
<!-- 新增节点 -->
|
||||||
<a-drawer :visible="visible" :width="500" @close="onClose" :footer-style="{ textAlign: 'right' }">
|
<a-drawer :visible="visible" :width="500" @close="onClose" :footer-style="{ textAlign: 'right' }">
|
||||||
@@ -81,6 +82,7 @@
|
|||||||
:selectedKeys="selectedKeys"
|
:selectedKeys="selectedKeys"
|
||||||
:checkedKeys="treeCheckedKeys"
|
:checkedKeys="treeCheckedKeys"
|
||||||
:tree-data="treeData"
|
:tree-data="treeData"
|
||||||
|
:checkStrictly="true"
|
||||||
:show-line="{ showLeafIcon: false }"
|
:show-line="{ showLeafIcon: false }"
|
||||||
v-if="treeData && treeData.length > 0"
|
v-if="treeData && treeData.length > 0"
|
||||||
class="draggable-tree"
|
class="draggable-tree"
|
||||||
@@ -110,6 +112,7 @@
|
|||||||
import categoryDeatil from './categoryDeatil.vue';
|
import categoryDeatil from './categoryDeatil.vue';
|
||||||
import { group } from '/@/api/deviceManage';
|
import { group } from '/@/api/deviceManage';
|
||||||
import { carbonPlanning } from '/@/api/carbonEmissionFactorLibrary';
|
import { carbonPlanning } from '/@/api/carbonEmissionFactorLibrary';
|
||||||
|
import { getEnumEnergy } from '/@/api';
|
||||||
import type { TreeProps } from 'ant-design-vue';
|
import type { TreeProps } from 'ant-design-vue';
|
||||||
import 'echarts-liquidfill';
|
import 'echarts-liquidfill';
|
||||||
defineOptions({
|
defineOptions({
|
||||||
@@ -124,8 +127,6 @@
|
|||||||
type: String,
|
type: String,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
console.log(props, 'xxy');
|
|
||||||
|
|
||||||
const orgId = ref('');
|
const orgId = ref('');
|
||||||
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
|
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
|
||||||
orgId.value = result;
|
orgId.value = result;
|
||||||
@@ -155,6 +156,9 @@
|
|||||||
selectedTime.value = false;
|
selectedTime.value = false;
|
||||||
getMonthData();
|
getMonthData();
|
||||||
getBallQuery.value.yearAndMonth = 'month';
|
getBallQuery.value.yearAndMonth = 'month';
|
||||||
|
getBallQuery.value.itemizeIds = [];
|
||||||
|
getBallQuery.value.itemizeId = '';
|
||||||
|
getPillarQuery.value.itemizeId = '';
|
||||||
// getMonthPillarData();
|
// getMonthPillarData();
|
||||||
};
|
};
|
||||||
const changeToYear = () => {
|
const changeToYear = () => {
|
||||||
@@ -167,6 +171,9 @@
|
|||||||
selectedTime.value = true;
|
selectedTime.value = true;
|
||||||
getYearData();
|
getYearData();
|
||||||
getBallQuery.value.yearAndMonth = 'year';
|
getBallQuery.value.yearAndMonth = 'year';
|
||||||
|
getBallQuery.value.itemizeIds = [];
|
||||||
|
getBallQuery.value.itemizeId = '';
|
||||||
|
getPillarQuery.value.itemizeId = '';
|
||||||
// getYearPillarData();
|
// getYearPillarData();
|
||||||
};
|
};
|
||||||
// echarts图
|
// echarts图
|
||||||
@@ -299,8 +306,8 @@
|
|||||||
symbolSize: [14, 4],
|
symbolSize: [14, 4],
|
||||||
symbolMargin: 0.5,
|
symbolMargin: 0.5,
|
||||||
symbolPosition: 'start',
|
symbolPosition: 'start',
|
||||||
z: -20,
|
|
||||||
data: actualUsage.value,
|
data: actualUsage.value,
|
||||||
|
barGap: '5%',
|
||||||
label: {
|
label: {
|
||||||
normal: {
|
normal: {
|
||||||
show: false,
|
show: false,
|
||||||
@@ -320,8 +327,8 @@
|
|||||||
symbolSize: [14, 4],
|
symbolSize: [14, 4],
|
||||||
symbolMargin: 0.5,
|
symbolMargin: 0.5,
|
||||||
symbolPosition: 'start',
|
symbolPosition: 'start',
|
||||||
z: -20,
|
|
||||||
data: budget.value,
|
data: budget.value,
|
||||||
|
barGap: '5%',
|
||||||
label: {
|
label: {
|
||||||
normal: {
|
normal: {
|
||||||
show: false,
|
show: false,
|
||||||
@@ -339,7 +346,8 @@
|
|||||||
color: '#f4664a',
|
color: '#f4664a',
|
||||||
width: 2,
|
width: 2,
|
||||||
},
|
},
|
||||||
data: referenceValue.value,
|
// data: referenceValue.value,
|
||||||
|
data: [600],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
@@ -386,7 +394,7 @@
|
|||||||
textStyle: {
|
textStyle: {
|
||||||
color: !selectedTime.value ? 'rgba(68, 197, 253,1)' : 'rgba(12, 168, 126, 1)',
|
color: !selectedTime.value ? 'rgba(68, 197, 253,1)' : 'rgba(12, 168, 126, 1)',
|
||||||
insideColor: '#12786f',
|
insideColor: '#12786f',
|
||||||
fontSize: 40,
|
fontSize: Number(ballData) > 1000 ? 20 : 40,
|
||||||
},
|
},
|
||||||
formatter: (params) => {
|
formatter: (params) => {
|
||||||
// return `${(params.value * 100).toFixed(2)}%`;
|
// return `${(params.value * 100).toFixed(2)}%`;
|
||||||
@@ -431,7 +439,7 @@
|
|||||||
const selectedKeys = ref<string[]>([]);
|
const selectedKeys = ref<string[]>([]);
|
||||||
const treeCheckedKeys = ref<string[]>([]);
|
const treeCheckedKeys = ref<string[]>([]);
|
||||||
const checkTreeNode = (checkedKeys, info) => {
|
const checkTreeNode = (checkedKeys, info) => {
|
||||||
treeCheckedKeys.value = checkedKeys;
|
treeCheckedKeys.value = checkedKeys.checked;
|
||||||
addTreeNode.value.itemizeIds = treeCheckedKeys.value;
|
addTreeNode.value.itemizeIds = treeCheckedKeys.value;
|
||||||
};
|
};
|
||||||
const formatTreeData = (treeData) => {
|
const formatTreeData = (treeData) => {
|
||||||
@@ -450,7 +458,9 @@
|
|||||||
year: selectYearValue.value.format('YYYY'),
|
year: selectYearValue.value.format('YYYY'),
|
||||||
});
|
});
|
||||||
const onSubmit = () => {
|
const onSubmit = () => {
|
||||||
fetch(carbonPlanning.addNodes, addTreeNode.value).then((res) => {
|
fetch(carbonPlanning.addNodes, addTreeNode.value).then(async (res) => {
|
||||||
|
let resUnit = await getEnumEnergy({ params: { code: props.energyType } });
|
||||||
|
unit.value = resUnit.data.unit;
|
||||||
data.value = res.data;
|
data.value = res.data;
|
||||||
visible.value = false;
|
visible.value = false;
|
||||||
changeToYear();
|
changeToYear();
|
||||||
@@ -459,49 +469,6 @@
|
|||||||
const onClose = () => {
|
const onClose = () => {
|
||||||
visible.value = false;
|
visible.value = false;
|
||||||
};
|
};
|
||||||
// 表格
|
|
||||||
const columns = ref([
|
|
||||||
{
|
|
||||||
title: '序号',
|
|
||||||
customRender: (text: any) => {
|
|
||||||
return text.index + 1;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '分项名称',
|
|
||||||
dataIndex: 'itemizeName',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '年份',
|
|
||||||
dataIndex: 'year',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '实际用量',
|
|
||||||
dataIndex: 'actualUsage',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '预算量',
|
|
||||||
dataIndex: 'budget',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '基准值',
|
|
||||||
dataIndex: 'referenceValue',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '节能量',
|
|
||||||
dataIndex: 'energyConservation',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '预算达成率',
|
|
||||||
dataIndex: 'budgetAchievement',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作',
|
|
||||||
key: 'action',
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
|
|
||||||
const data = ref([]);
|
|
||||||
// 获取年数据
|
// 获取年数据
|
||||||
const yearQueryParams = ref({
|
const yearQueryParams = ref({
|
||||||
orgId: orgId.value,
|
orgId: orgId.value,
|
||||||
@@ -515,8 +482,13 @@
|
|||||||
addTreeNode.value.year = selectYearValue.value;
|
addTreeNode.value.year = selectYearValue.value;
|
||||||
getYearData();
|
getYearData();
|
||||||
};
|
};
|
||||||
|
// 获取单位
|
||||||
|
const unit = ref();
|
||||||
const getYearData = () => {
|
const getYearData = () => {
|
||||||
fetch(carbonPlanning.searchListByYear, yearQueryParams.value).then((res) => {
|
treeCheckedKeys.value = [];
|
||||||
|
fetch(carbonPlanning.searchListByYear, yearQueryParams.value).then(async (res) => {
|
||||||
|
let resUnit = await getEnumEnergy({ params: { code: props.energyType } });
|
||||||
|
unit.value = resUnit.data.unit;
|
||||||
data.value = res.data;
|
data.value = res.data;
|
||||||
res.data.forEach((item) => {
|
res.data.forEach((item) => {
|
||||||
treeCheckedKeys.value.push(item.itemizeId.toString());
|
treeCheckedKeys.value.push(item.itemizeId.toString());
|
||||||
@@ -540,7 +512,9 @@
|
|||||||
getMonthData();
|
getMonthData();
|
||||||
};
|
};
|
||||||
const getMonthData = () => {
|
const getMonthData = () => {
|
||||||
fetch(carbonPlanning.searchListByMonth, monthQueryParams.value).then((res) => {
|
fetch(carbonPlanning.searchListByMonth, monthQueryParams.value).then(async (res) => {
|
||||||
|
let resUnit = await getEnumEnergy({ params: { code: props.energyType } });
|
||||||
|
unit.value = resUnit.data.unit;
|
||||||
data.value = res.data;
|
data.value = res.data;
|
||||||
getMonthPillarData();
|
getMonthPillarData();
|
||||||
});
|
});
|
||||||
@@ -553,17 +527,68 @@
|
|||||||
const year = ref(selectYearValue.value.format('YYYY'));
|
const year = ref(selectYearValue.value.format('YYYY'));
|
||||||
const type = ref();
|
const type = ref();
|
||||||
const nodeName = ref();
|
const nodeName = ref();
|
||||||
|
const resourceType = ref();
|
||||||
const detailData = (record) => {
|
const detailData = (record) => {
|
||||||
electricTotal.value = false;
|
electricTotal.value = false;
|
||||||
parentId.value = record.itemizeId;
|
parentId.value = record.itemizeId;
|
||||||
type.value = props.tabId;
|
type.value = props.tabId;
|
||||||
nodeName.value = record.itemizeName;
|
nodeName.value = record.itemizeName;
|
||||||
|
resourceType.value = props.energyType;
|
||||||
};
|
};
|
||||||
|
// 表格
|
||||||
|
const columns = ref([
|
||||||
|
{
|
||||||
|
title: '序号',
|
||||||
|
customRender: (text: any) => {
|
||||||
|
return text.index + 1;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '分项名称',
|
||||||
|
dataIndex: 'itemizeName',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '年份',
|
||||||
|
dataIndex: 'year',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '实际用量',
|
||||||
|
dataIndex: 'actualUsage',
|
||||||
|
customRender: ({ text }: { text: number }) => `${text ? text + unit.value : 0 + unit.value}`, // 在这里添加单位
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预算量',
|
||||||
|
dataIndex: 'budget',
|
||||||
|
customRender: ({ text }: { text: number }) => `${text ? text + unit.value : 0 + unit.value}`, // 在这里添加单位
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '基准值',
|
||||||
|
dataIndex: 'referenceValue',
|
||||||
|
customRender: ({ text }: { text: number }) => `${text ? text + unit.value : 0 + unit.value}`, // 在这里添加单位
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '节能量',
|
||||||
|
dataIndex: 'energyConservation',
|
||||||
|
customRender: ({ text }: { text: number }) => `${text ? text + unit.value : 0 + unit.value}`, // 在这里添加单位
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预算达成率',
|
||||||
|
dataIndex: 'budgetAchievement',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
key: 'action',
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
|
||||||
|
const data = ref([]);
|
||||||
const customRow = (record) => {
|
const customRow = (record) => {
|
||||||
return {
|
return {
|
||||||
//点击 行 进行查看详情
|
//点击 行 进行查看详情
|
||||||
onClick: (event) => {
|
onClick: (event) => {
|
||||||
|
getPillarQuery.value.itemizeIds = [record.itemizeId];
|
||||||
getPillarQuery.value.itemizeId = record.itemizeId;
|
getPillarQuery.value.itemizeId = record.itemizeId;
|
||||||
|
getBallQuery.value.itemizeIds = [record.itemizeId];
|
||||||
getBallQuery.value.itemizeId = record.itemizeId;
|
getBallQuery.value.itemizeId = record.itemizeId;
|
||||||
if (selectedTime.value) {
|
if (selectedTime.value) {
|
||||||
getYearPillarData();
|
getYearPillarData();
|
||||||
|
|||||||
@@ -70,7 +70,7 @@
|
|||||||
});
|
});
|
||||||
} else if (key === '4') {
|
} else if (key === '4') {
|
||||||
tabId.value = 6;
|
tabId.value = 6;
|
||||||
energyType.value = 'gongshuiliang';
|
energyType.value = 'GAS_USAGE';
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
if (provideWaterRef.value) {
|
if (provideWaterRef.value) {
|
||||||
provideWaterRef.value.electricTotal = true;
|
provideWaterRef.value.electricTotal = true;
|
||||||
|
|||||||
@@ -161,7 +161,7 @@
|
|||||||
.get(planManage.getTableData, {
|
.get(planManage.getTableData, {
|
||||||
projectId: state.projectId,
|
projectId: state.projectId,
|
||||||
siteId: state.siteId,
|
siteId: state.siteId,
|
||||||
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6进水阀,7排水泵)
|
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6给排水)
|
||||||
ctrlType: 2,
|
ctrlType: 2,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
@@ -235,7 +235,7 @@
|
|||||||
.get(planManage.getTransData, {
|
.get(planManage.getTransData, {
|
||||||
projectId: state.projectId,
|
projectId: state.projectId,
|
||||||
siteId: state.siteId,
|
siteId: state.siteId,
|
||||||
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6进水阀,7排水泵)
|
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6给排水)
|
||||||
ctrlType: 2,
|
ctrlType: 2,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
|
|||||||
@@ -162,7 +162,7 @@
|
|||||||
.get(planManage.getTableData, {
|
.get(planManage.getTableData, {
|
||||||
projectId: state.projectId,
|
projectId: state.projectId,
|
||||||
siteId: state.siteId,
|
siteId: state.siteId,
|
||||||
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6进水阀,7排水泵)
|
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6给排水)
|
||||||
ctrlType: 1,
|
ctrlType: 1,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
@@ -236,7 +236,7 @@
|
|||||||
.get(planManage.getTransData, {
|
.get(planManage.getTransData, {
|
||||||
projectId: state.projectId,
|
projectId: state.projectId,
|
||||||
siteId: state.siteId,
|
siteId: state.siteId,
|
||||||
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6进水阀,7排水泵)
|
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6给排水)
|
||||||
ctrlType: 1,
|
ctrlType: 1,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
|
|||||||
@@ -176,7 +176,7 @@
|
|||||||
.get(planManage.getTableData, {
|
.get(planManage.getTableData, {
|
||||||
projectId: state.projectId,
|
projectId: state.projectId,
|
||||||
siteId: state.siteId,
|
siteId: state.siteId,
|
||||||
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6进水阀,7排水泵)
|
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6给排水)
|
||||||
ctrlType: props.type,
|
ctrlType: props.type,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
@@ -249,7 +249,7 @@
|
|||||||
.get(planManage.getTransData, {
|
.get(planManage.getTransData, {
|
||||||
projectId: state.projectId,
|
projectId: state.projectId,
|
||||||
siteId: state.siteId,
|
siteId: state.siteId,
|
||||||
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6进水阀,7排水泵)
|
// 设备类型(1照明,2空调,3排风扇,4风幕机,5电动窗,6给排水)
|
||||||
ctrlType: props.type,
|
ctrlType: props.type,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
|
|||||||
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 440 B |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 336 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
@@ -48,17 +48,18 @@ const tableCarbonKeyMap = [
|
|||||||
// textEllipsis: true,
|
// textEllipsis: true,
|
||||||
textNumber: 5,
|
textNumber: 5,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: '设备名称',
|
|
||||||
textNumber: 10,
|
|
||||||
dataIndex: 'deviceName',
|
|
||||||
// textEllipsis: true,
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: '设备id',
|
title: '设备id',
|
||||||
dataIndex: 'deviceInfoCode',
|
dataIndex: 'deviceInfoCode',
|
||||||
textNumber: 10,
|
textNumber: 10,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: '设备编号',
|
||||||
|
textNumber: 10,
|
||||||
|
dataIndex: 'deviceName',
|
||||||
|
// textEllipsis: true,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
textNumber: 5,
|
textNumber: 5,
|
||||||
title: '碳排因子值',
|
title: '碳排因子值',
|
||||||
@@ -77,14 +78,22 @@ const tableCarbonKeyMap = [
|
|||||||
{
|
{
|
||||||
title: '分组名称',
|
title: '分组名称',
|
||||||
textNumber: 10,
|
textNumber: 10,
|
||||||
dataIndex: 'deviceNameType',
|
dataIndex: 'pointName',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
textNumber: 5,
|
textNumber: 5,
|
||||||
title: '设备状态',
|
title: '设备状态',
|
||||||
dataIndex: 'status',
|
dataIndex: 'status',
|
||||||
customRender: ({ value }) => {
|
customRender: ({ value }) => {
|
||||||
return value === '0' ? '启用' : '停用';
|
if (value) {
|
||||||
|
if (value === '0') {
|
||||||
|
return '启用';
|
||||||
|
} else if (value === '1') {
|
||||||
|
return '停用';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
@@ -219,7 +228,7 @@ export const editCalTreeConfig = (orgId) => ({
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
export const treeConfig = (orgId) => {
|
export const treeConfig = (orgId, editCarbonEquipmentRef, tableRef) => {
|
||||||
return {
|
return {
|
||||||
defaultExpandAll: true,
|
defaultExpandAll: true,
|
||||||
header: {
|
header: {
|
||||||
@@ -233,6 +242,8 @@ export const treeConfig = (orgId) => {
|
|||||||
return [{ pointName: '全部', id: 'all', selectable: false, children: data }];
|
return [{ pointName: '全部', id: 'all', selectable: false, children: data }];
|
||||||
},
|
},
|
||||||
formConfig: {
|
formConfig: {
|
||||||
|
callList: true, // 刷新列表
|
||||||
|
// defaultSelection: true, //树默认选择第一个
|
||||||
schemas: [
|
schemas: [
|
||||||
{
|
{
|
||||||
field: 'energyType',
|
field: 'energyType',
|
||||||
@@ -248,6 +259,12 @@ export const treeConfig = (orgId) => {
|
|||||||
valueField: 'dicKey',
|
valueField: 'dicKey',
|
||||||
placeholder: '请选择能耗种类',
|
placeholder: '请选择能耗种类',
|
||||||
autoSelectFirst: true,
|
autoSelectFirst: true,
|
||||||
|
onSelect: async (cur, record) => {
|
||||||
|
editCarbonEquipmentRef.value.changeEnergyType(cur);
|
||||||
|
tableRef.value?.nsTableRef.clearCheck();
|
||||||
|
tableRef.value?.nsTableRef.reload();
|
||||||
|
// value.value = cur;
|
||||||
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -402,12 +419,12 @@ export const tableConfigCal = (
|
|||||||
label: '编辑',
|
label: '编辑',
|
||||||
name: 'GroupPointEdit',
|
name: 'GroupPointEdit',
|
||||||
type: 'primary',
|
type: 'primary',
|
||||||
handle: (a, b) => {
|
handle: async (a, b) => {
|
||||||
if (isCarbon) {
|
// if (isCarbon) {
|
||||||
editCarbonEquipmentRef.value.toggle();
|
editCarbonEquipmentRef.value.toggle();
|
||||||
} else {
|
// } else {
|
||||||
el.value.toggle();
|
// el.value.toggle();
|
||||||
}
|
// }
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -457,7 +474,7 @@ export const tableConfigCal = (
|
|||||||
return data.list.length === 0;
|
return data.list.length === 0;
|
||||||
},
|
},
|
||||||
extra: {
|
extra: {
|
||||||
xlsxMap: tableKeyMap,
|
xlsxMap: isCarbon ? tableCarbonKeyMap : tableCalKeyMap,
|
||||||
xlsxName: '分组信息YYYY-MM-DD',
|
xlsxName: '分组信息YYYY-MM-DD',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -656,7 +673,7 @@ export const tableConfigCal = (
|
|||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
export const editCarbonEquipmentConfig = (orgId) => {
|
export const editCarbonEquipmentConfig = (orgId, props) => {
|
||||||
return ref({
|
return ref({
|
||||||
title: '设备信息',
|
title: '设备信息',
|
||||||
api: device.queryDevicePage,
|
api: device.queryDevicePage,
|
||||||
@@ -673,22 +690,6 @@ export const editCarbonEquipmentConfig = (orgId) => {
|
|||||||
fieldNames: { title: 'deviceType', key: 'code' },
|
fieldNames: { title: 'deviceType', key: 'code' },
|
||||||
formConfig: {
|
formConfig: {
|
||||||
schemas: [
|
schemas: [
|
||||||
{
|
|
||||||
field: 'energyType',
|
|
||||||
label: '',
|
|
||||||
component: 'NsSelectApi',
|
|
||||||
autoSubmit: true,
|
|
||||||
componentProps: {
|
|
||||||
api: () => dict({ params: { dicKey: 'ENERGY_TYPE' } }),
|
|
||||||
// params: { dicKey: 'ENERGY_TYPE' },
|
|
||||||
immediate: true,
|
|
||||||
// resultField: 'data.ENERGY_TYPE',
|
|
||||||
labelField: 'cnValue',
|
|
||||||
valueField: 'dicKey',
|
|
||||||
placeholder: '请选择能耗种类',
|
|
||||||
autoSelectFirst: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
field: 'deviceType',
|
field: 'deviceType',
|
||||||
label: '设备名称',
|
label: '设备名称',
|
||||||
@@ -742,6 +743,26 @@ export const editCarbonEquipmentConfig = (orgId) => {
|
|||||||
],
|
],
|
||||||
formConfig: {
|
formConfig: {
|
||||||
schemas: [
|
schemas: [
|
||||||
|
{
|
||||||
|
field: 'energyType',
|
||||||
|
label: '',
|
||||||
|
component: 'NsSelectApi',
|
||||||
|
// autoSubmit: true,
|
||||||
|
defaultValue: props.params.energyType,
|
||||||
|
componentProps: {
|
||||||
|
api: () => dict({ params: { dicKey: 'ENERGY_TYPE' } }),
|
||||||
|
// params: { dicKey: 'ENERGY_TYPE' },
|
||||||
|
immediate: true,
|
||||||
|
// resultField: 'data.ENERGY_TYPE',
|
||||||
|
labelField: 'cnValue',
|
||||||
|
valueField: 'dicKey',
|
||||||
|
placeholder: '请选择能耗种类',
|
||||||
|
// autoSelectFirst: true,
|
||||||
|
},
|
||||||
|
dynamicDisabled: (data: any) => {
|
||||||
|
return props.params.energyType !== 'CARBON_EMISSIONS';
|
||||||
|
},
|
||||||
|
},
|
||||||
{
|
{
|
||||||
field: 'areas',
|
field: 'areas',
|
||||||
label: '设备区域',
|
label: '设备区域',
|
||||||
|
|||||||
@@ -28,6 +28,7 @@
|
|||||||
<a-select
|
<a-select
|
||||||
placeholder="请选择"
|
placeholder="请选择"
|
||||||
style="width: 200px"
|
style="width: 200px"
|
||||||
|
v-model:value="linkOrgId"
|
||||||
:options="linkList"
|
:options="linkList"
|
||||||
:field-names="{ label: 'orgName', value: 'orgId' }"
|
:field-names="{ label: 'orgName', value: 'orgId' }"
|
||||||
@change="handleChange" />
|
@change="handleChange" />
|
||||||
@@ -44,33 +45,46 @@
|
|||||||
import { http } from '/nerv-lib/util';
|
import { http } from '/nerv-lib/util';
|
||||||
import { group, device } from '/@/api/deviceManage';
|
import { group, device } from '/@/api/deviceManage';
|
||||||
const orgId = ref('');
|
const orgId = ref('');
|
||||||
|
|
||||||
const key = ref(Date.now());
|
const key = ref(Date.now());
|
||||||
|
|
||||||
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
|
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
|
||||||
orgId.value = result;
|
orgId.value = result;
|
||||||
|
|
||||||
|
const linkOrgId = ref('');
|
||||||
|
|
||||||
// const selectOrgId = ref(orgId.value);
|
// const selectOrgId = ref(orgId.value);
|
||||||
|
const props = defineProps({ params: Object });
|
||||||
|
|
||||||
const linkList = JSON.parse(sessionStorage.getItem('LINKLIST')!);
|
const linkList = JSON.parse(sessionStorage.getItem('LINKLIST')!);
|
||||||
let config = editCarbonEquipmentConfig(orgId.value);
|
linkOrgId.value = linkList[0].orgId;
|
||||||
|
let config = editCarbonEquipmentConfig(orgId.value, props);
|
||||||
const visible = ref(false);
|
const visible = ref(false);
|
||||||
const carbonEquipment = ref();
|
const carbonEquipment = ref();
|
||||||
// defineOptions({
|
// defineOptions({
|
||||||
// name: 'LedgerIndex', // 与页面路由name一致缓存才可生效
|
// name: 'LedgerIndex', // 与页面路由name一致缓存才可生效
|
||||||
// });
|
// });
|
||||||
|
|
||||||
|
const changeEnergyType = (val) => {
|
||||||
|
props.params.energyType = val;
|
||||||
|
config = editCarbonEquipmentConfig(linkOrgId.value, props);
|
||||||
|
key.value = Date.now();
|
||||||
|
};
|
||||||
const handleChange = (value: string) => {
|
const handleChange = (value: string) => {
|
||||||
// selectOrgId.value = value;
|
// selectOrgId.value = value;
|
||||||
config = editCarbonEquipmentConfig(value);
|
config = editCarbonEquipmentConfig(value, props);
|
||||||
debugger;
|
|
||||||
key.value = Date.now();
|
key.value = Date.now();
|
||||||
// carbonEquipment.value?.nsTableRef.reload();
|
// carbonEquipment.value?.nsTableRef.reload();
|
||||||
// carbonEquipment.value?.nsTableRef.treeReload();
|
// carbonEquipment.value?.nsTableRef.treeReload();
|
||||||
};
|
};
|
||||||
|
|
||||||
const props = defineProps({ params: Object });
|
|
||||||
const emit = defineEmits(['sure']);
|
const emit = defineEmits(['sure']);
|
||||||
const toggle = () => {
|
const toggle = (val) => {
|
||||||
|
if (val) {
|
||||||
|
config = editCarbonEquipmentConfig(linkOrgId.value, props);
|
||||||
|
key.value = Date.now();
|
||||||
|
}
|
||||||
|
|
||||||
visible.value = !visible.value;
|
visible.value = !visible.value;
|
||||||
// clearData();
|
// clearData();
|
||||||
// visible.value && getData(currentId.value);
|
// visible.value && getData(currentId.value);
|
||||||
@@ -93,14 +107,35 @@
|
|||||||
deviceInfoCode: selectedRowKeys[i],
|
deviceInfoCode: selectedRowKeys[i],
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
http.post(group.addCarbonDevice, params).then(() => {
|
if (props.params.energyType && props.params.energyType == 'CARBON_EMISSIONS') {
|
||||||
emit('sure');
|
http.post(group.addCarbonDevice, params).then(() => {
|
||||||
NsMessage.success('操作成功');
|
emit('sure');
|
||||||
toggle();
|
NsMessage.success('操作成功');
|
||||||
});
|
toggle(null);
|
||||||
|
});
|
||||||
|
} else if (props.params.energyType && props.params.energyType != 'CARBON_EMISSIONS') {
|
||||||
|
// if (!currentId.value) {
|
||||||
|
// NsMessage.warn('请先选择公司');
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
http
|
||||||
|
.post(group.saveComputeList, {
|
||||||
|
energyType: props.params.energyType,
|
||||||
|
orgId: props.params?.orgId,
|
||||||
|
hxDeviceGroupId: props.params?.hxDeviceGroupId,
|
||||||
|
saveOrgId: linkOrgId.value,
|
||||||
|
saveDeviceInfoCodes: selectedRowKeys,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
emit('sure');
|
||||||
|
NsMessage.success('操作成功');
|
||||||
|
toggle(null);
|
||||||
|
});
|
||||||
|
}
|
||||||
};
|
};
|
||||||
defineExpose({
|
defineExpose({
|
||||||
toggle,
|
toggle,
|
||||||
|
changeEnergyType,
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|||||||
@@ -54,7 +54,7 @@
|
|||||||
v-show="!defaultType && isCarbon"
|
v-show="!defaultType && isCarbon"
|
||||||
class="table"
|
class="table"
|
||||||
v-bind="configCarbon"
|
v-bind="configCarbon"
|
||||||
ref="tableCalRef" />
|
ref="tableCalRef2" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
@@ -80,6 +80,7 @@
|
|||||||
const modalFormRef = ref();
|
const modalFormRef = ref();
|
||||||
const tableRef = ref();
|
const tableRef = ref();
|
||||||
const tableCalRef = ref();
|
const tableCalRef = ref();
|
||||||
|
const tableCalRef2 = ref();
|
||||||
const editDrawerRef = ref();
|
const editDrawerRef = ref();
|
||||||
const editDrawerCalRef = ref();
|
const editDrawerCalRef = ref();
|
||||||
const editGroupRef = ref();
|
const editGroupRef = ref();
|
||||||
@@ -89,7 +90,7 @@
|
|||||||
|
|
||||||
const treeRef = ref();
|
const treeRef = ref();
|
||||||
const defaultType = ref(true);
|
const defaultType = ref(true);
|
||||||
const isCarbon = ref(true);
|
const isCarbon = ref(false);
|
||||||
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
|
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
|
||||||
const defaultParams = ref({
|
const defaultParams = ref({
|
||||||
orgId: result,
|
orgId: result,
|
||||||
@@ -119,7 +120,7 @@
|
|||||||
setFactorRef,
|
setFactorRef,
|
||||||
);
|
);
|
||||||
|
|
||||||
const tConfig = treeConfig(result);
|
const tConfig = treeConfig(result, editCarbonEquipmentRef, tableRef);
|
||||||
const nsModalFormConfig = ref({
|
const nsModalFormConfig = ref({
|
||||||
api: group.creatOrUpdate,
|
api: group.creatOrUpdate,
|
||||||
data: {},
|
data: {},
|
||||||
@@ -219,6 +220,7 @@
|
|||||||
//清除选中行数据
|
//清除选中行数据
|
||||||
tableRef.value?.nsTableRef.clearCheck();
|
tableRef.value?.nsTableRef.clearCheck();
|
||||||
tableCalRef.value?.nsTableRef.clearCheck();
|
tableCalRef.value?.nsTableRef.clearCheck();
|
||||||
|
tableCalRef2.value?.nsTableRef.clearCheck();
|
||||||
const {
|
const {
|
||||||
node: { pointType, id, energyType },
|
node: { pointType, id, energyType },
|
||||||
} = record;
|
} = record;
|
||||||
@@ -226,20 +228,24 @@
|
|||||||
defaultParams.value.id = id;
|
defaultParams.value.id = id;
|
||||||
defaultParams.value.hxDeviceGroupId = id;
|
defaultParams.value.hxDeviceGroupId = id;
|
||||||
defaultType.value = pointType === 'GROUPING_NODE';
|
defaultType.value = pointType === 'GROUPING_NODE';
|
||||||
defaultType.value
|
|
||||||
? tableRef.value?.nsTableRef.reload()
|
|
||||||
: tableCalRef.value?.nsTableRef.reload();
|
|
||||||
|
|
||||||
if (energyType == 'CARBON_EMISSIONS') {
|
if (energyType == 'CARBON_EMISSIONS') {
|
||||||
isCarbon.value = true;
|
isCarbon.value = true;
|
||||||
} else {
|
} else {
|
||||||
isCarbon.value = false;
|
isCarbon.value = false;
|
||||||
}
|
}
|
||||||
|
defaultType.value
|
||||||
|
? tableRef.value?.nsTableRef.reload()
|
||||||
|
: isCarbon.value
|
||||||
|
? tableCalRef2.value?.nsTableRef.reload()
|
||||||
|
: tableCalRef.value?.nsTableRef.reload();
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleOk = () => {
|
const handleOk = () => {
|
||||||
defaultType.value
|
defaultType.value
|
||||||
? tableRef.value?.nsTableRef.reload()
|
? tableRef.value?.nsTableRef.reload()
|
||||||
|
: isCarbon.value
|
||||||
|
? tableCalRef2.value?.nsTableRef.reload()
|
||||||
: tableCalRef.value?.nsTableRef.reload();
|
: tableCalRef.value?.nsTableRef.reload();
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -340,11 +340,25 @@
|
|||||||
// 获取当天的时间
|
// 获取当天的时间
|
||||||
const today = new Date();
|
const today = new Date();
|
||||||
const year = today.getFullYear();
|
const year = today.getFullYear();
|
||||||
const month = String(today.getMonth() + 1).padStart(2, '0'); // getMonth() 返回的月份是0-11
|
const month = Number(String(today.getMonth() + 1).padStart(2, '0')); // getMonth() 返回的月份是0-11
|
||||||
const day = String(today.getDate()).padStart(2, '0');
|
const day = Number(String(today.getDate()).padStart(2, '0'));
|
||||||
|
|
||||||
startTime = year + '-' + month + '-' + day;
|
if (dateTypeValue.value == 'month') {
|
||||||
endTime = year + '-' + month + '-' + day;
|
startTime = year + '-' + month + '-01';
|
||||||
|
// 创建下一个月的第一天
|
||||||
|
const date = new Date(year, month, 1);
|
||||||
|
|
||||||
|
// 减去一天得到当月的最后一天
|
||||||
|
// date.setDate(date.getDate() - 1);
|
||||||
|
endTime = date.toISOString().split('T')[0];
|
||||||
|
// endTime = endDate.value + '-01';
|
||||||
|
} else if (dateTypeValue.value == 'year') {
|
||||||
|
startTime = year + '-01-01';
|
||||||
|
endTime = year + '-12-31';
|
||||||
|
} else {
|
||||||
|
startTime = year + '-' + month + '-' + day;
|
||||||
|
endTime = year + '-' + month + '-' + day;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 图表数据
|
// 图表数据
|
||||||
|
|||||||
@@ -59,7 +59,10 @@
|
|||||||
查询
|
查询
|
||||||
</a-button>
|
</a-button>
|
||||||
</div>
|
</div>
|
||||||
<a-button type="primary" style="position: absolute; right: 40px; top: -45px">
|
<a-button
|
||||||
|
type="primary"
|
||||||
|
style="position: absolute; right: 40px; top: -45px"
|
||||||
|
@click="exportExcel()">
|
||||||
导出
|
导出
|
||||||
</a-button>
|
</a-button>
|
||||||
</div>
|
</div>
|
||||||
@@ -84,6 +87,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
|
import XLSX from 'xlsx';
|
||||||
|
// import Export2Excel from '/@/util/Export2Excel.js';
|
||||||
|
|
||||||
import { ref, onMounted, defineOptions } from 'vue';
|
import { ref, onMounted, defineOptions } from 'vue';
|
||||||
// import { http } from '/nerv-lib/util/http';
|
// import { http } from '/nerv-lib/util/http';
|
||||||
import { Pagination, SelectProps, TreeSelectProps, TableColumnType } from 'ant-design-vue';
|
import { Pagination, SelectProps, TreeSelectProps, TableColumnType } from 'ant-design-vue';
|
||||||
@@ -346,6 +352,61 @@
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
// 导出excel
|
||||||
|
/**导出按钮点击事件函数
|
||||||
|
* @前期准备 npm install -S xlsx file-saver 及 Export2Excel.js
|
||||||
|
*/
|
||||||
|
const exportExcel = () => {
|
||||||
|
import('/@/util/Export2Excel.js').then((excel) => {
|
||||||
|
// 导出的表头名
|
||||||
|
let tHeader = [];
|
||||||
|
let filterVal = [];
|
||||||
|
for (let i = 0; i < tableColumns.value.length; i++) {
|
||||||
|
if (tableColumns.value[i].dataIndex) {
|
||||||
|
tHeader.push(tableColumns.value[i].title);
|
||||||
|
filterVal.push(tableColumns.value[i].dataIndex);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// const tHeader = [
|
||||||
|
// 'ID',
|
||||||
|
// '名称',
|
||||||
|
// '视频ID',
|
||||||
|
// '视频标题',
|
||||||
|
// '发布',
|
||||||
|
// '视频类型',
|
||||||
|
// '播放量',
|
||||||
|
// '上传时间',
|
||||||
|
// ];
|
||||||
|
// // 导出的表头字段名
|
||||||
|
// const filterVal = [
|
||||||
|
// 'id',
|
||||||
|
// 'name',
|
||||||
|
// 'videoId',
|
||||||
|
// 'videoTitle',
|
||||||
|
// 'release',
|
||||||
|
// 'videoType',
|
||||||
|
// 'playVolume',
|
||||||
|
// 'updateTime',
|
||||||
|
// ];
|
||||||
|
//传入的数据
|
||||||
|
const list = data.value;
|
||||||
|
|
||||||
|
const datas = formatJson(filterVal, list);
|
||||||
|
excel.export_json_to_excel({
|
||||||
|
header: tHeader, // 表格头部
|
||||||
|
data: datas, // 表格数据
|
||||||
|
filename: '表格导出测试', // excel文件名
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
/**
|
||||||
|
* 格式化表格数据
|
||||||
|
* @filterVal 格式头
|
||||||
|
* @jsonData 用来格式化的表格数据
|
||||||
|
*/
|
||||||
|
const formatJson = (filterVal: any, jsonData: any) => {
|
||||||
|
return jsonData.map((v: any) => filterVal.map((j: any) => v[j]));
|
||||||
|
};
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
// 获取频率
|
// 获取频率
|
||||||
let frequency = await getEnum({ params: { enumType: 'TimeFlagEnum' } });
|
let frequency = await getEnum({ params: { enumType: 'TimeFlagEnum' } });
|
||||||
|
|||||||
@@ -65,6 +65,13 @@
|
|||||||
:unCheckedValue="0"
|
:unCheckedValue="0"
|
||||||
@change="(checked) => updateShowed(record)" />
|
@change="(checked) => updateShowed(record)" />
|
||||||
</template>
|
</template>
|
||||||
|
<template
|
||||||
|
v-if="column.dataIndex === 'device1Area' || column.dataIndex === 'device2Area'">
|
||||||
|
<a-tooltip v-if="text.length > 15" :title="text">
|
||||||
|
{{ text.slice(0, 15) }}...
|
||||||
|
</a-tooltip>
|
||||||
|
<span v-else>{{ text }}</span>
|
||||||
|
</template>
|
||||||
</template>
|
</template>
|
||||||
<template #title>
|
<template #title>
|
||||||
<div
|
<div
|
||||||
@@ -171,7 +178,7 @@
|
|||||||
const typeList = ref();
|
const typeList = ref();
|
||||||
|
|
||||||
const quyuvalue = ref<string[]>([]);
|
const quyuvalue = ref<string[]>([]);
|
||||||
const useFlag = ref<Number>();
|
const useFlag = ref<Number | null>();
|
||||||
const useFlagList = ref();
|
const useFlagList = ref();
|
||||||
useFlagList.value = [
|
useFlagList.value = [
|
||||||
{
|
{
|
||||||
@@ -218,6 +225,7 @@
|
|||||||
// 重置
|
// 重置
|
||||||
const resetting = () => {
|
const resetting = () => {
|
||||||
quyuvalue.value = [];
|
quyuvalue.value = [];
|
||||||
|
useFlag.value = null;
|
||||||
areaName.value = '';
|
areaName.value = '';
|
||||||
};
|
};
|
||||||
// 修改是否显示状态
|
// 修改是否显示状态
|
||||||
@@ -296,6 +304,8 @@
|
|||||||
// quyuvalue.value = [treeData2.value[0].childList[0].id];
|
// quyuvalue.value = [treeData2.value[0].childList[0].id];
|
||||||
// }
|
// }
|
||||||
});
|
});
|
||||||
|
|
||||||
|
queryDeviceInfoListPage();
|
||||||
};
|
};
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
// 获取环境参数
|
// 获取环境参数
|
||||||
@@ -360,6 +370,13 @@
|
|||||||
{
|
{
|
||||||
title: '设备一级区域',
|
title: '设备一级区域',
|
||||||
dataIndex: 'device1Area',
|
dataIndex: 'device1Area',
|
||||||
|
// width: 300,
|
||||||
|
// ellipsis: true,
|
||||||
|
// textNumber: 15,
|
||||||
|
// textEllipsis: true,
|
||||||
|
// ellipsis: {
|
||||||
|
// showTitle: false, // 设置为 false 在悬浮时显示 tooltip
|
||||||
|
// },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '设备二级区域',
|
title: '设备二级区域',
|
||||||
|
|||||||