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">
      <div class="content_long">
        <div class="content_title">所属房屋：</div>
        <div>{{formData.address}}</div>
      </div>
      <div>
        <span>房主姓名：</span>
        <span>{{formData.houseHolderName}}</span>
      </div>
      <div v-for="(item,index) in formData.memberList"
           :key="index">
        <div>
          <span>成员{{index+1}}：</span>
          <span>{{item.name}}</span>
        </div>
        <div>
          <span>身份证号：</span>
          <span>{{item.idNum}}</span>
        </div>
        <div>
          <span>手机号：</span>
          <span>{{item.mobile}}</span>
        </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 = {
    //   address: "金玉良缘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";

.my-field /deep/ .mint-field-core {
  text-align: right;
  margin-right: 20px;
}

/deep/ .mint-popup-bottom {
  width: 100vw;
}

.picker-toolbar-title {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  background-color: #eee;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  .usi-btn-cancel,
  .usi-btn-sure {
    color: #26a2ff;
    font-size: 16px;
  }
}
</style>