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";

.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>