beizhu

package-lock.json

@@ -7991,6 +7991,11 @@
         "minimist": "0.0.8"
       }
     },
+    "moment": {
+      "version": "2.22.2",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.22.2.tgz",
+      "integrity": "sha1-PCV/mDn8DpP/UxSWMiOeuQeD/2Y="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -12980,6 +12985,14 @@
         "lodash": "^4.17.4"
       }
     },
+    "vue-event-calendar": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/vue-event-calendar/-/vue-event-calendar-1.5.2.tgz",
+      "integrity": "sha512-ZUwTRl46GPOzYNGbtVdEicsw14JPC3YoaUbRf6eryAbomXwMcO0eCInGHDC+yZUWPGzj+trRObhVfTt4ytGFuA==",
+      "requires": {
+        "vue": "^2.1.8"
+      }
+    },
     "vue-headful": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/vue-headful/-/vue-headful-2.0.1.tgz",
@@ -13012,6 +13025,11 @@
         "vue-style-loader": "^4.1.0"
       }
     },
+    "vue-mobile-calendar": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/vue-mobile-calendar/-/vue-mobile-calendar-2.2.0.tgz",
+      "integrity": "sha512-sQ8jgUgOOcCf+NcVjKOKDaHo4uqCWcOvhJnu5oKNL3thKLW29dEOqXubbUvY6qjeT55v7Y6FgmmrhJialOBDpA=="
+    },
     "vue-router": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.1.tgz",

package.json

@@ -10,11 +10,14 @@
   },
   "dependencies": {
     "lodash.get": "^4.4.2",
+    "moment": "^2.22.2",
     "vant": "^1.3.10",
     "vue": "^2.5.17",
     "vue-amap": "^0.5.8",
     "vue-awesome-swiper": "^3.1.3",
+    "vue-event-calendar": "^1.5.2",
     "vue-headful": "^2.0.1",
+    "vue-mobile-calendar": "^2.2.0",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1"
   },

src/config/apis.js

@@ -5,6 +5,7 @@ const apiList = {
     url: '',
     method: 'get',
   },
