RIZO/shgx_zs_nenghao_web
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

美化页面

Browse Source
This commit is contained in:
李闯 2026-02-06 14:15:11 +08:00
parent 68df2bca61
commit 329eb910be
6 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/logo/logo-demo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/assets/logo/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.5 KiB

3
src/layout/components/Sidebar/index.vue
View File

@ -22,7 +22,8 @@
<!-- 底部用户区域 --> <!-- 底部用户区域 -->
<div class="sidebar-footer" :class="{ 'collapsed': isCollapse, 'theme-light': sideTheme === 'theme-light' }"> <div class="sidebar-footer" :class="{ 'collapsed': isCollapse, 'theme-light': sideTheme === 'theme-light' }">
<div class="user-avatar-container"> <div class="user-avatar-container">
<img :src="userStore.avatar" class="user-avatar" /> <!-- <img :src="userStore.avatar" class="user-avatar" /> -->
<img style="width: 40px;" src="@/assets/logo/logo-demo.png" alt="">
</div> </div>
<!-- 展开状态下显示完整内容 --> <!-- 展开状态下显示完整内容 -->

18
src/layout/index.vue
View File

@ -6,8 +6,9 @@
<div class="left"> <div class="left">
<div class="sidebar-logo-container" :class="{ collapse: !sidebar.opened }"> <div class="sidebar-logo-container" :class="{ collapse: !sidebar.opened }">
<div class="logo" v-if="systemInfo && systemInfo.leftLogo"> <div class="logo" v-if="systemInfo && systemInfo.leftLogo">
<img v-if="sideTheme === 'theme-dark'" :src="systemInfo.leftLogo" class="sidebar-logo" /> <!-- <img v-if="sideTheme === 'theme-dark'" :src="systemInfo.leftLogo" class="sidebar-logo" />
<img v-else :src="systemInfo.leftLogo" class="sidebar-logo" /> <img v-else :src="systemInfo.leftLogo" class="sidebar-logo" /> -->
<img style="width: 40px;" src="@/assets/logo/logo-demo.png" alt="">
</div> </div>
<div class="name" v-if="sidebar.opened" :style="{ color: sideTheme === 'theme-dark' ? '#fff' : '#333' }"> <div class="name" v-if="sidebar.opened" :style="{ color: sideTheme === 'theme-dark' ? '#fff' : '#333' }">
{{ title }} {{ title }}
@ -21,10 +22,10 @@
/> />
</div> </div>
<top-nav /> <top-nav />
<div class="right"> <!-- <div class="right">
<!-- 报警和大模型按钮 -->
<div class="right-menu"> <div class="right-menu">
<!-- 报警按钮 -->
<div class="right-menu-item alarm-btn" @click="goToAlarm"> <div class="right-menu-item alarm-btn" @click="goToAlarm">
<el-badge :value="alarmCount" :max="99" class="alarm-badge"> <el-badge :value="alarmCount" :max="99" class="alarm-badge">
<svg-icon icon-class="bell" class="right-menu-icon" /> <svg-icon icon-class="bell" class="right-menu-icon" />
@ -32,13 +33,13 @@
<span class="right-menu-text">报警</span> <span class="right-menu-text">报警</span>
</div> </div>
<!-- 大模型按钮 -->
<div class="right-menu-item ai-btn" @click="openAIModel"> <div class="right-menu-item ai-btn" @click="openAIModel">
<svg-icon icon-class="ai" class="right-menu-icon" /> <svg-icon icon-class="ai" class="right-menu-icon" />
<span class="right-menu-text">智能助手</span> <span class="right-menu-text">智能助手</span>
</div> </div>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
<div class="content-container"> <div class="content-container">
@ -79,7 +80,8 @@ const device = computed(() => appStore.device)
const needTagsView = computed(() => settingsStore.tagsView) const needTagsView = computed(() => settingsStore.tagsView)
const fixedHeader = computed(() => settingsStore.fixedHeader) const fixedHeader = computed(() => settingsStore.fixedHeader)
const systemInfo = JSON.parse(Cookies.get("SystemInfo") || '{"systemName":"智汕能源管理系统","leftLogo":""}') const systemInfo = JSON.parse(Cookies.get("SystemInfo") || '{"systemName":"智汕能源管理系统","leftLogo":""}')
const title = systemInfo.systemName || import.meta.env.VITE_APP_TITLE // const title = systemInfo.systemName || import.meta.env.VITE_APP_TITLE
const title = '干巷能耗管理系统'
// 报警数量，可以从接口获取 // 报警数量，可以从接口获取
const alarmCount = ref(5) const alarmCount = ref(5)

2
src/views/dataMonitoring/historyDataTrend/index.vue
View File

@ -12,7 +12,7 @@
<el-form-item label=" " prop="timeType" label-width="0"> <el-form-item label=" " prop="timeType" label-width="0">
<el-radio-group v-model="queryParams.timeType" @change="changeTimeType"> <el-radio-group v-model="queryParams.timeType" @change="changeTimeType">
<el-radio-button label="DAY">日</el-radio-button> <el-radio-button label="DAY">日</el-radio-button>
<el-radio-button label="HOUR">小时</el-radio-button> <!-- <el-radio-button label="HOUR">小时</el-radio-button> -->
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="时间" prop="dataTime"> <el-form-item label="时间" prop="dataTime">

1
src/views/index.vue
View File

@ -923,7 +923,6 @@ function getListPeakValley() {
.card-list-item { .card-list-item {
width: 0; width: 0;
flex: 1 1 320px; flex: 1 1 320px;
max-width: 320px;
height: 135px; height: 135px;
background: rgba(242, 246, 250, 0.1); background: rgba(242, 246, 250, 0.1);
box-sizing: border-box; box-sizing: border-box;