<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 rgba(13,36,129,1);
  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.PersonChargeStr}}
              </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.CustomerSourceTypeStr}}
              </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.PremisesStr}}
              </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.CustomerIdLevelStr}}
              </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.CustomerName}}
              </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.ContactNumber}}        
              </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.Remark}}
              </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.PersonChargeTime}}
              </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.UpdateTime ? detailsData.UpdateTime : detailsData.UpdateTime}}
              </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.CreateTime ? detailsData.CreateTime : detailsData.CreateTime }}
              </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>