From 4bdb61249b6fb32a532fc21345be177a8bceb1a8 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Tue, 18 Apr 2023 09:03:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=9C=E7=9B=9B=E8=A1=97=E9=81=93=E5=B0=8F?=
 =?UTF-8?q?=E7=A8=8B=E5=BA=8F=E5=AE=9A=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppEnteringCommunity/AppCommunityInfo.vue | 102 +++
 .../AppEnteringCommunity.vue                  | 664 ++++++++++++++++++
 .../AppEnteringCommunity/AppPhotoAlbum.vue    | 385 ++++++++++
 .../dongsheng/AppEnteringCommunity/custom.png | Bin 0 -> 970 bytes
 .../AppEnteringCommunity/custom_selected.png  | Bin 0 -> 1198 bytes
 src/project/dongsheng/AppHome/AppHome.vue     | 491 +++++++++++++
 src/project/dongsheng/AppHome/home.png        | Bin 0 -> 965 bytes
 .../dongsheng/AppHome/home_selected.png       | Bin 0 -> 1000 bytes
 8 files changed, 1642 insertions(+)
 create mode 100644 src/project/dongsheng/AppEnteringCommunity/AppCommunityInfo.vue
 create mode 100644 src/project/dongsheng/AppEnteringCommunity/AppEnteringCommunity.vue
 create mode 100644 src/project/dongsheng/AppEnteringCommunity/AppPhotoAlbum.vue
 create mode 100644 src/project/dongsheng/AppEnteringCommunity/custom.png
 create mode 100644 src/project/dongsheng/AppEnteringCommunity/custom_selected.png
 create mode 100644 src/project/dongsheng/AppHome/AppHome.vue
 create mode 100644 src/project/dongsheng/AppHome/home.png
 create mode 100644 src/project/dongsheng/AppHome/home_selected.png

