beizhu

src/config/apis.js

@@ -11,6 +11,18 @@ const apiList = {
       method: 'get',
     },
   },
+  buildingimage:{
+    get:{
+      url: '/api/lp/getBuildingImages/:buildingid',
+      method: 'get',
+    },
+  },
+  buildingtype:{
+    get:{
+      url: '/api/lp/getBuildingModels/:buildingid',
+      method: 'get',
+    },
+  },
   user: {
     get: {
       url: '/api/user',

src/pages/building/buildingdetail.vue

@@ -3,10 +3,10 @@
     <vue-headful title="楼盘详情页"  />
     <div class="cityarea">
         <span class="iconfont icon-Shape1 iconarea"></span>
-        <span class="areaname">浦口区</span>
+        <span class="areaname">{{detail.areaname}}</span>
     </div>
     <div class="headerbigimg">
-      <img class="bigimg" src=""/>
+      <img class="bigimg" :src="detail.image"/>
     </div>
     <van-cell-group class="clickbutton">
         <div class="gotopageimg" @click="gotopageimg"><van-cell  class="clickcharacters" title="查看更多图片"/><span class="iconfont icon-youfan right"></span></div>
@@ -16,13 +16,59 @@
         <div class="gotopagecollect"><span class="iconfont icon-Star collect"></span><van-cell class="clickcharacters"  title="已收藏"/></div>
     </van-cell-group>
     <div class="housecenter">
-      <house-name></house-name>
+       <div class="housename">
+        <div class="housenameheader">
+            <span class="housenametitle">{{detail.buildingname}}</span>
+            <div class="housenameprice">
+                <span class="price">{{detail.price}}</span>
+                <span class="pricestart">起</span>
+            </div>
+        </div>
+        <div class="housenamefooter">
+          <div>
+            <span class="housetype" v-for="(list, index) in detail.projectcharacteristicList" :key="index">{{detail.projectcharacteristicList[index]}}</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>
       <hr class="line" />
-      <building-data></building-data>
+      <div class="buildingdata">
+        <div class="datacontent">
+          <van-swipe class="slidewrapper" :autoplay="3000"  >
+            <van-swipe-item class="slideimg">
+              <span class="slidedesc" v-for="(list, index) in detail.buildingDatas" :key="index">{{detail.buildingDatas[index]}}</span>
+            </van-swipe-item>
+          </van-swipe>
+        </div>
+      </div>
+    </div>
+     <div class="houseconduction">
+       <div class="conduction">
+         <span class="conductiontitle">楼盘简介</span>
+       </div>
+       <hr class="line" />
+       <div class="conductioncontent">
+         <span class="conductioncharacters" v-html="detail.buildingInfo"></span>
+       </div>
     </div>
-    <building-conduction></building-conduction>
     <building-perimeter></building-perimeter>
-    <correlation-dynamics></correlation-dynamics>
+    <div class="dynamics">
+    <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">
+          <span class="dynamictitle">{{detail.buildingDynamicLst[index].title}}</span>
+          <div class="peopletimer">
+            <span class="people">{{detail.buildingDynamicLst[index].browsingnum}}人看过</span>
+            <span class="timer">{{detail.buildingDynamicLst[index].createtime}}</span>
+          </div>
+        </div>
+        <span class="dynamiccontent" v-html="detail.buildingDynamicLst[index].dynamicinfo"></span>
+      </van-collapse-item>
+    </van-collapse>
+  </div>
     <div class="btn">
       <van-button @click="gotoLookHouse" size="large" >预约看房</van-button>
     </div>
@@ -31,37 +77,25 @@
 
 <script>
 import { mapState, mapActions } from "vuex";
-import HouseName from "./components/housename.vue";
-import BuildingData from "./components/buildingdata.vue";
-import BuildingConduction from "./components/buildingconduction.vue";
 import BuildingPerimeter from "./components/buildingperimeter.vue";
-import CorrelationDynamics from "./components/correlationdynamics.vue";
 
 export default {
   name: "BuildingDetail",
+   data() {
+        return {
+        activeName: '',
+        };
+  },
   components: {
     "vue-headful": () => import("vue-headful"),
-    HouseName: HouseName,
-    BuildingData: BuildingData,
-    BuildingConduction: BuildingConduction,
     BuildingPerimeter: BuildingPerimeter,
-    CorrelationDynamics: CorrelationDynamics,
-  },
-  data() {
-    return {
-      
-    };
   },
   computed: {
-    // building() {
-    //   return this.$store.state.building;
-    // },
     ...mapState({
-      name: item => item.name
-    })
+      detail: s => s.building.detail,
+    }),
   },
   created() {
-    // this.$store.dispatch('getBuilding')
     this.getBuilding({ project_id: "1" });
   },
   methods: {
@@ -75,13 +109,16 @@ export default {
     gotopagetype() {
       this.$router.push({ name: "buildingtype" });
     }
-    // getBuildingInfo(){
-    //   axios.get(./)
-    // }
   }
 };
 </script>
 
+<style scoped>
+.van-cell:not(:last-child)::after{
+    right:15px!important;
+}
+</style>
+
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="postcss" scoped>
 .context {
@@ -125,7 +162,7 @@ export default {
     .bigimg{
       width: 100%;
       height: 100%;
-  }
+    }
   }
 
   .clickbutton {
@@ -192,21 +229,216 @@ export default {
     background-color: rgba(255, 255, 255, 1);
     margin-bottom: 10px;
 
-    .line {
+    .housename{
+    margin-top: 10px;
+    width: 100%;
+    height: 60px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    .housenameheader{
+      display: flex;
+      flex-direction:row;
+      justify-content: space-between;
       width: 90%;
-      border: 0.5px solid #efefef;
+      margin-bottom:5px;
+      padding-top:10px;
+    }
+
+    .price{
+        font-size:18px;
+        font-family:PingFangSC-Medium;
+        font-weight:500;
+        color:rgba(255,84,84,1);
+        line-height:22px;
+        padding-right: 8px;
+    }
+
+    .pricestart{
+        font-size:16px;
+        font-family:PingFangSC-Medium;
+        font-weight:500;
+        color:rgba(0,0,0,1);
+        line-height:22px;
+    }
+
+    .housenamefooter{
+        display: flex;
+        flex-direction:row;
+        justify-content: space-between;
+        width: 90%;
+    }
+    .phone{
+        font-size: 12px !important;
+        color:rgba(119,165,240,1)!important;
+        padding-right: 5px;
+    }
+
+    .housetype{
+        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;
+        margin-right: 10px;
+    }
+
+    .housetel{
+        font-size:14px;
+        font-family:PingFangSC-Regular;
+        font-weight:400;
+        color:rgba(119,165,240,1);
+        line-height:20px;
+        display: flex;
+        flex-direction: row;
     }
   }
 
-  .van-button {
-    position: fixed;
-    top: 617px;
-    left: 0;
-    background-color: rgba(63, 65, 68, 1);
-    font-size: 16px;
-    font-family: PingFangSC-Regular;
-    font-weight: 400;
-    color: rgba(255, 255, 255, 1);
+.buildingdata{
+    width: 100%;
+    height: 256px;
+
+  .datacontent{
+    width: 90%;
+    height: 206px;
+    background-color:rgba(245,247,249,1);
+    border-radius:2px;
+    margin: 20px 0 0 20px;
+
+    .slidewrapper{
+      width: 100%;
+      height: 100%;
+
+      .slideimg{
+        width: 100%;
+        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;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          width: 96%;
+
+        }
+      }
+    }
+  }
+}
+
+.line {
+  width: 90%;
+  border: 0.5px solid #efefef;
+  }
+}
+
+.van-button {
+  position: fixed;
+  top: 617px;
+  left: 0;
+  background-color: rgba(63, 65, 68, 1);
+  font-size: 16px;
+  font-family: PingFangSC-Regular;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 1);
+}
+
+.houseconduction{
+  width: 100%;
+  height: auto;
+  background-color: rgba(255,255,255,1);
+  margin-bottom: 10px;
+
+  .line{
+    width:90%;
+    border: 0.5px solid #EFEFEF;
+  }
+  .conduction{
+    padding: 20px 0 18px 20px;
+
+    .conductiontitle{
+      font-size:18px;
+      font-family:PingFangSC-Regular;
+      font-weight:400;
+      color:rgba(37,38,42,1);
+      line-height:25px;
+    }
+
   }
+
+  .conductioncontent{
+    width: 90%;
+    height: auto;
+    margin-left:5%;
+    text-align: justify;
+    
+    .conductioncharacters{
+      width: 100%;
+      font-size:14px;
+      font-family:PingFangSC-Regular;
+      font-weight:400;
+      color:rgba(113,108,108,1);
+      line-height:23px;
+    }
+  }
+}
+
+.dynamics{
+  width: 100%;
+  height: auto;
+  background-color: rgba(255,255,255,1);
+
+  .dynamicstitle{
+    padding: 15px 0 10px 20px;
+
+    .titlecharacters{
+        font-size:18px;
+        font-family:PingFangSC-Regular;
+        font-weight:400;
+        color:rgba(37,38,42,1);
+        line-height:25px;
+    }
+  }
+        .dynamictitle{
+            font-size:16px;
+            font-family:PingFangSC-Regular;
+            font-weight:400;
+            color:rgba(37,38,42,1);
+            line-height:22px;
+        }
+
+        .peopletimer{
+            font-size:12px;
+            font-family:PingFangSC-Regular;
+            font-weight:400;
+            color:rgba(128,128,128,1);
+            line-height:17px;
+
+            .people{
+                padding-right: 20px
+            }
+        }
+
+        .dynamiccontent{
+            font-size:14px;
+            font-family:PingFangSC-Regular;
+            font-weight:400;
+            color:rgba(113,108,108,1);
+            line-height:23px;
+        }
+}
 }
 </style>

src/pages/building/buildingimage.vue

@@ -4,8 +4,8 @@
        <div class="houseimagecontent">
            <div class="houseimage">
                 <van-swipe class="slidewrapper" :autoplay="3000">
-                    <van-swipe-item class="slideimg" v-for="(image, index) in images" :key="index">
-                        <img class="lazyimage" />
+                    <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>
@@ -19,100 +19,98 @@
            </div>
        </div>
        <div class="imageboxtype">
-           <div class="drawingimpress">
-               <span class="boxcharacters">效果图</span>
+           <div class="drawingimpress" v-for="list in detail.imageTypeLst" :key="list.id">
+               <span class="boxcharacters">{{list.imagetypename}}</span>
            </div>
        </div>
     </div>
 </template>
 
 <script>
+import { mapState, mapActions } from "vuex";
+
 export default {
      name:'BuildingImage',
     components: {
     'vue-headful': () => import('vue-headful'),
      },
-     data() {
-        return {
-        images: [
-            'https://img.yzcdn.cn/1.jpg',
-            'https://img.yzcdn.cn/2.jpg'
-        ]
-        }
+     computed: {
+        ...mapState({
+        detail: s => s.buildingimage.detail,
+        }),
+     },
+     created() {
+        this.getBuildingimage({ buildingid: "8a9cd8265afb04b2015bccb967fc15f7" });
+    },
+    methods: {
+        ...mapActions(["getBuildingimage"]),
   }
+  
 }
 </script>
 
 <style lang="postcss" scoped>
 .imgbackground{
-    width: 100%;
-    height: 667px;
-    background-color: rgba(31,31,31,0.5);
+  width: 100%;
+  height: 667px;
+  background-color: rgba(31,31,31,0.5);
 
-    .houseimagecontent{
-        width: 100%;
-        height: 251px;
-        padding-top:103px;
+  .houseimagecontent{
+    width: 100%;
+    height: 251px;
+    padding-top:103px;
 
-        .houseimage{
-            width:100%;
-            height: 211px;
+    .houseimage{
+       width:100%;
+       height: 211px;
 
-            .slidewrapper{
-                width: 100%;
-                height: 100%;
+       .slidewrapper{
+          width: 100%;
+          height: 100%;
 
-                .slideimg {
-                    width: 100%;
-                    height: 100%;
+          .slideimg {
+             width: 100%;
+             height: 100%;
 
-                    .lazyimage{
-                        width: 100%;
-                        height: 100%;
-                    }
+            .lazyimage{
+               width: 100%;
+               height: 100%;
                 }
             }
         }
+    }
 
-        .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;
-            }
+    .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;
-
-                .countimage{
-                    font-size:12px;
-                    font-family:PingFangSC-Regular;
-                    font-weight:400;
-                    color:rgba(127,127,127,1);
-                    line-height:17px;
-
-                    .boxcharacters{
-                        font-size:12px;
-                        font-family:PingFangSC-Regular;
-                        font-weight:400;
-                        color:rgba(255,255,255,1);
-                        line-height:17px;
-                    }
-                }
-            }
+       .imageindex{
+           padding-right: 15px;
+
+        .countimage{
+            font-size:12px;
+            font-family:PingFangSC-Regular;
+            font-weight:400;
+            color:rgba(127,127,127,1);
+            line-height:17px;
         }
     }
+}
+}
 
     .imageboxtype{
         padding-top: 15px;
@@ -122,16 +120,24 @@ export default {
         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;
+    .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;
         }
     }
+ }
 }
 </style>
 

src/pages/building/buildingtype.vue

@@ -1,22 +1,62 @@
 <template>
     <div class="context">
      <vue-headful title="户型图"  />
-        <type-header></type-header>
-        <type-content></type-content>
+        <div class="typeheader">
+        <van-swipe class="slidewrapper" :autoplay="3000">
+            <van-swipe-item class="slideimg">
+                <img class="typeimg" />
+            </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>
+        <div class="typecontent">
+        <div class="househeader">
+            <div class="headertop">
+                <span class="typetitle">B户型</span>
+                <span class="typeprice">24000元/㎡<span class="fixedsize">起</span></span>
+            </div>
+            <div class="headerbottom">
+                <span class="typefeature">挑高双层</span>
+                <span class="typearea">建筑面积:182.5㎡</span>
+            </div>
+            <div class="housefeature">
+                <span class="bigcharacters">三室两厅两卫</span>
+                <span class="smallcharacters">
+                    <span class="fixedsmallcharacters">户型描述：</span>
+                    <span class="trendssmallcharacters">客厅空间较大，有足够的活动空间，有私家花园，提高生活品质。主卧朝南，且与阳台相连。</span>
+                </span>
+            </div>
+        </div>
+    </div>
     </div>
 </template>
 
-<script>
-import TypeHeader from './components/typeheader.vue'
-import TypeContent from './components/typecontent.vue'
+<script>  
+import { mapState, mapActions } from "vuex";
 
 export default {
     name:'BuildingType',
     components: {
         'vue-headful': () => import('vue-headful'),
-        'TypeHeader':TypeHeader,
-        'TypeContent':TypeContent
     },
+    computed: {
+        ...mapState({
+        detail: s => s.buildingtype.detail,
+        }),
+     },
+     created() {
+        this.getBuildingtype({ buildingid: "8a9cd8265afb04b2015bccb967fc15f7" });
+    },
+    methods: {
+        ...mapActions(["getBuildingtype"]),
+  }
 }
 </script>
 
@@ -25,6 +65,179 @@ export default {
     width: 100%;
     height: 100%;
     overflow-y: auto;
+
+    .typeheader{
+ width:100%;
+ height: 262px;
+
+    .slidewrapper{
+        width: 100%;
+        height: 225px;
+
+        .slideimg{
+            width: 100%;
+            height: 100%;
+        }
+        .typeimg{
+            max-width: 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;
+
+        .typename{
+            font-size:12px;
+            font-family:PingFangSC-Regular;
+            font-weight:400;
+            color:rgba(127,127,127,1);
+            line-height:17px;
+            padding-left: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;
+
+                    .boxcharacters{
+                        font-size:12px;
+                        font-family:PingFangSC-Regular;
+                        font-weight:400;
+                        color:rgba(255,255,255,1);
+                        line-height:17px;
+                    }
+                }
+            }
+    }
+}
+
+.typecontent{
+    width: 100%;
+    background-color: rgba(248,248,248,1);
+     margin-top: 10px;
+
+    .househeader{
+        width:100%;
+
+        .headertop{
+            width: 100%;
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            margin-bottom: 10px;
+            padding-top: 10px;
+
+            .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;
+                }
+            }
+
+        }
+
+        .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;
+            }
+
+            .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/components/buildingdata.vue

@@ -2,8 +2,8 @@
   <div class="buildingdata">
     <div class="datacontent">
       <van-swipe class="slidewrapper" :autoplay="3000">
-        <van-swipe-item class="slideimg" v-for="(image, index) in images" :key="index">
-          <img />
+        <van-swipe-item class="slideimg">
+          <span ></span>
         </van-swipe-item>
       </van-swipe>
     </div>
@@ -13,6 +13,10 @@
 <script>
 export default {
   name:'BuildingData',
+  props:{
+    list:Array
+  },
+
   data() {
     return {
       images: [

src/pages/building/components/correlationdynamics.vue

@@ -31,6 +31,7 @@
 <script>
 export default {
     name:'CorrelationDynamics',
+    porps:['list'],
     data() {
         return {
         activeName: '1',

src/pages/reservation/lookhouse.vue

@@ -16,13 +16,13 @@
           <van-popup v-model="show" position="bottom" :overlay="false">
             <van-datetime-picker v-model="currentDate" type="datetime" :min-date="minDate" :max-date="maxDate"/>
           </van-popup>
-          <van-field class="field_name"  label="手机号码：" />
-          <van-field class="field_name"  label="看房人数："/> 
+          <van-field class="field_name" v-model="tel" label="手机号码：" />
+          <van-field class="field_name"  v-model="num" label="看房人数："/> 
           <div class="information">
             <span class="remarks">备注信息：</span>
             <div class="input_content">
-                <textarea  id="textArea" class="content_txt" maxlength="100" @input = "descInput" v-model="desc" placeholder="例如:偏好、预算、要求等" onfocus="this.placeholder=''" onblur="this.placeholder='例如:偏好、预算、要求等'"></textarea>
-                <span class="number"><span  id="textNum" style="color:#FB6B2F">{{remnant}}</span><span>/100</span></span>
+                <textarea  id="textArea" class="content_txt" maxlength="100" v-model="desc" placeholder="例如:偏好、预算、要求等" onfocus="this.placeholder=''" onblur="this.placeholder='例如:偏好、预算、要求等'"></textarea>
+                <span class="number"><span  id="textNum" style="color:#FB6B2F">{{desc.length}}</span><span>/100</span></span>
             </div>
           </div> 
         </van-cell-group>
@@ -48,16 +48,17 @@ export default {
       minDate: new Date(),
       maxDate: new Date(2080, 10, 1),
       currentDate: new Date(),
-      remnant:0 ,//输入数
-      desc:''
+      desc:'',
+      tel:'',
+      num:''
 
     };
   },
-  //  mounted() {
-  //   this.$dialog.alert({
-  //     message: '弹窗内容'
-  //   });
-  // },
+  computed: {
+    desc (){
+      return this.desc.length
+    }
+  },
   methods: {
     showDatePicker() {
       this.show = true;
@@ -66,12 +67,11 @@ export default {
     showName (){
       this.inside = true;
     },
-
-    //计算输入数
-    descInput(){
-      const txtVal = this.desc.length;
-      this.remnant = txtVal;
-    }
+    // //计算输入数
+    // descInput(){
+    //   const txtVal = this.desc.length;
+    //   this.remnant = txtVal;
+    // }
   }
 };
 </script>

src/store/building.js

@@ -3,23 +3,21 @@ import getAPI from '../config/apis'
 
 export default {
     state: {
-      name: '',
-      project_id: '',
-      avator: '',
+      detail: {},
     },
     mutations: {
-      updateBuilding(state, newBuilding) {
-        const { name, project_id, avator } = newBuilding;
-        state.name = name;
-        state.id = project_id;
-        state.avator = avator;
+      updateBuilding(state, detail) {
+        state.detail = detail
       }
     },
     actions: {
       getBuilding({ commit }, params) {
-        request({ ...getAPI('building.get', { project_id: params.project_id }) }).then((data) => {
-          commit('updateBuilding', data)
-        })
+        return new Promise((resolve, reject) => {
+          request({ ...getAPI('building.get', { project_id: params.project_id }) }).then((data) => {
+            commit('updateBuilding', data)
+            resolve()            
+          }).catch(reject)
+        });
       },
     }
   }

src/store/buildingimage.js

@@ -0,0 +1,23 @@
+import request from '../utils/request'
+import getAPI from '../config/apis'
+
+export default {
+    state: {
+      detail: {},
+    },
+    mutations: {
+        updateBuildingImage(state, detail) {
+        state.detail = detail
+      }
+    },
+    actions: {
+      getBuildingimage({ commit }, params) {
+        return new Promise((resolve, reject) => {
+          request({ ...getAPI('buildingimage.get', { buildingid: params.buildingid }) }).then((data) => {
+            commit('updateBuildingImage', data)
+            resolve()            
+          }).catch(reject)
+        });
+      },
+    }
+  }

src/store/buildingtype.js

@@ -0,0 +1,23 @@
+import request from '../utils/request'
+import getAPI from '../config/apis'
+
+export default {
+    state: {
+      detail: {},
+    },
+    mutations: {
+        updateBuildingtype(state, detail) {
+        state.detail = detail
+      }
+    },
+    actions: {
+      getBuildingtype({ commit }, params) {
+        return new Promise((resolve, reject) => {
+          request({ ...getAPI('buildingtype.get', { buildingid: params.buildingid }) }).then((data) => {
+            commit('updateBuildingtype', data)
+            resolve()            
+          }).catch(reject)
+        });
+      },
+    }
+  }

src/store/index.js

@@ -8,6 +8,8 @@ const store = new Vuex.Store({
     app: require('./app.js').default,
     user: require('./user.js').default,
     building: require('./building.js').default,
+    buildingimage: require('./buildingimage.js').default,
+    buildingtype: require('./buildingtype.js').default,
   }
 });
 

src/utils/request.js

@@ -34,7 +34,11 @@ export default function request(config) {
       const data = response.data;
       // loadding.stop(id);
 
-      resolve(data);
+      if (data.result) {
+        resolve(data);
+      } else {
+        reject('请求数据失败');
+      }
     }).catch((error) => {
       // console.error(error);
       // loadding.stop(id);