修改问题

src/components/edit/fail-pop.vue

@@ -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>

src/components/pageTopBar/pageTopBar.vue

@@ -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)">

src/components/public/public-list-item.vue

@@ -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}`)

src/router/index.js

@@ -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 };
+  },
 })
 
 

src/views/apartmentDetail.vue

@@ -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"
-                    <image-watch style="z-index: 1003;" :show="imageShow" :close="cloaseImageShow" :list="allCarouselsData"></image-watch>
+                        :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)
+        console.log("element", eval(element['value']).value);
-        else navList.value.push(element)
+        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 {

src/views/edit.vue

@@ -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']