master
“yu”
parent
9a5377e772
commit
1b5efec1a3
|
|
@ -48,7 +48,7 @@ function useT() {
|
|||
[() => currentRoute.value.path],
|
||||
() => {
|
||||
const route = unref(currentRoute);
|
||||
const globalTitle = "全域能量管控平台";
|
||||
const globalTitle = "源网荷储资源配置平台";
|
||||
|
||||
const currentTitle = route?.meta?.title as string;
|
||||
title.value = currentTitle
|
||||
|
|
|
|||
|
|
@ -15,11 +15,11 @@
|
|||
<!-- <img src="@/assets/images/mianpagev3/top/quanyu.png" alt="" /> -->
|
||||
<!-- 上海院要用文字 用下面的 浙江没要求用上面的图片 -->
|
||||
<div class="title">
|
||||
<div class="title_Ch">全域能量管控平台</div>
|
||||
<div class="title_Ch">源网荷储资源配置平台</div>
|
||||
<!-- <div class="title_En">WideArea Energy Digital Management & Control System</div> -->
|
||||
<div class="title_En">
|
||||
<!-- <div class="title_En">
|
||||
wide-area energy management and control platform
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-info">
|
||||
|
|
@ -268,7 +268,7 @@ p {
|
|||
.header-title {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
// align-items: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.title {
|
||||
|
|
|
|||
|
|
@ -25,9 +25,9 @@
|
|||
</div>
|
||||
</div> -->
|
||||
<div class="leftBox">
|
||||
<div class="projectName">全域能量管控平台</div>
|
||||
<div class="projectName">源网荷储资源配置平台</div>
|
||||
<!-- <div class="projectName_En">Universe Energy Digital Regulation Platform</div> -->
|
||||
<div class="projectName_En">wide-area energy management and control platform</div>
|
||||
<!-- <div class="projectName_En">wide-area energy management and control platform</div> -->
|
||||
</div>
|
||||
<div class="rightBox">
|
||||
<img src="@/assets/images/login/tianjin.png" alt="">
|
||||
|
|
|
|||
|
|
@ -33,28 +33,7 @@
|
|||
<div class="car_left_box content_bg">
|
||||
<carTree></carTree>
|
||||
</div>
|
||||
<!-- 三维地图标识 -->
|
||||
<div class="legend_cus">
|
||||
<div class="legendlist">
|
||||
<div
|
||||
class="legendRow"
|
||||
v-for="(item, index) in lengendDate"
|
||||
:key="index"
|
||||
@click="handleSelectCheck(item)"
|
||||
>
|
||||
<div class="legend_l">
|
||||
<!-- <img :src="item.imgUrl" alt="" /> -->
|
||||
<div
|
||||
:class="[
|
||||
item.checkFlag ? 'select_active' : 'select_default',
|
||||
'selectbox',
|
||||
]"
|
||||
></div>
|
||||
<div class="yshadow legend_name">{{ item.lengendName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@
|
|||
{{ unit35?.length }} <span>kW</span>
|
||||
</div>
|
||||
<div class="hu">
|
||||
{{ unit35?.count }} <span>户</span>
|
||||
{{ unit35?.count }} <span>座</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -87,7 +87,7 @@
|
|||
{{ unit10?.length }} <span>kW</span>
|
||||
</div>
|
||||
<div class="hu">
|
||||
{{ unit10?.count }} <span>户</span>
|
||||
{{ unit10?.count }} <span>座</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
{{ unit380lowarrLength }}<span> kW</span>
|
||||
</div>
|
||||
<div class="hu">
|
||||
{{ unit380lowarrCount }} <span>户</span>
|
||||
{{ unit380lowarrCount }} <span>座</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -283,29 +283,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 荷 -->
|
||||
<div class="legend_cus">
|
||||
<div class="name">地图显示元素</div>
|
||||
<div class="legendlist">
|
||||
<div
|
||||
class="legendRow"
|
||||
v-for="(item, index) in lengendDate"
|
||||
:key="index"
|
||||
@click="handleSelectCheck(item)"
|
||||
>
|
||||
<div class="legend_l">
|
||||
<!-- <img :src="item.imgUrl" alt="" /> -->
|
||||
<div
|
||||
:class="[
|
||||
item.checkFlag ? 'select_active' : 'select_default',
|
||||
'selectbox',
|
||||
]"
|
||||
></div>
|
||||
<div class="yshadow">{{ item.lengendName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -507,7 +486,7 @@
|
|||
/>
|
||||
</div>
|
||||
<div class="photovoltaic_value1">
|
||||
<div class="kw">1010 <span>个</span></div>
|
||||
<div class="kw">0 <span>个</span></div>
|
||||
<div class="hu">9999 <span>kW</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -525,7 +504,7 @@
|
|||
/>
|
||||
</div>
|
||||
<div class="photovoltaic_value1">
|
||||
<div class="kw">1010 <span>个</span></div>
|
||||
<div class="kw">0 <span>个</span></div>
|
||||
<div class="hu">9999 <span>kW</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -542,8 +521,8 @@
|
|||
/>
|
||||
</div>
|
||||
<div class="photovoltaic_value1">
|
||||
<div class="kw">1010 <span>个</span></div>
|
||||
<div class="hu">9999 <span>kW</span></div>
|
||||
<div class="kw">0 <span>个</span></div>
|
||||
<div class="hu">0 <span>kW</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -929,11 +908,11 @@ interface lenCoutInfo {
|
|||
[key: string]: lenCoutInfoItem;
|
||||
}
|
||||
let SourcePv_unit: Ref<lenCoutInfo | null> = ref(null); // 使用 ref 来创建一个响应式引用
|
||||
let unit10: Ref<lenCoutInfoItem | null> = ref({ length: 1010, count: 1010 }); //10kv光伏
|
||||
let unit35: Ref<lenCoutInfoItem | null> = ref({ length: 1010, count: 1010 }); //35kv光伏
|
||||
let unit10: Ref<lenCoutInfoItem | null> = ref({ length: 0, count: 0 }); //10kv光伏
|
||||
let unit35: Ref<lenCoutInfoItem | null> = ref({ length: 0, count: 0 }); //35kv光伏
|
||||
let unit380lowarr = reactive<any>([]); //380v一下光伏
|
||||
let unit380lowarrLength = ref(1010); //380v一下光伏的长度
|
||||
let unit380lowarrCount = ref(1010); //380v一下光伏的户数
|
||||
let unit380lowarrLength = ref(0); //380v一下光伏的长度
|
||||
let unit380lowarrCount = ref(0); //380v一下光伏的户数
|
||||
// 左-源-充电站
|
||||
interface InfoItem {
|
||||
name?: string;
|
||||
|
|
@ -948,23 +927,23 @@ interface Info {
|
|||
let SourcePvstation: Ref<Info | null> = ref([
|
||||
{
|
||||
name: "**厂站",
|
||||
ratedS: 1015,
|
||||
ratedS: 0,
|
||||
},
|
||||
{
|
||||
name: "**厂站",
|
||||
ratedS: 1015,
|
||||
ratedS: 0,
|
||||
},
|
||||
]); // 使用 ref 来创建一个响应式引用
|
||||
|
||||
// 左 -荷-充电桩
|
||||
let sumLoadrateds = ref<any>(0); //额定电压总功率
|
||||
let loadchargingPile: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
|
||||
let loadchargingPileratedS = ref<any>(10); //充电桩功率
|
||||
let loadchargingPilecount = ref<any>(10); //充电桩户数
|
||||
let loadchargingPileratedS = ref<any>(0); //充电桩功率
|
||||
let loadchargingPilecount = ref<any>(0); //充电桩户数
|
||||
|
||||
// 左-荷-空调
|
||||
let loadAirconditioner: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
|
||||
let loadAirconditionerratedS = ref<any>(10); //空调得功率
|
||||
let loadAirconditionerratedS = ref<any>(0); //空调得功率
|
||||
let loadAirconditionercount = ref<any>(0); //空调得户数
|
||||
// 左-荷-微网
|
||||
// let loadMicrogrid: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
|
||||
|
|
@ -973,11 +952,11 @@ let loadMicrogridcount = ref<any>(0); //空调得户数
|
|||
|
||||
// 右-储-用户侧
|
||||
let storedUserPart: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
|
||||
let storedUserPartAreaRatedS = ref<any>(10); //西小站得功率
|
||||
let storedUserPartAreaCount = ref<any>(10); //西小站得户数
|
||||
let storedUserPartAreaRatedS = ref<any>(0); //西小站得功率
|
||||
let storedUserPartAreaCount = ref<any>(0); //西小站得户数
|
||||
|
||||
let storedUserPartuserRatedS = ref<any>(10); //用户侧得功率
|
||||
let storedUserPartuserCount = ref<any>(10); //用户侧得户数
|
||||
let storedUserPartuserRatedS = ref<any>(0); //用户侧得功率
|
||||
let storedUserPartuserCount = ref<any>(0); //用户侧得户数
|
||||
|
||||
// 右 网 主配网
|
||||
// 主网
|
||||
|
|
|
|||
|
|
@ -156,28 +156,7 @@
|
|||
<rateLine></rateLine>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 三维地图标识 -->
|
||||
<div class="legend_cus">
|
||||
<div class="legendlist">
|
||||
<div
|
||||
class="legendRow"
|
||||
v-for="(item, index) in lengendDate"
|
||||
:key="index"
|
||||
@click="handleSelectCheck(item)"
|
||||
>
|
||||
<div class="legend_l">
|
||||
<!-- <img :src="item.imgUrl" alt="" /> -->
|
||||
<div
|
||||
:class="[
|
||||
item.checkFlag ? 'select_active' : 'select_default',
|
||||
'selectbox',
|
||||
]"
|
||||
></div>
|
||||
<div class="yshadow legend_name">{{ item.lengendName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue