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

修改问题

Browse Source
This commit is contained in:
A1300399510
2023-07-26 18:12:59 +08:00
parent dff6345e33
commit 9303c12ab5
7 changed files with 78 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/publicImage/arc-shadow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

2
src/components/edit/fail-pop.vue
View File

@@ -7,7 +7,7 @@
<div class="fail-text">已存为草稿</div>
<div class="fail-hint">房源数量已达上限</div>
<div class="fail-hint" style="margin-bottom: 57px;">下架旧房源，便可发布新房源</div>
<div class="fail-btn flexcenter">
<div class="fail-btn flexcenter" @click.stop="$router.push('/user')">
房源管理<img class="fail-btn-icon" src="@/assets/img/edit/fail-btn-icon.svg" />
</div>
</div>

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

@@ -39,7 +39,7 @@
</el-carousel>
</div>
</div>
<div class="btm-seach-btn-box dis-f al-item jus-x" v-if="routePath !== '/seachPage'&&routePath !== '/detail'">
<div class="btm-seach-btn-box dis-f al-item jus-x" v-if="routePath !== '/seachPage'&&routePath !== '/detail'&&routePath !== '/apartmentDetail'&&routePath !== '/edit'">
<div class="body-maxWidth dis-f" style="height:48px;">
<div class="tab-btn dis-f al-item jus-x" :class="{ 'tab-btn-click': item.path === tabBtnType }"
v-for="(item, i) in seachTab.data" :key="i" @click="changeTabBtnType(item)">

