<template>
  <sail-page type="subscribedetail" title="查看预约详情" isHead>
    <div slot="content">
        <div class="subscribe-detail-wrapper">
            <div class="subscribe-house">
                <p class="subscribe-title">预约项目：{{subscribeDetail.TPhmRegion.name}}</p>
                <HotProjectCard :isHouse="true" :isPriceLeft="true" :data="subscribeDetail.TPhmRegion" class="subscribe-project"/>
            </div>
            <div class="subscribe-info">
              <p>姓名：{{subscribeDetail.name}} </p>
              <p>联系方式：{{subscribeDetail.phone}} </p>
              <p>预约时间：<span class="subscribe-info__mark">{{subscribeDetail.seeTime | normalDate}} {{subscribeDetail.seeTimeIntervalName}}</span> </p>
              <p>看房地址：<span class="subscribe-info__mark"></span>{{subscribeDetail.address}}</p>
              <p>客服电话：{{subscribeDetail.TPhmRegion.telephone}}</p>
            </div>
        </div>
    </div>
  </sail-page>
</template>

<script>

import sailPage from "@/components/sail-page.vue";
//import StatusCard from "@/common/widget/statusCard";
import HotProjectCard from "@/common/widget/hotProjectCard";
import { mapState } from "vuex";

export default {
  components: {
    sailPage,
    //StatusCard,
    HotProjectCard
  },
  computed: {
    ...mapState({
      subscribeDetail: state => state.subscribeModule.subscribeDetail,
    })
  },
  asyncData({store, route}) {
    let id = route.params.id;
    //let name = route.params.name
    return store.dispatch("subscribeModule/cselectDetail", id).then(res => {
    });
       
  },
  data: function(){
    return {

    }; 
  },
  methods: {
      
  },
};
</script>
<style lang="less">
  
</style>
<style lang="less" scoped>
    @import "~@/common/less/variable.less";
    @nice-gray: #747474;
    .subscribe-detail-wrapper {
      margin-top: 12px;
      .subscribe-house {
         background: white;
         padding-top: 15.43px;
         padding-left: 14px;
         .subscribe-project {
          padding-bottom: 16.57px;
          margin-left: 13px;
         }
         .subscribe-title {
           text-align: left;
           font-size: 13px;
           color: @nice-gray;
           padding-bottom: 12.89px;
         }
      }
      .subscribe-info {
        padding-left: 15px;
        padding-top: 13.7px;
        padding-bottom: 12.67px;
        background: white;
        margin-top: 11.23px;
        color: @nice-gray;
        text-align: left;
        font-size: 13px;
        .subscribe-info__mark {
          color: @nice-red;
        }
      }
    }
</style>1