From 2e3b8ce86eaa6be9f915ba357de85364f437eb95 Mon Sep 17 00:00:00 2001 From: lisl <1223762861@qq.com> Date: Mon, 27 Sep 2021 10:26:16 +0800 Subject: [PATCH] =?UTF-8?q?update:=E6=9B=B4=E6=96=B0=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- FrontCode2/sunshine_levy/src/App.vue | 9 +- FrontCode2/sunshine_levy/src/router/index.js | 21 ++- FrontCode2/sunshine_levy/src/views/home.css | 150 +++++++++--------- FrontCode2/sunshine_levy/src/views/index.vue | 51 ++++-- .../src/views/pdf/evaluateResultPdf.vue | 27 +++- .../sunshine_levy/src/views/pdf/pdf.vue | 27 +++- .../sunshine_levy/src/views/project/index.vue | 29 +++- .../src/views/project/project.css | 79 ++++----- .../src/views/report/agreement.vue | 54 ++++--- .../src/views/report/evaluatePage.vue | 47 ++++-- .../src/views/report/evalute.vue | 55 ++++--- 11 files changed, 367 insertions(+), 182 deletions(-) diff --git a/FrontCode2/sunshine_levy/src/App.vue b/FrontCode2/sunshine_levy/src/App.vue index e4c56f3..fe7f82f 100644 --- a/FrontCode2/sunshine_levy/src/App.vue +++ b/FrontCode2/sunshine_levy/src/App.vue @@ -6,9 +6,12 @@ - - diff --git a/FrontCode2/sunshine_levy/src/router/index.js b/FrontCode2/sunshine_levy/src/router/index.js index 14c8ce7..af878bb 100644 --- a/FrontCode2/sunshine_levy/src/router/index.js +++ b/FrontCode2/sunshine_levy/src/router/index.js @@ -3,11 +3,12 @@ import Router from "vue-router"; Vue.use(Router); -export default new Router({ +const router = new Router({ mode: "hash", routes: [{ path: "/index", name: "index", + meta: { index: 1, title: "征收信息查询" }, component: () => import ("../views") }, @@ -21,6 +22,7 @@ export default new Router({ { path: "/project-select", name: "projectSelect", + meta: { index: 2, title: "征收信息查询" }, component: () => import ("../views/project") }, @@ -28,6 +30,7 @@ export default new Router({ { path: "/report/evalute", name: "evalute", + meta: { index: 3, title: "评估结果" }, component: () => import ("../views/report/evalute") }, @@ -35,6 +38,7 @@ export default new Router({ { path: "/report/agreement", name: "reportAgreement", + meta: { index: 4, title: "协议结果" }, component: () => import ("../views/report/agreement") }, @@ -42,6 +46,7 @@ export default new Router({ { path: "/showPdf", name: "showPdf", + meta: { index: 5, title: "协议详情" }, component: () => import ("../views/pdf/pdf") }, @@ -49,6 +54,7 @@ export default new Router({ { path: "/evaluatePage", name: "evaluatePage", + meta: { index: 6, title: "评估报告" }, component: () => import ("../views/report/evaluatePage") }, @@ -56,6 +62,7 @@ export default new Router({ { path: "/evaluateResultPdf", name: "evaluateResultPdf", + meta: { index: 7, title: "评估报告" }, component: () => import ("../views/pdf/evaluateResultPdf") }, @@ -63,8 +70,18 @@ export default new Router({ { path: "/policyInfo", name: "policyInfo", + meta: { index: 8, title: "政策详情" }, component: () => import ("../views/policyInfo/policyInfo") } ] -}); \ No newline at end of file +}); + +router.beforeEach((to, from, next) => { + if (to.meta.title) { + document.title = to.meta.title; + } + next(); +}); + +export default router; \ No newline at end of file diff --git a/FrontCode2/sunshine_levy/src/views/home.css b/FrontCode2/sunshine_levy/src/views/home.css index b91ed2e..d90491a 100644 --- a/FrontCode2/sunshine_levy/src/views/home.css +++ b/FrontCode2/sunshine_levy/src/views/home.css @@ -2,287 +2,295 @@ border-radius: 6px; background: #f2fbfd; } + .topBox { overflow: hidden; - width: 100%; height: 225px; - background: url(../assets/img/bg.png); background-size: 100% 225px; } + .titleBox { display: flex; align-items: center; justify-content: center; - width: 173px; height: 36px; margin: 15px 0 15px 0; - border-radius: 0 22px 22px 0; - background: rgba(6, 63, 142, .66); + background: rgba(6, 63, 142, 0.66); } + + +/* 第一行标题 */ + .font { font-family: PingFangSC-Semibold, PingFang SC; font-size: 16px; font-weight: 600; line-height: 22px; - width: 167px; height: 22px; padding: 3px 7px 3px 7px; - text-align: center; vertical-align: middle; - color: #fff; } + .baseInfo { display: flex; } + .baseImg { width: 22px; height: 21px; padding-right: 10px; padding-left: 31px; } + .baseFont { font-family: PingFangSC-Medium, PingFang SC; - font-size: 14px; font-weight: 500; line-height: 20px; - height: 20px; - color: #fff; } + .centerMagin { margin-top: 10px; margin-right: 12px; - margin-left: 16px; + margin-left: 10px; } + .gridBg { display: flex; overflow: hidden; align-items: center; justify-content: space-around; - height: 120px; - border-radius: 3px; - background: rgba(255, 255, 255, .28); + background: rgba(255, 255, 255, 0.28); } + .gridImg { display: flex; align-items: center; flex-direction: column; justify-content: center; - width: 90px; height: 80px; margin: 12px 6px; padding-top: 5px; - border-radius: 10px; } + .gridImgBg { width: 38px; height: 35px; } + .bigImg { width: 100%; /* height: 91px; */ } + .project { display: flex; align-items: center; justify-content: space-between; - width: 100%; height: 41px; padding-right: 0; padding-left: 0; - background: url(../assets/img/project_bg.png); background-size: 100% 41px; } + .projectIcon { display: flex; align-items: center; justify-content: center; - width: 40px; height: 40px; margin-right: 10px; - border-radius: 5px 0 0; background: #3284cd; } + + +/* 项目名字 */ + .projectTitle { - font-family: PingFangSC-Semibold, - PingFang SC; + font-family: PingFangSC-Semibold, PingFang SC; font-size: 16px; font-weight: 600; line-height: 20px; - height: 20px; - vertical-align: middle; - color: #fff; } + .projectRight { display: flex; align-items: center; - height: 27px; - - opacity: .82; + opacity: 0.82; border-radius: 13px 0 0 17px; background: #24bca3; } + + +/* 项目名字旁边小字 */ + .projectRightFont { - font-family: PingFangSC-Semibold, - PingFang SC; + font-family: PingFangSC-Semibold, PingFang SC; font-size: 12px; line-height: 14px; - padding-right: 5px; - color: #fff; } + .projectRightIcon { width: 17px; height: 17px; margin-right: 3px; margin-left: 8px; } + .projectCenter { /* height: 440px; */ padding-bottom: 35px; - background: #fff; - box-shadow: 0 2px 6px 1px rgba(212, 212, 212, .5); + box-shadow: 0 2px 6px 1px rgba(212, 212, 212, 0.5); } + .projectCenterBox { padding: 8px 0; } + .projectCenterInfo { display: flex; align-items: center; - padding-top: 5px; + width: 100%; } + + +/* 项目内容小图标 */ + .projectCenterImg { width: 15px; height: 15px; - padding: 0 13px; + padding: 0 10px; } + + +/* 项目内容文字 */ + .projectCenterFont { - font-family: PingFangSC-Regular, - PingFang SC; - font-size: 12px; + font-family: PingFangSC-Regular, PingFang SC; + font-size: 14px; font-weight: 400; line-height: 12px; - height: 12px; - color: #2c2b2b; } + .assess { display: flex; align-items: center; justify-content: space-between; - width: 100%; height: 25px; padding-right: 0; padding-left: 0; } + .assessIcon { width: 24px; height: 24px; margin-right: 10px; - vertical-align: middle; - background: #2468f2; } + + +/* 分户,协议标题 */ + .assessTitle { - font-family: PingFangSC-Regular, - PingFang SC; - font-size: 14px; + font-family: PingFangSC-Regular, PingFang SC; + font-size: 16px; font-weight: 400; line-height: 20px; - height: 20px; - color: #2468f2; } + .assessRightIcon { width: 24px; height: 24px; - background: #2468f2; } + .assessBox { display: flex; align-items: center; justify-content: space-between; - padding-top: 10px; padding-bottom: 10px; padding-left: 12px; } + .assessCenter1 { margin: 15px; - border-left: 2px solid #24bca3; } + .assessCenter2 { margin: 15px; - border-left: 2px solid #ff5959; } -.protocolTitle { - overflow: hidden; +.protocolTitle { + /* overflow: hidden; */ white-space: nowrap; text-overflow: ellipsis; } + + +/* 政策的发布时间和区域 */ + .font11 { - font-family: PingFangSC-Regular, - PingFang SC; - font-size: 11px; + font-family: PingFangSC-Regular, PingFang SC; + font-size: 12px; font-weight: 400; line-height: 11px; - height: 11px; - color: #9da2a3; } + .protocolBox { border-radius: 4px; background: #fff; - box-shadow: 0 2px 5px 0 rgba(168, 168, 168, .5); + box-shadow: 0 2px 5px 0 rgba(168, 168, 168, 0.5); } -.font14 { - font-family: PingFangSC-Regular, - PingFang SC; + + +/* .font14 { + font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; line-height: 20px; - height: 20px; - color: #202020; -} +} */ + .protocolList { padding: 20px 21px 0 20px; } + .protocolLine { padding-bottom: 10px; - - border-bottom: 1px dashed rgba(168, 168, 168, .5); -} + border-bottom: 1px dashed rgba(168, 168, 168, 0.5); +} \ No newline at end of file diff --git a/FrontCode2/sunshine_levy/src/views/index.vue b/FrontCode2/sunshine_levy/src/views/index.vue index 460ab30..d2a57e1 100644 --- a/FrontCode2/sunshine_levy/src/views/index.vue +++ b/FrontCode2/sunshine_levy/src/views/index.vue @@ -20,7 +20,7 @@ class="baseImg" /> 身份证号码: - {{ data.idCard }} + {{ setIdCard(data.idCard) }} @@ -163,9 +163,7 @@ }}