cxc/rn-bms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

首页改动

Browse Source
This commit is contained in:
hh
2020-12-31 15:10:37 +08:00
parent 5acc820051
commit 617c85825d
2 changed files with 28 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/image/index_welcome.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 135 KiB

39
src/views/index.vue
View File

@ -1,16 +1,24 @@
<template> <template>
<div class="dashboard-editor-container"> <div class="dashboard-editor-container">
<panel-group @handleSetLineChartData="handleSetLineChartData" /> <!-- <panel-group @handleSetLineChartData="handleSetLineChartData" />
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;"> <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
<line-chart :chart-data="lineChartData" /> <line-chart :chart-data="lineChartData" />
</el-row> -->
<div style="height:10%"></div>
<el-row class="tc">
<div style="font-size:50px">WELCOME LOGIN</div>
<div class="mt10 mb10">欢迎登录锐能BMS管理系统</div>
<div>
<el-button size="mini" type="primary" v-hasPermi="['system:device:deviceSignal']">
<router-link target="_blank" :to="{path:'/chart'}">查看数据</router-link>
</el-button>
</div>
</el-row> </el-row>
<el-row v-hasPermi="['/system/device/deviceSignal']"><router-link target="_blank" :to="{path:'/chart'}">查看数据</router-link> <!-- <el-row :gutter="32">
</el-row>
<el-row :gutter="32">
<el-col :xs="24" :sm="24" :lg="8"> <el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper"> <div class="chart-wrapper">
<raddar-chart /> <raddar-chart />
@ -26,9 +34,8 @@
<bar-chart /> <bar-chart />
</div> </div>
</el-col> </el-col>
</el-row> </el-row> -->
</div> </div>
</template> </template>
@ -67,13 +74,13 @@ export default {
PieChart, PieChart,
BarChart BarChart
}, },
data() { data () {
return { return {
lineChartData: lineChartData.newVisitis lineChartData: lineChartData.newVisitis
} }
}, },
methods: { methods: {
handleSetLineChartData(type) { handleSetLineChartData (type) {
this.lineChartData = lineChartData[type] this.lineChartData = lineChartData[type]
} }
} }
@ -82,9 +89,19 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.dashboard-editor-container { .dashboard-editor-container {
top: 0;
left: 0;
height: 100%;
width: 100%;
padding: 32px; padding: 32px;
background-color: rgb(240, 242, 245); background-color: rgb(240, 242, 245);
position: relative; position: absolute;
box-sizing: border-box;
background-image: url(../assets/image/index_welcome.png);
background-size: 300px;
background-repeat: no-repeat;
background-position: center;
.chart-wrapper { .chart-wrapper {
background: #fff; background: #fff;
@ -93,7 +110,7 @@ export default {
} }
} }
@media (max-width:1024px) { @media (max-width: 1024px) {
.chart-wrapper { .chart-wrapper {
padding: 8px; padding: 8px;
} }