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