美化页面
This commit is contained in:
parent
68df2bca61
commit
329eb910be
BIN
src/assets/logo/logo-demo.png
Normal file
BIN
src/assets/logo/logo-demo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.5 KiB |
@ -22,7 +22,8 @@
|
||||
<!-- 底部用户区域 -->
|
||||
<div class="sidebar-footer" :class="{ 'collapsed': isCollapse, 'theme-light': sideTheme === 'theme-light' }">
|
||||
<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>
|
||||
|
||||
<!-- 展开状态下显示完整内容 -->
|
||||
|
||||
@ -6,8 +6,9 @@
|
||||
<div class="left">
|
||||
<div class="sidebar-logo-container" :class="{ collapse: !sidebar.opened }">
|
||||
<div class="logo" v-if="systemInfo && systemInfo.leftLogo">
|
||||
<img v-if="sideTheme === 'theme-dark'" :src="systemInfo.leftLogo" class="sidebar-logo" />
|
||||
<img v-else :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 style="width: 40px;" src="@/assets/logo/logo-demo.png" alt="">
|
||||
</div>
|
||||
<div class="name" v-if="sidebar.opened" :style="{ color: sideTheme === 'theme-dark' ? '#fff' : '#333' }">
|
||||
{{ title }}
|
||||
@ -21,10 +22,10 @@
|
||||
/>
|
||||
</div>
|
||||
<top-nav />
|
||||
<div class="right">
|
||||
<!-- 报警和大模型按钮 -->
|
||||
<!-- <div class="right">
|
||||
|
||||
<div class="right-menu">
|
||||
<!-- 报警按钮 -->
|
||||
|
||||
<div class="right-menu-item alarm-btn" @click="goToAlarm">
|
||||
<el-badge :value="alarmCount" :max="99" class="alarm-badge">
|
||||
<svg-icon icon-class="bell" class="right-menu-icon" />
|
||||
@ -32,13 +33,13 @@
|
||||
<span class="right-menu-text">报警</span>
|
||||
</div>
|
||||
|
||||
<!-- 大模型按钮 -->
|
||||
|
||||
<div class="right-menu-item ai-btn" @click="openAIModel">
|
||||
<svg-icon icon-class="ai" class="right-menu-icon" />
|
||||
<span class="right-menu-text">智能助手</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-container">
|
||||
@ -79,7 +80,8 @@ const device = computed(() => appStore.device)
|
||||
const needTagsView = computed(() => settingsStore.tagsView)
|
||||
const fixedHeader = computed(() => settingsStore.fixedHeader)
|
||||
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)
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<el-form-item label=" " prop="timeType" label-width="0">
|
||||
<el-radio-group v-model="queryParams.timeType" @change="changeTimeType">
|
||||
<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-form-item>
|
||||
<el-form-item label="时间" prop="dataTime">
|
||||
|
||||
@ -923,7 +923,6 @@ function getListPeakValley() {
|
||||
.card-list-item {
|
||||
width: 0;
|
||||
flex: 1 1 320px;
|
||||
max-width: 320px;
|
||||
height: 135px;
|
||||
background: rgba(242, 246, 250, 0.1);
|
||||
box-sizing: border-box;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user