diff --git a/src/api/jin_ji_hu/zijinbiao/index.js b/src/api/jin_ji_hu/zijinbiao/index.js index b3870e2..75875a9 100644 --- a/src/api/jin_ji_hu/zijinbiao/index.js +++ b/src/api/jin_ji_hu/zijinbiao/index.js @@ -41,6 +41,14 @@ export function fundStatistics() { }) } +// 正式环境政务端工作台 --> 服务业发展总览 +export function servicesDevelop(){ + return request({ + url: "/jjh/chiefWork/servicesDevelop" , + method: "get", + }) +} + // 正式环境政务端工作台 --> 企业获得资金拨付排名TOP5 export function top5Fund(params){ return request({ @@ -48,4 +56,28 @@ export function top5Fund(params){ method: "get", params }) +} + +// 正式环境政务端工作台 --> 当年已申报完成的项目 +export function currentYearFinish(){ + return request({ + url: "/jjh/chiefWork/currentYearFinish" , + method: "get", + }) +} + +// 正式环境政务端工作台 --> 项目追踪情况 +export function projectTrace(){ + return request({ + url: "/jjh/chiefWork/projectTrace" , + method: "get", + }) +} + +// 正式环境政务端工作台 --> 备忘录更新情况 +export function memorandum(){ + return request({ + url: "/jjh/chiefWork/memorandum" , + method: "get", + }) } \ No newline at end of file diff --git a/src/assets/styles/publicPro.scss b/src/assets/styles/publicPro.scss index c86b599..f34eb6f 100644 --- a/src/assets/styles/publicPro.scss +++ b/src/assets/styles/publicPro.scss @@ -26,8 +26,8 @@ .title-item { cursor: pointer; - padding: 12px 30px 12px 20px; - border-radius: 10px; + padding: 10px 30px 10px 20px; + border-radius: 5px; border-top-right-radius: 20% 50%; margin-right: 15px; background: #FFFFFF; @@ -53,14 +53,23 @@ .el-input { width: 100%; height: 100%; + position: relative; input { height: 100%; + border-radius: 30px; } .el-input-group__append { - width: 80px; - text-align: center; + position: absolute; + right: 5px; + top: 5px; + bottom: 5px; + width: 100px; + border-radius: 30px; + display: flex; + align-items: center; + justify-content: center; cursor: pointer; // background: radial-gradient( farthest-side at 40px 40px, #1B84D2 20%, #30CEF5 100%); background: linear-gradient(to right, #1B84D2, #30CEF5); @@ -413,7 +422,7 @@ margin: 10px 0; height: 40%; // 企业获得资金拨付排名TOP5 - .capitalConditionTOP5-box { + .capitalConditionTOP5-box,.wancheng-project { flex: 1; section { margin-top: 10px; @@ -433,6 +442,10 @@ font-family: ArialB; color: #FFFFFF; } + .project-trace-table-name { + color: #0086FF; + cursor: pointer; + } .project-trace-table-number { font-weight: bold; @@ -476,6 +489,72 @@ } } + .home-mainPro-bottom { + height: 22.5%; + .wancheng-project { + flex: 1; + section { + margin-top: 10px; + + .el-table--border { + border: 1px solid #dfe6ec; + } + .el-table { + .project-trace-table-name { + color: #0086FF; + cursor: pointer; + } + + .project-trace-table { + width: 11em; + overflow: hidden; + /* 显示省略符号来代表被修剪的文本。 */ + text-overflow:ellipsis; + /* 文本不换行 */ + white-space:nowrap; + } + + .project-trace-table-number { + font-weight: bold; + font-size: 14px; + text-align: center; + font-family: PingFang-SC; + color: #333333; + } + + th { + font-weight: bold; + font-size: 14px; + text-align: center; + font-family: PingFang-SC; + color: #333333; + padding: 0; + + .Table-header { + // font-family: AlibabaPuHuiTiM; + font-size: 14px; + color: #333333; + } + + .Table-unit { + font-family: AlibabaPuHuiTiR; + font-size: 12px; + font-weight: 400; + color: #333333; + } + } + + td { + font-weight: bold; + font-size: 14px; + text-align: center; + font-family: PingFang-SC; + color: #333333; + } + } + } + } + } } diff --git a/src/views/workbenchPro/components/AFuwufazhanzonglan/index.vue b/src/views/workbenchPro/components/AFuwufazhanzonglan/index.vue index 1472e4b..c33e8ba 100644 --- a/src/views/workbenchPro/components/AFuwufazhanzonglan/index.vue +++ b/src/views/workbenchPro/components/AFuwufazhanzonglan/index.vue @@ -1,111 +1,101 @@ diff --git a/src/views/workbenchPro/index.vue b/src/views/workbenchPro/index.vue index ff6287b..adccb17 100644 --- a/src/views/workbenchPro/index.vue +++ b/src/views/workbenchPro/index.vue @@ -33,7 +33,7 @@ 服务业发展总览
- +
@@ -42,7 +42,7 @@ 近三年资金拨付情况
- +
@@ -79,27 +79,89 @@
-
+
当年已申报完成的项目
- +
+ + + + + + + + + + +
-
-
+
+
项目追踪情况
+
+
+ + + + + + + + + + + + +
+
备忘录更新情况
+
+
+ + + + + + + + + + + + + +
+
@@ -234,6 +296,7 @@ import { zhinengtixing, daibanrenwu } from "@/views/workbench/components" import TableThree from "./components/capitalConditionTOP5" import AFuwufazhanzonglan from "./components/AFuwufazhanzonglan" import BJinsannianzijin from "./components/BJinsannianzijin" +import { currentYearFinish, projectTrace, memorandum } from "@/api/jin_ji_hu/zijinbiao" export default { dicts: ["project_small_type"], components:{ @@ -268,11 +331,19 @@ export default { ], checked: 0, loading:false, + loadingProject:false, + loadingTwo:false, + loadingThree:false, remindList: [], info:{}, time:"", yearsChange: 1, - typeValue: 1 + typeValue: 1, + tableData:[], + tabHeader:null, + tableDataTWo:[], + tableDataThree:[], + tabHeaderTwo:null, } }, mounted(){ @@ -280,6 +351,11 @@ export default { this.getList(); this.govRemind(); this.time = this.getNowFormatDate(); + this.getCurrentYearFinish(); + this.getProjectTrace(); + this.cancalDebounce(); + this.getMemorandum(); + window.addEventListener('resize', this.cancalDebounce); } }, methods:{ @@ -297,6 +373,42 @@ export default { industryBtn(){ this.$refs.collectDialog.open(); }, + // 当年已申报完成的项目 + getCurrentYearFinish(){ + this.loadingProject = true; + currentYearFinish().then(res=>{ + this.tableData = res.data; + this.loadingProject = false; + }).catch(err=>{ + this.loadingProject = false; + }) + }, + // 项目追踪情况 + getProjectTrace(){ + this.loadingTwo = true; + projectTrace().then(res=>{ + this.tableDataTWo = res.data; + this.loadingTwo = false; + }).catch(err=>{ + this.loadingTwo = false; + }) + }, + goProjectInfo(item){ + this.$router.push({ + name: 'projectInfo', + query: { userId: Number(item) } + }) + }, + // 备忘录更新情况 + getMemorandum(){ + this.loadingThree = true; + memorandum().then(res=>{ + this.tableDataThree = [...res.data]; + this.loadingThree = false; + }).catch(err=>{ + this.loadingThree = false; + }) + }, // 智能提醒 zhinengtixingBtn(){ this.$refs.zhinengtixing.open(); @@ -438,6 +550,19 @@ export default { }) } }, + // 屏幕尺寸变化 + cancalDebounce(){ + const element = document.getElementById('home-mainPro-middle-id'); // 通过元素的 ID 获取元素 + const header = document.getElementById('TOP-header-id'); // 通过元素的 ID 获取元素 + const elementTwo = document.getElementById('bottom-box-id'); // 通过元素的 ID 获取元素 + const headerTwo = document.getElementById('bottom-header-id'); // 通过元素的 ID 获取元素 + const elementHeight = element.offsetHeight; + const headerHeight = header.offsetHeight; + const elementHeightTwo = elementTwo.offsetHeight; + const headerHeightTwo = headerTwo.offsetHeight; + this.tabHeader = elementHeight - headerHeight - 23; + this.tabHeaderTwo = elementHeightTwo - headerHeightTwo - 28; + } }, }