e9a49a21 by 任超

style:样式完成

1 parent 11853c3e
<template>
<Echart :options="options" id="centreLeft1Chart" height="200px" width="95%"></Echart>
<Echart :options="options" id="centreLeft1Chart" height="200px" width="100%"></Echart>
</template>
<script>
import Echart from '@/common/echart'
......@@ -19,8 +19,8 @@ export default {
this.options = {
grid: {
// 让图表占满容器
top: "50%",
right: '30%',
top: "60%",
right: '0',
bottom: "0%",
},
color: [
......
<template>
<!-- 柱状图 -->
<Echart :options="options" id="bottomLeftChart" height="420px" width="100%"></Echart>
<Echart :options="options" id="bottomLeftChart" height="100%" width="100%"></Echart>
</template>
<script>
......
......@@ -26,7 +26,7 @@ export default {
this.options = {
grid: {
// 让图表占满容器
top: "12%",
top: "20%",
left: "15%",
right: "10%",
bottom: "26%",
......
<template>
<el-menu router :default-active="activeMenu" mode="horizontal">
<!-- 权限菜单 -->
<sidebar-item v-for="route in permission_routes.slice(2, 5)" :key="route.path" :item="route"
<sidebar-item v-for="route in permission_routes.slice(1, 4)" :key="route.path" :item="route"
:base-path="route.path" />
<!-- 菜单全部展示 -->
<!-- <sidebar-item v-for="route in asyncRoutes" :key="route.path" :item="route" :base-path="route.path" /> -->
......
<template>
<el-menu router :default-active="activeMenu" mode="horizontal">
<!-- 权限菜单 -->
<sidebar-item v-for="route in permission_routes.slice(5, 8)" :key="route.path" :item="route"
<sidebar-item v-for="route in permission_routes.slice(4, 7)" :key="route.path" :item="route"
:base-path="route.path" />
<!-- 菜单全部展示 -->
<!-- <sidebar-item v-for="route in asyncRoutes" :key="route.path" :item="route" :base-path="route.path" /> -->
......
......@@ -27,7 +27,7 @@ router.beforeEach(async (to, from, next) => {
if (routeTo && routeTo !== '/') {
next({ ...to, replace: true })
} else {
next('/jgHome')
next('/home')
}
}
NProgress.done()
......
......@@ -20,22 +20,17 @@ export const constantRoutes = [
}
]
},
{
path: '/dataView',
name: 'dataView',
component: () => import('@/views/dataView/index')
},
// 监管首页
{
path: '/',
component: Layout,
redirect: '/jgHome',
redirect: '/home',
meta: { title: '首页' },
children: [
{
path: 'jgHome',
path: 'home',
component: () => import('@/views/home/index'),
name: 'jgHome',
name: 'home',
meta: { title: '工作台', icon: 'workbench', affix: true }
}
]
......
......@@ -177,6 +177,7 @@ table th {
}
table td {
box-sizing: border-box;
border-bottom: 8px solid rgba(0, 0, 0, 0.1) !important;
}
......@@ -187,12 +188,13 @@ table td {
.el-table__body tr:hover {
background: rgba(2, 160, 253, 0.1) !important;
background: rgba(2, 160, 253, 0.3) !important;
box-shadow: inset 0px 0px 18px 0px #02A0FD !important;
}
.el-table__body tr:hover>td.el-table__cell {
.el-table__body tr:hover>td {
background: none !important;
border-bottom: 8px solid transparent !important;
}
// 表格样式
......
......@@ -77,15 +77,14 @@ export default {
<style lang="scss" scoped>
.leftcard {
width: 30%;
height: 100%;
height: calc(100% -94px);
display: flex;
flex-direction: column;
.card {
background: url("~@/image/homeLeftBg.png") no-repeat;
background-size: 100% 100%;
position: relative;
flex: 1;
height: 100%;
padding: 8px 0;
}
......@@ -94,6 +93,9 @@ export default {
background-size: 100% 100%;
position: relative;
padding: 10px 0;
box-sizing: border-box;
flex: 1;
height: 100%;
}
.cardhead {
......
......@@ -2,7 +2,7 @@
<div class="rightcard">
<div class="card1 cardCon d-center">
<div class="cardhead">房屋情况统计表</div>
<div class="cardcontent" style="margin-top: 50px">
<div class="cardcontent" style="margin-top: 70px">
<dv-scroll-board :config="config" class="board" />
</div>
</div>
......@@ -51,7 +51,9 @@ export default {
}
.rightcard {
width: 30%;
display: flex;
height: calc(100% -94px);
flex-direction: column;
.cardhead {
......@@ -72,21 +74,21 @@ export default {
}
.cardCon {
padding: 20px 10px;
padding: 20px 5px;
position: relative;
text-align: center;
width: 100%;
}
.card1 {
height: 240px;
height: 200px;
background: url("~@/image/homeLeftBg.png") no-repeat;
background-size: 100% 100%;
.board {
width: 90%;
margin: 0 auto;
height: 165px;
height: 135px;
margin-top: 40px;
}
}
......@@ -94,13 +96,15 @@ export default {
.card2 {
background: url("~@/image/djywl.png") no-repeat;
background-size: 100% 100%;
padding: 70px 0 20px 0;
padding: 50px 0 15px 0;
}
.card3 {
height: 170px;
flex: 1;
height: 100%;
background: url("~@/image/lxzl.png") no-repeat;
background-size: 100% 100%;
padding-bottom: 0;
}
.cardhead {
......
......@@ -46,43 +46,5 @@ export default {
margin: auto;
display: flex;
justify-content: space-between;
.centercard {
width: 40%;
.card1 {
width: 100%;
box-sizing: border-box;
background-size: 100% 100%;
}
.card2 {
width: 100%;
box-sizing: border-box;
background-size: 100% 100%;
}
}
.rightcard {
width: 30%;
height: 100%;
.card1 {
width: 100%;
box-sizing: border-box;
background-size: 100% 100%;
}
.card2 {
width: 100%;
box-sizing: border-box;
background-size: 100% 100%;
}
.card3 {
width: 100%;
box-sizing: border-box;
background-size: 100% 100%;
}
}
}
</style>
......