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"
v-if="listData.data && listData.data.rentalduration && data && data.data.rentalduration">
{{data.data.rentalduration
=== '0'?'不限':
=== '0'?'租期不限':
listData.data.rentalduration[data.data && data.data.rentalduration] || ''
}}
</div>

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

@@ -1,18 +1,19 @@
<template>
<div class="info-box dis-f al-item" :class="{'intermediary-housing-s':path==='/intermediaryHousing'}">
<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="">
<div class="info-box dis-f al-item" :class="{'intermediary-housing-s':type==2}">
<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="tab-text">
<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/authenticationInfoInteTab.svg" class="tab-icon" alt="" v-if="path==='/intermediaryHousing'">{{ item }}
<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="type==2">{{ item }}
</div>
</div>
<div class="mg-l-100">
<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=middlemanAuth" v-if="path==='/intermediaryHousing'" 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="type==2" class="qr-code" alt="">
</div>
<div class="code-text">
微信扫码认证
@@ -22,16 +23,23 @@
</div>
</template>
<script setup>
import { } from 'vue'
import { defineProps } from 'vue'
import { useRouter } from "vue-router";
const props = defineProps({
//1 个人房源认证 2 中介房源认证
type:{
type:[Number,String]
}
})
//路由
let router=useRouter()
let path = router.currentRoute.value.path
let type = props.type
let tabText=null
path==='/personHousing'?tabText = ['认证标识', '发布更多房源', '求房源对接']:
path==='/intermediaryHousing'?tabText = ['身份标识', '发布更多房源', '求房源对接']:[]
type==1?tabText = ['认证标识', '发布更多房源', '求房源对接']:
type==2?tabText = ['身份标识', '发布更多房源', '求房源对接']:[]
</script>
@@ -65,7 +73,7 @@ img {
}
.info-box {
width: 462px;
width: 464px;
height: 217px;
border-radius: 16px;
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/authenticationBtnCode.svg" class="code-img" alt="">
<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="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth"> -->
</div>
@@ -72,7 +72,7 @@
<img src="../../assets/homeImage/intermediaryText.png" class="text-img" alt="">
<img src="../../assets/homeImage/intermediaryCode.svg" class="code-img" alt="">
<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="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth"> -->
</div>
@@ -333,7 +333,7 @@ defineExpose({
border-bottom: 1px solid #ebebeb;
.intermediary-btn {
background: rgba(241, 245, 247, 1);
background: rgba(241, 245, 247, 1) !important;
}
.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">
<div class="time">{{ item['timestamp'] }}</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;">
<template #reference>
<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"> -->
<div v-if="item['data']['url'].indexOf('middlemanAuth') != -1" class="btn-qrcode">
<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">
<authentication-info :type="2" style="height: 217px ;"></authentication-info>
<!-- <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 v-else class="btn-qrcode flexcenter">
<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">
<authentication-info :type="1" style="height: 217px ;"></authentication-info>
<!-- <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>
</el-popover>
@@ -58,7 +60,7 @@
<img class="new" v-if="item['isread'] == 0" src="@/assets/img/user/new.png">
<div class="time">{{ item['timestamp'] }}</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;">
<template #reference>
<div class="footer flexcenter"
@@ -67,8 +69,9 @@
</div>
</template>
<div class="btn-qrcode flexcenter">
<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">
<authentication-info :type="2" style="height: 217px ;"></authentication-info>
<!-- <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>
<!-- <img style="width: 360px;" src="@/assets/img/publicImage/mediation-authentication-code.svg"> -->
</el-popover>
@@ -85,7 +88,7 @@
<div class="title flex1 ellipsis">{{ item['data']['subject'] }}</div>
<div class="id">房源ID：{{ item['data']['id'] }}</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;">
<template #reference>
<div class="footer flexcenter"
@@ -94,8 +97,9 @@
</div>
</template>
<div class="btn-qrcode flexcenter">
<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">
<authentication-info :type="1" style="height: 217px ;"></authentication-info>
<!-- <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>
<!-- <img style="width: 360px;" src="@/assets/img/publicImage/housing-certification-code.svg"> -->
</el-popover>
@@ -127,6 +131,7 @@
import emptyDuck from '@/components/public/empty-duck.vue'
import { onMounted, getCurrentInstance, ref, onUnmounted, defineEmits } from 'vue'
import { useRouter } from 'vue-router';
import authenticationInfo from '../seachModule/authenticationInfo.vue';
import store from '../../store/index';
if (store.state.user) store.state.user['messagenum'] = 0