<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.BusinessName}}
              </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.BudgetPrice}}
              </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.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.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.CreateBy}}
              </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.UpdateTime ? detailsData.UpdateTime : detailsData.UpdateTime}}
              </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>
