diff --git a/public/home1.png b/public/home1.png
new file mode 100644
index 0000000..057c601
Binary files /dev/null and b/public/home1.png differ
diff --git a/public/home2.png b/public/home2.png
new file mode 100644
index 0000000..9e7783d
Binary files /dev/null and b/public/home2.png differ
diff --git a/public/home3.png b/public/home3.png
new file mode 100644
index 0000000..bf119af
Binary files /dev/null and b/public/home3.png differ
diff --git a/public/home4.png b/public/home4.png
new file mode 100644
index 0000000..932d99e
Binary files /dev/null and b/public/home4.png differ
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 488e80d..86a5d02 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -179,9 +179,8 @@
-
研发投入资金统计图
+ 研发投入资金统计图
-
@@ -652,6 +651,7 @@ const fundPieOption = ref({
height: 70
},
left: 'center',
+ right: 'center',
top: '42%',
}]
},
@@ -661,6 +661,7 @@ const fundPieOption = ref({
radius: [75, 100],
center: ['50%', '50%'],
top: '10%',
+ left:'8',
label: {
show: false,
},
@@ -696,6 +697,7 @@ const fundPieOption = ref({
name: '',
type: 'pie',
top: '10%',
+ left:'8',
clockWise: false,
hoverAnimation: false,
radius: ['80%', '80%'],//边框大小
@@ -723,6 +725,7 @@ const fundPieOption = ref({
})
const moneyPieOption = ref({
tooltip: {
+ show:false,
trigger: 'item'
},
color: colorList,
@@ -800,7 +803,7 @@ const clickGotoListPage = (item) => {
}
const getImgUrl = (name) => {
- return new URL('../../assets/home/' + name, import.meta.url).href
+ return new URL('/' + name, import.meta.url).href
}
const handleDetail = (row) => {
@@ -930,26 +933,25 @@ const handleView = (row) => {
}
.money-container {
- height: calc((100vh / 2) - 200px);
+ //height: calc((100vh / 2) - 200px);
display: flex;
justify-content: center;
align-items: center;
- margin-top: 40px;
+ margin-top: 49px;
width: 250px;
> div {
-
- height: 300px;
+ height: 250px;
flex: 1;
}
}
.container {
- height: calc((100vh / 2) - 200px);
+ //height: calc((100vh / 2) - 200px);
display: flex;
justify-content: center;
align-items: center;
- margin-top: 40px;
+ margin-top: 10px;
> div {
height: 300px;
@@ -974,9 +976,15 @@ const handleView = (row) => {
:deep(.el-tabs__new-tab ) {
width: auto !important;
border: none !important;
- margin-left: -93px !important;
color: #1476E3;
font-size: 14px;
+ line-height: 51px!important;
+ height: 51px!important;
+ margin: 0 0 0 -93px !important;
+ z-index: 99;
+ &:hover{
+ text-decoration: underline;
+ }
}
:deep(.el-card) {
@@ -1011,6 +1019,9 @@ const handleView = (row) => {
:deep(.el-table) {
height: 300px !important;
}
+ .todo-bg {
+ margin-top: 10px;
+ }
}
@media only screen and (max-width: 1000px) {
@@ -1353,7 +1364,7 @@ const handleView = (row) => {
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
text-align: center;
- margin-top: 15px;
+ //margin-top: 15px;
}
.title-block {