A1300399510/GterForumWeB
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a1300399510@qq.com 提交于 2023/04/04 -16:20:02

Browse Source
This commit is contained in:
XiaoMo 2023-04-04 16:20:11 +08:00
parent 4064f39b37
commit 159d3978fc
1 changed files with 280 additions and 283 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

183
src/views/detail/detailIndex.vue
View File

@ -88,30 +88,26 @@
<!-- <div class="card-content" v-html="info.message"></div> --> <!-- <div class="card-content" v-html="info.message"></div> -->
<div class="offer-content"> <div class="offer-content">
<div class="offer-content-box"> <div class="offer-content-box">
<template v-for="(item, index) in offerinfoKey"> <template v-for="(item, index) in tenementKey">
<div class="offer-content-item flexacenter" :key="index" v-if="offerinfo[item.key]"> <div class="offer-content-item flexacenter" :key="index" v-if="offerinfo[item.key]">
<div class="offer-content-key" v-if="offerinfo[item.key]">{{ item.name }}</div> <div class="offer-content-key" v-if="info[item.key]">{{ item.name }}</div>
<div class="offer-content-value">{{ offerinfo[item.key] }}</div> <div class="offer-content-value">{{ info[item.key] }}</div>
</div> </div>
</template> </template>
</div> </div>
<a class="examine-btn flexcenter" :href="shareurl">
查看当前捷报详情
<div class="examine-btn-outside flexcenter">
<svg-icon icon-class="arrowsRoundBlackLeft" class-name="examine-btn-icon"></svg-icon>
</div>
</a>
</div> </div>
</template> </template>
</div> </div>
<template v-if="false">
<div class="card-item shadow" v-for="(item, index) in 7" :key="index"> <div class="card-item shadow" v-for="(item, index) in 7" :key="index">
<div class="card-head flexacenter"> <div class="card-head flexacenter">
<img class="card-head-icon" <img class="card-head-icon"
src="https://axure-file.lanhuapp.com/md516b251fb-9cfa-46fc-a9b6-2a41a7b4dc37__3ad73406ff4bc8b138dafc6dcbf1a635.svg" /> src="https://axure-file.lanhuapp.com/md516b251fb-9cfa-46fc-a9b6-2a41a7b4dc37__3ad73406ff4bc8b138dafc6dcbf1a635.svg" />
<div class="card-head-content flex1 flexflex"> <div class="card-head-content flex1 flexflex">
<div class="card-head-name flexflex">闫旭Mike <div class="landlord flexcenter" v-if="index == 0">楼主 <div class="card-head-name flexflex">闫旭Mike <div class="landlord flexcenter" v-if="index == 0">
楼主
</div> </div>
</div> </div>
<div class="card-head-time">2022-7-6 14:56</div> <div class="card-head-time">2022-7-6 14:56</div>
@ -162,6 +158,7 @@
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。 之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
</div> </div>
</div> </div>
</template>
</div> </div>
@ -289,98 +286,98 @@ export default {
tenementKey: [{ // 租房 字段汇总 tenementKey: [{ // 租房 字段汇总
key: "type", key: "type",
name: "出租方式" name: "出租方式"
},{ }, {
key: "currency", key: "currency",
name: "出租方式" name: "出租方式"
},] },]
< th > 出租方式:</th> // < th > 出租方式:</th>
<td v-text="info.gptype +'>>'+ info.type"></td> // <td v-text="info.gptype +'>>'+ info.type"></td>
</tr > // </tr >
<tr> // <tr>
<th><span v-text="info.rentalperiod">月</span>租/<span v-text="info.currency || '港元'"></span>:</th> // <th><span v-text="info.rentalperiod">月</span>租/<span v-text="info.currency || '港元'"></span>:</th>
<td v-text="info.rent || info.money"></td> // <td v-text="info.rent || info.money"></td>
</tr> // </tr>
<tr> // <tr>
<th>房屋类型:</th> // <th>房屋类型:</th>
<td v-text="info.property"></td> // <td v-text="info.property"></td>
</tr> // </tr>
<tr> // <tr>
<th>所在楼层:</th> // <th>所在楼层:</th>
<td v-text="info.floor"></td> // <td v-text="info.floor"></td>
</tr> // </tr>
<tr> // <tr>
<th>面积（平方呎）:</th> // <th>面积（平方呎）:</th>
<td v-text="info.acreage"></td> // <td v-text="info.acreage"></td>
</tr> // </tr>
<tr v-if="info.cityid==1"> // <tr v-if="info.cityid==1">
<th>所在区域:</th> // <th>所在区域:</th>
<td v-text="info.location"></td> // <td v-text="info.location"></td>
</tr> // </tr>
<tr v-if="info.cityid!=1"> // <tr v-if="info.cityid!=1">
<th>所在区域:</th> // <th>所在区域:</th>
<td v-text="info.country+'>>'+info.city"></td> // <td v-text="info.country+'>>'+info.city"></td>
</tr> // </tr>
<tr> // <tr>
<th>地段/地址:</th> // <th>地段/地址:</th>
<td v-text="info.address ||'-'"></td> // <td v-text="info.address ||'-'"></td>
</tr> // </tr>
<tr v-if=" info.school && info.school.length > 0 "> // <tr v-if=" info.school && info.school.length > 0 ">
<th>附近学校:</th> // <th>附近学校:</th>
<td > // <td >
<ul class="school-list"> // <ul class="school-list">
<li v-for="s in info.school"> // <li v-for="s in info.school">
<span>{{ s.name }}</span> // <span>{{ s.name }}</span>
<span>{{ s.distance }}</span> // <span>{{ s.distance }}</span>
</li> // </li>
</ul> // </ul>
</td> // </td>
</tr> // </tr>
<tr> // <tr>
<th>性别要求:</th> // <th>性别要求:</th>
<td v-text="info.gender"></td> // <td v-text="info.gender"></td>
</tr> // </tr>
<tr> // <tr>
<th>出租时长:</th> // <th>出租时长:</th>
<td v-text="info.rentalduration?info.rentalduration:'不限'"></td> // <td v-text="info.rentalduration?info.rentalduration:'不限'"></td>
</tr> // </tr>
<tr> // <tr>
<th>房东或合租人介绍:</th> // <th>房东或合租人介绍:</th>
<td v-html="info.introduction"></td> // <td v-html="info.introduction"></td>
</tr> // </tr>
<tr> // <tr>
<th>发布者身份:</th> // <th>发布者身份:</th>
<td v-text="info.intermediary_text"></td> // <td v-text="info.intermediary_text"></td>
</tr> // </tr>
<tr> // <tr>
<th>电话:</th> // <th>电话:</th>
<td v-text="info.tel || '-'"></td> // <td v-text="info.tel || '-'"></td>
</tr> // </tr>
<tr> // <tr>
<th>微信:</th> // <th>微信:</th>
<td> // <td>
<span v-text="info.wechat || '-'"></span> // <span v-text="info.wechat || '-'"></span>
<span v-if="info.iswechattype==2" @click="showBig(info.wechatdata.url)"> // <span v-if="info.iswechattype==2" @click="showBig(info.wechatdata.url)">
<svg class="wechat-svg" t="1655977827199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2209" width="32" height="32"><path d="M597.333333 597.333333h85.333334v-85.333333h85.333333v128h-85.333333v42.666667h-85.333334v-42.666667h-85.333333v-128h85.333333v85.333333z m-384-85.333333h256v256H213.333333v-256z m85.333334 85.333333v85.333334h85.333333v-85.333334H298.666667zM213.333333 213.333333h256v256H213.333333V213.333333z m85.333334 85.333334v85.333333h85.333333V298.666667H298.666667z m213.333333-85.333334h256v256h-256V213.333333z m85.333333 85.333334v85.333333h85.333334V298.666667h-85.333334z m85.333334 384h85.333333v85.333333h-85.333333v-85.333333z m-170.666667 0h85.333333v85.333333h-85.333333v-85.333333z" fill="#444444" p-id="2210"></path></svg> // <svg class="wechat-svg" t="1655977827199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2209" width="32" height="32"><path d="M597.333333 597.333333h85.333334v-85.333333h85.333333v128h-85.333333v42.666667h-85.333334v-42.666667h-85.333333v-128h85.333333v85.333333z m-384-85.333333h256v256H213.333333v-256z m85.333334 85.333333v85.333334h85.333333v-85.333334H298.666667zM213.333333 213.333333h256v256H213.333333V213.333333z m85.333334 85.333334v85.333333h85.333333V298.666667H298.666667z m213.333333-85.333334h256v256h-256V213.333333z m85.333333 85.333334v85.333333h85.333334V298.666667h-85.333334z m85.333334 384h85.333333v85.333333h-85.333333v-85.333333z m-170.666667 0h85.333333v85.333333h-85.333333v-85.333333z" fill="#444444" p-id="2210"></path></svg>
</span> // </span>
</td> // </td>
</tr > // </tr >
<tr> // <tr>
<th>WhatsApp:</th> // <th>WhatsApp:</th>
<td v-text="info.whatsapp || '-'"></td> // <td v-text="info.whatsapp || '-'"></td>
</tr> // </tr>
}; };
}, },
mounted() { mounted() {
this.tid = this.$route.query['tid'] this.tid = this.$route.query['tid']
this.getDetail() this.getDetail()
}, },
methods: { methods: {
// 获取详细信息 // 获取详细信息
getDetail() { getDetail() {
@ -539,12 +536,12 @@ methods: {
console.log("点击收藏"); console.log("点击收藏");
} }
}, },
components: { components: {
DetailReply, Coins DetailReply, Coins
} }
}; };
</script> </script>