+  //获取楼盘信息
   building:{
     getbuilding:{
       url: '/api/lp/buildingBaseInfo/:project_id',
@@ -15,6 +16,7 @@ const apiList = {
     //   method: 'get',
     // },
   },
+  //获取楼盘相册
   buildingimage:{
     getbuildingimage:{
       url: '/api/lp/getBuildingImages/:buildingid',
@@ -25,6 +27,7 @@ const apiList = {
     //   method: 'get',
     // },
   },
+  //获取户型图片及信息
   buildingtype:{
     gethousetype:{
       url: '/api/lp/getBuildingModels/:buildingid',
@@ -35,8 +38,9 @@ const apiList = {
     //   method: 'get',
     // },
   },
-  addcollect:{
-    collectbuilding:{
+  //添加收藏
+  collect:{
+    addcollect:{
       url: '/api/lp/saveCollect/:buildingid',
       method: 'get',
     },
@@ -45,14 +49,21 @@ const apiList = {
     //   method: 'get',
     // },
   },
-
-  vistors:{
+  //取消收藏
+  delectcollect:{
+    delect:{
+      url: '/api/lp/deleteCollect/:buildingid',
+      method: 'get',
+    },
+  },
+//浏览人数
+  visitors:{
     add:{
       url: '/api/lp/updateDynamicBrowsinginfo/:id',
       method: 'get',
     }
   },
-
+// 周边地图信息
   map:{
     getmapinformation:{
       url: '/api/lp/getBuildingRoute/:buildingid',
@@ -63,6 +74,7 @@ const apiList = {
     //   method: 'get',
     // },
   },
+  //预约看房信息
   lookhouse:{
     subscribeinformation:{
       url: '/api/order/getBuildingInfo/:project_id',
@@ -73,6 +85,7 @@ const apiList = {
     //   method: 'get',
     // },
   },
+  //预约看房楼盘名称
   housenamelist:{
     getnamelist:{
       url: '/api/order/buildingList/:project_id',
@@ -83,6 +96,7 @@ const apiList = {
     //   method: 'get',
     // },
   },
+  //预约看房获取楼盘id
   typelist:{
     gettypelist:{
       url: '/api/order/buildingInfo/:buildingid',
@@ -93,6 +107,7 @@ const apiList = {
     //   method: 'get',
     // },
   },
+  //提交预约看房信息
   order: {
     save: {
       url: '/api/order/saveOrder',

src/main.js

@@ -7,6 +7,16 @@ import store from './store'
 import AMap from 'vue-amap'
 import VueAwesomeSwiper from 'vue-awesome-swiper'
 import 'swiper/dist/css/swiper.css'
+import moment from 'moment/moment'
+import vueEventCalendar from 'vue-event-calendar' 
+
+
+
+
+Vue.filter('moment', function (value, formatString) {
+formatString = formatString || 'YYYY/MM/DD';
+return moment(value).format(formatString);
+});
 
 // import './theme'
 // import './public/style/common.scss'
@@ -15,6 +25,7 @@ import 'swiper/dist/css/swiper.css'
 Vue.use(Vant)
 Vue.use(AMap)
 Vue.use(VueAwesomeSwiper, /* { default global options } */)
+Vue.use(vueEventCalendar, {locale: 'en'}) //locale can be 'zh' or 'en'
 
 Vue.config.productionTip = false
 

src/pages/building/buildingdetail.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="context" >
+  <div class="context" v-if='showPage'>
     <vue-headful title="楼盘详情页"  />
     <div class="cityarea">
         <span class="iconfont icon-Shape1 iconarea"></span>
@@ -13,7 +13,7 @@
         <span class="iconline"></span>
         <div class="gotopagetype" @click="gotopagetype"><van-cell  class="clickcharacters" title="查看户型图"/><span class="iconfont icon-youfan right" ></span></div>
         <span class="iconline"></span>
-        <div class="gotopagecollect" @click="collecthouse"><span class="iconfont icon-Star collect"></span><van-cell class="clickcharacters"  title="已收藏"/></div>
+        <div class="gotopagecollect" @click="collecthouse(detail.buildingid)" ><span class="iconfont icon-Star collect"></span><van-cell class="clickcharacters"  title="已收藏"/></div>
     </van-cell-group>
     <div class="housecenter">
        <div class="housename">
@@ -31,16 +31,17 @@
             <span class="housetel"><i class="iconfont  icon-dianhua2 phone"> </i><span ><a :href="'tel:' + detail.salestel">{{detail.salestel}}</a></span></span>
         </div>
       </div>
-      <hr class="line" />
+      <hr class="line" />  
       <div class="buildingdata">
         <div class="datacontent">
-          <van-swipe class="slidewrapper">
-            <van-swipe-item class="slideimg" >
-              <div v-for="(list, index) in detail.buildingDatas" :key="index">
-                <span class="slidedesc" >{{list}}</span>
-              </div>
-            </van-swipe-item>
-          </van-swipe>
+          <swiper class="slidewrapper" :options="swiperOption" >
+            <swiper-slide class="slideimg" v-for="(page, index) in pages" :key="index" >
+              <div class="wrapperdesc" v-for="item in page" :key="item,id">
+                <span class="slidedesc" >{{item}}</span>
+              </div>     
+            </swiper-slide>
+            <div class="swiper-pagination"  slot="pagination"></div>
+          </swiper>
         </div>
       </div>
     </div>
@@ -58,21 +59,30 @@
             <span xlass="titlecharacters">周边配套</span>
         </div>
         <van-row class="user-links">
-          <van-col span="6" @click="perimeterinformation">
+          <van-col span="6" >
+            <div class="modulearea school" @click="perimeterinformation(school)">
               <i class="iconfont  icon-icon-test2 icontype"></i>
               <span class="characters">学校</span>
+            </div>
           </van-col> 
           <van-col span="6">
-            <i class="iconfont icon-icon-test4 icontype"></i>
-            <span class="characters">医院</span>
+            <div class="modulearea histoptal" @click="perimeterinformation(histoptal)">
+              <i class="iconfont icon-icon-test4 icontype"></i>
+              <span class="characters">医院</span>
+            </div>
           </van-col>
+
           <van-col span="6">
-            <i class="iconfont icon-icon-test1 icontype"></i>
-            <span class="characters">交通</span>
+            <div class="modulearea taxi" @click="perimeterinformation(taxi)">
+              <i class="iconfont icon-icon-test1 icontype"></i>
+              <span class="characters">交通</span>
+            </div>
           </van-col>
           <van-col span="6">
-            <i class="iconfont icon-icon-test3 icontype"></i>
-            <span class="characters">商业</span>
+            <div class="modulearea sround" @click="perimeterinformation(sround)">
+              <i class="iconfont icon-icon-test3 icontype"></i>
+              <span class="characters">商业</span>
+            </div>
           </van-col>
         </van-row>
     </div>
@@ -80,17 +90,20 @@
       <div class="dynamicstitle">
       <span class="titlecharacters">相关动态</span>
     </div>
-    <van-collapse v-model="activeName" accordion>
-      <van-collapse-item v-for="(list, index) in detail.buildingDynamicLst" :key="index">
-        <div slot="title">
+    <van-collapse v-model="activeName"  accordion >
+      <div v-for="list in detail.buildingDynamicLst" :key="list.id" @click="addvistornum(list)">
+         <van-collapse-item  >
+        <div slot="title"  >
           <span class="dynamictitle">{{list.title}}</span>
           <div class="peopletimer">
             <span class="people">{{list.browsingnum}}人看过</span>
-            <span class="timer">{{list.createtime}}</span>
+            <span class="timer">{{list.createtime |moment}}</span>
           </div>
         </div>
         <span class="dynamiccontent" v-html="list.dynamicinfo"></span>
       </van-collapse-item>
+      </div>
+     
     </van-collapse>
   </div>
     <div class="btn">
@@ -100,55 +113,89 @@
 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import BuildingPerimeter from "./components/buildingperimeter.vue";
+import { createNamespacedHelpers } from "vuex";
+const {mapState: mapbuildState, mapActions:mapbuildActions} = createNamespacedHelpers('building')
+const {mapState: mapcollectState, mapActions:mapcollectActions} = createNamespacedHelpers('collect')
+const {mapState: mapdelectState, mapActions:mapdelectActions} = createNamespacedHelpers('delete')
+const {mapState: mapvisitState, mapActions:mapvisitActions} = createNamespacedHelpers('visitors')
 
 export default {
   name: "BuildingDetail",
   data() {
     return {
-      activeName: ""
+      showPage:false,
+      activeName: "",
+      collect:'',
+      id:'',
+      isopen:false,
+      swiperOption: {
+          pagination: {
+            el: '.swiper-pagination'
+          }
+        },
     };
   },
   components: {
     "vue-headful": () => import("vue-headful"),
-    BuildingPerimeter: BuildingPerimeter
+
   },
+ 
   computed: {
-    ...mapState({
-      detail: s => s.building.detail
-      // buildingDatas:s => building.buildingDatas
+    ...mapbuildState({
+      detail: s => s.detail
     }),
-    // pages () {
-    // const pages = []
-    // this.list.forEach((item, index) =>{
-    //   const page =Math.floor(index / 8)
-    //   if(!pages[page]){
-    //     pages[page]=[]
-    //   }
-    //   pages[page].push(item)
-    // })
-    // return pages
-    // }
+    ...mapcollectState({
+      collcet:s=>s.collcet,
+      buildingid:s=>s.buildingid
+    }),
+     ...mapdelectState({
+      collcet:s=>s.collcet,
+      buildingid:s=>s.buildingid
+    }),
+    ...mapvisitState({
+      browsingnum: s => s.browsingnum
+    }),
+
+    pages () {
+     window.console.log(1)
+      const pages = []
+      this.detail.buildingDatas.forEach((item, index) =>{
+        const page =Math.floor(index / 7)
+        if(!pages[page]){
+          pages[page]=[]
+        }
+        pages[page].push(item)
+      })
+      return pages
+      }
    
   },
   created() {
-    this.getBuilding({ project_id: "1" });
+    this.getBuilding({ project_id: "1" }).then( ()=>{
+        this.showPage = true
+    });
   },
   methods: {
-    ...mapActions(["getBuilding"]),
+    ...mapbuildActions(["getBuilding"]),
+    ...mapcollectActions(['getAddCollect']),
+    ...mapvisitActions(['postVisitors']),
+    ...mapdelectActions(['getDeleteCollect']),
+    ...mapbuildActions(['numadd']),
+    //跳转到预约看房页面
     gotoLookHouse () {
       this.$router.push({ 
         name: "lookhouse",
         query: { id: this.detail.buildingid }
          });
     },
+    //跳转到楼盘相册
     gotopageimg () {
       this.$router.push({
         name: "buildingimage",
         query: { id: this.detail.buildingid }
       });
     },
+    //跳转到户型页
     gotopagetype () {
       this.$router.push({ 
         name: "buildingtype",
@@ -156,15 +203,44 @@ export default {
           id: this.detail.buildingid }
       });
     },
-    collecthouse () {
-      
+    //收藏信息
+    collecthouse (buildingid) {
+      this.$router.push ({ query: {  id: this.detail.buildingid, collect:this.detail.collect} })
+      if(this.detail.collect==0){
+        //未收藏，添加收藏
+        this.getAddCollect({
+        buildingid: this.$route.query.id,
+        collect :this.$route.query.collect})
+      }else{
+        //已收藏，删除收藏
+        this.getDeleteCollect({
+        buildingid: this.$route.query.id,
+        collect :this.$route.query.collect})
+      }
+      window.console.log(buildingid)
+      },
+      //浏览人数
+      addvistornum(element){
+      window.console.log(333)
+      let self = this;
+      if(!this.isopen){
+        this.postVisitors({
+            id: element.id,
+            browsingnu:element.browsingnum+1,
+          }).then(()=>{
+            self.numadd({id:element.id});
+          });
+      }
+       this.isopen = !this.isopen; 
       },
 
+//周边配套信息
     perimeterinformation () {
        this.$router.push({ 
-        name: "Map",
-        // query: { id: this.detail.buildingid }
+        name: "perimetertype",
+        query: { id: this.detail.buildingid }
       });
+      window.console.log(111)
     }
   }
 };
@@ -372,23 +448,27 @@ export default {
           height: 100%;
 
           .slideimg {
-            width: 100%;
+            width: 90%;
             height: 100%;
             display: flex;
             flex-direction: column;
             align-items: center;
 
-            .slidedesc {
-              padding: 10px 0;
-              font-size: 12px;
-              font-family: PingFangSC-Regular;
-              font-weight: 400;
-              color: rgba(128, 128, 128, 1);
-              line-height: 17px;
+            .wrapperdesc{
+              width:94%;
+              height: 15px;
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;
-              width: 96%;
+              padding: 5px 0;
+
+              .slidedesc {
+                font-size: 12px;
+                font-family: PingFangSC-Regular;
+                font-weight: 400;
+                color: rgba(128, 128, 128, 1);
+                line-height: 17px;
+              }
             }
           }
         }
@@ -520,21 +600,27 @@ export default {
         height: 80px;
         display: flex;
         
-        .icontype{
-            font-size: 16px!important;
-            color:#BABDC0!important;
-        }
-        
         .linevertical{
         border:1px solid #EDEDED;
         }
 
         .van-col--6{
+          border-right: 0.5px solid #EDEDED;
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
-          border-right: 0.5px solid #EDEDED;
+
+          .modulearea{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+
+            .icontype{
+              font-size: 16px!important;
+              color:#BABDC0!important;
+            }
+          }
         }
 
         .characters{

src/pages/building/buildingimage.vue

@@ -1,83 +1,142 @@
 <template>
-    <div class="imgbackground">
-       <vue-headful title="楼盘相册"  />
-       <div class="houseimagecontent">
-           <div class="houseimage">
-                <swiper class="slidewrapper">
-                    <swiper-slide class="slideimg" v-for="(list1, index1) in detail.imageLst1" :key="index1">
-                        <img class="lazyimage" :src="list1.fileurl" />
-                        <div class="houseindex">
-                            <span class="imagetype">{{list1.name}}</span>
-                            <div class="imageindex" >
-                                <span class="countimage countindex">{{index1+1}}</span>
-                                <span class="countimage">/</span>
-                                <span class="countimage totalcount">{{detail.imageLstCount1}}</span>
-                            </div>
-                        </div>
-                    </swiper-slide>
-                    <swiper-slide class="slideimg" v-for="(list2, index2) in detail.imageLst2" :key="index2">
-                        <img class="lazyimage" :src="list2.fileurl" />
-                        <div class="houseindex">
-                            <span class="imagetype">{{list2.name}}</span>
-                            <div class="imageindex">
-                                <span class="countimage countindex">{{index2+1}}</span>
-                                <span class="countimage">/</span>
-                                <span class="countimage totalcount">{{detail.imageLstCount2}}</span>
-                            </div>
-                        </div>
-                    </swiper-slide>
-                    <swiper-slide class="slideimg" v-for="(list3, index3) in detail.imageLst3" :key="index3">
-                        <img class="lazyimage" :src="list3.fileurl" />
-                        <div class="houseindex">
-                            <span class="imagetype">{{list3.name}}</span>
-                            <div class="imageindex">
-                                <span class="countimage countindex">{{index3+1}}</span>
-                                <span class="countimage">/</span>
-                                <span class="countimage totalcount">{{detail.imageLstCount3}}</span>
-                            </div>
-                        </div>
-                    </swiper-slide>
-                    <swiper-slide class="slideimg" v-for="(list4, index4) in detail.imageLst4" :key="index4">
-                        <img class="lazyimage" :src="list4.fileurl" />
-                        <div class="houseindex">
-                            <span class="imagetype">{{list4.name}}</span>
-                            <div class="imageindex">
-                                <span class="countimage countindex">{{index4+1}}</span>
-                                <span class="countimage">/</span>
-                                <span class="countimage totalcount">{{detail.imageLstCount4}}</span>
-                            </div>
-                        </div>
-                    </swiper-slide>
-                    <swiper-slide class="slideimg" v-for="(list5, index5) in detail.imageLst5" :key="index5">
-                        <img class="lazyimage" :src="list5.fileurl" />
-                        <div class="houseindex">
-                            <span class="imagetype">{{list5.name}}</span>
-                            <div class="imageindex">
-                                <span class="countimage countindex">{{index5+1}}</span>
-                                <span class="countimage">/</span>
-                                <span class="countimage totalcount">{{detail.imageLstCount5}}</span>
-                            </div>
-                        </div>
-                    </swiper-slide>
-                </swiper>
-           </div>
-       </div>
-       <div class="imageboxtype" >
-           <div class="drawingimpress" v-for="(list, index) in lists" :key="index"  @click="toggle(index)" :class='{active:list.active}'>
-               <span class="boxcharacters" :class='{active:list.active}'>{{list.imagetypename}}</span>
-           </div>
-       </div>
+  <div class="imgbackground" v-if='showPage'>
+    <vue-headful title="楼盘相册"  />
+    <div class="houseimagecontent">
+      <div class="houseimage">
+        <swiper ref='mySwiper' class="slidewrapper">
+            <swiper-slide class="slideimg" v-for="(list1, index1) in detail.imageLst1" :key="index1">
+                <img class="lazyimage" :src="list1.fileurl" />
+                <div class="houseindex">
+                    <span class="imagetype">{{list1.name}}</span>
+                    <div class="imageindex" >
+                        <span class="countimage countindex" >{{index1+1}}</span>
+                        <span class="countimage">/</span>
+                        <span class="countimage totalcount">{{detail.imageLstCount1}}</span>
+                    </div>
+                </div>
+            </swiper-slide>
+              <swiper-slide class="slideimg"  v-if='detail.imageLst1==""||detail.imageLst1==null'>
+              <img class="lazyimage" :src="bottomDrawing" />
+              <div class="houseindex">
+                  <span class="imagetype">图片正在采集中...</span>
+                  <div class="imageindex">
+                      <span class="countimage countindex">1</span>
+                      <span class="countimage">/</span>
+                      <span class="countimage totalcount">1</span>
+                  </div>
+              </div>
+            </swiper-slide>
+            <swiper-slide class="slideimg" v-for="(list2, index2) in detail.imageLst2" :key="index2" >
+                <img class="lazyimage" :src="list2.fileurl" />
+                <div class="houseindex">
+                    <span class="imagetype">{{list2.name}}</span>
+                    <div class="imageindex">
+                        <span class="countimage countindex">{{index2+1}}</span>
+                        <span class="countimage">/</span>
+                        <span class="countimage totalcount">{{detail.imageLstCount2}}</span>
+                    </div>
+                </div>
+            </swiper-slide>
+              <swiper-slide class="slideimg"  v-if='detail.imageLst2==""||detail.imageLst2==null'>
+              <img class="lazyimage" :src="bottomDrawing" />
+              <div class="houseindex">
+                  <span class="imagetype">图片正在采集中...</span>
+                  <div class="imageindex">
+                      <span class="countimage countindex">1</span>
+                      <span class="countimage">/</span>
+                      <span class="countimage totalcount">1</span>
+                  </div>
+              </div>
+            </swiper-slide>
+            <swiper-slide class="slideimg" v-for="(list3, index3) in detail.imageLst3" :key="index3" >
+                <img class="lazyimage" :src="list3.fileurl" />
+                <div class="houseindex">
+                    <span class="imagetype">{{list3.name}}</span>
+                    <div class="imageindex">
+                        <span class="countimage countindex">{{index3+1}}</span>
+                        <span class="countimage">/</span>
+                        <span class="countimage totalcount">{{detail.imageLstCount3}}</span>
+                    </div>
+                </div>
+            </swiper-slide>
+              <swiper-slide class="slideimg"  v-if='detail.imageLst3==""||detail.imageLst3==null'>
+              <img class="lazyimage" :src="bottomDrawing" />
+              <div class="houseindex">
+                  <span class="imagetype">图片正在采集中...</span>
+                  <div class="imageindex">
+                      <span class="countimage countindex">1</span>
+                      <span class="countimage">/</span>
+                      <span class="countimage totalcount">1</span>
+                  </div>
+              </div>
+            </swiper-slide>
+            <swiper-slide class="slideimg" v-for="(list4, index4) in detail.imageLst4" :key="index4" >
+                <img class="lazyimage" :src="list4.fileurl" />
+                <div class="houseindex">
+                    <span class="imagetype">{{list4.name}}</span>
+                    <div class="imageindex">
+                        <span class="countimage countindex">{{index4+1}}</span>
+                        <span class="countimage">/</span>
+                        <span class="countimage totalcount">{{detail.imageLstCount4}}</span>
+                    </div>
+                </div>
+            </swiper-slide>
+              <swiper-slide class="slideimg" v-if='detail.imageLst4==""||detail.imageLst4==null' >
+              <img class="lazyimage" :src="bottomDrawing" />
+              <div class="houseindex">
+                  <span class="imagetype">图片正在采集中...</span>
+                  <div class="imageindex">
+                      <span class="countimage countindex">1</span>
+                      <span class="countimage">/</span>
+                      <span class="countimage totalcount">1</span>
+                  </div>
+              </div>
+            </swiper-slide>
+            <swiper-slide class="slideimg" v-for="(list5, index5) in detail.imageLst5" :key="index5">
+                <img class="lazyimage" :src="list5.fileurl" />
+                <div class="houseindex">
+                    <span class="imagetype">{{list5.name}}</span>
+                    <div class="imageindex">
+                        <span class="countimage countindex">{{index5+1}}</span>
+                        <span class="countimage">/</span>
+                        <span class="countimage totalcount">{{detail.imageLstCount5}}</span>
+                    </div>
+                </div>
+            </swiper-slide>
+              <swiper-slide class="slideimg"  v-if='detail.imageLst5==""||detail.imageLst5==null'>
+              <img class="lazyimage" :src="bottomDrawing" />
+              <div class="houseindex">
+                  <span class="imagetype">图片正在采集中...</span>
+                  <div class="imageindex">
+                      <span class="countimage countindex">1</span>
+                      <span class="countimage">/</span>
+                      <span class="countimage totalcount">1</span>
+                  </div>
+              </div>
+            </swiper-slide>
+        </swiper>
+      </div>
     </div>
+    <div class="imageboxtype" >
+      <div class="drawingimpress" v-for="(list, index) in lists" :key="index"  @click="toggle(index)" :class='{active:list.active}'>
+        <span class="boxcharacters" :class='{active:list.active}'>{{list.imagetypename}}</span>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
 import { mapState, mapActions } from "vuex";
+import bottomDrawing from '../../img/bottomdrawing.png'
+import Swiper from 'swiper'; 
 
 export default {
   name: "BuildingImage",
   data() {
     return {
       lists: [],
+      bottomDrawing,
+      showPage:false
     };
   },
   components: {
@@ -90,6 +149,7 @@ export default {
   },
   created() {
     this.getBuildingimage({ buildingid: this.$route.query.id }).then(() => {
+      this.showPage = true
       this.lists = this.detail.imageTypeLst;
       this.lists.forEach((curr, index) => {
         curr.active = false;
@@ -102,6 +162,7 @@ export default {
   methods: {
     ...mapActions(["getBuildingimage"]),
     toggle(ind) {
+      this.swiper().slideTo(ind, 1000, false)
         let list = []
         this.lists.forEach((curr, index) => {
         curr.active = false;
@@ -112,7 +173,10 @@ export default {
       });
       this.lists = []
       this.lists = list
-    }
+    },
+    swiper() {
+        return this.$refs.mySwiper.swiper
+      }
   }
 };
 </script>

src/pages/building/buildingtype.vue

@@ -13,30 +13,31 @@
                             <span class="countimage totalcount">{{detail.buildingModelLstCount}}</span>
                         </div>
                     </div>
+                    <div class="typecontent" >
+                        <div class="househeader">
+                            <div class="headertop">
+                                <span class="typetitle">{{ list.name }}</span>
+                                <span class="typeprice">{{ list.referenceprice }}<span class="fixedsize">起</span></span>
+                            </div>
+                            <div class="headerbottom">
+                                <div>
+                                <span class="typefeature" v-for="(item ,index) in list.childrenfeatures" :key="index">{{ item }}</span>
+                                </div>
+                                <span class="typearea">建筑面积:{{ list.area }}㎡</span>
+                            </div>
+                            <div class="housefeature">
+                                <span class="bigcharacters">{{ list.situation }}</span>
+                                <span class="smallcharacters">
+                                    <span class="fixedsmallcharacters">户型描述：</span>
+                                    <span class="trendssmallcharacters" v-for="(item, index) in list.modelParsingLst" :key="index">{{ item.detailparsing }}</span>
+                                </span>
+                            </div>
+                        </div>
+                    </div>
                 </swiper-slide>
             </swiper>
         </div>
-        <div class="typecontent" >
-            <div class="househeader" v-for="list in detail.buildingModelLst" :key="list.id">
-                <div class="headertop">
-                    <span class="typetitle">{{ list.name }}</span>
-                    <span class="typeprice">{{ list.referenceprice }}<span class="fixedsize">起</span></span>
-                </div>
-                <div class="headerbottom">
-                    <div>
-                    <span class="typefeature" v-for="(item ,index) in list.childrenfeatures" :key="index">{{ item }}</span>
-                    </div>
-                    <span class="typearea">建筑面积:{{ list.area }}㎡</span>
-                </div>
-                <div class="housefeature">
-                    <span class="bigcharacters">{{ list.situation }}</span>
-                    <span class="smallcharacters">
-                        <span class="fixedsmallcharacters">户型描述：</span>
-                        <span class="trendssmallcharacters" v-for="(item, index) in list.modelParsingLst" :key="index">{{ item.detailparsing }}</span>
-                    </span>
-                </div>
-            </div>
-        </div>
+    
     </div>
 </template>
 
@@ -78,184 +79,181 @@ export default {
 
     .typeheader{
         width:100%;
-        height: 262px;
+        /* height: 262px; */
 
-    .slidewrapper{
-        width: 100%;
-        height: 100%;
-
-        .slideimg{
-            width: 100%;
-            height: 225px;
-        }
-        .typeimg{
+        .slidewrapper{
             width: 100%;
-            height: 100%;
-        }
+            /* height: 100%; */
 
-        .typeindex{
-            position:absolute;
-            top:225px;
-            left:0;
-            width: 100%;
-            height: 37px;
-            background-color: rgba(248,248,248,1);
-            border-top:0.5px solid #EAEAEA;
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            justify-content: space-between;
-
-        .typename{
-            font-size:12px;
-            font-family:PingFangSC-Regular;
-            font-weight:400;
-            color:rgba(127,127,127,1);
-            line-height:17px;
-            padding-left:15px;
-        }
+            .slideimg{
+                width: 100%;
+                /* height: 225px; */
+                .typeimg{
+                    width: 100%;
+                    height: 225px;
+                }   
 
-        .imageindex{
-                padding-right: 15px;
+                .typeindex{
+                    position:absolute;
+                    top:225px;
+                    left:0;
+                    width: 100%;
+                    height: 37px;
+                    background-color: rgba(248,248,248,1);
+                    border-top:0.5px solid #EAEAEA;
+                    display: flex;
+                    flex-direction: row;
+                    align-items: center;
+                    justify-content: space-between;
 
-                .countimage{
-                    font-size:12px;
-                    font-family:PingFangSC-Regular;
-                    font-weight:400;
-                    color:rgba(127,127,127,1);
-                    line-height:17px;
-
-                    .boxcharacters{
+                    .typename{
                         font-size:12px;
                         font-family:PingFangSC-Regular;
                         font-weight:400;
-                        color:rgba(255,255,255,1);
+                        color:rgba(127,127,127,1);
                         line-height:17px;
+                        padding-left:15px;
                     }
-                }
-            }
-    }
-    }
-}
-
-.typecontent{
-    width: 100%;
-    background-color: rgba(248,248,248,1);
-    margin-top: 10px;
-    /* display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    overflow: hidden; */
 
-    .househeader{
-        width:100%;
+                    .imageindex{
+                        padding-right: 15px;
 
-        .headertop{
-            width: 100%;
-            display: flex;
-            flex-direction: row;
-            justify-content: space-between;
-            margin-bottom: 10px;
-            padding-top: 10px;
+                        .countimage{
+                            font-size:12px;
+                            font-family:PingFangSC-Regular;
+                            font-weight:400;
+                            color:rgba(127,127,127,1);
+                            line-height:17px;
 
-            .typetitle{
-                font-size:18px;
-                font-family:PingFangSC-Regular;
-                font-weight:400;
-                color:rgba(61,61,61,1);
-                line-height:25px;
-                padding-left:20px;
-            }
-            
-            .typeprice{
-                display: flex;
-                flex-direction: row;
-                font-size:16px;
-                font-family:PingFangSC-Medium;
-                font-weight:500;
-                color:rgba(255,84,84,1);
-                line-height:22px;
-                padding-right: 20px;
-
-                .fixedsize{
-                    font-size:12px;
-                    font-family:PingFangSC-Medium;
-                    font-weight:500;
-                    color:#999999;
-                    line-height:22px;
+                            .boxcharacters{
+                                font-size:12px;
+                                font-family:PingFangSC-Regular;
+                                font-weight:400;
+                                color:rgba(255,255,255,1);
+                                line-height:17px;
+                            }
+                        }
+                    }
                 }
             }
-
         }
 
-        .headerbottom{
+        .typecontent{
             width: 100%;
-            display: flex;
-            flex-direction: row;
-            justify-content: space-between;
+            background-color: rgba(248,248,248,1);
+            margin-top: 40px;
 
-            .typefeature{
-                background:rgba(247,250,255,1);
-                border-radius:2px;
-                padding: 4px 5px;
-                font-size:12px;
-                font-family:PingFangSC-Regular;
-                font-weight:400;
-                color:rgba(119,165,240,1);
-                line-height:17px;
-                padding-left:20px;
-                margin-right:10px;
-            }
+            .househeader{
+                width:100%;
 
-            .typearea{
-                font-size:12px;
-                font-family:PingFangSC-Regular;
-                font-weight:400;
-                color:rgba(97,97,97,1);
-                line-height:17px;
-                padding-right: 20px;
-            }
-            
-        }
+                .headertop{
+                    width: 100%;
+                    display: flex;
+                    flex-direction: row;
+                    justify-content: space-between;
+                    margin-bottom: 10px;
+                    padding-top: 10px;
 
-        .housefeature{
-            display: flex;
-            flex-direction: column;
-        
-            .bigcharacters{
-                font-size:18px;
-                font-family:PingFangSC-Regular;
-                font-weight:400;
-                color:rgba(61,61,61,1);
-                line-height:25px;
-                padding:20px 0 0 20px;
-            }
+                    .typetitle{
+                        font-size:18px;
+                        font-family:PingFangSC-Regular;
+                        font-weight:400;
+                        color:rgba(61,61,61,1);
+                        line-height:25px;
+                        padding-left:20px;
+                    }
+                    
+                    .typeprice{
+                        display: flex;
+                        flex-direction: row;
+                        font-size:16px;
+                        font-family:PingFangSC-Medium;
+                        font-weight:500;
+                        color:rgba(255,84,84,1);
+                        line-height:22px;
+                        padding-right: 20px;
 
-            .smallcharacters{
-                padding: 10px  20px  10px 20px;
-                display: flex;
-                flex-direction: row;
-                justify-content: space-between;
+                        .fixedsize{
+                            font-size:12px;
+                            font-family:PingFangSC-Medium;
+                            font-weight:500;
+                            color:#999999;
+                            line-height:22px;
+                        }
+                    }
 
-                .fixedsmallcharacters{
-                    font-size:14px;
-                    font-family:PingFangSC-Regular;
-                    font-weight:400;
-                    color:rgba(97,97,97,1);
-                    line-height:20px;
-                    width:46%;
                 }
-                .trendssmallcharacters{
-                    font-size:14px;
-                    font-family:PingFangSC-Regular;
-                    font-weight:400;
-                    color:rgba(97,97,97,1);
-                    line-height:20px;
+
+                .headerbottom{
+                    width: 100%;
+                    display: flex;
+                    flex-direction: row;
+                    justify-content: space-between;
+
+                    .typefeature{
+                        background:rgba(247,250,255,1);
+                        border-radius:2px;
+                        padding: 4px 5px;
+                        font-size:12px;
+                        font-family:PingFangSC-Regular;
+                        font-weight:400;
+                        color:rgba(119,165,240,1);
+                        line-height:17px;
+                        padding-left:20px;
+                        margin-right:10px;
+                    }
+
+                    .typearea{
+                        font-size:12px;
+                        font-family:PingFangSC-Regular;
+                        font-weight:400;
+                        color:rgba(97,97,97,1);
+                        line-height:17px;
+                        padding-right: 20px;
+                    }
+                    
+                }
+
+                .housefeature{
+                    display: flex;
+                    flex-direction: column;
+                
+                    .bigcharacters{
+                        font-size:18px;
+                        font-family:PingFangSC-Regular;
+                        font-weight:400;
+                        color:rgba(61,61,61,1);
+                        line-height:25px;
+                        padding:20px 0 0 20px;
+                    }
+
+                    .smallcharacters{
+                        padding: 10px  20px  10px 20px;
+                        display: flex;
+                        flex-direction: row;
+                        justify-content: space-between;
+
+                        .fixedsmallcharacters{
+                            font-size:14px;
+                            font-family:PingFangSC-Regular;
+                            font-weight:400;
+                            color:rgba(97,97,97,1);
+                            line-height:20px;
+                            width:46%;
+                        }
+                        .trendssmallcharacters{
+                            font-size:14px;
+                            font-family:PingFangSC-Regular;
+                            font-weight:400;
+                            color:rgba(97,97,97,1);
+                            line-height:20px;
+                        }
+                    }
                 }
             }
         }
     }
-}
+        
 
 }
 </style>

src/pages/building/typemap.vue → src/pages/building/perimetertype.vue

@@ -26,10 +26,9 @@
 </template>
 
 <script>
-// import {lazyAmapApiLoaderInstanse} from 'vue-amap';
-//  var map
+import {lazyAmapApiLoaderInstanse} from 'vue-amap';
 export default {
-  name:'Map',
+  name:'perimetertype',
   components: {
     'vue-headful': () => import('vue-headful'),
   },
@@ -38,13 +37,13 @@ export default {
     
         }
     },
-//   mounted() {
-//     this.map = new AMap.Map('mapcointainer', {
-//         resizeEnable:true,
-//         zoom:11,
-//         center:[118.915671,32.075366]
-//     })
-//    }
+  mounted() {
+    this.map = new AMap.Map('mapcointainer', {
+        resizeEnable:true,
+        zoom:11,
+        center:[118.915671,32.075366]
+    })
+   }
 }
 </script>
 

src/pages/reservation/lookhouse.vue

@@ -1,15 +1,14 @@
 <template>
-  <div class="appoint-form" >
+  <div class="appoint-form" v-if='showPage' >
     <vue-headful title="预约看房信息填写"  />
     <div class="title"><h1>预约看房</h1>
         <van-cell-group>
-          <van-cell class="field_name" is-link arrow-direction="down" @click="showName()">楼盘名称：<span class="buildingnamelist">{{detail.buildingName}}</span>
+          <van-cell class="field_name" is-link arrow-direction="down" @click="showName(detail.buildingList)">楼盘名称：<span class="buildingnamelist">{{detail.buildingName}}</span>
               <van-popup v-model="inside" position="bottom" :overlay="false">
                 <ul class="housenamelist">
-                  <li class="namelist" 
+                  <li @click.stop class="namelist" 
                     v-for="list in namelist.buildingList"
                     :key="list.buildingid"   
-                    :class="{'active':list.buildingname.show===true}" 
                     @click="clicknamelist(list.buildingid)">
                     <span class="namelist">{{list.buildingname}}</span>
                   </li>
@@ -18,9 +17,9 @@
           </van-cell>
           <van-cell class="field_name">楼盘地址：<span class="buildingaddress">{{detail.buildingAddress}}</span></van-cell>
           <van-switch-cell size="20px" v-model="checked" title="马上去"  @change="onChange" />
-          <van-field class="field_name" @click="showDatePicker()" label="预约时间："  v-model="datetime"/>
+          <van-field class="field_name" @click="showDatePicker()" label="预约时间："  v-model="formdata.booktime"  />
           <van-popup v-model="show" position="bottom" :overlay="true">
-            <van-datetime-picker v-model="currentDate" type="datetime" :formatter="formatter" @cancel="cancel" @confirm="confirm"/>
+            <van-datetime-picker v-model="currentDate" :formatter="formatter" type="datetime"  @cancel="cancel" @confirm="confirm"/>
           </van-popup>
           <van-field class="field_name" v-model="formdata.telnum" label="手机号码：" />
           <van-field class="field_name"  v-model="formdata.personcnt" label="看房人数："/> 
@@ -41,15 +40,26 @@
 
 <script>
 import { createNamespacedHelpers } from "vuex";
-const {mapState: maploocState, mapActions:maploocActions} = createNamespacedHelpers('lookhouse')
-const {mapState: mapnameState, mapActions:mapnameActions} = createNamespacedHelpers('housenamelist')
-const {mapState: maphouseState, mapActions:maphouseActions} = createNamespacedHelpers('typelist')
-const {mapState: mapsaveState, mapActions:mapsaveActions} = createNamespacedHelpers('order')
-
+const {
+  mapState: maploocState,
+  mapActions: maploocActions
+} = createNamespacedHelpers("lookhouse");
+const {
+  mapState: mapnameState,
+  mapActions: mapnameActions
+} = createNamespacedHelpers("housenamelist");
+const {
+  mapState: maphouseState,
+  mapActions: maphouseActions
+} = createNamespacedHelpers("typelist");
+const {
+  mapState: mapsaveState,
+  mapActions: mapsaveActions
+} = createNamespacedHelpers("order");
 
 export default {
   components: {
-    "vue-headful": () => import("vue-headful"),
+    "vue-headful": () => import("vue-headful")
   },
   data() {
     return {
@@ -57,21 +67,45 @@ export default {
       inside: false,
       show: false,
       currentDate: new Date(),
-      showPage:false,
-      buildingname:'',
-      datetime:'',
+      showPage: false,
+      buildingname: "",
+      booktime: "",
+      buildingid: "",
       formdata: {
-        remark:'',
-        telnum:'',
-        personcnt:'',
+        remark: "",
+        telnum: "",
+        personcnt: "",
+        booktime: ""
+        // buildingname:'',
+        // buildingid:'',
+        // booktime:'',
       }
     };
   },
+
+  filters: {
+    formatDate(value) {
+      let date = new Date(value);
+      let y = date.getFullYear();
+      let MM = date.getMonth() + 1;
+      MM = MM < 10 ? "0" + MM : MM;
+      let d = date.getDate();
+      d = d < 10 ? "0" + d : d;
+      let h = date.getHours();
+      h = h < 10 ? "0" + h : h;
+      let m = date.getMinutes();
+      m = m < 10 ? "0" + m : m;
+      let s = date.getSeconds();
+      s = s < 10 ? "0" + s : s;
+      return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
+    }
+  },
+
   computed: {
-    desc (){
-      return this.desc.length
+    desc() {
+      return this.desc.length;
     },
-     ...maploocState({
+    ...maploocState({
       detail: s => s.detail
     }),
     ...mapnameState({
@@ -80,70 +114,98 @@ export default {
     ...maphouseState({
       houselist: s => s.houselist
     }),
-     ...mapsaveState({
+    ...mapsaveState({
       saveinformation: s => s.saveinformation
     })
   },
   created() {
-    this.getLookHouse({  
-    project_id: "1",
-    buildingid: this.$route.query.id
+    this.getLookHouse({
+      project_id: "1"
     }).then(() => {
-      this.showPage = true
+      this.showPage = true;
     });
-    window.console.log(this.$route.query.id)
   },
   methods: {
+    //调用时间插件
     showDatePicker() {
-      this.show = true;
+      if (!this.checked) {
+        this.show = true;
+      }
     },
     onChange() {
-      this.$dialog.alert({
-        message: '使用马上去功能，我们将以短信形式发送楼盘地址给您，您可以选择使用滴滴、美团打车、或乘坐出租车等方式到达售楼中心，联系置业顾问后即可报销车票！   部分售楼处可能通过发放礼品等形式抵扣车费，也可能此售楼处报销车费活动已经结束，具体解释权归售楼处所有，可提前通过上方电话咨询。'
-        })
+      //this.formdata.booktime = new Date();
+      if (this.checked) {
+        this.$dialog.alert({
+          message:
+            "使用马上去功能，我们将以短信形式发送楼盘地址给您，您可以选择使用滴滴、美团打车、或乘坐出租车等方式到达售楼中心，联系置业顾问后即可报销车票！   部分售楼处可能通过发放礼品等形式抵扣车费，也可能此售楼处报销车费活动已经结束，具体解释权归售楼处所有，可提前通过上方电话咨询。"
+        });
+      }
     },
-
-  cancel () {
-    this.show=false
-  },
-  formatter(type, value) {
-      if (type === 'year') {
+    //点击取消按钮实现收起日历
+    cancel() {
+      this.show = false;
+    },
+    formatter(type, value) {
+      if (type === "year") {
         return `${value}年`;
-      } else if (type === 'month') {
-        return `${value}月`
+      } else if (type === "month") {
+        return `${value}月`;
       }
       return value;
     },
-    confirm (val){  
-      // this.msg=val;
-      window.console.log(val)
-      this.show=false;//点击确认后，show=false，组件隐藏掉，值已经传过去了
+    //点击确定按钮选中时间并收起日历
+    confirm(val) {
+      this.formdata.booktime = val;
+      window.console.log(val);
+      this.show = false; //点击确认后，show=false，组件隐藏掉，值已经传过去了
     },
-
-    showName (){
-      window.console.log()
+    //点击楼盘名称栏获取楼盘名称列表
+    showName(buildingid) {
       this.inside = true;
-      this.getHouseNameList({ 
-        project_id: "1" ,
-        // id:this.$route.params.id ,
-        })      
+      this.$router.push({
+        query: {
+          project_id: 1,
+          id: this.detail.buildingid
+        }
+      });
+      this.getHouseNameList({
+        project_id: "1",
+        buildingid: this.$route.query.id
+      });
+    },
+    //点击楼盘名称列表获取楼盘id
+    clicknamelist(buildingid) {
+      /* this.$router.push({ 
+        query: { id:buildingid}
+         });*/
+      this.getTypeList({
+        buildingid: buildingid /*this.$route.query.id,*/
+      }).then(() => {
+        this.inside = false;
+      });
+      return false;
+      window.console.log(buildingid);
     },
-    clicknamelist (buildingid){
-      this.getTypeList({ 
-        // project_id: "1",
-       id: this.namelist.buildingid 
-         })
-         window.console.log(buildingid)
-      
+    //填写完整后提交信息
+    submit() {
+      let reg = /^1[0-9]{10}$/;
+      if (!this.formdata.booktime&&!this.checked) {
+        this.$toast("请填写时间");
+        return;
+      } else if (!this.formdata.telnum) {
+        this.$toast("请先填写手机号");
+        return;
+      } else if (!reg.test(this.formdata.telnum)) {
+        this.$toast("请填写正确的手机号");
+        return;
+      }
+      const params = this.checked?{ ...this.formdata, buildingid: this.detail.buildingid,booktime:new Date()}:{ ...this.formdata, buildingid: this.detail.buildingid}
+      this.postOrder(params);
     },
-    submit () {
-      this.postOrder(this.formdata)
-     },
-     ...maploocActions(["getLookHouse"]),
-     ...mapnameActions(['getHouseNameList']),
-     ...maphouseActions(['getTypeList']),
-     ...mapsaveActions(['postOrder']),
-    
+    ...maploocActions(["getLookHouse"]),
+    ...mapnameActions(["getHouseNameList"]),
+    ...maphouseActions(["getTypeList"]),
+    ...mapsaveActions(["postOrder"])
   }
 };
 </script>

src/router/routes.js

@@ -5,7 +5,7 @@ import BuildingDetail from '../pages/building/buildingdetail.vue'
 import LookHouse from '../pages/reservation/lookhouse.vue'
 import BuildingImage from '../pages/building/buildingimage.vue'
 import BuildingType from '../pages/building/buildingtype.vue'
-import Map from '../pages/building/typemap.vue'
+import PerimeterType from '../pages/building/perimetertype.vue'
 
 export default [
   {
@@ -43,9 +43,9 @@ export default [
         component: BuildingType
       },
       {
-        path: 'Map',
-        name: 'Map',
-        component: Map
+        path: 'perimetertype',
+        name: 'perimetertype',
+        component: PerimeterType
       }
     ]
   },

src/store/building.js

@@ -2,18 +2,27 @@ import request from '../utils/request'
 import getAPI from '../config/apis'
 
 export default {
+  namespaced: true,
     state: {
       detail: {},
       // buildingDate:[]
     },
     mutations: {
       updateBuilding(state, detail) {
-        state.detail = detail
+        state.detail = detail;
         // state.buildingDate=buildingDate
+      },
+      numadd(state,params){
+       state.detail.buildingDynamicLst.forEach(element => {
+          if(element.id==params.id){
+            element.browsingnum++;
+          }
+        });
       }
     },
     actions: {
       getBuilding({ commit }, params) {
+        window.console.log(888)
         return new Promise((resolve, reject) => {
           request({ ...getAPI('building.getbuilding', { project_id: params.project_id }) }).then((data) => {
             commit('updateBuilding', data)
@@ -21,5 +30,8 @@ export default {
           }).catch(reject)
         });
       },
+      numadd({commit},params){
+        commit('numadd', params)
+      }
     }
   }

src/store/buildingimage.js

@@ -3,7 +3,8 @@ import getAPI from '../config/apis'
 
 export default {
     state: {
-      detail: {},
+      detail: {}
+
     },
     mutations: {
         updateBuildingImage(state, detail) {

src/store/addcollect.js → src/store/collect.js

@@ -2,18 +2,22 @@ import request from '../utils/request'
 import getAPI from '../config/apis'
 
 export default {
+    namespaced: true,
     state: {
-      detail: {},
+      collect: '',
+      buildingid :'',
     },
     mutations: {
-      updateAddCollect(state, detail) {
-        state.detail = detail
+      updateAddCollect(state, collect,buildingid) {
+        state.collect = collect
+        state.buildingid = buildingid
       }
     },
     actions: {
       getAddCollect({ commit }, params) {
+        window.console.log(222)
         return new Promise((resolve, reject) => {
-          request({ ...getAPI('addcollect.collectbuilding', { buildingid: params.buildingid }) }).then((data) => {
+          request({ ...getAPI('collect.addcollect', {buildingid: params.buildingid ,data: params }) }).then((data) => {
             commit('updateAddCollect', data)
             resolve()            
           }).catch(reject)

src/store/delete.js

@@ -0,0 +1,27 @@
+import request from '../utils/request'
+import getAPI from '../config/apis'
+
+export default {
+    namespaced: true,
+    state: {
+      collect: '',
+      buildingid :'',
+    },
+    mutations: {
+      updateDeleteCollect(state, collect,buildingid) {
+        state.collect = collect
+        state.buildingid = buildingid
+      }
+    },
+    actions: {
+        getDeleteCollect({ commit }, params) {
+        window.console.log(222)
+        return new Promise((resolve, reject) => {
+          request({ ...getAPI('deletecollect.delete', {buildingid: params.buildingid ,data: params }) }).then((data) => {
+            commit('updateDeleteCollect', data)
+            resolve()            
+          }).catch(reject)
+        });
+      },
+    }
+  }

src/store/housenamelist.js

@@ -13,6 +13,7 @@ export default {
     },
     actions: {
       getHouseNameList({ commit }, params) {
+        window.console.log(444)
         return new Promise((resolve, reject) => {
           request({ ...getAPI('housenamelist.getnamelist', { project_id: params.project_id }) }).then((data) => {
             commit('updateHouseNameList', data)

src/store/index.js

@@ -10,12 +10,14 @@ const store = new Vuex.Store({
     building: require('./building.js').default,
     buildingimage: require('./buildingimage.js').default,
     buildingtype: require('./buildingtype.js').default,
-    addcollect: require('./addcollect.js').default,
+    collect: require('./collect.js').default,
+    delete: require('./delete.js').default,
     map: require('./map.js').default,
     lookhouse: require('./lookhouse.js').default,
     housenamelist: require('./housenamelist.js').default,
     typelist: require('./typelist.js').default,
     order: require('./order.js').default,
+    visitors: require('./visitors.js').default,
     
   }
 });

src/store/lookhouse.js

@@ -8,18 +8,26 @@ export default {
     },
     mutations: {
         updateLookHouse(state, detail) {
-        state.detail = detail
+        state.detail = detail;
+      },
+      updateLookHouseList(state, detail) {
+        state.detail = {...detail,buildingName:detail.name,buildingAddress: detail.buildingaddress};
+       // state.detail.buildingName = detail.name;
+        //state.detail.buildingAddress = detail.buildingaddress
       }
     },
     actions: {
       getLookHouse({ commit }, params) {
           window.console.log(111)
         return new Promise((resolve, reject) => {
-          request({ ...getAPI('lookhouse.subscribeinformation', { project_id: params.project_id }) }).then((data) => {
+          request({ ...getAPI('lookhouse.subscribeinformation', { project_id: params.project_id}) }).then((data) => {
             commit('updateLookHouse', data)
             resolve()            
           }).catch(reject)
         });
       },
+      updateData({ commit }, params) {
+        commit('updateLookHouseList', params);
+      }
     }
   }

src/store/typelist.js

@@ -12,10 +12,13 @@ export default {
       }
     },
     actions: {
-      getTypeList({ commit }, params) {
+      getTypeList({ commit,dispatch}, params) {
+        window.console.log(777)
         return new Promise((resolve, reject) => {
-          request({ ...getAPI('typelist.gettypelist', { buildingid: params.buildingid }) }).then((data) => {
-            commit('updateTypeList', data)
+          request({ ...getAPI('typelist.gettypelist', { buildingid: params.buildingid,data: params  }) }).then((data) => {
+           
+            commit('updateTypeList', data);
+            dispatch('lookhouse/updateData',data.buildingInfo, {root: true});
             resolve()            
           }).catch(reject)
         });

src/store/visitors.js

@@ -4,18 +4,19 @@ import getAPI from '../config/apis'
 export default {
     namespaced: true,
     state: {
-      vistorsnum: '',
+      browsingnum: '',
     },
     mutations: {
-      updateTypeList(state, vistorsnum) {
-        state.vistorsnum = vistorsnum
+      updateVisitors(state, browsingnum) {
+        state.browsingnum = browsingnum
       }
     },
     actions: {
-      postvistor({ commit }, params) {
+      postVisitors({ commit }, params) {
+        window.console.log(0)
         return new Promise((resolve, reject) => {
-          request({ ...getAPI('vistors.gettypelist', { buildingid: params.buildingid }) }).then((data) => {
-            commit('updateVistors', data)
+          request({ ...getAPI('visitors.add', { id:params.id, data:params}) }).then((data) => {
+            commit('updateVisitors', data)
             resolve()            
           }).catch(reject)
         });