From 88e2d5340e3dab8e89a2c285aef151347d06dfc3 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Thu, 24 Mar 2022 11:31:42 +0800
Subject: [PATCH] =?UTF-8?q?=E9=98=B2=E8=BF=94=E8=B4=AB=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppPovertyAlleviation.vue                 |   2 +-
 src/apps/AppPovertyHome/AppPovertyHome.vue    | 174 ++++++++++++++++++
 2 files changed, 175 insertions(+), 1 deletion(-)
 create mode 100644 src/apps/AppPovertyHome/AppPovertyHome.vue

diff --git a/src/apps/AppPovertyAlleviation/AppPovertyAlleviation.vue b/src/apps/AppPovertyAlleviation/AppPovertyAlleviation.vue
index 816fd5b8..c16f8266 100644
--- a/src/apps/AppPovertyAlleviation/AppPovertyAlleviation.vue
+++ b/src/apps/AppPovertyAlleviation/AppPovertyAlleviation.vue
@@ -36,7 +36,7 @@
 <script>
 export default {
   name: "AppPovertyAlleviation",
-  appName: "防返贫",
+  appName: "防返贫(旧)",
   data() {
     return {
       list: []
diff --git a/src/apps/AppPovertyHome/AppPovertyHome.vue b/src/apps/AppPovertyHome/AppPovertyHome.vue
new file mode 100644
index 00000000..6906f8b2
--- /dev/null
+++ b/src/apps/AppPovertyHome/AppPovertyHome.vue
@@ -0,0 +1,174 @@
+<template>
+  <div class="info">
+    <div class="info-top">
+      <div class="info-top__item" @click="linkTo('../AppMonitoringObject/AppMonitoringObject')">
+        <image :src="$cdn + 'wdbf.png'"/>
+        <h2>监测对象</h2>
+      </div>
+      <div class="info-top__item" @click="linkTo('./povertyMonitor')">
+        <image :src="$cdn + 'yjjk.png'"/>
+        <h2>预警监控</h2>
+      </div>
+      <div class="info-top__item" @click="linkTo('../AppServicePublic/AppServicePublic')">
+        <image :src="$cdn + 'news.png'"/>
+        <h2>政策动态</h2>
+      </div>
+    </div>
+    <div class="news">
+      <h2>最新动态</h2>
+      <div class="news-list">
+        <div class="news-item" v-for="(item, index) in list" :key="index"
+             @click="linkTo(`./NewsDetail?id=${item.id}`)">
+          <div class="left">
+            <h2>{{ item.title }}</h2>
+            <div class="item-bottom">
+              <span>{{ $dict.getLabel('newsCenterPolicyType', item.policyType) }}</span>
+              <span>{{ item.createTime }}</span>
+            </div>
+          </div>
+          <image v-if="item.coverFile" :src="item.coverFile ? item.coverFile.url : ''"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "AppPovertyHome",
+  appName: "防返贫",
+  data() {
+    return {
+      list: []
+    }
+  },
+  onLoad() {
+    this.$dict.load(['newsCenterPolicyType']).then(() => {
+      this.getList()
+    })
+
+    console.log(this.$cdn + 'wdbf.png')
+  },
+  onShow() {
+    document.title = "防返贫"
+  },
+
+  methods: {
+    linkTo(url) {
+      uni.navigateTo({url})
+    },
+    getList() {
+      this.$http.post(`/app/appnewscenterinfo/listForWx`, null, {
+        params: {
+          current: 1,
+          size: 10,
+          status: 1
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.list = res.data.records
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.info {
+  background: #f5f5f5;
+  padding: 32px 30px;
+
+  .info-top {
+    display: flex;
+    align-items: center;
+    margin-bottom: 32px;
+    background: #FFFFFF;
+    border-radius: 16px;
+
+    div {
+      flex: 1;
+      padding: 32px 0;
+      text-align: center;
+
+      image {
+        width: 80px;
+        height: 80px;
+      }
+
+      h2 {
+        margin-top: 4px;
+        color: #3D434A;
+        font-size: 28px;
+        font-weight: normal;
+      }
+    }
+  }
+
+  .news {
+    & > h2 {
+      margin-bottom: 32px;
+      color: #333333;
+      font-weight: 600;
+      font-size: 32px;
+    }
+
+    .news-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 20px;
+      padding: 32px 24px;
+      background: #fff;
+      border-radius: 14px;
+
+      &:active {
+        background: #eee;
+      }
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      .left {
+        flex: 1;
+        margin-right: 20px;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+      }
+
+      & > image {
+        width: 200px;
+        height: 140px;
+      }
+
+      h2 {
+        width: 100%;
+        margin-bottom: 32px;
+        color: #333333;
+        font-size: 30px;
+        font-weight: 600;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+      }
+
+      .item-bottom {
+        display: flex;
+        align-items: center;
+
+        span {
+          color: #999999;
+          font-size: 24px;
+
+          &:first-child {
+            margin-right: 32px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>