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 {