diff --git a/package.json b/package.json index e3f8d83..2313986 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ruoyi", - "version": "1.0.202408291841", + "version": "1.0.202408300856", "description": "金鸡湖现代服务业品牌管理系统", "author": "若依", "license": "MIT", diff --git a/src/assets/styles/publicPro.scss b/src/assets/styles/publicPro.scss index e975c08..a5d432e 100644 --- a/src/assets/styles/publicPro.scss +++ b/src/assets/styles/publicPro.scss @@ -263,6 +263,8 @@ .service-left { padding: 10px; + display: flex; + flex-direction: column; .home-mainPro-top, .home-mainPro-middle, @@ -289,7 +291,8 @@ .home-mainPro-top { - height: 35%; + // height: 32%; + height: 250px; .home-mainPro-top-box { width: 100%; height: 100%; @@ -304,14 +307,14 @@ height: 100%; display: grid; grid-template-columns: 1fr; - grid-gap: 15px; + grid-gap: 10px; padding-top: 10px; .AFuwufazhanzonglan-listbox { width: 100%; background: #FFFFFF; border-radius: 10px; // margin: 2% 0; - padding: 5px 5px; + // padding: 5px 5px; display: flex; align-items: center; @@ -409,14 +412,120 @@ } } - //近三年 + //近三年资金拨付情况 .BJinsannianzijin-box { width: 100%; + height: calc(100% - 25px); + .BJinsannianzijin { width: 100%; - .BJinsannianzijinchart-left{ + height: 100%; + padding-top: 10px; + display: flex; + .echart_boxs { width: 50%; - height: 25vh; + height: 100%; + // display: grid; + // grid-template-columns: 1fr; + // grid-gap: 10px; + display: flex; + flex-direction: column; + justify-content: space-between; + + .echart_boxs_top { + .echart_boxs_title { + text-align: center; + font-family: PingFang-SC; + font-weight: bold; + font-size: 14px; + color: #666666; + margin-bottom: 5px; + } + .echart_boxs_btn { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 25px; + span { + padding: 3px 10px; + border: 1px solid #ccc; + background-color: #fff; + border-radius: 3px; + display: flex; + align-items: center; + justify-content: center; + font-family: ArialB; + font-weight: normal; + font-size: 14px; + color: #999999; + cursor: pointer; + } + .changeFuwuyeYear_span { + background: #0086FF; + color: #FEFEFE; + border: 1px solid #0086FF; + } + } + } + .echart_boxs_middle { + width: 100%; + height: calc(100% - 94px); + // flex: 1; + margin: 10px 0; + display: flex; + + .BJinsannianzijinchart-left, .zongbuzhuanxing-box{ + width: 75%; + height: 100%; + } + .BJinsannianzijinchart-right { + padding: 5px 0; + display: flex; + flex-direction: column; + justify-content: center; + .yushuan { + span { + font-family: PingFang-SC; + font-weight: bold; + font-size: 12px; + color: #666666; + } + .number-box { + font-family: DINCondensed; + font-weight: bold; + font-size: 28px; + color: #00AEFF; + line-height: 25px; + .number-unit-box { + font-family: PingFang-SC; + font-weight: bold; + font-size: 12px; + color: #666666; + line-height: 25px; + } + } + .bottom_number { + color: #FFA42B ; + } + } + } + } + .echart_boxs_bottom { + text-align: center; + font-family: PingFang-SC; + font-weight: bold; + font-size: 14px; + color: #666666; + // margin-top: 10px; + span { + font-family: DINCondensed; + font-size: 20px; + color: #333; + } + } + } + .echart_boxs_right { + margin-right: 0px; } } } @@ -424,7 +533,8 @@ .home-mainPro-middle { margin: 10px 0; - height: 40%; + // height: 45%; + flex: 2; // 企业获得资金拨付排名TOP5 .capitalConditionTOP5-box,.wancheng-project { flex: 1; @@ -494,7 +604,8 @@ } .home-mainPro-bottom { - height: 22.5%; + // height: 25.5%; + flex: 1.3; .wancheng-project { flex: 1; section { @@ -509,6 +620,16 @@ cursor: pointer; } + .orange { + color: #ff8929; + } + .green { + color: #5cbc69; + } + .red { + color: #ff6349; + } + .project-trace-table { width: 11em; overflow: hidden; diff --git a/src/views/workbenchPro/components/BJinsannianzijin/index.vue b/src/views/workbenchPro/components/BJinsannianzijin/index.vue index 1e44216..783301a 100644 --- a/src/views/workbenchPro/components/BJinsannianzijin/index.vue +++ b/src/views/workbenchPro/components/BJinsannianzijin/index.vue @@ -1,17 +1,60 @@