From 35b927b50b684dae1fae6befe802c64e3cc5c444 Mon Sep 17 00:00:00 2001 From: TiaStars Date: Wed, 31 Jul 2024 13:34:06 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=9C=AC=E5=9C=B0=E5=AD=97?= =?UTF-8?q?=E4=BD=93=E5=90=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/styles/font.css | 2 +- src/assets/styles/public.scss | 241 +++++++++++++++++++++++++++++++++- src/views/home/index.vue | 8 +- 3 files changed, 241 insertions(+), 10 deletions(-) diff --git a/src/assets/styles/font.css b/src/assets/styles/font.css index c03679f..c99a132 100644 --- a/src/assets/styles/font.css +++ b/src/assets/styles/font.css @@ -39,6 +39,6 @@ src: url("./font/DIN_CONDENSED_BOLD.TTF"); } @font-face { - font-family: "Arial"; + font-family: "ArialB"; src: url("./font/Arial-BoldMT.otf"); } \ No newline at end of file diff --git a/src/assets/styles/public.scss b/src/assets/styles/public.scss index 4e3707e..c07f854 100644 --- a/src/assets/styles/public.scss +++ b/src/assets/styles/public.scss @@ -1035,7 +1035,7 @@ } } -// 工作台 +// 政务端工作台 .workbench-box { height: 100%; overflow-y: scroll; @@ -1517,7 +1517,7 @@ border-radius: 5px; font-weight: normal; font-size: 12px; - font-family: Arial; + font-family: ArialB; color: #FFFFFF; } .project-table-Info { @@ -1612,7 +1612,7 @@ font-size: 14px; color: #666666; .span-three { - font-family: Arial; + font-family: ArialB; } } } @@ -1836,7 +1836,7 @@ font-size: 16px; color: #666666; span { - font-family: Arial; + font-family: ArialB; } } } @@ -1916,7 +1916,7 @@ font-size: 14px; color: #666666; .span-three { - font-family: Arial; + font-family: ArialB; } } } @@ -1934,6 +1934,237 @@ box-sizing: border-box; } } +// 企业端工作台 +.home-box { + height: 100%; + .main-row { + height: 100%; + padding: 10px; + .home-main-left { + background-color: #fff; + border-radius: 10px; + // margin-right: 20px; + margin-right: 10px; + height: 100%; + } + .home-main-right { + height: 100%; + .main-two-row { + height: 100%; + display: flex; + flex-direction: column; + .work-main-left { + background-color: #fff; + border-radius: 10px; + margin-bottom: 10px; + padding: 10px 20px; + .left-header { + margin-bottom: 10px; + display: flex; + align-items: flex-end; + justify-content: space-between; + .left-header-titleS { + display: flex; + align-items: center; + .dataCloudMap-birght { + width: 6px; + height: 18px; + background: #0086FF; + box-shadow: 3px 0 3px 0px #0086FF; + border-radius: 5px 5px 5px 5px; + } + .left-header-title { + font-family: AlibabaPuHuiTiB; + margin: 0 10px; + font-weight: bold; + font-size: 18px; + color: #333333; + } + } + .el-button { + font-family: PingFang-SC-Medium; + font-weight: 500; + font-size: 14px; + color: #0086FF; + } + } + .left-main { + // display: grid; + // grid-template-columns: 1fr; + // grid-column-gap: 10px; + height: calc(100% - 55px); + overflow-y: auto; + .el-card { + background-color: #F5F8FA; + border: none; + // height: 90px; + margin-bottom: 10px; + .el-card__body { + padding: 10px 20px; + } + } + .el-card-border { + border: 1px solid rgba(245, 95, 95, 0.4); // #FD5F5F + } + .warn-main { + display: flex; + justify-content: space-between; + .warn-main-left { + display: flex; + .warn-main-img { + padding-top: 3px; + img { + width: 20px; + height: 20px; + margin-right: 10px; + } + } + .warn-main-content { + .content-title { + font-weight: bold; + font-size: 15px; + color: #333333; + } + .content-middle { + font-weight: bold; + font-size: 15px; + color: #333333; + margin: 10px 0; + } + .content-time { + font-weight: 500; + font-size: 14px; + color: #737373; + } + } + } + .different-left { + .warn-main-content { + display: flex; + flex-direction: column; + justify-content: space-between; + } + } + .warn-main-right { + padding-right: 10px; + display: flex; + flex-direction: column; + justify-content: space-between; + .warn-main-right-chakan { + display: flex; + align-items: center; + justify-content: center; + background: rgba(19,78,230,0.1); + padding: 5px 15px; + cursor: pointer; + border-radius: 50px; + font-weight: 500; + font-size: 14px; + color: #134EE6; + margin-bottom: 10px; + } + .warn-main-right-status { + padding: 5px 15px; + font-weight: 500; + font-size: 14px; + color: #4EB997; + } + .status-unread { + color: #FD5F5F; + } + } + } + } + } + .work-main-right { + background-color: #fff; + border-radius: 10px; + margin-right: 10px; + padding: 10px 20px; + .right-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 15px; + .right-header-box { + display: flex; + align-items: center; + .dataCloudMap-birght { + width: 6px; + height: 18px; + background: #0086FF; + box-shadow: 3px 0 3px 0px #0086FF; + border-radius: 5px 5px 5px 5px; + } + .right-header-title { + font-family: AlibabaPuHuiTiB; + margin: 0 10px; + font-weight: bold; + font-size: 18px; + color: #333333; + } + } + .el-button { + font-family: PingFang-SC-Medium; + font-weight: 500; + font-size: 14px; + color: #0086FF; + } + } + .right-main { + .main-items { + display: flex; + align-items: center; + padding: 10px 30px; + background: #F5F8FA; + border: 1px solid #D9D9D9; + border-bottom: none; + text-align: center; + &:last-child { + border-bottom: 1px solid #D9D9D9; + } + div { + width: 40%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + -o-text-overflow:ellipsis; + // font-family: PingFang-SC, PingFang-SC; + font-weight: 500; + font-size: 14px; + color: #666666; + // &:last-child { + // width: 20%; + // // font-family: PingFang-SC, PingFang-SC; + // font-weight: 500; + // font-size: 14px; + // color: #1890FF; + // text-decoration: underline; + // cursor: pointer; + // } + } + .last_child_item { + width: 20%; + // font-family: PingFang-SC, PingFang-SC; + font-weight: 500; + font-size: 14px; + color: #1890FF; + text-decoration: underline; + cursor: pointer; + } + .tab-red { + color: #C51717; + } + } + .main-item { + background-color: #fff; + } + } + } + } + } + } +} // 企业库==》项目清单的分页按钮 #L-pagination-list { diff --git a/src/views/home/index.vue b/src/views/home/index.vue index 22a1cdf..737670e 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -1,10 +1,10 @@