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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

View File

@@ -20,10 +20,10 @@
</div> </div>
<div class="card"> <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"> <div class="card-right">
<img src="./img/img-fengduxinnongren.png" alt="" @click="$linkTo('./mods/newFarmer/newFarmer')"> <img src="https://cdn.cunwuyun.cn/fengdu/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/ic-jiaoyuhuzhu.png" alt="" @click="$linkTo('./mods/helpEachOther/helpEachOther')">
</div> </div>
</div> </div>
<AiLogin ref="login"/> <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="my-qr">我的丰收码</div>
<div class="pic"> <div class="pic">
<img src="./img-zhuangshi.png" alt=""> <img src="https://cdn.cunwuyun.cn/fengdu/img-zhuangshi.png" alt="">
</div> </div>
</div> </div>
</div> </div>

View File

@@ -1,12 +1,20 @@
<template> <template>
<div class="AppWxworkQrcode"> <div class="AppWxworkQrcode">
<div class="header"> <div class="header">
<AiSelect v-model="id" :list="list" ></AiSelect> <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"> <div v-if="user.areaId" class="qrcode-content">
<AiImage :src="list.codeUrl" class="qrcode-img" preview/> <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>
<div v-else class="qrcode-content flex column"> <div v-else class="qrcode-content flex column">
<div>请先去个人中心进行实名认证</div> <div>请先去个人中心进行个人信息认证</div>
<div class="mar-t8 btn pad-v8 pad-h16" @click="goAuth">去实名</div> <div class="mar-t8 btn pad-v8 pad-h16" @click="goAuth">去实名</div>
</div> </div>
@@ -15,7 +23,7 @@
</div> </div>
<div class="pic"> <div class="pic">
<img src="./mdpi_img-chongqing.png" alt=""> <img src="https://cdn.cunwuyun.cn/fengdu/mdpi_img-chongqing.png" alt="">
</div> </div>
</div> </div>
</div> </div>
@@ -30,15 +38,29 @@ export default {
}, },
data() { data() {
return { return {
list: {}, dictList: [],
id: '', id: '',
current: 0, current: 0,
list: [],
picUrl: '',
} }
}, },
onShow() { onShow() {
this.getSelect() this.getSelect()
}, },
watch: {
id: {
handler(v) {
if(v) {
this.picUrl = this.list.filter(i=> i.id == v)[0].qrCode
}
}
}
},
methods: { methods: {
selectBtn(e) {
console.log(e);
},
getSelect() { getSelect() {
const {areaId} = this.user const {areaId} = this.user
areaId && this.$instance.post(`/app/wxcp/wxgroup/listByAreaId`, null, { areaId && this.$instance.post(`/app/wxcp/wxgroup/listByAreaId`, null, {
@@ -51,6 +73,12 @@ export default {
}).then(res => { }).then(res => {
if (res?.data) { if (res?.data) {
this.list = res.data.records this.list = res.data.records
this.dictList = res.data.records.map(e=> {
return {
value: e.id,
label: e.name
}
})
} }
}) })
}, },
@@ -114,16 +142,19 @@ export default {
padding: 36px; padding: 36px;
box-sizing: border-box; box-sizing: border-box;
::v-deep .qrcode-img { .qrcode-img {
width: 420px; width: 100%;
height: 420px; height: 100%;
margin-bottom: 24px;
image { image {
width: 420px; width: 100%;
height: 420px; height: 100%;
} }
} }
.tips {
margin-top: 200px;
}
div { div {
font-size: 26px; font-size: 26px;
@@ -149,5 +180,8 @@ export default {
height: 100%; height: 100%;
} }
} }
.col-666 {
color: #666;
}
} }
</style> </style>