beizhu

package-lock.json

         }
       }
     },
+    "dom7": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/dom7/-/dom7-2.1.2.tgz",
+      "integrity": "sha512-cGwWtpu7KY3JnbREGqG4EGC/u+1hyLfWVMqrqRjmwiO8d5i4B+0imLZAQ/cJbiXnjbs0pdIUzcUyeI9BbnyKNg==",
+      "requires": {
+        "ssr-window": "^1.0.1"
+      }
+    },
     "domain-browser": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
     },
     "object-copy": {
       "version": "0.1.0",
         "tweetnacl": "~0.14.0"
       }
     },
+    "ssr-window": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-1.0.1.tgz",
+      "integrity": "sha512-dgFqB+f00LJTEgb6UXhx0h+SrG50LJvti2yMKMqAgzfUmUXZrLSv2fjULF7AWGwK25EXu8+smLR3jYsJQChPsg=="
+    },
     "ssri": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
         "util.promisify": "~1.0.0"
       }
     },
+    "swiper": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-4.4.2.tgz",
+      "integrity": "sha512-Vfl4Zw4Z7iZwUu5S11JeC7OSy4nwky29nkUulkmg8lIqcWla6UtOhdap0gkyJRYS+UJXki+GWQsbFM0SZRxZPQ==",
+      "requires": {
+        "dom7": "^2.1.2",
+        "ssr-window": "^1.0.1"
+      }
+    },
     "table": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/table/-/table-4.0.2.tgz",
         "uppercamelcase": "^1.1.0"
       }
     },
+    "vue-awesome-swiper": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/vue-awesome-swiper/-/vue-awesome-swiper-3.1.3.tgz",
+      "integrity": "sha512-E7suzkyApO8vNZbgdEnjSmnpsmQZyRvSVXJ7sey3XYwKPOkLhH3+GnHroBw+5PZIQXvWBwdCeQsPG1xQ1r1Rhg==",
+      "requires": {
+        "object-assign": "^4.1.1",
+        "swiper": "^4.0.7"
+      }
+    },
     "vue-eslint-parser": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-2.0.3.tgz",

package.json

     "vant": "^1.3.10",
     "vue": "^2.5.17",
     "vue-amap": "^0.5.8",
+    "vue-awesome-swiper": "^3.1.3",
     "vue-headful": "^2.0.1",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1"

src/config/apis.js

     //   method: 'get',
     // },
   },
