zhaoqiang
/
v3tianjin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

he

master
“yu” 2024-07-14 09:40:46 +08:00
parent 9a5377e772
commit 1b5efec1a3
6 changed files with 31 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@ -48,7 +48,7 @@ function useT() {
[() => currentRoute.value.path], [() => currentRoute.value.path],
() => { () => {
const route = unref(currentRoute); const route = unref(currentRoute);
const globalTitle = "全域能量管控平台"; const globalTitle = "源网荷储资源配置平台";
const currentTitle = route?.meta?.title as string; const currentTitle = route?.meta?.title as string;
title.value = currentTitle title.value = currentTitle

8
src/views/layout/header.vue
View File

@ -15,11 +15,11 @@
<!-- <img src="@/assets/images/mianpagev3/top/quanyu.png" alt="" /> --> <!-- <img src="@/assets/images/mianpagev3/top/quanyu.png" alt="" /> -->
<!-- 上海院要用文字 用下面的 浙江没要求用上面的图片 --> <!-- 上海院要用文字 用下面的 浙江没要求用上面的图片 -->
<div class="title"> <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">WideArea Energy Digital Management & Control System</div> -->
<div class="title_En"> <!-- <div class="title_En">
wide-area energy management and control platform wide-area energy management and control platform
</div> </div> -->
</div> </div>
</div> </div>
<div class="header-info"> <div class="header-info">
@ -268,7 +268,7 @@ p {
.header-title { .header-title {
flex: 1; flex: 1;
display: flex; display: flex;
// align-items: center; align-items: center;
justify-content: center; justify-content: center;
.title { .title {

4
src/views/login/index.vue
View File

@ -25,9 +25,9 @@
</div> </div>
</div> --> </div> -->
<div class="leftBox"> <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">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>
<div class="rightBox"> <div class="rightBox">
<img src="@/assets/images/login/tianjin.png" alt=""> <img src="@/assets/images/login/tianjin.png" alt="">

23
src/views/pages/carPage/index.vue
View File

@ -33,28 +33,7 @@
<div class="car_left_box content_bg"> <div class="car_left_box content_bg">
<carTree></carTree> <carTree></carTree>
</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> </div>
</div> </div>

65
src/views/pages/homePage/index.vue
View File

@ -66,7 +66,7 @@
{{ unit35?.length }} <span>kW</span> {{ unit35?.length }} <span>kW</span>
</div> </div>
<div class="hu"> <div class="hu">
{{ unit35?.count }} <span>户</span> {{ unit35?.count }} <span>座</span>
</div> </div>
</div> </div>
</div> </div>
@ -87,7 +87,7 @@
{{ unit10?.length }} <span>kW</span> {{ unit10?.length }} <span>kW</span>
</div> </div>
<div class="hu"> <div class="hu">
{{ unit10?.count }} <span>户</span> {{ unit10?.count }} <span>座</span>
</div> </div>
</div> </div>
</div> </div>
@ -108,7 +108,7 @@
{{ unit380lowarrLength }}<span> kW</span> {{ unit380lowarrLength }}<span> kW</span>
</div> </div>
<div class="hu"> <div class="hu">
{{ unit380lowarrCount }} <span>户</span> {{ unit380lowarrCount }} <span>座</span>
</div> </div>
</div> </div>
</div> </div>
@ -283,29 +283,8 @@
</div> </div>
</div> </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> </div>
</div> </div>
@ -507,7 +486,7 @@
/> />
</div> </div>
<div class="photovoltaic_value1"> <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 class="hu">9999 <span>kW</span></div>
</div> </div>
</div> </div>
@ -525,7 +504,7 @@
/> />
</div> </div>
<div class="photovoltaic_value1"> <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 class="hu">9999 <span>kW</span></div>
</div> </div>
</div> </div>
@ -542,8 +521,8 @@
/> />
</div> </div>
<div class="photovoltaic_value1"> <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 class="hu">0 <span>kW</span></div>
</div> </div>
</div> </div>
</div> </div>
@ -929,11 +908,11 @@ interface lenCoutInfo {
[key: string]: lenCoutInfoItem; [key: string]: lenCoutInfoItem;
} }
let SourcePv_unit: Ref<lenCoutInfo | null> = ref(null); // 使用 ref 来创建一个响应式引用 let SourcePv_unit: Ref<lenCoutInfo | null> = ref(null); // 使用 ref 来创建一个响应式引用
let unit10: Ref<lenCoutInfoItem | null> = ref({ length: 1010, count: 1010 }); //10kv光伏 let unit10: Ref<lenCoutInfoItem | null> = ref({ length: 0, count: 0 }); //10kv光伏
let unit35: Ref<lenCoutInfoItem | null> = ref({ length: 1010, count: 1010 }); //35kv光伏 let unit35: Ref<lenCoutInfoItem | null> = ref({ length: 0, count: 0 }); //35kv光伏
let unit380lowarr = reactive<any>([]); //380v一下光伏 let unit380lowarr = reactive<any>([]); //380v一下光伏
let unit380lowarrLength = ref(1010); //380v一下光伏的长度 let unit380lowarrLength = ref(0); //380v一下光伏的长度
let unit380lowarrCount = ref(1010); //380v一下光伏的户数 let unit380lowarrCount = ref(0); //380v一下光伏的户数
// 左-源-充电站 // 左-源-充电站
interface InfoItem { interface InfoItem {
name?: string; name?: string;
@ -948,23 +927,23 @@ interface Info {
let SourcePvstation: Ref<Info | null> = ref([ let SourcePvstation: Ref<Info | null> = ref([
{ {
name: "**厂站", name: "**厂站",
ratedS: 1015, ratedS: 0,
}, },
{ {
name: "**厂站", name: "**厂站",
ratedS: 1015, ratedS: 0,
}, },
]); // 使用 ref 来创建一个响应式引用 ]); // 使用 ref 来创建一个响应式引用
// 左 -荷-充电桩 // 左 -荷-充电桩
let sumLoadrateds = ref<any>(0); //额定电压总功率 let sumLoadrateds = ref<any>(0); //额定电压总功率
let loadchargingPile: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用 let loadchargingPile: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
let loadchargingPileratedS = ref<any>(10); //充电桩功率 let loadchargingPileratedS = ref<any>(0); //充电桩功率
let loadchargingPilecount = ref<any>(10); //充电桩户数 let loadchargingPilecount = ref<any>(0); //充电桩户数
// 左-荷-空调 // 左-荷-空调
let loadAirconditioner: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用 let loadAirconditioner: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
let loadAirconditionerratedS = ref<any>(10); //空调得功率 let loadAirconditionerratedS = ref<any>(0); //空调得功率
let loadAirconditionercount = ref<any>(0); //空调得户数 let loadAirconditionercount = ref<any>(0); //空调得户数
// 左-荷-微网 // 左-荷-微网
// let loadMicrogrid: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用 // 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 storedUserPart: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
let storedUserPartAreaRatedS = ref<any>(10); //西小站得功率 let storedUserPartAreaRatedS = ref<any>(0); //西小站得功率
let storedUserPartAreaCount = ref<any>(10); //西小站得户数 let storedUserPartAreaCount = ref<any>(0); //西小站得户数
let storedUserPartuserRatedS = ref<any>(10); //用户侧得功率 let storedUserPartuserRatedS = ref<any>(0); //用户侧得功率
let storedUserPartuserCount = ref<any>(10); //用户侧得户数 let storedUserPartuserCount = ref<any>(0); //用户侧得户数
// 右 网 主配网 // 右 网 主配网
// 主网 // 主网

23
src/views/pages/pvPage/index.vue
View File

@ -156,28 +156,7 @@
<rateLine></rateLine> <rateLine></rateLine>
</div> </div>
</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> </div>
</div> </div>