<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.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.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.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.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.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.PassportIssued}}
              </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.PassportExpiry}}
              </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. DutyTypeStr}}
              </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 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.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>
      </div>
    </div>
</template>
<script>
export default {
  props: {
    detailsData: {
      type: Object,
      default: {},
    },
  },
  data() {
    return {};
  },
  watch: {},
  mounted() {},
  methods: {},
};
</script>
