cdn

src/mods/wxwork/AppWxworkQrcode/AppWxworkQrcode.vue

@@ -1,153 +0,0 @@
-<template>
-  <div class="AppWxworkQrcode">
-    <div class="header">
-      <AiSelect v-model="id" :list="list" ></AiSelect>
-      <div v-if="user.areaId" class="qrcode-content">
-        <AiImage :src="list.codeUrl" class="qrcode-img" preview/>
-      </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="./mdpi_img-chongqing.png" alt="">
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import {mapState} from 'vuex'
-export default {
-  name: "AppWxworkQrcode",
-  appName: "居民社群",
-  computed: {
-    ...mapState(['user'])
-  },
-  data() {
-    return {
-      list: {},
-      id: '',
-      current: 0,
-    }
-  },
-  onShow() {
-    this.getSelect()
-  },
-  methods: {
-    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
-        }
-      })
-    },
-    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;
-
-      ::v-deep .qrcode-img {
-        width: 420px;
-        height: 420px;
-        margin-bottom: 24px;
-
-        image {
-          width: 420px;
-          height: 420px;
-        }
-      }
-
-      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%;
-    }
-  }
-}
-</style>