cdn

src/project/fengdu/AppHome/AppHome.vue

@@ -20,10 +20,10 @@
     </div>
 
     <div class="card">
-      <img class="card-left" src="./img/img-fengshouyinhang.png" @click="$linkTo('/mods/newFarmerBank/newFarmerBank')" alt="">
+      <img class="card-left" src="https://cdn.cunwuyun.cn/fengdu/img-fengshouyinhang.png" @click="$linkTo('/mods/newFarmerBank/newFarmerBank')" alt="">
       <div class="card-right">
-        <img src="./img/img-fengduxinnongren.png" alt="" @click="$linkTo('./mods/newFarmer/newFarmer')">
-        <img src="./img/ic-jiaoyuhuzhu.png" alt="" @click="$linkTo('./mods/helpEachOther/helpEachOther')">
+        <img src="https://cdn.cunwuyun.cn/fengdu/img-fengduxinnongren.png" alt="" @click="$linkTo('./mods/newFarmer/newFarmer')">
+        <img src="https://cdn.cunwuyun.cn/fengdu/ic-jiaoyuhuzhu.png" alt="" @click="$linkTo('./mods/helpEachOther/helpEachOther')">
     </div>
     </div>
     <AiLogin ref="login"/>

src/project/fengdu/AppMine/myHarvestQR.vue

@@ -17,7 +17,7 @@
       <div class="my-qr">我的丰收码</div>
 
       <div class="pic">
-        <img src="./img-zhuangshi.png" alt="">
+        <img src="https://cdn.cunwuyun.cn/fengdu/img-zhuangshi.png" alt="">
       </div>
     </div>
   </div>

src/project/fengdu/AppWxworkQrcode/AppWxworkQrcode.vue

@@ -0,0 +1,187 @@
+<template>
+  <div class="AppWxworkQrcode">
+    <div class="header">
+      <AiSelect v-model="id" :list="dictList" @selected="selectBtn">
+        <span class="label" v-if="id">{{ dictList[id].label }}</span>
+        <span v-else class="col-666">请选择</span>
+        <u-icon name="arrow-down" color="#666" size="24" style="margin-left: 4px"></u-icon>
+      </AiSelect>
+      <div v-if="user.areaId" class="qrcode-content">
+        <img :src="picUrl" class="qrcode-img" v-if="picUrl"/>
+        <div v-else class="tips">
+          <u-icon name="error-circle" color="#909399" size="34" style="display: inline"></u-icon>
+          <div class="col-666">请选择居民群</div>
+        </div>
+      </div>
+      <div v-else class="qrcode-content flex column">
+        <div>请先去个人中心进行个人信息认证</div>
+        <div class="mar-t8 btn pad-v8 pad-h16" @click="goAuth">去实名</div>
+      </div>
+
+      <div class="jionGroup">
+        <div>加入群聊</div>
+      </div>
+
+      <div class="pic">
+        <img src="https://cdn.cunwuyun.cn/fengdu/mdpi_img-chongqing.png" alt="">
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import {mapState} from 'vuex'
+export default {
+  name: "AppWxworkQrcode",
+  appName: "居民社群",
+  computed: {
+    ...mapState(['user'])
+  },
+  data() {
+    return {
+      dictList: [],
+      id: '',
+      current: 0,
+      list: [],
+      picUrl: '',
+    }
+  },
+  onShow() {
+    this.getSelect()
+  },
+  watch: {
+    id: {
+      handler(v) {
+        if(v) {
+          this.picUrl = this.list.filter(i=> i.id == v)[0].qrCode
+        }
+      }
+    }
+  },
+  methods: {
+    selectBtn(e) {
+      console.log(e);
+    },
+    getSelect() {
+      const {areaId} = this.user
+      areaId && this.$instance.post(`/app/wxcp/wxgroup/listByAreaId`, null, {
+        params: {
+          areaId: areaId,
+          current: this.current,
+          size: 3000,
+
+        }
+      }).then(res => {
+        if (res?.data) {
+          this.list = res.data.records
+          this.dictList = res.data.records.map(e=> {
+            return {
+              value: e.id,
+              label: e.name
+            }
+          })
+        }
+      })
+    },
+    goAuth() {
+      uni.navigateTo({url: "/mods/AppAuth/AppAuth"})
+    }
+  },
+  onShareAppMessage() {
+    return {
+      title: '入群二维码',
+      path: `/mods/AppWxworkQrcode/AppWxworkQrcode`
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.AppWxworkQrcode {
+  width: 100%;
+  height: 100%;
+  padding: 32px;
+  box-sizing: border-box;
+
+  ::v-deep .AiSelect {
+    width: 100%;
+    text-align: center;
+    padding: 12% 72px 0;
+    box-sizing: border-box;
+  }
+
+  ::v-deep .AiSelect .display {
+    justify-content: center;
+  }
+
+  .jionGroup {
+    width: 100%;
+    height: 80px;
+    line-height: 80px;
+    padding: 0 72px;
+    box-sizing: border-box;
+    div {
+      text-align: center;
+      background: #2D7DFF;
+      color: #FFFFFF;
+      border-radius: 40px;
+    }
+  }
+
+  .header {
+    width: 100%;
+    height: 100%;
+    background: #FFF;
+    border-radius: 16px;
+
+    .qrcode-content {
+      width: 542px;
+      height: 542px;
+      margin: 10% auto 10%;
+      background: #F6F9FF;
+      border-radius: 12px;
+      border: 4px solid #E6EEFF;
+      padding: 36px;
+      box-sizing: border-box;
+
+      .qrcode-img {
+        width: 100%;
+        height: 100%;
+
+        image {
+          width: 100%;
+          height: 100%;
+        }
+      }
+      .tips {
+        margin-top: 200px;
+      }
+      
+
+      div {
+        font-size: 26px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        color: #333;
+        line-height: 36px;
+        text-align: center;
+      }
+
+      .btn {
+        background: #26f;
+        color: #fff;
+        border-radius: 8px;
+      }
+    }
+  }
+  .pic {
+    margin-top: 10%;
+    width: 100%;
+    height: 266px;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .col-666 {
+    color: #666;
+  }
+}
+</style>