<template>
  <div class="seeDetail">
    <el-form label-width="150px">
      <div v-for="(item, index) in detailList" :key="index">
        <el-form-item :label="item.prop" v-if="item.type == 1">
            {{data[item.field]!=''?data[item.field]:'无' }}
        </el-form-item>
        <el-form-item :label="item.prop" v-if="item.type == 4">
          {{data[item.field] }}kg
        </el-form-item>
        <el-form-item :label="item.prop" v-if="item.type == 5">
          {{data[item.field] }}cm
        </el-form-item>
        <el-form-item :label="item.prop" v-if="item.type == 6">
          {{data.PName}}-{{data.CName}}-{{data.DName}}
        </el-form-item>
        <el-form-item :label="item.prop" v-if="item.type == 7">
          {{data[item.field] }}w
        </el-form-item>



        <el-form-item :label="item.prop" v-if="item.type == 2">
          <el-image
            style="width: 200px; height: auto"
            :src="data[item.field]"
          ></el-image>
        </el-form-item>
        <el-form-item :label="item.prop" v-if="item.type == 3" >
          <div class="imgList">
            <div v-for="(subItem, subIndex) in data[item.field]" :key="subIndex" style="margin-right: 15px">
              <el-image
                style="width: 180px; height: 180px"
                :src="subItem"
              ></el-image>
              <!--            :fit="fit"-->

            </div>
          </div>

        </el-form-item>
      </div>
    </el-form>
  </div>
</template>
<script>
export default {
  props: {
    data: Object,
    default: {},
  },
  data() {
    return {
      detailList: [
        //type:1.字符串，2.图片，3.数组
        { prop: "昵称:", field: "RealName", type: 1 },
        { prop: "性别:", field: "SexStr", type: 1 },
        { prop: "出生日期:", field: "Birthday", type: 1 },
        { prop: "体重:", field: "Weight", type: 4 },
        { prop: "身高:", field: "Height", type: 5 },
        { prop: "星座:", field: "ConoldBaseInfostellation", type: 1 },
        { prop: "学历:", field: "EducationTypeStr", type: 1 },
        { prop: "房产:", field: "HouseInfoStr", type: 1 },
        { prop: "车产:", field: "CarInfoStr", type: 1 },
        { prop: "年收入:", field: "YearMoney", type: 7 },
        { prop: "毕业学校:", field: "SchoolInfo", type: 1 },

        { prop: "工作单位:", field: "WorkUnit", type: 1 },
        { prop: "职位:", field: "Job", type: 1 },
        { prop: "籍贯:", field: "NativePlace", type: 6 },
        { prop: "自我介绍:", field: "About", type: 1 },

        { prop: "家庭背景:", field: "FamilyInfo", type: 1 },
        { prop: "业余爱好:", field: "Hobby", type: 1 },
        { prop: "喜欢的食物:", field: "LikeFood", type: 1 },
        // { prop: "资产:", field: "HouseInfo", type: 1 },
        { prop: "活动区域:", field: "ActivityRegion", type: 1 },
        { prop: "喜欢的书:", field: "LikeBook", type: 1 },
        { prop: "喜欢的电影和电视剧:", field: "LikeTV", type: 1 },
        { prop: "喜欢的情歌:", field: "LikeSong", type: 1 },
        { prop: "欣赏爱情:", field: "IdealLove", type: 1 },
        { prop: "情话:", field: "LoveTalk", type: 1 },
        { prop: "单身原因:", field: "SingleReason", type: 1 },
        { prop: "希望的TA是:", field: "HopeYou", type: 1 },
        { prop: "约会时间:", field: "Appointment", type: 1 },
        { prop: "约会地址:", field: "AppointmentAddress", type: 1 },
        { prop: "身份证正面:", field: "IDCard", type: 2 },
        { prop: "身份证反面:", field: "IDCardBack", type: 2 },

        { prop: "照片墙:", field: "AlbumList", type: 3 },
      ],
    };
  },

  methods: {},
};
</script>
<style >
.seeDetail .imgList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.seeDetail .el-form-item__content{
  margin-left: 0;
}
</style>
