同步资源

src/project/sanjianxi/AppMine/myFamily.vue

@@ -0,0 +1,180 @@
+<template>
+  <div class="page">
+    <div class="credit-points">
+      <div class="bg-blue"></div>
+      <div class="header-content">
+        <div class="title">家庭地址</div>
+        <div class="address">
+          <img src="https://cdn.cunwuyun.cn/img/location-blue.svg" alt="">
+          <p>{{ info.resident.currentAreaName || '' }}{{ info.resident.currentAddress || '' }}</p>
+        </div>
+      </div>
+      <div class="list-content">
+        <div class="title">家庭成员</div>
+        <div class="item" v-for="(item, index) in info.family" :key="index">
+          <img src="https://cdn.cunwuyun.cn/dvcp/myFamily/1.png" alt="" class="banner-top" v-if="item.sex == 1">
+          <img src="https://cdn.cunwuyun.cn/dvcp/myFamily/2.png" alt="" class="banner-top" v-else>
+          <div class="user-img">
+            <img v-if="item.photo" :src="item.photo" alt=""/>
+            <img v-else src="https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png" alt=""/>
+          </div>
+          <div class="user-info">
+            <p>{{ item.name }}</p>
+            <div v-if="item.householdName == 1" class="color-5AAD6A">户主</div>
+            <div v-else>{{ $dict.getLabel('householdRelation', item.householdRelation) }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import {mapState} from 'vuex'
+
+export default {
+  appName: "我的家庭",
+  computed: {
+    ...mapState(['user', 'token'])
+  },
+  data() {
+    return {
+      info: {}
+    }
+  },
+  onLoad() {
+    this.$dict.load('householdRelation').then(() => {
+      this.$nextTick(() => {
+        this.getUser()
+      })
+    })
+  },
+  methods: {
+    getUser() {
+      this.$instance.post(`/app/appresident/detailForWx?id=${this.user.residentId}`).then(res => {
+        if (res.code === 0) {
+          this.info = res.data
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "~dvcp-wui/common";
+
+.page {
+  width: 100%;
+  background-color: #f3f6f9;
+
+  .credit-points {
+    .bg-blue {
+      width: 100%;
+      height: 112px;
+      background-color: #197DF0;
+    }
+
+    .header-content {
+      width: 690px;
+      background: #FFF;
+      border-radius: 16px;
+      margin: -80px 0 32px 30px;
+      padding: 0 30px 80px;
+      box-sizing: border-box;
+      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.02);
+
+      .address {
+        font-size: 32px;
+        color: #666;
+        overflow: hidden;
+
+        img {
+          width: 34px;
+          height: 38px;
+          margin-right: 14px;
+          vertical-align: middle;
+        }
+
+        p {
+          line-height: 44px;
+          width: 580px;
+          word-break: break-all;
+          float: right;
+        }
+      }
+    }
+
+    .title {
+      font-size: 32px;
+      font-weight: 500;
+      color: #333;
+      line-height: 120px;
+    }
+
+    .list-content {
+      width: 690px;
+      background: #FFF;
+      border-radius: 16px;
+      padding: 0 30px 110px;
+      box-sizing: border-box;
+      margin-left: 30px;
+      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.02);
+
+      .item {
+        width: 630px;
+        height: 192px;
+        background: #FFF;
+        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
+        border-radius: 16px;
+        padding-left: 30px;
+        box-sizing: border-box;
+        margin-bottom: 32px;
+        overflow: hidden;
+
+        .banner-top {
+          width: 100%;
+          height: 72px;
+        }
+
+        .user-img {
+          width: 104px;
+          height: 104px;
+          margin: -16px 34px 0 0;
+          border-radius: 50%;
+          float: left;
+
+          img {
+            width: 100%;
+            height: 100%;
+            border-radius: 50%;
+          }
+        }
+
+        .user-info {
+          margin-top: -16px;
+          width: calc(100% - 138px);
+          float: right;
+
+          p {
+            font-size: 32px;
+            font-weight: 600;
+            color: #333;
+            line-height: 44px;
+            margin-bottom: 8px;
+          }
+
+          div {
+            font-size: 26px;
+            font-weight: 400;
+            color: #666;
+            line-height: 36px;
+          }
+
+          .color-5AAD6A {
+            color: #5AAD6A;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/project/sanjianxi/AppMine/userInfo.vue

@@ -0,0 +1,222 @@
+<template>
+  <div class="page">
+    <div class="info-list">
+      <div class="item-content mar-b8">
+        <div class="item solid">
+          <p class="mar-t22">头像</p>
+          <button class="user-img-div" open-type="chooseAvatar" @chooseavatar="handleWeixinSync">
+            <img :src="user.avatarUrl" class="user-img">
+          </button>
+        </div>
+        <div class="item">
+          <p>用户昵称</p>
+          <div v-if="!editNickName" @click="editNickName=true">
+            <p class="name" v-text="nickName"/>
+          </div>
+          <input v-else type="nickname" class="editNickName" v-model="nickName" @blur="handleWeixinSync">
+        </div>
+      </div>
+      <div class="item-content mar-b8">
+        <div class="item">
+          <p>手机号</p>
+          <div>{{ user.phone || '' }}</div>
+        </div>
+      </div>
+      <div class="item-content" @click="onLogout">
+        <div class="item">
+          <p class="login-out">退出登录</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import {mapActions, mapState} from 'vuex'
+
+export default {
+  name: "userInfo",
+  appName: "个人中心",
+  computed: {
+    ...mapState(['user', 'token']),
+    nickName: {
+      set(v) {
+      },
+      get() {
+        const {nickName} = this.user
+        return nickName
+      }
+    }
+  },
+  onLoad() {
+    this.getUserInfo()
+  },
+  data() {
+    return {
+      editNickName: false
+    }
+  },
+  methods: {
+    ...mapActions(['getUserInfo', 'autoLogin']),
+    upLoad(img) {
+      return new Promise((resolve, reject) => {
+        uni.uploadFile({
+          url: `${this.$instance.baseURL}/admin/file/add`,
+          filePath: img,
+          name: 'file',
+          header: {
+            'Content-Type': 'multipart/form-data',
+            Authorization: uni.getStorageSync('token')
+          },
+          success: uploadFileRes => {
+            resolve(uploadFileRes)
+          },
+          fail: err => {
+            reject(err)
+          }
+        })
+      })
+    },
+    onLogout() {
+      uni.showModal({
+        title: '提示',
+        content: "是否要退出登录",
+        success: res => {
+          if (res.confirm) {
+            this.$store.commit('logout')
+            this.$toast('退出成功');
+            setTimeout(() => {
+              uni.switchTab({
+                url: '/pages/mine/my'
+              })
+            }, 500)
+          }
+        }
+      })
+    },
+    handleWeixinSync({detail}) {
+      const {value: nickName, avatarUrl} = detail
+      this.autoLogin({nickName, avatarUrl})
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "~dvcp-wui/common";
+
+.page {
+  width: 100%;
+  background-color: #F5F5F5;
+
+  .info-list {
+    margin: 0 0 16px 0;
+
+    .item-content {
+      padding: 0 32px;
+      background-color: #fff;
+    }
+
+    .item {
+      padding: 36px 0;
+      line-height: 40px;
+      width: 100%;
+      box-sizing: content-box;
+      display: flex;
+      justify-content: space-between;
+
+      p {
+        color: #333;
+        font-weight: 400;
+      }
+
+      div {
+        color: #666;
+        font-size: 28px;
+      }
+
+      .user-img-div {
+        width: 104px;
+        height: 104px;
+        border-radius: 50%;
+        overflow: hidden;
+      }
+
+      .user-img {
+        width: 104px;
+        height: 104px;
+        vertical-align: middle;
+        border-radius: 50%;
+      }
+
+      .right-icon {
+        width: 40px;
+        height: 40px;
+        vertical-align: middle;
+      }
+
+      .mar-t22 {
+        margin-top: 44px;
+      }
+    }
+
+    .login-out {
+      width: 100%;
+      font-size: 30px;
+      text-align: center;
+    }
+  }
+
+  .self-knowledge-show {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 100;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.3);
+  }
+
+  .toast-bg {
+    position: fixed;
+    z-index: 101;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .toast {
+    background-color: #fff;
+    width: 686px;
+    height: 316px;
+    font-size: 36px;
+  }
+
+  .toast-msg {
+    text-align: center;
+    line-height: 50px;
+    color: #333;
+    font-weight: 500;
+    padding: 84px 0 80px 0;
+  }
+
+  .toast-btn {
+    display: inline-block;
+    width: 120px;
+    text-align: center;
+    line-height: 50px;
+  }
+
+  .cancel {
+    margin-left: 394px;
+    margin-right: 40px;
+  }
+
+  .confirm {
+    color: #197DF0;
+  }
+
+  .editNickName {
+    text-align: right;
+    font-size: 28px;
+  }
+}
+</style>

src/project/sanjianxi/AppModules/AppModules.vue

@@ -0,0 +1,166 @@
+<template>
+  <div class="wrapper">
+    <div class="header" :class="[isFixed ? 'header-active' : '']">
+      <div class="status-bar" :style="{height: statusBarHeight + 'px'}"></div>
+      <div class="nav-bar">
+        <h2>服务</h2>
+      </div>
+    </div>
+    <div class="header-bg"></div>
+    <div class="liner"></div>
+    <div class="body" v-if="list">
+      <div class="card" v-for="(obj,key) in list" :key="key">
+        <div class="title">{{ $dict.getLabel('homeConfigMenuType', key) }}</div>
+        <u-grid :col="4" hover-class="text-hover" :border="false">
+          <u-grid-item v-for="(item, index) in obj" :key="index" class="grid-item" :custom-style="{padding:'9px 0'}" @click="handleClick(item)">
+            <img :src="item.pictureUrl" alt=""/>
+            <div class="grid-text">{{ item.name }}</div>
+          </u-grid-item>
+        </u-grid>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {mapActions, mapState} from "vuex";
+
+export default {
+  name: "AppModules",
+  appName: "服务",
+  customNavigation: true,
+  computed: {
+    ...mapState(['user', 'token']),
+  },
+  data() {
+    return {
+      list: null,
+      isFixed: false,
+      statusBarHeight: 20,
+    }
+  },
+  onLoad() {
+    this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
+    this.$dict.load("homeConfigMenuType").then(() => {
+      this.getList()
+    });
+  },
+  methods: {
+    ...mapActions(['authCheck']),
+    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())
+      }
+    },
+    getList() {
+      this.$instance.post("/app/appminihomeconfig/listAll", null, {withoutToken: true}).then(res => {
+        if (res?.data) {
+          this.list = res.data.all;
+        }
+      })
+    },
+    onPageScroll(params) {
+      this.isFixed = params.scrollTop > 60;
+    }
+  },
+
+  onShareAppMessage() {
+    return {
+      title: '欢迎使用数字乡村治理服务一体化平台~',
+      path: `/pages/service/service`
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.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-bg {
+  height: 320px;
+  background: #4181FF;
+}
+
+.liner {
+  height: 192px;
+  background: linear-gradient(360deg, #F3F6F9 0%, #4181FF 100%);
+}
+
+.body {
+  margin-top: -290px;
+
+  .card {
+    width: 686px;
+    min-height: 304px;
+    background: #FFFFFF;
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
+    border-radius: 16px;
+    margin: 0 auto 24px;
+    box-sizing: border-box;
+    padding: 32px;
+
+    .title {
+      font-size: 34px;
+      font-weight: 600;
+      color: #333333;
+      line-height: 48px;
+      margin-bottom: 36px;
+    }
+
+    .grid-item {
+      img {
+        width: 108px;
+        height: 108px;
+        object-fit: fill;
+      }
+
+      .grid-text {
+        font-size: 26px;
+        font-weight: 400;
+        color: #333333;
+      }
+    }
+  }
+}
+</style>