ShibeiWorkPlatform_Frontend/src/views/pages/caijisuccess.vue

<template>
  <div class="bg-caiji-success">
    <div class="title">
      <img src="@/assets/img/logo.png">
      <div class="title_name">居民信息填报</div>
    </div>

    <div class="div_tip">
      <div>提交成功</div>
      <div>请截图保存，方便核验人员查看</div>
    </div>
    <div class="div_content marginT10">
      <div class="content_long">
        <div class="content_title">所属社区：</div>
        <div>{{formData.shequName}}</div>
      </div>
      <div class="content_long marginT10">
        <div class="content_title">所属房屋：</div>
        <div>{{formData.address}}</div>
        <!-- <div>所属房屋：所属房屋：所属房屋：所属房屋：</div> -->
      </div>
      <div class="content_long marginT10">
        <div class="content_title">房主姓名：</div>
        <div>{{formData.houseHolderName}}</div>
      </div>
      <div v-for="(item,index) in formData.memberList"
           :key="index">
        <div class="content_long marginT10">
          <div class="content_title">成员{{index+1}}：</div>
          <div>{{item.name}}</div>
        </div>
        <div class="content_long marginT10">
          <div class="content_title">身份证号：</div>
          <div>{{item.idNum}}</div>
        </div>
        <div class="content_long marginT10">
          <div class="content_title">手机号：</div>
          <div>{{item.mobile}}</div>
        </div>

      </div>

    </div>

    <!-- <div class="main">

      <div class="icon-success">
        <i class="el-icon-circle-check "></i>
      </div>
      <div class="success-content"> 提交成功</div>

    </div> -->
  </div>
</template>
<script>


import { requestPost } from "@/js/dai/request";
import { Toast } from "mint-ui";
import { MessageBox } from 'mint-ui';

let loading // 加载动画
export default {
  data () {
    return {

      formData: {},
    }
  },
  components: {},
  computed: {

  },
  created () { },
  mounted () {
    let query = this.$route.query
    this.formData = query.formData

    // this.formData = {
    //   shequName: '清江路社区',
    //   address: "金玉良缘1花好月圆1单元3123123金玉良缘1花好月圆1单元3123123",
    //   buildId: "1494482424728395778",
    //   buildName: "花好月圆",
    //   customerId: "45687aa479955f9d06204d415238f7cc",
    //   homeId: "other",
    //   homeName: "3123123",
    //   houseHolderName: "张三",
    //   houseType: "1",
    //   memberList: [
    //     {
    //       customerId: "45687aa479955f9d06204d415238f7cc",
    //       domicilePlace: "23123",
    //       heSuanCount: "2",
    //       idNum: "312312",
    //       mobile: "15111111111",
    //       name: "张三",
    //     },
    //     {
    //       customerId: "45687aa479955f9d06204d415238f7cc",
    //       domicilePlace: "123123",
    //       heSuanCount: null,
    //       idNum: "王二麻",
    //       mobile: "3123123123",
    //       name: "李四",
    //     }
    //   ]

    // }
    // console.log(this.formData)

  },

  methods: {





  }
}
</script>

<style lang="scss" scoped >
@import "@/assets/scss/pages/caiji.scss";
</style>