diff --git a/src/project/dongsheng/AppEnteringCommunity/AppCommunityInfo.vue b/src/project/dongsheng/AppEnteringCommunity/AppCommunityInfo.vue
new file mode 100644
index 0000000..9a63479
--- /dev/null
+++ b/src/project/dongsheng/AppEnteringCommunity/AppCommunityInfo.vue
@@ -0,0 +1,102 @@
+<template>
+  <div class="AppCommunityInfo" v-if="pageShow">
+    <h2>{{ info.title }}</h2>
+    <div class="info-info">
+      <span>{{ info.areaName }}</span>
+      <span>{{ info.createDate }}</span>
+    </div>
+    <image class="banner" @click="preview(banner)" v-if="banner" mode="widthFix" :src="banner"/>
+    <div class="rich-content">
+      <u-parse :html="info.content"></u-parse>
+    </div>
+    <AiEmpty v-if="!info.title"></AiEmpty>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "AppCommunityInfo",
+  appName: "社区简介",
+  data() {
+    return {
+      pageShow: false,
+      info: {},
+      banner: ''
+    }
+  },
+
+  onLoad(query) {
+    if (query.type !== '0') {
+      uni.setNavigationBarTitle({
+        title: '社区公约'
+      })
+    }
+
+    this.$loading()
+    this.getInfo(query.type)
+  },
+
+  methods: {
+    getInfo(type) {
+      this.$instance.post(`/app/appcountrysidetourism/queryDetailByAreaIdForWX?areaId=${uni.getStorageSync('areaId')}&type=${type}`).then(res => {
+        if (res.code === 0 && res.data) {
+          this.info = res.data
+          this.banner = res.data.thumbUrl ? JSON.parse(res.data.thumbUrl)[0].url : ''
+        }
+
+        this.$nextTick(() => {
+          this.pageShow = true
+        })
+      })
+    },
+
+    preview(url) {
+      uni.previewImage({
+        urls: [url],
+        current: url
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppCommunityInfo {
+  min-height: 100vh;
+  padding: 0 32px 40px;
+  box-sizing: border-box;
+  background-color: #fff;
+
+  .banner {
+    width: 100%;
+    margin-bottom: 20px;
+  }
+
+  h2 {
+    line-height: 1.3;
+    padding: 32px 0 16px;
+    font-size: 48px;
+    font-weight: 600;
+    color: #333;
+  }
+
+  .info-info {
+    display: flex;
+    align-items: center;
+    margin-bottom: 30px;
+
+    span {
+      color: #999999;
+      font-size: 30px;
+
+      &:last-child {
+        margin-left: 32px;
+      }
+    }
+  }
+
+  ::v-deep.emptyWrap {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/project/dongsheng/AppEnteringCommunity/AppEnteringCommunity.vue b/src/project/dongsheng/AppEnteringCommunity/AppEnteringCommunity.vue
new file mode 100644
index 0000000..e39b351
--- /dev/null
+++ b/src/project/dongsheng/AppEnteringCommunity/AppEnteringCommunity.vue
@@ -0,0 +1,664 @@
+<template>
+  <div class="AppEnteringCommunity">
+    <div class="header" :class="[isFixed ? 'header-active' : '']">
+      <div class="status-bar" :style="{height: statusBarHeight + 'px'}"></div>
+      <div class="nav-bar">
+        <h2>社区</h2>
+      </div>
+    </div>
+    <header>
+      <image src="/static/img/top-bg.png"/>
+      <div>
+        <AiAreaPicker :selectRoot="false" ref="area" :value="areaId" :name.sync="areaName" :areaId="$areaId"
+                      @input="areaSelect">
+          <div class="ai-area__wrapper">
+            <span class="label" v-if="areaName">{{ areaName }}</span>
+            <span v-else>请选择</span>
+            <image src="/static/img/area-bottom.png"/>
+          </div>
+        </AiAreaPicker>
+        <div class="welcome">欢迎进入{{ areaName }}</div>
+        <div class="tag" v-if="user.homeArea === areaId">我的家乡</div>
+        <div class="tag1" @click="updateUserInfo" v-if="!user.homeArea && token">设为家乡</div>
+      </div>
+    </header>
+    <div class="card">
+      <div class="card-item" hover-class="text-hover" @click="$linkTo('./AppCommunityInfo?type=0')">
+        <image src="https://cdn.cunwuyun.cn/pingchang/sqjj.png"/>
+      </div>
+      <div class="card-item" hover-class="text-hover" @click="$linkTo('./AppCommunityInfo?type=4')">
+        <image src="https://cdn.cunwuyun.cn/pingchang/sqgy.png"/>
+      </div>
+      <div class="card-item" hover-class="text-hover"
+           @click="linkTo('/mods/AppCreditPoints/AppIntegralRanking', 'idNumber')">
+        <image src="/static/img/jfph.png"/>
+      </div>
+      <div class="card-item" hover-class="text-hover"
+           @click="linkTo('/mods/AppVillagerDiscussion/AppVillagerDiscussion', 'idNumber')">
+        <image src="https://cdn.cunwuyun.cn/pingchang/jmys.png"/>
+      </div>
+    </div>
+    <div class="banner" @click="linkTo('/mods/AppCreditPoints/AppCpSupermarket', 'idNumber')">
+      <image src="/static/img/jf-banner.png" class="banner"/>
+    </div>
+    <tempalte v-if="publicList.length">
+      <div class="title-wrap">
+        <span class="title">三务公开</span>
+        <div class="right" hover-class="text-hover"
+             @click="$linkTo(`/mods/AppContent/AppContent?names=三务公开&areaId=${areaId}`)">
+          <span class="title-more">更多专题</span>
+          <u-icon name="arrow-right" size="28" color="#999999"></u-icon>
+        </div>
+      </div>
+      <div class="list-news">
+        <div class="news-wrap" v-for="(item,index) in publicList" :key="index"
+             @click="$linkTo('/mods/AppContent/contentDetail?id='+ item.id)">
+          <div class="news-title">{{ item.title }}</div>
+          <div class="news-bottom">
+            <div class="tag">{{ item.categoryName }}</div>
+            <div class="date">{{ item.createTime ? item.createTime.split(' ')[0] : '' }}</div>
+            <div class="view">
+              <em>{{ item.viewCount }}</em>
+              人看过
+            </div>
+          </div>
+        </div>
+      </div>
+    </tempalte>
+    <div class="title-wrap" v-if="activityList.length">
+      <span class="title">居民活动</span>
+      <div class="right">
+        <span class="title-more" @click="$linkTo('/mods/AppVillageActivity/AppVillageActivity')">更多活动</span>
+        <u-icon name="arrow-right" size="28" color="#999999"></u-icon>
+      </div>
+    </div>
+    <scroll-view :scroll-x="true" style="width: 100%" class="scroll-wrap" v-if="activityList.length">
+      <div
+          class="scroll-card"
+          @click="$linkTo('/mods/AppVillageActivity/ActivityDetail?id=' + item.id)"
+          hover-class="text-hover"
+          v-for="(item, index) in activityList"
+          :key="index">
+        <image :src="item.url" mode="aspectFill"/>
+        <div class="text">
+          <span>{{ item.title }}</span>
+        </div>
+      </div>
+      <AiEmpty v-if="!activityList.length"></AiEmpty>
+    </scroll-view>
+    <div class="title-wrap">
+      <span class="title">社区相册</span>
+    </div>
+    <div class="album-list">
+      <div
+          class="album"
+          v-for="(item, index) in albumList"
+          hover-class="text-hover"
+          :key="index"
+          @click="$linkTo('./AppPhotoAlbum?type=' + item.type + '&name=' + item.name + '&url=' + item.coverImg)">
+        <image :src="item.coverImg"/>
+        <div class="total">共{{ item.total }}张</div>
+        <div class="desc">{{ item.name }}</div>
+      </div>
+      <AiEmpty style="width: 100%" v-if="!albumList.length"></AiEmpty>
+    </div>
+    <AiLogin ref="login"/>
+  </div>
+</template>
+<script>
+import {mapActions, mapState} from 'vuex'
+
+export default {
+  name: "AppEnteringCommunity",
+  appName: "社区",
+  customNavigation: true,
+  data() {
+    return {
+      isFixed: false,
+      statusBarHeight: 20,
+      top: 0,
+      areaName: '',
+      areaId: '',
+      $areaId: '',
+      albumList: [],
+      activityList: [],
+      publicList: [],
+      moduleId: "",
+      isInit: false
+    }
+  },
+
+  onLoad() {
+    this.areaId = this.$mp.query.areaId || this.$areaId
+    this.areaName = this.$mp.query.areaName || this.$areaName
+    this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
+    this.autoLogin()
+
+    this.$nextTick(() => {
+      this.getAlbumList()
+      this.getActiveList()
+      this.getName()
+    })
+
+    uni.$on('update', () => {
+      this.getAlbumList()
+    })
+  },
+
+  computed: {
+    ...mapState(['user', 'token'])
+  },
+
+  onShow() {
+    this.$nextTick(() => {
+      this.token && this.getUserInfo()
+    })
+
+    if (this.user.homeArea) {
+      if (!this.isInit) {
+        this.areaId = this.user.homeArea
+        this.areaName = this.user.homeName
+        uni.setStorageSync('areaId', this.user.homeArea)
+        uni.setStorageSync('areaName', this.user.homeName)
+        this.isInit = true
+      }
+    } else if (!this.isInit && !this.user.homeArea) {
+      setTimeout(() => {
+        this.$dialog.alert({
+          content: '请选择您的家乡'
+        }).then(() => {
+          this.$refs.area?.handleJump()
+          this.isInit = true
+        })
+      }, 600)
+    }
+  },
+
+  methods: {
+    ...mapActions(['autoLogin', 'getUserInfo']),
+    getName() {
+      this.$instance.post("/app/appcontentmoduleinfo/listByNames", null, {
+        params: {names: "三务公开"}
+      }).then(res => {
+        if (res.data && res.data.length) {
+          this.moduleId = res.data[0]["id"];
+          this.getPublicList();
+        }
+      })
+    },
+
+    updateUserInfo() {
+      if (this.areaId.endsWith('000')) {
+        this.$dialog.alert({
+          content: '请选择村'
+        }).then(() => {
+        })
+
+        return false
+      }
+
+      this.$instance.post("/app/appwechatuser/updateById", {
+        id: this.user.id,
+        homeArea: this.areaId,
+        homeName: this.areaName
+      }).then(res => {
+        if (res.code === 0) {
+          this.getUserInfo()
+        }
+      })
+    },
+
+    getPublicList() {
+      this.$instance.post("/app/appcontentinfo/list", null, {
+        params: {moduleId: this.moduleId, size: 3, areaId: this.areaId}
+      }).then(res => {
+        if (res?.data) {
+          this.publicList = res.data.records;
+        }
+      })
+    },
+
+    linkTo(url, type) {
+      if (type) {
+        if (this.token) {
+          if (type === 'idNumber') {
+            if (!this.user.residentId) {
+              this.$linkTo('/mods/AppAuth/AppAuth')
+            } else {
+              this.$linkTo(url)
+            }
+          }
+        } else {
+          this.$refs.login.show()
+        }
+      } else {
+        this.$linkTo(url)
+      }
+    },
+
+    areaSelect(v) {
+      this.areaId = v
+      this.isMore = false
+      this.current = 0
+      this.newsList = []
+
+      this.$nextTick(() => {
+        this.getActiveList()
+        this.getAlbumList()
+        this.getPublicList()
+        uni.setStorageSync('areaId', this.areaId)
+        uni.setStorageSync('areaName', this.areaName)
+      })
+    },
+
+    getAlbumList() {
+      this.$instance.post(`/app/appvillagepicturealbum/queryAlbumMenu?areaId=${this.areaId}`).then(res => {
+        if (res.code == 0) {
+          this.albumList = res.data.map(v => {
+            return {
+              ...v,
+              coverImg: `${this.$cdn}/dvcp/album/album${v.type}.png`
+            }
+          })
+        }
+      })
+    },
+
+    getActiveList() {
+      this.$instance.post(`/app/appvillageactivityinfo/listUp`, null, {
+        params: {
+          current: 1,
+          size: 6,
+          areaId: this.areaId
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.activityList = res.data.records.map(v => {
+            return {
+              ...v,
+              url: v.url ? JSON.parse(v.url)[0].url : ''
+            }
+          })
+        }
+      })
+    }
+  },
+
+  onShareAppMessage() {
+    return {
+      title: '欢迎使用数字乡村治理服务一体化平台~',
+      path: `/pages/AppEnteringCommunity/AppEnteringCommunity`
+    }
+  },
+
+  onPageScroll(params) {
+    this.isFixed = params.scrollTop > 60;
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.AppEnteringCommunity {
+  min-height: 100%;
+  background: #F3F6F9;
+
+  ::v-deep .emptyImg {
+    margin-top: 0 !important;
+  }
+
+  .header {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 0;
+    width: 100%;
+    opacity: 0;
+    transition: all 0.2s ease;
+
+    &.header-active {
+      z-index: 1111;
+      opacity: 1;
+      background: #4181FF;
+    }
+
+    .nav-bar {
+      position: relative;
+      height: 88px;
+      line-height: 88px;
+      color: #fff;
+      font-size: 32px;
+      text-align: center;
+    }
+  }
+
+  & > header {
+    position: relative;
+    height: 656px;
+    box-sizing: border-box;
+    padding-left: 32px;
+
+    & > div {
+      position: relative;
+      z-index: 11;
+    }
+
+    .ai-area__wrapper {
+      display: flex;
+      align-items: center;
+      padding-top: 100px;
+
+      span {
+        margin-right: 16px;
+        color: #FFFFFF;
+        font-size: 44px;
+      }
+
+      image {
+        width: 16px;
+        height: 8px;
+      }
+    }
+
+    & > image {
+      position: absolute;
+      left: 0;
+      top: 0;
+      z-index: 1;
+      width: 100%;
+      height: 656px;
+    }
+
+    .welcome {
+      font-size: 28px;
+      font-weight: 400;
+      color: #FFFFFF;
+      line-height: 40px;
+      margin-top: 20px;
+    }
+
+    .tag {
+      width: 120px;
+      height: 44px;
+      background: rgba(0, 0, 0, 0.3);
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 22px;
+      font-weight: 400;
+      color: #c0cae0;
+      margin-top: 16px;
+    }
+
+    .tag1 {
+      width: 120px;
+      height: 44px;
+      border: 1px solid #c0cae0;
+      background: rgba(0, 0, 0, 0.1);
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 22px;
+      font-weight: 400;
+      color: #c0cae0;
+      margin-top: 16px;
+    }
+  }
+
+  .card {
+    position: relative;
+    z-index: 1;
+    background: #FFFFFF;
+    border-radius: 32px 32px 0 0;
+    margin-top: -336px;
+    box-sizing: border-box;
+    padding: 32px 32px 0 32px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .card-item {
+      width: 332px;
+      height: 160px;
+      margin-bottom: 32px;
+      border-radius: 16px;
+
+      image {
+        width: 332px;
+        height: 160px;
+      }
+    }
+  }
+
+  .banner {
+    position: relative;
+    z-index: 2;
+    height: 200px;
+    background: linear-gradient(180deg, #FFFFFF 0%, #F3F6F9 100%);
+
+    image {
+      display: block;
+      width: 692px;
+      height: 200px;
+      margin: 0 auto;
+    }
+  }
+
+  .title-wrap {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    padding: 48px 32px 32px;
+
+    .title {
+      font-size: 44px;
+      font-weight: 600;
+      color: #333333;
+    }
+
+    .right {
+
+      .title-more {
+        font-size: 28px;
+        font-weight: 400;
+        line-height: 40px;
+        color: #999999;
+      }
+    }
+  }
+
+  .list-news {
+    box-sizing: border-box;
+    padding: 0 32px;
+
+    .news-wrap {
+      height: 186px;
+      background: #FFFFFF;
+      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
+      border-radius: 16px;
+      box-sizing: border-box;
+      padding: 32px;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      margin-bottom: 24px;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      .news-title {
+        font-size: 36px;
+        font-weight: 600;
+        color: #333333;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .news-bottom {
+        display: flex;
+        align-items: center;
+
+        .tag {
+          width: 144px;
+          height: 48px;
+          background: #EEEEEE;
+          border-radius: 24px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 28px;
+          font-weight: 400;
+          color: #999999;
+        }
+
+        .date {
+          font-size: 28px;
+          font-weight: 400;
+          color: #999999;
+          margin-left: 16px;
+        }
+
+        .view {
+          font-size: 28px;
+          font-weight: 400;
+          color: #999999;
+          margin-left: auto;
+          display: flex;
+          align-items: center;
+
+          & > em {
+            color: #4181FF;
+            font-style: normal;
+          }
+        }
+      }
+    }
+  }
+
+  .scroll-wrap {
+    box-sizing: border-box;
+    padding: 0 32px;
+    width: 100%;
+    white-space: nowrap;
+
+    .scroll-card {
+      display: inline-block;
+      width: 400px;
+      height: 332px;
+      background: #FFFFFF;
+      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
+      border-radius: 16px;
+      margin-right: 32px;
+      font-size: 0;
+
+      & > image {
+        width: 400px;
+        height: 240px;
+        border-radius: 16px 16px 0 0;
+      }
+
+      .text {
+        height: calc(100% - 240px);
+        display: flex;
+        align-items: center;
+        box-sizing: border-box;
+        padding: 0 32px;
+
+        & > span {
+          font-size: 32px;
+          font-weight: 600;
+          color: #333333;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+      }
+
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+
+  .album-list {
+    box-sizing: border-box;
+    padding: 0 32px 32px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 16px;
+
+    .album {
+      position: relative;
+      width: 218px;
+      height: 240px;
+      background: #FFFFFF;
+      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
+      border-radius: 16px;
+      overflow: hidden;
+
+      image {
+        position: absolute;
+        left: 0;
+        top: 0;
+        z-index: 1;
+        width: 100%;
+        height: 100%;
+      }
+
+      .total {
+        display: flex;
+        position: absolute;
+        align-items: center;
+        justify-content: center;
+        right: 8px;
+        top: 8px;
+        z-index: 2;
+        width: 74px;
+        height: 40px;
+        background: rgba(0, 0, 0, .6);
+        border-radius: 8px;
+        font-size: 22px;
+        font-weight: 400;
+        color: #FFFFFF;
+      }
+
+      .desc {
+        position: absolute;
+        bottom: 16px;
+        left: 0;
+        z-index: 2;
+        width: 100%;
+        height: 40px;
+        line-height: 40px;
+        padding: 0 12px;
+        font-size: 32px;
+        text-align: center;
+        color: #FFFFFF;
+        font-weight: 600;
+        box-sizing: border-box;
+      }
+    }
+  }
+
+  ::v-deep .AiArea {
+    padding-top: 64px;
+    height: 88px;
+
+    ._img {
+      display: none;
+    }
+
+    .area-name {
+      font-size: 44px;
+      font-weight: 600;
+    }
+  }
+}
+</style>
diff --git a/src/project/dongsheng/AppEnteringCommunity/AppPhotoAlbum.vue b/src/project/dongsheng/AppEnteringCommunity/AppPhotoAlbum.vue
new file mode 100644
index 0000000..4a22eac
--- /dev/null
+++ b/src/project/dongsheng/AppEnteringCommunity/AppPhotoAlbum.vue
@@ -0,0 +1,385 @@
+<template>
+  <div class="photo" v-if="pageShow">
+    <div class="header" :class="[isFixed ? 'header-active' : '']">
+      <div class="status-bar" :style="{height: statusBarHeight + 'px'}"></div>
+      <div class="nav-bar">
+        <image src="/static/img/left.png" @click="back"/>
+        <h2>邻里相册</h2>
+      </div>
+    </div>
+    <div class="back-wrapper" @click="back" v-show="!isFixed" :style="{marginTop : statusBarHeight + 'px'}">
+      <image src="/static/img/left.png"/>
+    </div>
+    <div class="photo-header">
+      <image :src="coverImg" mode="aspectFill"/>
+      <h2>{{ name }}</h2>
+    </div>
+    <div class="photo-info">
+      <div class="photo-info__item">
+        <h2>{{ info.total }}</h2>
+        <span>照片</span>
+      </div>
+      <div class="photo-info__item">
+        <h2>{{ info.thisMonth }}</h2>
+        <span>本月</span>
+      </div>
+      <div class="photo-info__item">
+        <h2>{{ info.lastMonth }}</h2>
+        <span>上月</span>
+      </div>
+      <div class="photo-info__item">
+        <h2>{{ info.thisYear }}</h2>
+        <span>今年</span>
+      </div>
+    </div>
+    <div class="photo-list">
+      <div class="photo-group" v-for="(group, index) in list" :key="index">
+        <h2>{{ group.name }}</h2>
+        <div class="photo-wrapper">
+          <div class="photo-item" v-for="(item, i) in group.list" :key="i">
+            <image :src="item.url" @click="preview(item.url)" mode="aspectFill"/>
+            <div class="photo-item__text">
+              <span>{{ item.createUserName }} 上传</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <AiEmpty v-if="!list.length" description="暂无照片"></AiEmpty>
+    </div>
+    <div class="btn-wrapper">
+      <div class="btn" @click="upload" hover-class="text-hover">上传图片</div>
+    </div>
+    <AiLogin ref="login"/>
+  </div>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+
+export default {
+  name: "AppPhotoAlbum",
+  appName: "邻里相册",
+  customNavigation: true,
+  data() {
+    return {
+      isFixed: false,
+      statusBarHeight: 20,
+      list: [],
+      type: '',
+      info: {},
+      name: '',
+      coverImg: '',
+      imgList: [],
+      hideStatus: false,
+      pageShow: false
+    }
+  },
+
+  computed: {
+    ...mapState(['user', 'token'])
+  },
+
+  onLoad(query) {
+    this.type = query.type
+    this.name = query.name
+    this.coverImg = query.url
+    this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
+
+    this.$loading()
+    this.getList(query.type)
+    this.getTotalInfo(query.type)
+  },
+
+  onUnload() {
+    // uni.$off('update')
+  },
+
+  methods: {
+    back() {
+      uni.navigateBack({
+        delta: 1
+      })
+    },
+
+    preview(url) {
+      let imgs = []
+      this.list.forEach(item => {
+        imgs = [...imgs, ...item.list.map(v => v.url)]
+      })
+
+      uni.previewImage({
+        urls: imgs,
+        current: url
+      })
+    },
+
+    upload() {
+      if (!this.token) {
+        this.$refs.login.show()
+
+        return false
+      }
+
+      this.imgList = []
+      this.hideStatus = false
+      uni.chooseImage({
+        count: this.limit,
+        sizeType: ['compressed'],
+        sourceType: ['album', 'camera'],
+        success: (res) => {
+          if (res.tempFilePaths.length > 9) {
+            this.$toast(`图片不能超过9张`)
+
+            return false
+          }
+
+          this.$loading('上传中')
+          res.tempFilePaths.forEach((item, index) => {
+            if (index === res.tempFilePaths.length - 1) {
+              this.hideStatus = true
+            }
+
+            this.$nextTick(() => {
+              this.uploadFile(item, res.tempFilePaths.length)
+            })
+          })
+        },
+      })
+    },
+
+    uploadFile(img, total) {
+      uni.uploadFile({
+        url: this.$instance.defaults.baseURL + '/admin/file/add',
+        filePath: img,
+        name: 'file',
+        header: {
+          'Content-Type': 'multipart/form-data',
+          Authorization: uni.getStorageSync('token'),
+        },
+        success: (res) => {
+          const data = JSON.parse(res.data)
+
+          if (data.code === 0) {
+            this.imgList.push(data.data[0].split(';')[0])
+          } else {
+            this.$toast(data.msg)
+          }
+        },
+        complete: () => {
+          this.$nextTick(() => {
+            if (this.imgList.length === total && this.hideStatus) {
+              this.$instance.post(`/app/appvillagepicturealbum/addPictures`, {
+                areaName: uni.getStorageSync('areaName'),
+                areaId: uni.getStorageSync('areaId'),
+                type: this.type,
+                urlList: this.imgList
+              }).then(res => {
+                if (res.code == 0) {
+                  this.getList(this.type)
+                  this.getTotalInfo(this.type)
+                  uni.$emit('update')
+                }
+                this.$hideLoading()
+                this.hideStatus = false
+              })
+            }
+          })
+        }
+      })
+    },
+
+    getTotalInfo(type) {
+      this.$instance.post(`/app/appvillagepicturealbum/statistic?areaId=${uni.getStorageSync('areaId')}&type=${type}`).then(res => {
+        if (res.code === 0) {
+          this.info = res.data
+        }
+      })
+    },
+
+    getList(type) {
+      this.$instance.post(`/app/appvillagepicturealbum/queryAlbum?areaId=${uni.getStorageSync('areaId')}&type=${type}`).then(res => {
+        if (res.code === 0) {
+          this.list = Object.keys(res.data).map(v => {
+            return {
+              name: v,
+              list: res.data[v]
+            }
+          })
+
+          this.$nextTick(() => {
+            this.pageShow = true
+          })
+        }
+
+        this.$hideLoading()
+      })
+    }
+  },
+
+  onPageScroll(params) {
+    this.isFixed = params.scrollTop > 60;
+  }
+}
+</script>
+
+<style lang="scss" socped>
+.photo {
+  width: 100vw;
+  overflow-x: hidden;
+  padding-bottom: 130px;
+
+  * {
+    box-sizing: border-box;
+  }
+
+  .back-wrapper {
+    position: fixed;
+    z-index: 11;
+    left: 20px;
+    top: 24px;
+    width: 40px;
+    height: 40px;
+
+    image {
+      width: 40px;
+      height: 40px;
+    }
+  }
+
+  .header {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 0;
+    width: 100%;
+    opacity: 0;
+    transition: all 0.2s ease;
+
+    &.header-active {
+      z-index: 1111;
+      opacity: 1;
+      background: linear-gradient(180deg, #4670F5 0%, #4772F5 100%);
+    }
+
+    .nav-bar {
+      position: relative;
+      height: 88px;
+      line-height: 88px;
+      color: #fff;
+      font-size: 32px;
+      text-align: center;
+
+      image {
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 1;
+        width: 40px;
+        height: 40px;
+        padding: 24px 20px 0 20px;
+        box-sizing: content-box;
+      }
+    }
+  }
+
+  .photo-header {
+    position: relative;
+    height: 400px;
+
+    image {
+      width: 100%;
+      height: 400px;
+      filter: blur(2px);
+    }
+
+    h2 {
+      display: flex;
+      position: absolute;
+      align-items: center;
+      justify-content: center;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 1;
+      color: #fff;
+      background: rgba(0, 0, 0, 0.1);
+      font-size: 56px;
+    }
+  }
+
+  .photo-info {
+    display: flex;
+    align-items: center;
+    height: 168px;
+    background: #FFFFFF;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.02);
+
+    & > div {
+      flex: 1;
+      text-align: center;
+
+      h2 {
+        margin-bottom: 10px;
+        font-weight: 600;
+        font-size: 38px;
+        color: #333333;
+      }
+
+      span {
+        color: #999999;
+        font-size: 26px;
+      }
+    }
+  }
+
+  .photo-list {
+    margin-top: 32px;
+    padding: 0 32px;
+
+    h2 {
+      margin-bottom: 32px;
+      color: #333333;
+      font-size: 38px;
+    }
+
+    .photo-wrapper {
+      display: flex;
+      flex-wrap: wrap;
+
+      .photo-item {
+        position: relative;
+        width: 328px;
+        height: 328px;
+        margin-right: 30px;
+        margin-bottom: 32px;
+        border-radius: 12px;
+        overflow: hidden;
+
+        &:nth-of-type(2n) {
+          margin-right: 0;
+        }
+
+        .photo-item__text {
+          position: absolute;
+          bottom: 0;
+          left: 0;
+          z-index: 1;
+          width: 100%;
+          height: 80px;
+          line-height: 80px;
+          padding: 0 16px;
+          color: #FFFFFF;
+          font-size: 26px;
+          background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
+        }
+
+        image {
+          width: 328px;
+          height: 328px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/project/dongsheng/AppEnteringCommunity/custom.png b/src/project/dongsheng/AppEnteringCommunity/custom.png
new file mode 100644
index 0000000000000000000000000000000000000000..35b367626398ad1e8466737a66160321eb86975f
GIT binary patch
literal 970
zcmV;*12z1KP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91FrWhf1ONa40RR91FaQ7m0NXcg3;+NFG)Y83RA>e5S-*=DK@`qr#fZ7M
z1k+dsNhfN4HEE96MDDN=OAA5&1-U{|@GR`aE42}9{0BS<oTfPoAwNVRrHyD}BL?pz
zF_*;eEtxQzo!Q%Dcatpaz~jxl_vX#_&6}OO?1n-fw_2@slf<iK!d@k&ywz&;(P%V!
zMM8Zq)>6DkItITDeSa$db}pBDFlBQz^n^g8(byOa25&^jR8`$fr_;M4-#j)?j?i#8
zye9)=<&({^vU@@RXa2HmQ7fNpj+Om{%!!-hDi&K;6eSM%iMSSauZ=!QD;A5jQ>j!>
zGXJ#1PG&2g#Wb<YL;#>wfPW2rgQh_1!ltuvr_%``?l<f$*xIBaIzftAR5Lxq^?H2^
zJN?8<0I1+|sw7nu>$GfERS3yM0QdD5L|za^FTe;gd{udZU*UU)8;tyuCL(YIuR4iX
zp$-WA!|}X}za={imgp8*N$><1;7>w5!?SnYiU9MitOk)S22NA~=38Zbk%99ofm41b
z!0?CsT7iJTWCxbr364-u0f##f93h7r=y-Zi0mobDFo9ny@R#xSB?0`f`Q&#3kEH~_
zZgH;^7z&#j*bWeSE0f8*Wm8PARp9sxxx@k%td9sJesK{{U1R)*Y>=IJJiebyCc8W)
z5rLNoc*+NP(EmW7kXHvufC(sc4`Nu3#w7WCe$U_-4@?A59{SNtuT^e~CU7>xZjAvD
zkORE$xyHqbx_cs^qQK*9CISFJTW|;OhhCt+j)meFM<M4RhZqZYivb$z;|L&?{T2>~
zjb-7cng}o--o1Q8pG0rvaygnvB+g@S7NUWiMjCPkprv`>cccA~C9%D5sZ=^d5_-T5
z4d9h#vl;F8`x=gpP73-V1+l6aCd@HFzN&1R>CK!ha27j`pS0xTJXfGu1*KI)m4}f1
zY&QE|w!ZBO$P&zB$MLL8&#P1_YmrDq!+F>66=x07>vp@}3WdV2=~#Ze6aqW|)-M)|
z`n8JjcV@Grefhr-Pb?t7@5VCvj&32`HuNcV!zJLmc(^xb&E@n6xdonZ&y~w5fmt`q
s^?0WQT>Ih<X2LJ~t}_l2y1WDb0i-TJ6UVL|i2wiq07*qoM6N<$f&hG&)Bpeg

literal 0
HcmV?d00001

diff --git a/src/project/dongsheng/AppEnteringCommunity/custom_selected.png b/src/project/dongsheng/AppEnteringCommunity/custom_selected.png
new file mode 100644
index 0000000000000000000000000000000000000000..3895108dcde1afe991dc0f8480bc245bdefcf547
GIT binary patch
literal 1198
zcmV;f1X25mP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91FrWhf1ONa40RR91FaQ7m0NXcg3;+NG7)eAyRA>e5S<OpSQ4~LS95Ygs
za22?!RS*^Z0htOSN}H%%P*Lk3NL-Yo&O`()LYK8MY7wp4s3?wB7!*W=1qFedKAaYo
z;1qt0@Af;-uD+T3?wj#_jI;1Emv`T}=i~Rg=e+x7?hr-X+LH1-_o%|eqH@fB+XiIP
zlJtl>kE4hsqHxMSTaz*+CEaxT$7-e0eIntM1sz91pd}?c$)XWga53td?iHi1b3TNT
zl#sCKh6#(;oXN&Z9ti;iJnj+HYtF;WeJbuQ#sip=9jM`E^!+60Cu(h82+DA`Fs`Ym
z%-B`2;$|<2_PNPf<~3)s@seu<&OMb?3!mwUWzpG9Lqx@gKxVTo|0Ze~kc%KR4`Bv<
z9@80+&7l6v*0hJXH6?qbMRy`aAm~2)+u2l^EtXXi9*qE2^#hcTm<-Aw-^!|_jN}X>
zt5p`w)zwq_*)_4~#Gnzt{+&aqR5_I@Wel*ZDB13GLJTQP+AdV7;2AKUu|0UJ58^#@
z#z;U-RPq(?k{*Rm%Yd5jdu_whbMmlX>(cCyiK9wW+eX!dpX-HYBJL||L@z)2@ldkO
zUZojY1{8R9TvM&wM}G~4fD?T5kn<x1E+G^6>TPVqYwP)-wsRMVfC)SU7&m?&)#1IH
zBf9=rmzN^(T|&IuFo7`IiG%*V_$J^#WVn{TODO%3sHxGMh1Fc?Kwp0;UAIuvHvx9^
z@WqBZw^Hi3T^K5w`@ki{BovWoAbNWZOn}|*B#BT66q4Yt66I=vo`FJ;oQZD>L_uCm
zg+ATx@w?!!l7~uwo$~HfhW1{?2(5&a!!liOsW>_TVIM%K`AWNHV^wr<s!xn5U|I>G
zzGm@*;h0h=^EHR~S;WsGuHA9JWC_Z~1r0Sd(ai8AvFya85y0dy`aP#o*kgct#XuPt
z^1T66&=SV>K^f-qS`3UP6Jjz?`2R*DknW|y)}(!`a@ozmA<J7WUMbAkpoFB;4n4Qw
zBrp;5wwiOiB`rGA2nb=jz0#hP5AZd;8GiR;WomIYa{wn6f8a5TqYcm1f=w|3MS<lh
z#LUm7MnD-(B*Ytxx!bM%uB=^Or9+gXMv!Ts7`jCb09z0DMnB3v$Q3)y50ib#fhW2J
zul{VIBPpe58KBx&oEij^%7K)mK3fm$KsI=j^w#7g4ELIE98WUzyv7ogo_#tM6V$3Q
z$l1h{YZjqz;b?JYs#i?qIdj~UoB@Z8ub~Z|EkOc*GffvdIn^)g>@0Ey<5X8|VMns)
z>v+HTRjBK{FB<`8P`B~(exdgM?{4!Znf@j=X;!Fwm%vUZCeSW~{}M*9yL5&@0uTA<
zR6=xZ*H@qt3JW}g_UkJUf$gqV6#9V(aN0uyB@F-UhZbPhQ8X*?4@F`r$(0J|4gdfE
M07*qoM6N<$f)_9w6aWAK

literal 0
HcmV?d00001

diff --git a/src/project/dongsheng/AppHome/AppHome.vue b/src/project/dongsheng/AppHome/AppHome.vue
new file mode 100644
index 0000000..80a69b5
--- /dev/null
+++ b/src/project/dongsheng/AppHome/AppHome.vue
@@ -0,0 +1,491 @@
+<template>
+  <div class="page">
+    <div class="search-wrap">
+      <div class="search fill" @click="$linkTo('/mods/AppContent/contentManager?moduleId=' + search.moduleId)">
+        <u-icon name="search" color="#ffffff" size="40"></u-icon>
+        <span class="desc">请输入需要搜索的内容</span>
+      </div>
+    </div>
+    <div class="header-bg"></div>
+    <img class="border" :src="`${cdn}/border.png`" alt="">
+    <div class="swiper-content">
+      <u-swiper :list="swiperList" mode="none" height="240" bg-color="none" @click="handleBannerClick"/>
+    </div>
+    <div class="grid-content">
+      <u-grid :col="4" hover-class="text-hover" :border="false">
+        <u-grid-item v-for="(item, index) in grids" :key="index" :custom-style="{padding:'8px 0'}" bg-color="none"
+                     class="grid-item" @click="handleClick(item)">
+          <img :src="item.pictureUrl" alt=""/>
+          <div class="grid-text">{{ item.name }}</div>
+        </u-grid-item>
+      </u-grid>
+    </div>
+    <div class="notice">
+      <img :src="`${cdn}/notice-new.png`" alt="">
+      <u-notice-bar mode="vertical" color="#4181FF" style="flex: 1;" :volume-icon="false" :is-circular="false"
+                    duration="5000" speed="5000" :list="noticeList" @click="clickNotice"/>
+    </div>
+    <template v-if="activeList.length>0">
+      <header>推荐专题</header>
+      <scroll-view :scroll-x="true" style="width: 100%" class="scroll-wrap">
+        <div class="scroll-card"
+             :style="{background:'url(' + item.pictureUrl + ') no-repeat no-repeat;background-size:100% 100%;'}"
+             v-for="(item,index) in activeList" :key="index" @click="handleActive(item)"/>
+      </scroll-view>
+    </template>
+    <template v-if="categorys&&categorys.length>0">
+      <u-tabs :list="categorys.map(e=>({name:e.categoryName}))" font-size="40" bg-color="transparent"
+              inactive-color="#999999" :active-item-style="active"
+              :is-scroll="true" :current="index" @change="tabChange"/>
+      <div class="list-wrap" v-if="categoryList && categoryList.length>0">
+        <div class="list-card" v-for="(category,index) in categoryList" :key="index"
+             @click="$linkTo('/mods/AppContent/contentDetail?id='+category.id)">
+          <div class="header">{{ category.title }}</div>
+          <div class="content-wrap"
+               v-if="category.contentType==0 && category.files && category.files.length<3&&category.files.length>0">
+            <img class="img" :src="item.url" v-for="(item,index) in category.files.slice(0,1)" :key="index.id">
+          </div>
+          <div class="content-wrap" v-if="category.contentType==0 && category.files && category.files.length >= 3">
+            <img class="min-img" :src="item.url" v-for="(item,index) in  category.files.slice(0,3)" :key="index.id">
+          </div>
+          <div class="content-wrap" v-if="category.contentType == 1">
+            <img class="img" :src="category.pictureUrl" alt=""/>
+            <img class="play-icon" :src="`${cdn}/play.png`" alt=""/>
+          </div>
+          <div class="bottom">
+            <div class="left">
+              <div class="tag">{{ category.categoryName }}</div>
+              {{ category.createTime }}
+            </div>
+            <div class="right">
+              <em>{{ category.viewCount }}</em>
+              人看过
+            </div>
+          </div>
+        </div>
+      </div>
+      <AiEmpty v-else/>
+    </template>
+    <AiLogin ref="login"/>
+  </div>
+</template>
+<script>
+import {mapActions, mapState} from 'vuex'
+
+export default {
+  name: 'AppHome',
+  appName: "首页",
+  data() {
+    return {
+      cdn: "https://cdn.cunwuyun.cn/wxmp",
+      swiperList: [],
+      index: 0,
+      grids: [],
+      activeList: [],
+      notices: [],
+      categorys: [],
+      categoryList: [],
+      search: {areaId: ''},
+    }
+  },
+  computed: {
+    ...mapState(['user', 'token']),
+    active() {
+      return {
+        fontSize: '22px',
+        color: '#333333',
+      }
+    },
+    noticeList() {
+      let {notices} = this
+      return notices?.length > 0 ? notices?.map(e => e.title) || ['暂无公告'] : ['暂无公告']
+    }
+  },
+  onReady() {
+    uni.setNavigationBarTitle({title: "东盛e家"})
+  },
+  onLoad() {
+    this.autoLogin().then(() => {
+      this.getSwiperList();
+      this.getName();
+      this.getGrids();
+      this.getActive();
+      this.getNotice();
+    })
+  },
+  methods: {
+    ...mapActions(['autoLogin', 'authCheck']),
+    getName() {
+      this.$instance.post("/app/appcontentmoduleinfo/listByName", null, {
+        params: {names: "新闻发布"},
+        withoutToken: true
+      }).then(res => {
+        if (res?.data[0]?.categoryList?.length) {
+          this.categorys = res.data[0]["categoryList"];
+          this.search.moduleId = res.data[0]['id']
+          this.search.categoryId = res.data[0]['categoryList'][0]['id']
+          this.getCategoryList()
+        }
+      })
+    },
+    tabChange(idx) {
+      this.index = idx
+      this.search.categoryId = this.categorys[idx]['id']
+      this.getCategoryList()
+    },
+    getCategoryList() {
+      this.$instance.post("/app/appcontentinfo/list", null, {
+        params: {...this.search, size: 100}
+      }).then(res => {
+        if (res?.data) {
+          this.categoryList = res.data.records;
+        }
+      })
+    },
+    clickNotice(val) {
+      const id = this.notices[val]["id"];
+      if (id) {
+        uni.navigateTo({
+          url: "/mods/AppNotice/AppNotice?id=" + id
+        })
+      }
+    },
+    handleActive({type, appId, url}) {
+      if (type == 0) {
+        uni.navigateToMiniProgram({appId})
+      } else if (type == 1) {
+        this.$linkTo("/subPages/h5/webview?link=" + url);
+      }
+    },
+    getNotice() {
+      this.$instance.post("/app/appmininotice/list", null, {
+        params: {size: 999},
+        withoutToken: true
+      }).then(res => {
+        if (res?.data) {
+          this.notices = res.data.records;
+        }
+      })
+    },
+    getActive() {
+      this.$instance.post("/app/appminitopicconfig/list", null, {
+        params: {size: 999},
+        withoutToken: true
+      }).then(res => {
+        if (res?.data) {
+          this.activeList = res.data.records;
+        }
+      })
+    },
+    /**
+     * 获取顶部九宫格
+     */
+    getGrids() {
+      this.$instance.post("/app/appminihomeconfig/list", null, {
+        params: {picked: 1},
+        withoutToken: true
+      }).then(res => {
+        if (res?.data) {
+          this.grids = res.data.records;
+        }
+      })
+    },
+    getSwiperList() {
+      this.$instance.post('/app/appbanner/listForWx', null, {
+        withoutToken: true
+      }).then((res) => {
+        if (res?.data) {
+          this.swiperList = res.data?.map((e) => ({...e, image: e.imgUrl})) || []
+        }
+      })
+    },
+    handleClick({type, appId, modulePath, url, checkType, corpId}) {
+      //先判读是不是系统应用
+      if (type != "0") {
+        if (type == "1") {
+          uni.navigateToMiniProgram({appId});
+        } else if (type == "2") {
+          uni.navigateTo({url: "/subPages/h5/webview?link=" + url});
+        } else if (type == "3") {
+          this.$linkTo(url);
+        } else if (type == "4") {
+          uni.openCustomerServiceChat({
+            extInfo: {url: url},
+            corpId: corpId,
+            fail: () => {
+              this.$u.toast('请使用普通微信打开小程序进行咨询');
+            }
+          });
+        }
+      } else if (type && type == "0") {
+        uni.showLoading({title: '正在进入应用...'})
+        this.authCheck({checkType, modulePath}).finally(() => uni.hideLoading())
+      }
+    },
+    handleBannerClick(index) {
+      if (!this.swiperList[index].linkUrl) return
+
+      if (this.swiperList[index].type == '0') {  //0 h5链接； 1 小程序链接； 2外部小程序
+        this.$linkTo(`/subPages/h5/webview?link=${this.swiperList?.[index]?.linkUrl}&title=${this.swiperList?.[index]?.title}`)
+      } else if (this.swiperList[index].type == '1') {
+        this.$linkTo(`${this.swiperList?.[index]?.linkUrl}`)
+      } else {
+        wx.navigateToMiniProgram({
+          appId: this.swiperList[index].linkUrl
+        })
+      }
+    },
+  },
+
+  onShareAppMessage() {
+    return {
+      title: '欢迎使用东盛e家治理服务一体化平台~',
+      path: `/pages/AppHome/AppHome`
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+@import "~dvcp-wui/common";
+
+.page {
+  width: 100%;
+  min-height: 100%;
+  background-color: #F3F6F9;
+  position: relative;
+
+  .search-wrap {
+    width: 750px;
+    height: 112px;
+    box-sizing: border-box;
+    padding: 0 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #4181FF;
+
+    .search {
+      width: 100%;
+      height: 64px;
+      background: #000000;
+      border-radius: 32px;
+      opacity: 0.2;
+      box-sizing: border-box;
+      padding: 0 32px;
+      display: flex;
+      align-items: center;
+
+      .desc {
+        font-size: 28px;
+        color: #FFFFFF;
+        margin-left: 16px;
+      }
+    }
+  }
+
+  .area-content {
+    height: 96px;
+    line-height: 96px;
+    background-color: #2d80fb;
+
+    .area-ai {
+      display: block;
+      width: 200px;
+      margin-left: 34px;
+      text-align: left;
+    }
+
+    .picker-location {
+      text-align: left;
+    }
+  }
+
+  .header-bg {
+    width: 100%;
+    height: 160px;
+    background-color: #4181FF;
+  }
+
+  .border {
+    width: 100%;
+    height: 40px;
+  }
+
+  .swiper-content {
+    width: 686px;
+    height: 240px;
+    margin: -176px auto 24px;
+  }
+
+  .grid-content {
+    box-sizing: border-box;
+
+    .grid-item {
+      img {
+        width: 108px;
+        height: 108px;
+        object-fit: fill;
+      }
+
+      .grid-text {
+        font-size: 26px;
+        font-weight: 400;
+        color: #333333;
+        line-height: 36px;
+      }
+    }
+  }
+
+  ::v-deep .notice {
+    width: 686px;
+    height: 88px;
+    box-sizing: border-box;
+    padding: 0 24px;
+    margin: 30px auto 48px;
+    background: #FFFFFF;
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
+    border-radius: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    & > img {
+      width: 128px;
+      height: 52px;
+    }
+
+    .u-news-item {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+    }
+  }
+
+  .list-wrap {
+    box-sizing: border-box;
+    padding: 32px;
+
+    .list-card {
+      width: 100%;
+      min-height: 100px;
+      background: #FFFFFF;
+      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
+      border-radius: 16px;
+      box-sizing: border-box;
+      padding: 32px;
+      margin-bottom: 24px;
+
+      .header {
+        font-size: 36px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 50px;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+      }
+
+      .content-wrap {
+        display: flex;
+        gap: 4px;
+        flex-wrap: wrap;
+        margin-top: 24px;
+        position: relative;
+
+        .img {
+          width: 100%;
+          height: 350px;
+        }
+
+        .min-img {
+          width: 204px;
+          height: 204px;
+        }
+
+        .play-icon {
+          width: 80px;
+          height: 80px;
+          border-radius: 50%;
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+        }
+      }
+
+      .bottom {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-top: 24px;
+
+        .left {
+          display: flex;
+          align-items: center;
+          font-size: 28px;
+          font-weight: 400;
+          color: #999999;
+
+          .tag {
+            width: 144px;
+            height: 48px;
+            background: #EEEEEE;
+            border-radius: 24px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+            font-weight: 400;
+            color: #999999;
+            margin-right: 16px;
+          }
+        }
+
+        .right {
+          font-size: 28px;
+          font-weight: 400;
+          color: #999999;
+          display: flex;
+          align-items: center;
+
+          em {
+            font-style: normal;
+            color: #4181FF;
+          }
+        }
+      }
+    }
+  }
+
+  header {
+    font-size: 44px;
+    font-weight: 600;
+    color: #333333;
+    padding: 0 32px;
+    margin-bottom: 32px;
+  }
+
+  .scroll-wrap {
+    box-sizing: border-box;
+    padding: 0 32px;
+    width: 100%;
+    white-space: nowrap;
+    margin-bottom: 24px;
+
+    .scroll-card {
+      display: inline-block;
+      width: 440px;
+      height: 240px;
+      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
+      border-radius: 16px;
+      margin-right: 32px;
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/project/dongsheng/AppHome/home.png b/src/project/dongsheng/AppHome/home.png
new file mode 100644
index 0000000000000000000000000000000000000000..c39927f8123adbc9e7835c14ace6b7610b25a863
GIT binary patch
literal 965
zcmV;$13LVPP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91FrWhf1ONa40RR91FaQ7m0NXcg3;+NFFG)l}RA>e5Sv_bIVHm#rp}{1S
zfZz~t5e$hClT-&M2P?RUn^QXpf@2FJ3Q`0|yLAv;q(c!31swzx?BJyNF<?RlAqW8#
zp-Tc8LK2@>E|<&Ya^HKo@6t%`;Ap<@d*A2heZTujqbT0tRp5A6z~_eja=Cn|*XwNp
zJFnsw1A)M1Hk<t-n@_rdVzKxLBA*Nf1HWFZ&*$r7{5YS_Kh@7W{Vdf$p-^}RLF)oh
zTg%JK8-f`2vJ?YUZB+g_Snn{IU!W6r)vhp8%)=ZTK-EJKvI7&h%_+=hk@E^UtLR48
zJc2hnwoiE}qo_usaT23_yW$B!&DmEmMxZu7&D?={y&i41+pocQ)h4Gg{2&sE+)O5u
zE#m@bJd=THwHohqI&VR6nM1;e`5X?1Z=}=dLq_aah;0K9e+J^;1LeXPlJmhgm{@^{
zUv{8u87P%XXR&ub;5=uCgd2+s`#a8Sxm@lCH-~)@S1OhB{eJ(GTjEJDVG{>&aSgCK
zfLDWy0DcF8(_CODap=Myzu$iyuO44TIKmD<{1u4*I4|)en7D|OxE&b)z=~S=B@vM9
zb(mNpZqi_dJ+%XP!rlVF8vvcM0&sJUxJd(PnZ{#k0C$^JB<um;#I(eD&8r&rR814K
z69(Y+9+F-nGB6Q+bQ1y6MB0oJ#tb0f0RpxW%(^=n!Q33HnzmJq8kHs#En3HZqxboR
zKX8lPz{75fglZjt_=gLxTotI-su{q;<M;n!K(AFZ0P$;BsNkgUt_yjPHqr=jYeRwB
zH87ko{>4QzFwV_$jBjj~8ucBRr!Hw+o&jm4oDnEEW1eMNC=^l>iG&i3M*qdNS}mp7
zY%1NZqklk{a!NNq;!~-V5)6)@<MFr>i^Y^$ttQ=s^lN}BuNOZo8_m(0>_fVN;kGdo
zYPDt-&zX~MfVR-I!)k3>j%Z%G0TH3>b<cq8irU5VI$*bAvg1cj8%fCcp+gc959U~G
zp`W~3xDqAg=5*k|6=^(BA-B)~o}Tx?W&4K*o<7T{LzUYyNN6CF$ut3!0m?2;VM{I9
nc#FibOPs{bOYx$Pt^$7nuyhx>ozM>600000NkvXXu0mjfxI2~?

literal 0
HcmV?d00001

diff --git a/src/project/dongsheng/AppHome/home_selected.png b/src/project/dongsheng/AppHome/home_selected.png
new file mode 100644
index 0000000000000000000000000000000000000000..a37c2179d635368976b7fcb1d7b6ff8c52cc4f84
GIT binary patch
literal 1000
zcmV<E0~h>>P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91FrWhf1ONa40RR91FaQ7m0NXcg3;+NFQb|NXRA>e5SxsmYK@@(ITGAkq
zq8@sv^q}HJupsr|K}^yhS|}a_PZfn?#A6GssHtgU4+_mquu@R*AVN=-TKsE@f(J!V
z@FIE%7OWs5<WQwF&-bc{+s*FmY%<#fx&tA*@9+D*nYTZa0Qke7fsH)_!VCGaG<G3C
zifZrwSN|;mrJj$7H@fk(3y5a$5)>g#0s=;|1XLu;$Xrs48SS+mYZVYl<2WD;NJ$CE
z=0?PzG{%Kfi+~hj;6(-|5TRcMTL_pul!Qb|h@wioET(1wXD6`v(<0m>kdrbX3*Up?
zZP0fsA(kzC%BGqGoW6}M`7ba<ZPTNSXbcoE)3F0i+&LqD8O?5vs}|6E4a0@sFiqqS
zy8*0-6)+zTLhtmjC{*|q3{?p@lEtmd1(>Bf%>e}r#}Fd%x;YF-9}kEhj=`n?*8+}R
z$F`*<cuIBlnrhX0`XLm8_@g1Q=%$b>0nw}2fh+Kg0Cu?naS{7jG(q>=Wsz6SQ5F!%
z;2wGuG5L1Y;#I~i&;zeKmlPjW^4B~q?GoZ+*hv@bOY(b7o+-35)+(kQA%op<1*mNf
zQrpZ>POBkrJq~|TJM~aIy^?`RS0FZuacY|<bs*22TN!(mgG7O?fLI2PqkxC>dazlN
z@2QKinFDjN1F{rAZPQ1|Q}hYiC9ap9IWQOIWQAEFfZpZLV-fCBQj=9eJ#5T{IWadg
z{u%+%G+rno+@QOF<Hc<*<oP*qVs6aQh*c&^>INua+~{o7<A8uc+TCTDUwH-Sz2;)0
z5;pTPaxDv>w)tibY}j)H*RlY*U7ezx(tGNuns-TF31@E1k-3&I%GW^2VE&Gb(mkM#
zBX@-;OGbGGBry%`@&(j;c{X`LV0#!K5eMk(_*?y59$<p@aNn!i^~xD)7r^8v&jD-+
z{RfWG=Cf-jK>tnsBD7xvJo85KB^hjEpYEYuK&fr4h{}9c@hUd$0=7{L*$tV`F2~8P
zU4RpyZoe-;_l&x&=dXa<8PgrF{XrH@>!v8Lw*gv6z*qSkc<5EYc3c60Fz+EnX=xQ~
zM*+bW7@{qa>pvc(%oLoA$=FVzjsj+f#R3)DM+NWGuSMRs6JanGV=}gr0N-El8TbQH
WuGuxqORIJO0000<MNUMnLSTY2BB9Ix

literal 0
HcmV?d00001