-  collect:{
+  addcollect:{
     collectbuilding:{
       url: '/api/lp/saveCollect/:buildingid',
       method: 'get',
     //   method: 'get',
     // },
   },
+
+  vistors:{
+    add:{
+      url: '/api/lp/updateDynamicBrowsinginfo/:id',
+      method: 'get',
+    }
+  },
+
   map:{
     getmapinformation:{
       url: '/api/lp/getBuildingRoute/:buildingid',

src/main.js

 import router from './router'
 import store from './store'
 import AMap from 'vue-amap'
+import VueAwesomeSwiper from 'vue-awesome-swiper'
+import 'swiper/dist/css/swiper.css'
 
 // import './theme'
 // import './public/style/common.scss'
 
 Vue.use(Vant)
 Vue.use(AMap)
+Vue.use(VueAwesomeSwiper, /* { default global options } */)
 
 Vue.config.productionTip = false
 

src/pages/building/buildingdetail.vue

         </div>
         <div class="housenamefooter">
           <div>
-            <span class="housetype" v-for="(list, index) in detail.projectcharacteristicList" :key="index">{{detail.projectcharacteristicList[index]}}</span>
+            <span class="housetype" v-for="(item, index) in detail.projectcharacteristicList" :key="index">{{item}}</span>
           </div>
             <span class="housetel"><i class="iconfont  icon-dianhua2 phone"> </i><span ><a :href="'tel:' + detail.salestel">{{detail.salestel}}</a></span></span>
         </div>
       <div class="buildingdata">
         <div class="datacontent">
           <van-swipe class="slidewrapper">
-            <van-swipe-item class="slideimg" v-for="(list, index) in detail.buildingDatas" :key="index">
-              <span class="slidedesc" >{{detail.buildingDatas[index]}}</span>
+            <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>
         </div>
     <van-collapse v-model="activeName" accordion>
       <van-collapse-item v-for="(list, index) in detail.buildingDynamicLst" :key="index">
         <div slot="title">
-          <span class="dynamictitle">{{detail.buildingDynamicLst[index].title}}</span>
+          <span class="dynamictitle">{{list.title}}</span>
           <div class="peopletimer">
-            <span class="people">{{detail.buildingDynamicLst[index].browsingnum}}人看过</span>
-            <span class="timer">{{detail.buildingDynamicLst[index].createtime}}</span>
+            <span class="people">{{list.browsingnum}}人看过</span>
+            <span class="timer">{{list.createtime}}</span>
           </div>
         </div>
-        <span class="dynamiccontent" v-html="detail.buildingDynamicLst[index].dynamicinfo"></span>
+        <span class="dynamiccontent" v-html="list.dynamicinfo"></span>
       </van-collapse-item>
     </van-collapse>
   </div>
   computed: {
     ...mapState({
       detail: s => s.building.detail
+      // buildingDatas:s => building.buildingDatas
     }),
+    // 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
+    // }
    
   },
   created() {

src/pages/building/buildingimage.vue

        <vue-headful title="楼盘相册"  />
        <div class="houseimagecontent">
            <div class="houseimage">
-                <van-swipe class="slidewrapper" :autoplay="3000">
-                    <van-swipe-item class="slideimg" v-for="(list, index) in detail" :key="index">
-                        <img class="lazyimage" :src="detail[index]" />
-                    </van-swipe-item>
-                </van-swipe>
-           </div>
-           <div class="houseindex">
-               <span class="imagetype">效果图</span>
-               <div class="imageindex">
-                   <span class="countimage countindex">2</span>
-                   <span class="countimage">/</span>
-                   <span class="countimage totalcount">4</span>
-               </div>
+                <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 in detail.imageTypeLst" :key="list.id">
-               <span class="boxcharacters">{{list.imagetypename}}</span>
+       <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>
 import { mapState, mapActions } from "vuex";
 
 export default {
-     name:'BuildingImage',
-    components: {
-    'vue-headful': () => import('vue-headful'),
-     },
-     computed: {
-        ...mapState({
-        detail: s => s.buildingimage.detail,
-        }),
-     },
-     created() {
-        this.getBuildingimage({ buildingid: this.$route.query.id });
-        window.console.log(this.$route.query.id)
-    },
-    methods: {
-        ...mapActions(["getBuildingimage"]),
+  name: "BuildingImage",
+  data() {
+    return {
+      lists: [],
+    };
+  },
+  components: {
+    "vue-headful": () => import("vue-headful")
+  },
+  computed: {
+    ...mapState({
+      detail: s => s.buildingimage.detail
+    }),
+  },
+  created() {
+    this.getBuildingimage({ buildingid: this.$route.query.id }).then(() => {
+      this.lists = this.detail.imageTypeLst;
+      this.lists.forEach((curr, index) => {
+        curr.active = false;
+        if (index === 0) {
+          curr.active = true;
+        }
+      });
+    });
+  },
+  methods: {
+    ...mapActions(["getBuildingimage"]),
+    toggle(ind) {
+        let list = []
+        this.lists.forEach((curr, index) => {
+        curr.active = false;
+        if (index === ind) {
+          curr.active = true;
+        }
+        list.push(curr)
+      });
+      this.lists = []
+      this.lists = list
+    }
   }
-  
-}
+};
 </script>
 
 <style lang="postcss" scoped>
-.imgbackground{
+.active {
+  background-color: rgba(119, 165, 240, 1) !important;
+  color: rgba(255, 255, 255, 1) !important;
+}
+.imgbackground {
   width: 100%;
   height: 667px;
-  background-color: rgba(31,31,31,0.5);
+  background-color: rgba(31, 31, 31, 0.5);
 
-  .houseimagecontent{
+  .houseimagecontent {
     width: 100%;
-    height: 251px;
-    padding-top:103px;
+    height: 255px;
+    padding-top: 103px;
 
-    .houseimage{
-       width:100%;
-       height: 211px;
+    .houseimage {
+      width: 100%;
+      height: 255px;
 
-       .slidewrapper{
-          width: 100%;
-          height: 100%;
-
-          .slideimg {
-             width: 100%;
-             height: 100%;
+      .slidewrapper {
+        width: 100%;
+        height: 100%;
 
-            .lazyimage{
-               width: 100%;
-               height: 100%;
-                }
+        .slideimg {
+          width: 100%;
+          height: 211px;
+
+          .lazyimage {
+            width: 100%;
+            height: 100%;
+          }
+
+          .houseindex {
+            position: absolute;
+            top: 211px;
+            left: 0;
+            width: 100%;
+            height: 40px;
+            background-color: rgba(255, 255, 255, 1);
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: space-between;
+
+            .imagetype {
+              font-size: 12px;
+              font-family: PingFangSC-Regular;
+              font-weight: 400;
+              color: rgba(59, 153, 252, 1);
+              line-height: 17px;
+              padding-left: 15px;
             }
-        }
-    }
 
-    .houseindex{
-        width: 100%;
-        height: 40px;
-        background-color: rgba(255,255,255,1);
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-between;
-
-        .imagetype{
-           font-size:12px;
-           font-family:PingFangSC-Regular;
-           font-weight:400;
-           color:rgba(59,153,252,1);
-           line-height:17px;
-           padding-left:15px;
-        }
+            .imageindex {
+              padding-right: 15px;
 
-       .imageindex{
-           padding-right: 15px;
-
-        .countimage{
-            font-size:12px;
-            font-family:PingFangSC-Regular;
-            font-weight:400;
-            color:rgba(127,127,127,1);
-            line-height:17px;
+              .countimage {
+                font-size: 12px;
+                font-family: PingFangSC-Regular;
+                font-weight: 400;
+                color: rgba(127, 127, 127, 1);
+                line-height: 17px;
+              }
+            }
+          }
         }
+      }
     }
-}
-}
+  }
 
-    .imageboxtype{
-        padding-top: 15px;
-        margin-left: 5%;
-        width: 94%;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-
-    .drawingimpress{
-        width:30%;
-        height: 58px;
-        display:flex;
-        justify-content: center;
-        align-items: center;
-        background-color:rgba(119,165,240,1);
-        margin:0 10px 10px 0;
-
-        .boxcharacters{
-            font-size:12px;
-            font-family:PingFangSC-Regular;
-            font-weight:400;
-            color:rgba(255,255,255,1);
-            line-height:17px;
-        }
+  .imageboxtype {
+    padding-top: 15px;
+    margin-left: 5%;
+    width: 94%;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+
+    .drawingimpress {
+      width: 30%;
+      height: 58px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background-color: rgba(255, 255, 255, 1);
+      margin: 0 10px 10px 0;
+
+      .boxcharacters {
+        font-size: 12px;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        color: rgba(97, 97, 97, 1);
+        line-height: 17px;
+      }
     }
- }
+  }
 }
 </style>
 

src/pages/building/buildingtype.vue

     <div class="context">
      <vue-headful title="户型图"  />
         <div class="typeheader">
-            <van-swipe class="slidewrapper" v-model="activeName2" @click="handleClick">
-                <van-swipe-item class="slideimg" v-for="list in detail.buildingModelLst" :key="list.id" >
+            <swiper class="slidewrapper" >
+                <swiper-slide class="slideimg" v-for="(list, index) in detail.buildingModelLst" :key="index">
                     <img class="typeimg" :src="list.modelurl" />
-                </van-swipe-item>
-            </van-swipe>
-            <div class="typeindex">
-                <span class="typename"></span>
-                <div class="imageindex">
-                    <span class="countimage countindex">2</span>
-                    <span class="countimage">/</span>
-                    <span class="countimage totalcount">4</span>
-                </div>
-            </div>
+                    <div class="typeindex">
+                        <span class="typename">{{list.name}}</span>
+                        <div class="imageindex" >
+                            <span class="countimage countindex">{{index+1}}</span>
+                            <span class="countimage">/</span>
+                            <span class="countimage totalcount">{{detail.buildingModelLstCount}}</span>
+                        </div>
+                    </div>
+                </swiper-slide>
+            </swiper>
         </div>
         <div class="typecontent" >
             <div class="househeader" v-for="list in detail.buildingModelLst" :key="list.id">
                 </div>
                 <div class="headerbottom">
                     <div>
-                    <span class="typefeature" v-for="(item ,index) in list.childrenfeatures" :key="index">{{ list.childrenfeatures[index] }}</span>
+                    <span class="typefeature" v-for="(item ,index) in list.childrenfeatures" :key="index">{{ item }}</span>
                     </div>
                     <span class="typearea">建筑面积:{{ list.area }}㎡</span>
                 </div>
                     <span class="bigcharacters">{{ list.situation }}</span>
                     <span class="smallcharacters">
                         <span class="fixedsmallcharacters">户型描述：</span>
-                        <span class="trendssmallcharacters">{{ list.modelParsingLst[0].detailparsing }}</span>
+                        <span class="trendssmallcharacters" v-for="(item, index) in list.modelParsingLst" :key="index">{{ item.detailparsing }}</span>
                     </span>
                 </div>
             </div>
         }),
      },
      created() {
-        this.getBuildingtype({ buildingid: "8a9cd8265afb04b2015bccb967fc15f7" });
+        this.getBuildingtype({ buildingid: this.$route.query.id});
     },
     methods: {
         ...mapActions(["getBuildingtype"]),
     overflow-y: auto;
 
     .typeheader{
- width:100%;
- height: 262px;
+        width:100%;
+        height: 262px;
 
     .slidewrapper{
         width: 100%;
-        height: 225px;
+        height: 100%;
 
         .slideimg{
             width: 100%;
-            height: 100%;
+            height: 225px;
         }
         .typeimg{
-            max-width: 100%;
+            width: 100%;
+            height: 100%;
         }
-    }
 
-    .typeindex{
-        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;
+        .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;
                 }
             }
     }
+    }
 }
 
 .typecontent{

src/pages/reservation/lookhouse.vue

           <van-cell class="field_name" is-link arrow-direction="down" @click="showName()">楼盘名称：<span class="buildingnamelist">{{detail.buildingName}}</span>
               <van-popup v-model="inside" position="bottom" :overlay="false">
                 <ul class="housenamelist">
-                  <li class="namelist" @click="clicknamelist()" v-for="list in namelist.buildingList" :key="list.buildingid">{{list.buildingname}}</li>
+                  <li 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>
                 </ul>
               </van-popup>
           </van-cell>
-          <van-cell class="field_name">楼盘地址：</van-cell>
-          <van-switch-cell size="20px" v-model="checked" title="马上去"  />
-          <van-field class="field_name" @click="showDatePicker()" label="预约时间："  />
+          <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-popup v-model="show" position="bottom" :overlay="true">
             <van-datetime-picker v-model="currentDate" type="datetime" :formatter="formatter" @cancel="cancel" @confirm="confirm"/>
           </van-popup>
       show: false,
       currentDate: new Date(),
       showPage:false,
-      
+      buildingname:'',
+      datetime:'',
       formdata: {
         remark:'',
         telnum:'',
     })
   },
   created() {
-    this.getLookHouse({  project_id: "1",
+    this.getLookHouse({  
+    project_id: "1",
+    buildingid: this.$route.query.id
     }).then(() => {
       this.showPage = true
     });
+    window.console.log(this.$route.query.id)
   },
   methods: {
     showDatePicker() {
       this.show = true;
     },
+    onChange() {
+      this.$dialog.alert({
+        message: '使用马上去功能，我们将以短信形式发送楼盘地址给您，您可以选择使用滴滴、美团打车、或乘坐出租车等方式到达售楼中心，联系置业顾问后即可报销车票！   部分售楼处可能通过发放礼品等形式抵扣车费，也可能此售楼处报销车费活动已经结束，具体解释权归售楼处所有，可提前通过上方电话咨询。'
+        })
+    },
 
   cancel () {
     this.show=false
     },
 
     showName (){
+      window.console.log()
       this.inside = true;
-      this.getHouseNameList({ project_id: "1" })
+      this.getHouseNameList({ 
+        project_id: "1" ,
+        // id:this.$route.params.id ,
+        })      
     },
-    clicknamelist (){
+    clicknamelist (buildingid){
       this.getTypeList({ 
-        project_id: "1",
+        // project_id: "1",
+       id: this.namelist.buildingid 
          })
+         window.console.log(buildingid)
       
     },
     submit () {
   .title {
     background-color: #fff;
     margin-bottom: 22px;
-    height: 510px;
+    height: 530px;
 
     .information {
       margin-top: 15px;

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

       detail: {},
     },
     mutations: {
-      updateCollect(state, detail) {
+      updateAddCollect(state, detail) {
         state.detail = detail
       }
     },
     actions: {
-      getCollect({ commit }, params) {
+      getAddCollect({ commit }, params) {
         return new Promise((resolve, reject) => {
-          request({ ...getAPI('collect.collectbuilding', { buildingid: params.buildingid }) }).then((data) => {
-            commit('updateCollect', data)
+          request({ ...getAPI('addcollect.collectbuilding', { buildingid: params.buildingid }) }).then((data) => {
+            commit('updateAddCollect', data)
             resolve()            
           }).catch(reject)
         });

src/store/building.js

 export default {
     state: {
       detail: {},
+      // buildingDate:[]
     },
     mutations: {
       updateBuilding(state, detail) {
         state.detail = detail
+        // state.buildingDate=buildingDate
       }
     },
     actions: {

src/store/index.js

     building: require('./building.js').default,
     buildingimage: require('./buildingimage.js').default,
     buildingtype: require('./buildingtype.js').default,
-    collect: require('./collect.js').default,
+    addcollect: require('./addcollect.js').default,
     map: require('./map.js').default,
     lookhouse: require('./lookhouse.js').default,
     housenamelist: require('./housenamelist.js').default,

src/store/order.js

 export default {
     namespaced: true,
     state: {
-      saveinformation: {},
+      currentDate:new Date(),
+      formdata:{}
     },
     mutations: {
       updateOrder(state, saveinformation) {
       }
     },
     actions: {
-      postOrder({ commit }, params) {
+      postOrder({ commit }, data) {
+        window.console.log(555)
         return new Promise((resolve, reject) => {
-          request({ ...getAPI('order.save', { data: params }) }).then((data) => {
+          request({ ...getAPI('order.save', { data: data }) }).then((data) => {
             commit('updateOrder', data)
             resolve()            
           }).catch(reject)

src/store/visitors.js

+import request from '../utils/request'
+import getAPI from '../config/apis'
+
+export default {
+    namespaced: true,
+    state: {
+      vistorsnum: '',
+    },
+    mutations: {
+      updateTypeList(state, vistorsnum) {
+        state.vistorsnum = vistorsnum
+      }
+    },
+    actions: {
+      postvistor({ commit }, params) {
+        return new Promise((resolve, reject) => {
+          request({ ...getAPI('vistors.gettypelist', { buildingid: params.buildingid }) }).then((data) => {
+            commit('updateVistors', data)
+            resolve()            
+          }).catch(reject)
+        });
+      },
+    }
+  }