From fc561875fdb01c94882f4d8a42e310b63d3cbd61 Mon Sep 17 00:00:00 2001 From: HH <2454517719@qq.com> Date: Fri, 12 Jul 2024 14:20:31 +0800 Subject: [PATCH] =?UTF-8?q?fix:=E7=B3=BB=E7=BB=9F=E8=BF=AD=E4=BB=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/homePage.ts | 20 +++ .../images/home-page/left/lingjiangtai.png | Bin 0 -> 11246 bytes src/styles/element-plus.scss | 12 ++ .../left-side/components/portrait.vue | 165 +++++++++--------- 4 files changed, 119 insertions(+), 78 deletions(-) create mode 100644 src/assets/images/home-page/left/lingjiangtai.png diff --git a/src/api/homePage.ts b/src/api/homePage.ts index e6e75ee..ff00ed6 100644 --- a/src/api/homePage.ts +++ b/src/api/homePage.ts @@ -107,3 +107,23 @@ export function workPerformProgress(params) { params: params }); } +/** + * 履职情况列表:按岗位 + */ +export function staPerformProgress(params) { + return request({ + url: `/screen/statistic/workPerformProgress`, + method: "GET", + params: params + }); +} + +/** + * 岗位树形 + */ +export function getListperformTree() { + return request({ + url: `/screen/statistic/getListperformTree`, + method: "GET", + }); +} \ No newline at end of file diff --git a/src/assets/images/home-page/left/lingjiangtai.png b/src/assets/images/home-page/left/lingjiangtai.png new file mode 100644 index 0000000000000000000000000000000000000000..fb1eba24acc4fd79c188fc7300418d27c304bc51 GIT binary patch literal 11246 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 P)DaY9RHbVqO@sdr_{CQ8 literal 0 HcmV?d00001 diff --git a/src/styles/element-plus.scss b/src/styles/element-plus.scss index f42ec43..7eb8954 100644 --- a/src/styles/element-plus.scss +++ b/src/styles/element-plus.scss @@ -363,4 +363,16 @@ table { .inline-block { width: 94%; } +} + +.el-select__wrapper { + background-color: transparent !important; +} + +.el-tree-node__content { + background-color: #2c5473 !important; +} + +.el-select__placeholder { + color: #fff !important; } \ No newline at end of file diff --git a/src/views/data-statistics/left-side/components/portrait.vue b/src/views/data-statistics/left-side/components/portrait.vue index 00a2343..63e634a 100644 --- a/src/views/data-statistics/left-side/components/portrait.vue +++ b/src/views/data-statistics/left-side/components/portrait.vue @@ -3,48 +3,29 @@
-
-
- {{ item.title }} -
+
+
-
-
-
- {{ index + 1 }} - {{ item.chinaName }}-{{ item.postName }} - {{ item.orgName }} -
-
- {{ item.percentage }} - {{ item.completedNum }}/{{ item.totalNum }} -
-
-
- -
+ +
+ Podium +
+ {{ item.chinaName }} +
@@ -57,55 +38,47 @@ export default defineComponent({ }); @@ -183,4 +156,40 @@ onMounted(() => { height: 10px; background-color: rgba(255, 255, 255, 0.1); } +.podium-container { + position: relative; + display: flex; /* 或者其他,取决于你的布局需求 */ + flex-direction: column-reverse; + width: 100%; + height: 100%; +} + +.podium-img { + width: 100%; /* 或具体宽度 */ + height: 80%; + display: block; +} + +.name-position { + position: absolute; + color: #fff; /* 假设背景是深色,文字需要浅色 */ + font-size: 20px; /* 字体大小根据需要调整 */ + font-weight: bold; + /* 接下来根据图片和需要调整每个名字的具体位置 */ + /* 例如,对于第一个名字,可以放在顶部中央 */ + &:nth-child(2) { + top: 0px; /* 顶部偏移 */ + left: 50%; /* 水平中心 */ + transform: translateX(-50%); /* 校正水平偏移 */ + } + /* 对于第二个和第三个名字,你可能需要调整top和left的值 */ + &:nth-child(3) { + bottom: 110px; + left: 13%; + } + &:nth-child(4) { + bottom: 96px; + left: 76%; + } +} \ No newline at end of file