Browse Source

根据文档进行优化

temp
fks-xuxinyue 2 months ago
parent
commit
c6b4895b67
  1. 10
      hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/carbonAssetsDetail/index.vue
  2. 45
      hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/index.vue
  3. 12
      hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/energyConsumption/index.vue
  4. 6
      hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/index.vue

10
hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/carbonAssetsDetail/index.vue

@ -51,7 +51,6 @@
<div style="display: flex; margin-top: 20px; height: calc(85% - 20px)"> <div style="display: flex; margin-top: 20px; height: calc(85% - 20px)">
<div class="detailTable"> <div class="detailTable">
<ns-view-list-table <ns-view-list-table
class="content-table"
v-bind="tableConfig" v-bind="tableConfig"
:model="data" :model="data"
ref="mainRef" ref="mainRef"
@ -208,10 +207,11 @@
}); });
const transactionTypeValue = ref(); const transactionTypeValue = ref();
const changeSelect = (value, selectedOptions) => { const changeSelect = (value, selectedOptions) => {
transactionTypeValue.value = selectedOptions.flatMap((group) => debugger;
group.flatMap((node) => [node.value, ...(node.children?.map((child) => child.value) || [])]), // transactionTypeValue.value = selectedOptions.flatMap((group) =>
); // group.flatMap((node) => [node.value, ...(node.children?.map((child) => child.value) || [])]),
// transactionTypeValue.value = value.flat() // );
transactionTypeValue.value = value.flat();
}; };
const searchTableList = () => { const searchTableList = () => {
year.value = queryParams.value.year; year.value = queryParams.value.year;

45
hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/index.vue

@ -6,9 +6,13 @@
><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-1.svg" ><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-1.svg"
/></div> /></div>
<div class="moneyTitle">全国碳账户估值CNY</div> <div class="moneyTitle">全国碳账户估值CNY</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ <div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">
nationwide.valuation <span
}}</div> style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
:title="nationwide.valuation">
{{ nationwide.valuation }}
</span>
</div>
<div class="moneyDetail"> <div class="moneyDetail">
<div <div
class="detailClick" class="detailClick"
@ -61,7 +65,13 @@
><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-2.svg" ><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-2.svg"
/></div> /></div>
<div class="moneyTitle">地方碳账户估值CNY</div> <div class="moneyTitle">地方碳账户估值CNY</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ place.valuation }}</div> <div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">
<span
style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
:title="place.valuation">
{{ place.valuation }}
</span>
</div>
<div class="moneyDetail"> <div class="moneyDetail">
<div <div
class="detailClick" class="detailClick"
@ -114,7 +124,13 @@
><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-3.svg" ><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-3.svg"
/></div> /></div>
<div class="moneyTitle">CCER资产估值CNY</div> <div class="moneyTitle">CCER资产估值CNY</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ ccer.valuation }}</div> <div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">
<span
style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
:title="ccer.valuation">
{{ ccer.valuation }}
</span>
</div>
<div class="moneyDetail"> <div class="moneyDetail">
<div <div
class="detailClick" class="detailClick"
@ -167,7 +183,13 @@
><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-4.svg" ><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-4.svg"
/></div> /></div>
<div class="moneyTitle">碳资产总估值CNY</div> <div class="moneyTitle">碳资产总估值CNY</div>
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ whole.whole }}</div> <div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">
<span
style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
:title="whole.whole">
{{ whole.whole }}
</span>
</div>
</div> </div>
<div class="title" style="justify-content: center"> <div class="title" style="justify-content: center">
<img <img
@ -277,7 +299,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
.moneyImg { .moneyImg {
width: 18%; width: 15%;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
@ -295,23 +317,24 @@
.moneyTotal { .moneyTotal {
width: 33%; width: 33%;
display: flex; display: flex;
justify-content: center; justify-content: left;
opacity: 1; opacity: 1;
font-size: 40px; font-size: 40px;
font-weight: 400; font-weight: 500;
line-height: 52px; line-height: 52px;
text-align: left; text-align: left;
} }
.moneyDetail { .moneyDetail {
width: 14%; width: 17%;
display: flex; display: flex;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
.detailClick { .detailClick {
border-radius: 4px; border-radius: 4px;
padding: 3px; padding: 10px;
> span { > span {
font-size: 12px; font-size: 12px;
margin-left: 2px;
} }
} }
} }

12
hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/energyConsumption/index.vue

@ -1,11 +1,9 @@
<template> <template>
<div> <div style="height: 100%">
<ns-view-list-table <div class="table" style="height: 100%">
v-bind="tableConfig" <ns-view-list-table v-bind="tableConfig" :model="data" ref="mainRef" :scroll="{ x: 1500 }">
:model="data" </ns-view-list-table>
ref="mainRef" </div>
:scroll="{ x: 1500, y: 350 }">
</ns-view-list-table>
<!-- 新增数据库数据 --> <!-- 新增数据库数据 -->
<a-drawer <a-drawer
:width="500" :width="500"

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

@ -66,4 +66,10 @@
text-align: left; text-align: left;
vertical-align: top; vertical-align: top;
} }
:deep(.ant-tabs-content) {
height: 100%;
}
:deep(.ant-tabs-tabpane) {
height: 100%;
}
</style> </style>

Loading…
Cancel
Save