XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

中介/个人认证跳转二维码样式修改 房源列表不限改为租期不限

Browse Source
This commit is contained in:
luJianJun
2023-08-08 14:32:38 +08:00
parent 814e003397
commit a9858985e2
6 changed files with 73 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/biserialListItem/biserialListItem.vue
View File

@@ -43,7 +43,7 @@
<div class="tab-item mg-l-8" <div class="tab-item mg-l-8"
v-if="listData.data && listData.data.rentalduration && data && data.data.rentalduration"> v-if="listData.data && listData.data.rentalduration && data && data.data.rentalduration">
{{data.data.rentalduration {{data.data.rentalduration
=== '0'?'不限': === '0'?'租期不限':
listData.data.rentalduration[data.data && data.data.rentalduration] || '' listData.data.rentalduration[data.data && data.data.rentalduration] || ''
}} }}
</div> </div>

32
src/components/seachModule/authenticationInfo.vue
View File

@@ -1,18 +1,19 @@
<template> <template>
<div class="info-box dis-f al-item" :class="{'intermediary-housing-s':path==='/intermediaryHousing'}"> <div class="info-box dis-f al-item" :class="{'intermediary-housing-s':type==2}">
<img src="../../assets/img/detail/authenticationInfoR.svg" v-if="path==='/personHousing'" class="tab-img" alt="">
<img src="../../assets/img/detail/authenticationInfoInte.svg" v-if="path==='/intermediaryHousing'" class="tab-img" alt=""> <img src="../../assets/img/detail/authenticationInfoR.svg" v-if="type==1" class="tab-img" alt="">
<img src="../../assets/img/detail/authenticationInfoInte.svg" v-if="type==2" class="tab-img" alt="">
<div class="dis-f al-item"> <div class="dis-f al-item">
<div class="tab-text"> <div class="tab-text">
<div class="dis-f al-item" v-for="(item, i) in tabText" :key="i" :class="{ 'mg-t-25': i > 0 }"> <div class="dis-f al-item" v-for="(item, i) in tabText" :key="i" :class="{ 'mg-t-25': i > 0 }">
<img src="../../assets/img/detail/authenticationInfoTab.svg" class="tab-icon" alt="" v-if="path==='/personHousing'"> <img src="../../assets/img/detail/authenticationInfoTab.svg" class="tab-icon" alt="" v-if="type==1">
<img src="../../assets/img/detail/authenticationInfoInteTab.svg" class="tab-icon" alt="" v-if="path==='/intermediaryHousing'">{{ item }} <img src="../../assets/img/detail/authenticationInfoInteTab.svg" class="tab-icon" alt="" v-if="type==2">{{ item }}
</div> </div>
</div> </div>
<div class="mg-l-100"> <div class="mg-l-100">
<div class="qr-code-bg dis-f jus-x al-item"> <div class="qr-code-bg dis-f jus-x al-item">
<img src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth" v-if="path==='/personHousing'" class="qr-code" alt=""> <img src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth" v-if="type==1" class="qr-code" alt="">
<img src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth" v-if="path==='/intermediaryHousing'" class="qr-code" alt=""> <img src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth" v-if="type==2" class="qr-code" alt="">
</div> </div>
<div class="code-text"> <div class="code-text">
微信扫码认证 微信扫码认证
@@ -22,16 +23,23 @@
</div> </div>
</template> </template>
<script setup> <script setup>
import { } from 'vue' import { defineProps } from 'vue'
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
const props = defineProps({
//1 个人房源认证 2 中介房源认证
type:{
type:[Number,String]
}
})
//路由 //路由
let router=useRouter() let router=useRouter()
let path = router.currentRoute.value.path let type = props.type
let tabText=null let tabText=null
path==='/personHousing'?tabText = ['认证标识', '发布更多房源', '求房源对接']: type==1?tabText = ['认证标识', '发布更多房源', '求房源对接']:
path==='/intermediaryHousing'?tabText = ['身份标识', '发布更多房源', '求房源对接']:[] type==2?tabText = ['身份标识', '发布更多房源', '求房源对接']:[]
</script> </script>
@@ -65,7 +73,7 @@ img {
} }
.info-box { .info-box {
width: 462px; width: 464px;
height: 217px; height: 217px;
border-radius: 16px; border-radius: 16px;
border: 1px solid #e4e4f6; border: 1px solid #e4e4f6;

6
src/components/seachModule/seachModule.vue
View File

@@ -62,7 +62,7 @@
<img src="../../assets/homeImage/authenticationBtnImg.png" class="text-img" alt=""> <img src="../../assets/homeImage/authenticationBtnImg.png" class="text-img" alt="">
<img src="../../assets/homeImage/authenticationBtnCode.svg" class="code-img" alt=""> <img src="../../assets/homeImage/authenticationBtnCode.svg" class="code-img" alt="">
<div class="btn-qrcode"> <div class="btn-qrcode">
<authentication-info></authentication-info> <authentication-info :type="1"></authentication-info>
<!-- <img class="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg"> <!-- <img class="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth"> --> <img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth"> -->
</div> </div>
@@ -72,7 +72,7 @@
<img src="../../assets/homeImage/intermediaryText.png" class="text-img" alt=""> <img src="../../assets/homeImage/intermediaryText.png" class="text-img" alt="">
<img src="../../assets/homeImage/intermediaryCode.svg" class="code-img" alt=""> <img src="../../assets/homeImage/intermediaryCode.svg" class="code-img" alt="">
<div class="btn-qrcode"> <div class="btn-qrcode">
<authentication-info></authentication-info> <authentication-info :type="2"></authentication-info>
<!-- <img class="bj" src="@/assets/img/publicImage/mediation-authentication-bj.jpg"> <!-- <img class="bj" src="@/assets/img/publicImage/mediation-authentication-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth"> --> <img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth"> -->
</div> </div>
@@ -333,7 +333,7 @@ defineExpose({
border-bottom: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;
.intermediary-btn { .intermediary-btn {
background: rgba(241, 245, 247, 1); background: rgba(241, 245, 247, 1) !important;
} }
.authentication-btn { .authentication-btn {

27
src/components/user/systematic-notification-pop.vue
View File

@@ -30,7 +30,7 @@
<img class="new" v-if="item['isread'] == 0" src="@/assets/img/user/new.png"> <img class="new" v-if="item['isread'] == 0" src="@/assets/img/user/new.png">
<div class="time">{{ item['timestamp'] }}</div> <div class="time">{{ item['timestamp'] }}</div>
<div class="text">{{ item['message'] }}</div> <div class="text">{{ item['message'] }}</div>
<el-popover placement="bottom" :width="360" trigger="click" :show-arrow="false" <el-popover placement="bottom" :width="464" trigger="click" :show-arrow="false"
popper-style="background: transparent;padding:0;box-shadow: none;border: none;"> popper-style="background: transparent;padding:0;box-shadow: none;border: none;">
<template #reference> <template #reference>
<div class="footer flexcenter" v-if="item['data'] && item['data']['url']"> <div class="footer flexcenter" v-if="item['data'] && item['data']['url']">
@@ -43,13 +43,15 @@
<img v-else style="width: 360px;" src="@/assets/img/publicImage/housing-certification-code.svg"> --> <img v-else style="width: 360px;" src="@/assets/img/publicImage/housing-certification-code.svg"> -->
<div v-if="item['data']['url'].indexOf('middlemanAuth') != -1" class="btn-qrcode"> <div v-if="item['data']['url'].indexOf('middlemanAuth') != -1" class="btn-qrcode">
<img class="bj" src="@/assets/img/publicImage/mediation-authentication-bj.jpg"> <authentication-info :type="2" style="height: 217px ;"></authentication-info>
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth"> <!-- <img class="bj" src="@/assets/img/publicImage/mediation-authentication-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth"> -->
</div> </div>
<div v-else class="btn-qrcode flexcenter"> <div v-else class="btn-qrcode flexcenter">
<img class="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg"> <authentication-info :type="1" style="height: 217px ;"></authentication-info>
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth"> <!-- <img class="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth"> -->
</div> </div>
</el-popover> </el-popover>
@@ -58,7 +60,7 @@
<img class="new" v-if="item['isread'] == 0" src="@/assets/img/user/new.png"> <img class="new" v-if="item['isread'] == 0" src="@/assets/img/user/new.png">
<div class="time">{{ item['timestamp'] }}</div> <div class="time">{{ item['timestamp'] }}</div>
<div class="text">{{ item['message'] }}</div> <div class="text">{{ item['message'] }}</div>
<el-popover placement="bottom" :width="360" trigger="click" :show-arrow="false" <el-popover placement="bottom" :width="464" trigger="click" :show-arrow="false"
popper-style="background: transparent;padding:0;box-shadow: none;border: none;"> popper-style="background: transparent;padding:0;box-shadow: none;border: none;">
<template #reference> <template #reference>
<div class="footer flexcenter" <div class="footer flexcenter"
@@ -67,8 +69,9 @@
</div> </div>
</template> </template>
<div class="btn-qrcode flexcenter"> <div class="btn-qrcode flexcenter">
<img class="bj" src="@/assets/img/publicImage/mediation-authentication-bj.jpg"> <authentication-info :type="2" style="height: 217px ;"></authentication-info>
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth"> <!-- <img class="bj" src="@/assets/img/publicImage/mediation-authentication-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth"> -->
</div> </div>
<!-- <img style="width: 360px;" src="@/assets/img/publicImage/mediation-authentication-code.svg"> --> <!-- <img style="width: 360px;" src="@/assets/img/publicImage/mediation-authentication-code.svg"> -->
</el-popover> </el-popover>
@@ -85,7 +88,7 @@
<div class="title flex1 ellipsis">{{ item['data']['subject'] }}</div> <div class="title flex1 ellipsis">{{ item['data']['subject'] }}</div>
<div class="id">房源ID：{{ item['data']['id'] }}</div> <div class="id">房源ID：{{ item['data']['id'] }}</div>
</div> </div>
<el-popover placement="bottom" :width="360" trigger="click" :show-arrow="false" <el-popover placement="bottom" :width="464" trigger="click" :show-arrow="false"
popper-style="background: transparent;padding:0;box-shadow: none;border: none;"> popper-style="background: transparent;padding:0;box-shadow: none;border: none;">
<template #reference> <template #reference>
<div class="footer flexcenter" <div class="footer flexcenter"
@@ -94,8 +97,9 @@
</div> </div>
</template> </template>
<div class="btn-qrcode flexcenter"> <div class="btn-qrcode flexcenter">
<img class="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg"> <authentication-info :type="1" style="height: 217px ;"></authentication-info>
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth"> <!-- <img class="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth"> -->
</div> </div>
<!-- <img style="width: 360px;" src="@/assets/img/publicImage/housing-certification-code.svg"> --> <!-- <img style="width: 360px;" src="@/assets/img/publicImage/housing-certification-code.svg"> -->
</el-popover> </el-popover>
@@ -127,6 +131,7 @@
import emptyDuck from '@/components/public/empty-duck.vue' import emptyDuck from '@/components/public/empty-duck.vue'
import { onMounted, getCurrentInstance, ref, onUnmounted, defineEmits } from 'vue' import { onMounted, getCurrentInstance, ref, onUnmounted, defineEmits } from 'vue'
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import authenticationInfo from '../seachModule/authenticationInfo.vue';
import store from '../../store/index'; import store from '../../store/index';
if (store.state.user) store.state.user['messagenum'] = 0 if (store.state.user) store.state.user['messagenum'] = 0

5
src/views/detail.vue
View File

@@ -790,7 +790,7 @@
</div> </div>
<div class="body-maxWidth" v-if="publisherList.length > 0"> <div class="body-maxWidth" v-if="publisherList.length > 0">
<div style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px"> <div style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">
<biserialItem v-for="(item, i) in publisherList" :detailShow="true" :key="i" :item="item"> <biserialItem v-for="(item, i) in publisherList" :detailShow="true" :key="i" :item="item" v-show="item&&item.verified">
</biserialItem> </biserialItem>
</div> </div>
</div> </div>
@@ -1280,7 +1280,8 @@ let contacts = reactive({
//获取房源详情 //获取房源详情
let getHousingInfo = () => { let getHousingInfo = () => {
api.details({ api.details({
uniqid: uniqid.value uniqid: uniqid.value,
uid:store.state.user.uid
}).then(res => { }).then(res => {
// console.log(res) // console.log(res)
if (res.code === 200) { if (res.code === 200) {

51
src/views/user.vue
View File

@@ -40,31 +40,30 @@
</div> </div>
<template v-if="user['uid'] && user.identity != 0"> <template v-if="user['uid'] && user.identity != 0">
<img class="" src="@/assets/img/publicImage/cut-off-rule.svg"> <img class="" src="@/assets/img/publicImage/cut-off-rule.svg">
<el-popover placement="bottom-end" :width="360" trigger="hover" :show-arrow="false" <div class="operate-item flexcenter identity">
popper-style="background: transparent;padding:0;box-shadow: none;border: none;"> <div class="operate-item-shell flexcenter"
<template #reference> :class="{ 'intermediary': user.identity == 1, 'personage': user.identity == -1 }">
<div class="operate-item flexcenter identity"> <img class="operate-icon" src="@/assets/img/publicImage/intermediary-icon.png">
<div class="operate-item-shell flexcenter" </div>
:class="{ 'intermediary': user.identity == 1, 'personage': user.identity == -1 }"> <div class="operate-text">{{ identityObj[user.identity || -1] }}</div>
<img class="operate-icon" src="@/assets/img/publicImage/intermediary-icon.png">
</div>
<div class="operate-text">{{ identityObj[user.identity || -1] }}</div>
</div>
</template>
<!-- <img v-if="user.identity == 1" style="width: 360px;"
src="@/assets/img/publicImage/mediation-authentication-code.svg">
<img v-else style="width: 360px;" src="@/assets/img/publicImage/housing-certification-code.svg"> -->
<div v-if="user.identity == 1" class="btn-qrcode"> <div v-if="user.identity == 1" class="btn-qrcode">
<img class="bj" src="@/assets/img/publicImage/mediation-authentication-bj.jpg"> <authentication-info :type="2" style="height: 217px ;"></authentication-info>
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth"> <!-- <img class="bj" src="@/assets/img/publicImage/mediation-authentication-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth"> -->
</div> </div>
<div v-else class="btn-qrcode"> <div v-else class="btn-qrcode">
<img class="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg"> <authentication-info :type="1" style="height: 217px ;"></authentication-info>
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth"> <!-- <img class="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth"> -->
</div> </div>
</el-popover> </div>
<!-- <el-popover placement="right-end" :width="360" trigger="hover" :show-arrow="false"
popper-style="background: transparent;padding:0;box-shadow: none;border: none;">
<img v-if="user.identity == 1" style="width: 360px;"
src="@/assets/img/publicImage/mediation-authentication-code.svg">
<img v-else style="width: 360px;" src="@/assets/img/publicImage/housing-certification-code.svg">
</el-popover> -->
</template> </template>
</div> </div>
</div> </div>
@@ -122,6 +121,7 @@ import publicListItem from '@/components/public/public-list-item.vue'
import emptyDuck from '@/components/public/empty-duck.vue' import emptyDuck from '@/components/public/empty-duck.vue'
import choosingIdentity from '@/components/edit/choosingIdentity.vue' import choosingIdentity from '@/components/edit/choosingIdentity.vue'
import backToTop from '@/components/public/backToTop.vue' import backToTop from '@/components/public/backToTop.vue'
import authenticationInfo from '@/components/seachModule/authenticationInfo.vue';
import { ref, reactive, onMounted, onUnmounted, getCurrentInstance, nextTick, pushScopeId } from 'vue' import { ref, reactive, onMounted, onUnmounted, getCurrentInstance, nextTick, pushScopeId } from 'vue'
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
@@ -426,6 +426,10 @@ onUnmounted(() => {
.info-right { .info-right {
.operate-item:hover .btn-qrcode{
display: block;
}
.operate-item { .operate-item {
flex-direction: column; flex-direction: column;
padding: 0 52px; padding: 0 52px;
@@ -600,8 +604,13 @@ onUnmounted(() => {
} }
.btn-qrcode { .btn-qrcode {
position: absolute;
right: 155px;
top: 74px;
width: 360px; width: 360px;
margin: 0 auto; z-index: 66;
display: none;
// margin: 0 auto;
.bj { .bj {
width: 100%; width: 100%;