This commit is contained in:
yanran200730
2023-03-20 11:09:43 +08:00
8 changed files with 49 additions and 15 deletions

View File

@@ -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"/>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

View File

@@ -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>

View File

@@ -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>