c0e85434 by renchao@pashanhoo.com

style:首页修改完成

1 parent e3fecef2
......@@ -14,6 +14,12 @@
align-items: center;
}
.homeItem {
/deep/.el-card__body {
height: 83%;
}
}
.workbench {
flex-wrap: wrap;
height: 100%;
......@@ -21,11 +27,12 @@
li {
width: 32.5%;
height: 90px;
height: calc(50% - 5px);
@include flex-center;
flex-direction: column;
color: #fff;
font-size: 14px;
margin-bottom: 0;
i {
color: #fff;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-12 09:23:03
* @LastEditTime: 2023-12-28 09:01:29
-->
<template>
<div class="home">
<div class="home-left">
<el-row :gutter="8">
<el-col :span="12">
<el-card shadow="hover" :body-style="{ padding: '0' }" style="height:260px">
<el-row :gutter="8" class="height50">
<el-col :span="12" class="height100">
<el-card shadow="hover" :body-style="{ padding: '0' }" class="height100 homeItem">
<div slot="header" class="flexst">
<h5 class="title">常办项目</h5>
<el-button type="primary" @click="setFrequencyProject">配置常办</el-button>
</div>
<ul class="workbench flexst">
<ul class="workbench flexst" style="margin:5px">
<li v-for="(item, index) in projectList" @click="handleProject(item)" class="pointer" :key="index"
:style="{ backgroundColor: newsListColor[index] }">
<i class="el-icon-s-claim"></i>
......@@ -22,8 +22,8 @@
</ul>
</el-card>
</el-col>
<el-col :span="12">
<el-card shadow="hover" style="height:260px">
<el-col :span="12" class="height100">
<el-card shadow="hover" class="height100">
<div slot="header" class="flexst">
<h5 class="title">系统通知</h5>
<el-popover placement="right" width="50" trigger="hover">
......@@ -44,9 +44,9 @@
</el-card>
</el-col>
</el-row>
<el-row :gutter="8" class="marginTop10">
<el-col :span="12">
<el-card shadow="hover" style="height:215px">
<el-row :gutter="8" class="marginTop10 height50">
<el-col :span="12" class="height100">
<el-card shadow="hover" class="height100">
<div slot="header" class="flexst">
<h5 class="title">待办事项</h5>
<i class="el-icon-s-unfold pointer"></i>
......@@ -59,8 +59,8 @@
</ul>
</el-card>
</el-col>
<el-col :span="12">
<el-card shadow="hover" style="height:215px">
<el-col :span="12" class="height100">
<el-card shadow="hover" class="height100">
<div slot="header" class="flexst">
<h5 class="title">政策法规</h5>
<el-popover placement="right" width="50" trigger="hover">
......@@ -80,10 +80,10 @@
</el-card>
</el-col>
</el-row>
<el-card shadow="hover" class="marginTop10 box-mountNode" id="mountNodeCon"
<!-- <el-card shadow="hover" class="marginTop10 box-mountNode" id="mountNodeCon"
:body-style="{ padding: '8px 6px 0 6px' }">
<div id="mountNode"></div>
</el-card>
</el-card> -->
</div>
<div class="home-right">
<el-card shadow="hover">
......@@ -185,7 +185,7 @@
}
},
mounted () {
this.buildChart();//构建图标
// this.buildChart();//构建图标
this.loginTimeChart()
this.queryTodoList();//获取待办列表
this.queryDoneList();//获取已办列表
......@@ -403,6 +403,12 @@
}
</script>
<style scoped lang="scss">
.height50 {
height: calc(50% - 4px);
}
.height100 {
height: 100%;
}
@import "~@/styles/mixin.scss";
@import "./index.scss";
/deep/.el-card__header {
......