From c84efaf0e66b1599f427ee2fe485bf61efb2d9fd Mon Sep 17 00:00:00 2001 From: KeXuCong <13266269839@163.com> Date: Thu, 19 Dec 2024 14:35:10 +0800 Subject: [PATCH] update --- .../src/assets/css/largeScreen_index.scss | 8 +- ...a2e40bb0a2712581b49d05069ee7c61b8a92ea.png | Bin 0 -> 2677 bytes ...d2354338bbd88ad086975980fab072867ef946.png | Bin 0 -> 1612 bytes .../src/views/largeScreen/index2.vue | 249 ++++++++++++++---- .../src/views/managementControl/index.vue | 21 +- .../src/views/projectConstruction/index.vue | 8 +- jwtech-admin-page/vue.config.js | 2 +- 7 files changed, 214 insertions(+), 74 deletions(-) create mode 100644 jwtech-admin-page/src/assets/largeScreen/SketchPng4fdba202f3827116f4ed2008efa2e40bb0a2712581b49d05069ee7c61b8a92ea.png create mode 100644 jwtech-admin-page/src/assets/largeScreen/SketchPngdca9ac124b282e29155b16c823d2354338bbd88ad086975980fab072867ef946.png diff --git a/jwtech-admin-page/src/assets/css/largeScreen_index.scss b/jwtech-admin-page/src/assets/css/largeScreen_index.scss index beeb47ee..5597cef6 100644 --- a/jwtech-admin-page/src/assets/css/largeScreen_index.scss +++ b/jwtech-admin-page/src/assets/css/largeScreen_index.scss @@ -156,7 +156,7 @@ margin-top: 9px; } .text-wrapper_4 { - background-color: rgba(102, 255, 255, 0.1); + // background-color: rgba(102, 255, 255, 0.1); height: 40px; margin-left: 96px; width: 100px; @@ -175,7 +175,7 @@ } } .text-wrapper_5 { - background-color: rgba(0, 0, 0, 0.3); + // background-color: rgba(0, 0, 0, 0.3); height: 40px; width: 100px; .text_10 { @@ -381,7 +381,7 @@ text-align: left; white-space: nowrap; line-height: 30px; - margin: 6px 0 0 31px; + margin: 2px 0 0 31px; } } .block_1 { @@ -430,7 +430,7 @@ text-align: left; white-space: nowrap; line-height: 30px; - margin: 7px 0 0 31px; + margin: 2px 0 0 28px; } } } diff --git a/jwtech-admin-page/src/assets/largeScreen/SketchPng4fdba202f3827116f4ed2008efa2e40bb0a2712581b49d05069ee7c61b8a92ea.png b/jwtech-admin-page/src/assets/largeScreen/SketchPng4fdba202f3827116f4ed2008efa2e40bb0a2712581b49d05069ee7c61b8a92ea.png new file mode 100644 index 0000000000000000000000000000000000000000..219ad39472e6862763f5943b9978c28cfaa72428 GIT binary patch literal 2677 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
- 建设项目 + 建设项目
@@ -20,10 +25,20 @@
项目类型 -
+
重大项目
-
+
面上项目
@@ -80,18 +95,27 @@
-->
- 首页 + 首页
智慧水利水工程应用 -
+
工作平台
- 风险管控 + 风险管控
序号 @@ -106,14 +130,35 @@ :key="item.warnType + index" > {{ index + 1 }} - {{ zdWarningType(item.warnType) }} - {{ - item.alert_type == "0" ? item.number : 0 + {{ + zdWarningType(item.warnType) }} +
+ {{ item.alert_type == "0" ? item.number : 0 }} - {{ - item.alert_type == "1" ? item.number : 0 - }} + {{ item.alert_type == "1" ? item.number : 0 }} +
信用等级 -
+ +
失信惩戒 @@ -438,12 +488,12 @@ export default { lat: null, }, viewCenter: [113.36502, 22.9787], + tirggerChartIndex: 1, }; }, created() { getWarnNumber().then((res) => { this.warnInfo = res.data; - console.log("---", res); }); this.getDicts("Warning_items").then((response) => { this.zd_warnTypeOptions = response.data; @@ -490,7 +540,7 @@ export default { }); this.total = Number(this.acc["acc"]) + Number(this.acc["noAcc"]); console.log(this.projectType); - this.eleInit(); + this.eleInit(this.projectType); }); }, mounted() { @@ -498,17 +548,27 @@ export default { information().then((res) => { this.rightInfoData = res.data; this.FunnelChartInit(); + this.CreditRatingChartInit(); }); this.initMap(); }, methods: { + tirggerChart(i) { + console.log(i); + this.tirggerChartIndex = i; + this.eleInit(this.projectType); + }, goIndex() { this.status = true; this.$router.push("/"); }, - eleInit() { + eleInit(data) { let chartDom = this.$refs.Ele; let myChart = echarts.init(chartDom); + let chartData = data.map((item) => ({ + ...item, + name: this.truncateName(item.name), + })); let option = { tooltip: { trigger: "item", @@ -538,6 +598,7 @@ export default { type: "pie", radius: ["40%", "60%"], // center: ["30%", "50%"], + selectedMode: "single", avoidLabelOverlap: true, padAngle: 5, itemStyle: { @@ -545,7 +606,7 @@ export default { }, label: { alignTo: "edge", - formatter: "{name|{b}}\n{time|{c} 小时}", + formatter: "{name|{b}}\n{time|{c} 个}", minMargin: 5, edgeDistance: 10, lineHeight: 15, @@ -572,10 +633,7 @@ export default { labelLinePoints: points, }; }, - data: this.projectType.map((item) => ({ - ...item, - name: this.truncateName(item.name), - })), + data: chartData, }, ], }; @@ -793,6 +851,57 @@ export default { myChart.resize(); }); }, + CreditRatingChartInit() { + let Chartkeys = ["总承包等级", "总承包一级", "总承包二级", "总承包三级"]; + let chartDom = this.$refs.CreditRating; + let myChart = echarts.init(chartDom); + let chartData = Object.keys(this.rightInfoData.qualificationLevel).map( + (item, index) => { + return { value: item, name: Chartkeys[index] }; + } + ); + + let option = { + tooltip: { + trigger: "item", + }, + + legend: { + orient: "vertical", + left: "right", + top: "center", + + textStyle: { + color: "#fff", + }, + }, + color: ["#2E8B57", "#66CDAA", "#20B2AA", "#3CB371", "#228B22"], // 设置绿色系颜色 + series: [ + { + type: "pie", + radius: [20, 85], + center: ["33%", "50%"], + roseType: "radius", + itemStyle: { + borderRadius: 5, + }, + label: { + show: false, + }, + // emphasis: { + // label: { + // show: true, + // }, + // }, + data: chartData, + }, + ], + }; + option && myChart.setOption(option); + window.addEventListener("resize", function () { + myChart.resize(); + }); + }, truncateName(name) { if (name.length > 4) { return name.substring(0, 4) + ".."; @@ -1270,55 +1379,89 @@ export default { } } -.box_20{ - background: url(../../assets/largeScreen/SketchPngb17bd5d6a32ab917904999b43c489793e886f8365186e092148a1a42c6ad90de.png) 100% no-repeat !important; +.proType { + background-color: rgba(0, 0, 0, 0.3); +} + +.active { + background-color: rgba(102, 255, 255, 0.1); +} + +.box_20 { + background: url(../../assets/largeScreen/SketchPngb17bd5d6a32ab917904999b43c489793e886f8365186e092148a1a42c6ad90de.png) + 100% no-repeat !important; } -.text-wrapper_14{ - background: url(../../assets/largeScreen/SketchPng5a689be5f426491ccb01c63758d41a89e6a0ad54632ecbfe4ebe3a9155dcb76e.png) 100% no-repeat !important; +.text-wrapper_14 { + background: url(../../assets/largeScreen/SketchPng5a689be5f426491ccb01c63758d41a89e6a0ad54632ecbfe4ebe3a9155dcb76e.png) + 100% no-repeat !important; } -.text-wrapper_15{ - background: url(../../assets/largeScreen/SketchPng5a689be5f426491ccb01c63758d41a89e6a0ad54632ecbfe4ebe3a9155dcb76e.png) 100% no-repeat !important; +.text-wrapper_15 { + background: url(../../assets/largeScreen/SketchPngdca9ac124b282e29155b16c823d2354338bbd88ad086975980fab072867ef946.png) + 100% no-repeat !important; } -.text-wrapper_1, .text-wrapper_8, .text-wrapper_33, .text-wrapper_21{ - background: url(../../assets/largeScreen/SketchPng63f10181aa031c65c96106d94b41dac68fa3ee5763ccd6bdd5e38d60c8aa8cb1.png) 100% no-repeat !important; +.text-wrapper_1, +.text-wrapper_8, +.text-wrapper_33, +.text-wrapper_21 { + background: url(../../assets/largeScreen/SketchPng63f10181aa031c65c96106d94b41dac68fa3ee5763ccd6bdd5e38d60c8aa8cb1.png) + 100% no-repeat !important; } -.text-wrapper_16{ - background: url(../../assets/largeScreen/SketchPng2cf1efa063f97c7cc95190f4d3843302469022bd1ba407a8e536e8aa0f9e035e.png) 100% no-repeat !important; +.text-wrapper_16 { + background: url(../../assets/largeScreen/SketchPng2cf1efa063f97c7cc95190f4d3843302469022bd1ba407a8e536e8aa0f9e035e.png) + 100% no-repeat !important; } -.box_2{ - background: url(../../assets/largeScreen/SketchPng6fb85028c70767889cb37f024909ec13773b5df572a3c72a5b19698deac19d60.png) 100% no-repeat !important; +.box_2 { + background: url(../../assets/largeScreen/SketchPng6fb85028c70767889cb37f024909ec13773b5df572a3c72a5b19698deac19d60.png) + 100% no-repeat !important; } -.box_3{ - background: url(../../assets/largeScreen/SketchPng9499597bcdad8bae409896200f271efdf82cb282934f4b92717b23824a12b5cb.png) 100% no-repeat !important; +.box_3 { + background: url(../../assets/largeScreen/SketchPng9499597bcdad8bae409896200f271efdf82cb282934f4b92717b23824a12b5cb.png) + 100% no-repeat !important; } -.box_8,.group_9{ - background: url(../../assets/largeScreen/SketchPngeb3ec3b942cfa65d727ba6b7389b60701d10695e653f214cb26821dd67b3a33d.png) 100% no-repeat !important; +.box_8, +.group_9 { + background: url(../../assets/largeScreen/SketchPngeb3ec3b942cfa65d727ba6b7389b60701d10695e653f214cb26821dd67b3a33d.png) + 100% no-repeat !important; } -.group_9{ - background: url(../../assets/largeScreen/SketchPng2cd95b8579505ed8b793f6131ff776da696bed7d4d7c0f628c5db883172bee69.png) 100% no-repeat !important; +.group_9 { + background: url(../../assets/largeScreen/SketchPng2cd95b8579505ed8b793f6131ff776da696bed7d4d7c0f628c5db883172bee69.png) + 100% no-repeat !important; } -.group_7{ - background: url(../../assets/largeScreen/SketchPng708711275332cf0b46e8725a99d33e095c86e83f74946cd75309a1be65241dd8.png) 100% no-repeat !important; +.group_7 { + background: url(../../assets/largeScreen/SketchPng708711275332cf0b46e8725a99d33e095c86e83f74946cd75309a1be65241dd8.png) + 100% no-repeat !important; } -.text-wrapper_22{ - background: url(../../assets/largeScreen/SketchPng38466183dea96a643cb70188413b906983403e73a896d36f32b675a8165a6662.png) 100% no-repeat !important; +.text-wrapper_22 { + background: url(../../assets/largeScreen/SketchPng38466183dea96a643cb70188413b906983403e73a896d36f32b675a8165a6662.png) + 100% no-repeat !important; } -.block_2{ - background: url(../../assets/largeScreen/SketchPngdc7ababbdd850fec35eb2b9b76427ac6389120ff3084708d17f40cb9f2a3e07f.png) 100% no-repeat !important; +.block_2 { + background: url(../../assets/largeScreen/SketchPngdc7ababbdd850fec35eb2b9b76427ac6389120ff3084708d17f40cb9f2a3e07f.png) + 100% no-repeat !important; } -.text-wrapper_27{ - background: url(../../assets/largeScreen/SketchPngb4af6214107e80fcd547ebaf24237190a3906cb67002c0a95533d7abc6587e22.png) 100% no-repeat !important; +.text-wrapper_27 { + background: url(../../assets/largeScreen/SketchPngb4af6214107e80fcd547ebaf24237190a3906cb67002c0a95533d7abc6587e22.png) + 100% no-repeat !important; } -.text-wrapper_28,.text-wrapper_29,.text-wrapper_30,.text-wrapper_31{ - background: url(../../assets/largeScreen/SketchPng58eddce8ccfe77d443bb77bb9a0a77da701718636f7953874f987d8c610ce815.png) 100% no-repeat !important; +.text-wrapper_28, +.text-wrapper_29, +.text-wrapper_30, +.text-wrapper_31 { + background: url(../../assets/largeScreen/SketchPng58eddce8ccfe77d443bb77bb9a0a77da701718636f7953874f987d8c610ce815.png) + 100% no-repeat !important; } -.group_16{ - background: url(../../assets/largeScreen/SketchPng708711275332cf0b46e8725a99d33e095c86e83f74946cd75309a1be65241dd8.png) 100% no-repeat !important; +.group_16 { + background: url(../../assets/largeScreen/SketchPng708711275332cf0b46e8725a99d33e095c86e83f74946cd75309a1be65241dd8.png) + 100% no-repeat !important; } +.block_1 { + background: url(../../assets/largeScreen/SketchPng4fdba202f3827116f4ed2008efa2e40bb0a2712581b49d05069ee7c61b8a92ea.png) + 100% no-repeat !important; +} diff --git a/jwtech-admin-page/src/views/managementControl/index.vue b/jwtech-admin-page/src/views/managementControl/index.vue index 8f22cb43..cd3162a1 100644 --- a/jwtech-admin-page/src/views/managementControl/index.vue +++ b/jwtech-admin-page/src/views/managementControl/index.vue @@ -2,7 +2,11 @@
-
+
返回首页
@@ -16,7 +20,7 @@
-
+
工作平台
@@ -248,14 +252,7 @@