From 320483691fe3270aa51ceb1e5e0eff02b6a12f5d Mon Sep 17 00:00:00 2001 From: miaojiale <1123971748@qq.com> Date: Mon, 30 Jan 2023 10:55:06 +0800 Subject: [PATCH] =?UTF-8?q?1.=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B5=E6=8E=92?= =?UTF-8?q?=E5=90=8D=E6=8E=92=E7=89=88=E5=B8=83=E5=B1=80=202.=E5=A2=9E?= =?UTF-8?q?=E5=8A=A0=E8=A7=A3=E5=86=B3=E6=96=B9=E6=A1=88=E8=B7=AF=E7=94=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/img/Home/top20.png | Bin 0 -> 6661 bytes src/components/layout/index.vue | 8 +- src/router/index.js | 4 +- src/views/Home/Solution/index.vue | 14 +++ src/views/Home/index.vue | 187 ++++++++++++++++++------------ 5 files changed, 134 insertions(+), 79 deletions(-) create mode 100644 src/assets/img/Home/top20.png create mode 100644 src/views/Home/Solution/index.vue diff --git a/src/assets/img/Home/top20.png b/src/assets/img/Home/top20.png new file mode 100644 index 0000000000000000000000000000000000000000..0af2e91c374a78821927ff02ade6cedece6a9e50 GIT binary patch literal 6661 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 P00000NkvXXu0mjf+0M@P literal 0 HcmV?d00001 diff --git a/src/components/layout/index.vue b/src/components/layout/index.vue index 8e084f4..62e5764 100644 --- a/src/components/layout/index.vue +++ b/src/components/layout/index.vue @@ -108,6 +108,10 @@ export default { route: "/casesharing", name: "案例分享", }, + { + route: "/solution", + name: "解决方案", + }, ], loading: false, rules: { @@ -159,7 +163,9 @@ export default { const routerPath = !this.redirect || this.redirect === "/404" ? "/" : this.redirect this.$router.push({ path: routerPath }).catch((e) => {}) - this.loading = false + setTimeout(() => { + this.loading = false + }, 800) }) .catch((e) => { this.loading = false diff --git a/src/router/index.js b/src/router/index.js index 5e1f6d1..0cd0b3b 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -29,8 +29,8 @@ export const constantRoutes = [ component: () => import("@/views/Home/ScientificResearch/index"), }, { - path: "/healthpopularization", - component: () => import("@/views/Home/HealthPopularization/index"), + path: "/solution", + component: () => import("@/views/Home/Solution/index"), }, ], }, diff --git a/src/views/Home/Solution/index.vue b/src/views/Home/Solution/index.vue new file mode 100644 index 0000000..a8e1909 --- /dev/null +++ b/src/views/Home/Solution/index.vue @@ -0,0 +1,14 @@ + + + diff --git a/src/views/Home/index.vue b/src/views/Home/index.vue index 56830aa..50b5b43 100644 --- a/src/views/Home/index.vue +++ b/src/views/Home/index.vue @@ -35,7 +35,7 @@
联盟地图
-
+
-
    +
    • @@ -59,19 +59,22 @@
- +
-
-
+
+
累计上报量机构排名
-
+
  • {{ index + 1 }}
    {{ item.unionName }}
    @@ -88,7 +91,9 @@
  • {{ index + 1 }}
    {{ item.unionName }}
    @@ -98,36 +103,32 @@
-
- -
-
-
健康科普
-
-
-
    -
  • - {{ item.name }} -
    • -
-
-
+ +
+
+
健康科普
+
+
+
    +
  • + {{ item.name }} +
    • +
+
+
@@ -205,34 +206,6 @@ export default { title: "典型案例小标题典型案例小标题", date: "2022-09-26", }, - { - title: "典型案例小标题典型案例小标题", - date: "2022-09-26", - }, - { - title: "典型案例小标题典型案例小标题", - date: "2022-09-26", - }, - { - title: "典型案例小标题典型案例小标题", - date: "2022-09-26", - }, - { - title: "典型案例小标题典型案例小标题", - date: "2022-09-26", - }, - { - title: "典型案例小标题典型案例小标题", - date: "2022-09-26", - }, - { - title: "典型案例小标题典型案例小标题", - date: "2022-09-26", - }, - { - title: "典型案例小标题典型案例小标题", - date: "2022-09-26", - }, ], curTab: "新闻会议", rangeList: [], // 上报排名 @@ -297,14 +270,42 @@ export default { getRankTotal() { getRankTotal().then((res) => { if (res.code == 1) { - this.rangeList = res.data + // this.rangeList = res.data + this.rangeList = [ + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + ] } }) }, getCurrentQuarter() { getCurrentQuarter().then((res) => { if (res.code == 1) { - this.curQuarterList = res.data + // this.curQuarterList = res.data + this.curQuarterList = [ + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + { unionName: "包头医学院第二附属医院", nums: 12311 }, + ] } }) }, @@ -319,7 +320,7 @@ export default { margin-bottom: 38px; .box { width: 48%; - // height: 300px; + height: 300px; // background: blue; background: #fff; .video { @@ -364,6 +365,9 @@ export default { } } .dataAnalysis { + background: #fff; + margin-bottom: 32px; + padding: 32px; .box_title { width: 180px; height: 36px; @@ -377,8 +381,6 @@ export default { } .cenbox { height: 458px; - // background: url("~@/assets/img/Home/map.png") no-repeat center center; - // background-size: cover; .map { width: 100%; height: 422px; @@ -386,21 +388,20 @@ export default { } } .cenboxs { + width: 100%; display: flex; justify-content: space-between; - .range { - width: 46%; + width: 32%; background: #ffffff; border-radius: 4px; - border: 1px solid #d2d7f5; padding: 0 7px; .rangecontent { - margin-top: 6px; + margin-top: 24px; height: 408px; - background: rgba(78, 104, 255, 0.06); + background: rgba(78, 104, 255, 0.04); border-radius: 4px; - padding: 8px; + padding: 24px 32px; font-size: 14px; font-family: AlibabaPuHuiTiM; // color: #4e68ff; @@ -426,7 +427,41 @@ export default { background: url("~@/assets/img/Home/top10.png") no-repeat center center; background-size: contain; - margin-bottom: 8px; + margin-bottom: 18px; + } + .top20 { + height: 32px; + background: url("~@/assets/img/Home/top20.png") no-repeat center + center; + background-size: contain; + margin-bottom: 18px; + } + } + .left_range { + width: 60%; + .rangecontent { + .rangeList { + height: 100%; + display: flex; + flex-direction: column; + flex-wrap: wrap; + li { + width: 40%; + margin-bottom: 14px; + display: flex; + justify-content: space-between; + + div:nth-child(1) { + width: 20px; + } + div:nth-child(2) { + flex: 1; + } + div:nth-child(3) { + text-align: right; + } + } + } } } } @@ -438,7 +473,7 @@ export default { justify-content: space-between; li { cursor: pointer; - width: 43%; + width: 23%; margin-bottom: 24px; height: 188px; display: flex; -- 2.22.0