<style>
    .Details {
        padding: 17px 20px;
        margin-top: 20px;
        background-color: white;
        height: calc(100% - 54px);
        overflow-y: auto;
        font-size: 12px;
    }
    
    .Details .Details_box .tit {
        border: 4px solid #409efe;
        border-top: 0;
        border-bottom: 0;
        border-right: 0;
        padding-left: 10px;
        font-size: 14px;
        color: #111;
        font-weight: bold;
    }
    
    .Details_box_row {
        margin-top: 30px;
    }
    
    .Details_box_lable {
        color: #999999;
    }
</style>
<template>
    <div class="Details">
      <div class="Details_box">
        <p class="tit">基本信息</p>
        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                名称：
              </el-col>
              <el-col :span="14">
                {{detailsData.ClueName}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                需求：
              </el-col>
              <el-col :span="14">
                {{detailsData.ClueDemand}}        
              </el-col>
            </el-row>
          </el-col>
        </el-row>

        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                微信号：
              </el-col>
              <el-col :span="14">
                {{detailsData.WeChatNo}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                手机号码：
              </el-col>
              <el-col :span="14">
                {{detailsData.MobilePhone}}
              </el-col>
            </el-row>
          </el-col>
        </el-row>

        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                来源：
              </el-col>
              <el-col :span="14">
                {{detailsData.CustomerSourceType}}        
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                来源细分：
              </el-col>
              <el-col :span="14">
                {{detailsData.SourceAccountName}}        
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                客户中文名称：
              </el-col>
              <el-col :span="14">
                {{detailsData.SurName + detailsData.Name}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                客户英文名称：
              </el-col>
              <el-col :span="14">
                {{detailsData.ESurName + detailsData.EName}}
              </el-col>
            </el-row>
          </el-col>
          
        </el-row>

        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                护照号：
              </el-col>
              <el-col :span="14">
                {{detailsData.PassportNo}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                护照号签发地：
              </el-col>
              <el-col :span="14">
                {{detailsData.PassportAddress}}
              </el-col>
            </el-row>
          </el-col>
        </el-row>

        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                护照签发日期：
              </el-col>
              <el-col :span="14">
                {{detailsData.PassportIssued}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                护照过期日期：
              </el-col>
              <el-col :span="14">
                {{detailsData.PassportExpiry}}
              </el-col>
            </el-row>
          </el-col>
        </el-row>



        
      </div>

      <el-divider><i class="el-icon-s-promotion"></i></el-divider>

      <div class="Details_box">
        <p class="tit" style="margin-top: 30px;">系统信息</p>
        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                性别：
              </el-col>
              <el-col :span="14">
                {{detailsData.Sex === 0 ? '保密' : detailsData.Sex === 1 ? '男' : '女'}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                生日：
              </el-col>
              <el-col :span="14">
                {{detailsData.Birthday}}
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                国籍：
              </el-col>
              <el-col :span="14">
                {{detailsData.Nationality}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                身份证号：
              </el-col>
              <el-col :span="14">
                {{detailsData.IdCard}}
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                性别：
              </el-col>
              <el-col :span="14">
                {{detailsData.Sex}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                电话：
              </el-col>
              <el-col :span="14">
                {{detailsData.Tel}}        
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                职务：
              </el-col>
              <el-col :span="14">
                {{detailsData.PassportExpiry}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                职位类型：
              </el-col>
              <el-col :span="14">
                {{detailsData. DutyTypeStr}}
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                单位类型：
              </el-col>
              <el-col :span="14">
                {{detailsData.UnitTypeStr}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                出游类型：
              </el-col>
              <el-col :span="14">
                {{detailsData.TravelTypeStr}}
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                创建人：
              </el-col>
              <el-col :span="14">
                {{detailsData.CreateByStr}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                创建时间：
              </el-col>
              <el-col :span="14">
                {{detailsData.CreateDate ? detailsData.CreateDate : detailsData.CreateDate }}
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                最后跟进记录：        
              </el-col>
              <el-col :span="14">
                {{detailsData.LastFollowUpContent}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                最后跟进时间：
              </el-col>
              <el-col :span="14">
                {{detailsData.LastFollowUpTime}}        
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                出生地：        
              </el-col>
              <el-col :span="14">
                {{detailsData.BirthdayAddress}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                婚姻状况：
              </el-col>
              <el-col :span="14">
                {{detailsData.Marriage}}        
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row :gutter="40" class="Details_box_row">
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
               家庭居住地址：        
              </el-col>
              <el-col :span="14">
                {{detailsData.Address}}
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                家庭详情地址：
              </el-col>
              <el-col :span="14">
                {{detailsData.AddressDetail}}        
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row  :gutter="40" class="Details_box_row">
          <el-col :span="12">
              <el-row>
                <el-col :span="6" class="Details_box_lable">
                  出境记录：
                </el-col>
                <el-col :span="14">
                  {{detailsData.HistoryRecord}}        
                </el-col>
              </el-row>
            </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="6" class="Details_box_lable">
                备注：
              </el-col>
              <el-col :span="14">
                {{detailsData.Remarks}}
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </div>
    </div>
</template>
<script>
    export default {
        props: {
            detailsData: {
                type: Object,
                default: {},
            },
        },
        data() {
            return {};
        },
        watch: {},
        mounted() {},
        methods: {},
    };
</script>