7
src/components/public/public-list-item.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="list-item" ref="list" @click="goDetail">
<div class="list-item" ref="list" @click="goDetail(data.status)">
<div class="authentication-box dis-f al-item" v-if="data.verified == 1">
<img src="../../assets/homeImage/authenticationLogo.png" class="logo" alt="">
<img src="../../assets/homeImage/topAuthenticationBg.svg" class="bg" alt="">
@@ -190,7 +190,10 @@ watch(() => props.item.status, (newValue, oldValue) => {
const cancelCollection = token => emit('cancelCollection', { token, index: props['index'] })
// 点击跳转详情页
const goDetail = () => router.push(`/detail?uniqid=${data.uniqid}`)
const goDetail = status => {
console.log("status", status);
if (status == 1) router.push(`/detail?id=${data.uniqid}`)
}
// 跳转编辑页面
const goEdit = () => router.push(`/edit?token=${data.token}`)

5
src/router/index.js
View File

@@ -93,7 +93,10 @@ const routes = [
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
mode: "history",
routes
routes,
scrollBehavior(to, from, savedPosition) {
return { top: 0 };
},
})

66
src/views/apartmentDetail.vue
View File

@@ -8,14 +8,16 @@
<div class="brand-abstract">{{ info['propaganda'] }}</div>
</div>
<div class="header-content flexflex">
<img class="arc" src="@/assets/img/publicImage/arc-shadow.png">
<div class="header-left">
<!-- <image-watch :show="imageShow" :close="cloaseImageShow" :list="allCarouselsData"></image-watch> -->
<image-watch style="z-index: 1003;" :show="imageShow" :close="cloaseImageShow" :list="allCarouselsData"></image-watch>
<image-watch style="z-index: 1003;" :show="imageShow" :close="cloaseImageShow"
:list="imageList"></image-watch>
<div class="slideshow">
<el-carousel :autoplay="false" indicator-position="none" ref="remarkCaruselUp"
@change="carouselChange">
<el-carousel-item class="flexcenter" v-for="item in allCarouselsData">
<img class="img" :src="item['image'] || item['imageurl']" @click="cloaseImageShow">
<img class="img" :src="item['image'] || item['imageurl']"
@click="cloaseImageShow(allCarouselsData)">
<!-- <img class="video-icon" src="@/assets/img/publicImage/video-icon.svg" alt=""> -->
</el-carousel-item>
</el-carousel>
@@ -128,11 +130,13 @@
src="@/assets/img/publicImage/gray-arrow.svg" alt="">
</div>
<div class="media-list flexacenter no-scrollbar" :class="`element${index}`">
<div class="media-item flexcenter" v-for="it in item['videos']">
<div class="media-item flexcenter" v-for="it in item['videos']"
@click="cloaseImageShow([...item['videos'], ...item['images']])">
<img class="media-img" :src="it['thumbnail']">
<img class="media-icon" src="@/assets/img/apartmentDetail/media-icon.svg" />
</div>
<div class="media-item flexcenter" v-for="it in item['images']">
<div class="media-item flexcenter" v-for="it in item['images']"
@click="cloaseImageShow([...item['videos'], ...item['images']])">
<img class="media-img" :src="it['thumbnail']">
</div>
</div>
@@ -361,9 +365,14 @@ import footerpage from '@/components/footer/footer.vue'
import viewMap from '@/components/public/viewMap.vue'
import transmitBtn from '@/components/public/transmitBtn.vue'
import imageWatch from '@/components/detail/imageWatch.vue';
import { useRouter } from 'vue-router'
let router = useRouter()
let { uniqid } = router.currentRoute.value.query
import { copyToClipboard } from '@/utils/util.js'
const uniqid = "aWqSz58aKKvn"
// const uniqid = "aWqSz58aKKvn"
const { proxy } = getCurrentInstance()
const store = useStore();
@@ -371,7 +380,13 @@ const store = useStore();
const { wechat } = toRefs(store.state);
let imageShow = ref(false) // 查看大图弹窗的状态
const cloaseImageShow = () => imageShow.value = !imageShow.value
let imageList = ref([]) // 查看大图弹窗的状态
const cloaseImageShow = (list) => {
if (list) imageList.value = list
imageShow.value = !imageShow.value
}
// allCarouselsData
// 房间类型
let roomList = ref([])
@@ -412,7 +427,14 @@ proxy.$get("/tenement/pc/api/apartment/details", { uniqid }).then(res => {
handleAllCarouselsData()
handleNavData()
// setTimeout(() => {
nextTick(() => {
handleNavData()
})
// }, 2000)
if (data.withsameapartments > 0) dualBrandData()
})
@@ -494,9 +516,12 @@ let navTab = ref("roomEle")
// 处理 navList 数据
const handleNavData = () => {
navconfig.forEach(element => {
if (info.value[element.value] && element.value != 'roomEle' && element.value != 'companyEle') navList.value.push(element)
else navList.value.push(element)
console.log("element", eval(element['value']).value);
if (eval(element['value']).value) navList.value.push(element)
// if (info.value[element.value] && element.value != 'roomEle' && element.value != 'companyEle') navList.value.push(element)
// else navList.value.push(element)
})
}
@@ -504,6 +529,7 @@ const handleNavData = () => {
const handleClickNav = value => {
let scrollTop = 0
switch (value) {
case "roomEle":
scrollTop = roomEle.value.offsetTop - 110;
@@ -534,7 +560,7 @@ const handleClickNav = value => {
break;
}
navTab.value = value
if (value != 'eleseEle') navTab.value = value
window.scrollTo({ top: scrollTop, behavior: 'smooth' });
}
@@ -634,11 +660,14 @@ const slideshowType = type => slideshowItem(carouselsconfig.value[type].index)
let detailsLeft = ref(null)
</script>
<style lang="less" scoped>
.content {
margin: 0 auto;
margin: -36px auto 0;
position: relative;
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
.header {
@@ -676,7 +705,16 @@ let detailsLeft = ref(null)
background-color: #fff;
padding: 25px 30px;
margin-top: -20px;
border-radius: 16px;
border-radius: 16px 0 16px 16px;
position: relative;
.arc {
position: absolute;
width: 12px;
height: 12px;
top: -12px;
right: 0;
}
.header-left {
width: 511px;
@@ -1531,7 +1569,7 @@ let detailsLeft = ref(null)
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7);
// background-color: rgba(0, 0, 0, 0.7);
z-index: 1002;
.add-customer-box {

21
src/views/edit.vue
View File

@@ -1,5 +1,6 @@
<template>
<header-nav :isNoTabList="true" :user="user"></header-nav>
<!-- <header-nav :isNoTabList="true" :user="user"></header-nav> -->
<page-top-bar></page-top-bar>
<map-component v-if="mapComponentState" :info="info" @choosingLocation="choosingLocation" />
<div class="content-box flexflex">
<!-- 左边的信息盒子 -->
@@ -77,7 +78,7 @@
<!-- 月租 -->
<div v-if="item.field == 'rent' && intermediary != 6" ref="rent"
class="form-option modeFive flexacenter" :class="{ 'pitch': info.rent }">
<input class="modeFive-input flex1" v-model="info.rent" type="number" step="1" min="0"
<input class="modeFive-input flex1" v-model="info.rent" type="number" step="1" min="0"
placeholder="请输入数字"
onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''">
<div class="modeFive-unit">{{ item.unit }}</div>
@@ -667,7 +668,8 @@ import mapComponent from '@/components/edit/map.vue'
import pageFooter from '@/components/footer/footer.vue'
import how from '@/components/edit/how-pop.vue'
import failPop from '@/components/edit/fail-pop.vue'
import headerNav from '@/components/public/head.vue'
// import headerNav from '@/components/public/head.vue'
import pageTopBar from '@/components/pageTopBar/pageTopBar.vue'
import userBox from '@/components/edit/user-box.vue'
import { setSeoTitle } from '@/utils/util.js'
@@ -779,7 +781,8 @@ export default {
pageFooter,
how,
failPop,
headerNav,
// headerNav,
pageTopBar,
userBox,
},
methods: {
@@ -847,6 +850,10 @@ export default {
if (info['type']) this.typeValue = info['type'] >>> 0
let intermediary = data.intermediary
// rentalduration
if (data['type'] == "edit") {
if (!info['rentalduration']) info['rentalduration'] = 0
}
if (intermediary == 6) {
if (info["rent"].length != 0) {
@@ -864,7 +871,6 @@ export default {
let arr = ["property", "floor", "sunshinearea"]
arr.forEach(element => {
if (info[element] && info[element].length == 1 && info[element][0] == 0) info[element] = []
if (info[element] && info[element].length != 0) {
@@ -1182,7 +1188,10 @@ export default {
return
} else {
if (status == 0) return
if (status == 0) {
this.$router.push('/user')
return
}
this.qrcodeBase64 = data['qrcode']
this.skipUrl = data['url']