<template>
  <el-drawer
    title="客户接触详情"
    :visible.sync="showDetail"
    :size="850"
    direction="rtl"
    :append-to-body="true"
  >
    <div class="main">
      <el-form
        ref="detailForm"
        :model="detailForm"
        label-position="left"
        label-width="120px"
      >
        <el-form-item label="客户名称" prop="custName">
          {{ detailForm.custName }}
        </el-form-item>
        <el-form-item label="客户号" prop="custId">
          {{ detailForm.custId }}
        </el-form-item>
        <el-form-item label="客户内码" prop="custIdn">
          {{ detailForm.custIdn }}
        </el-form-item>
        <el-form-item label="手机号" prop="mobile">
          {{ detailForm.mobile }}
        </el-form-item>
        <el-form-item label="计划电访日期" prop="telPlanDate">
          {{ detailForm.telPlanDate }}
        </el-form-item>
        <el-form-item label="计划电访内容" prop="telPlanRemark">
          {{ detailForm.telPlanRemark }}
        </el-form-item>
        <el-form-item label="电访总结日期" prop="telSummaryDate">
          {{ detailForm.telSummaryDate }}
        </el-form-item>
        <el-form-item label="电访总结内容" prop="telSummaryRemark">
          {{ detailForm.telSummaryRemark }}
        </el-form-item>
        <el-form-item label="计划面访日期" prop="visitPlanDate">
          {{ detailForm.visitPlanDate }}
        </el-form-item>
        <el-form-item label="计划面访内容" prop="visitPlanRemark">
          {{ detailForm.visitPlanRemark }}
        </el-form-item>
        <el-form-item label="面访总结日期" prop="visitSummaryDate">
          {{ detailForm.visitSummaryDate }}
        </el-form-item>
        <el-form-item label="面访总结内容" prop="visitSummaryRemark">
          {{ detailForm.visitSummaryRemark }}
        </el-form-item>
      </el-form>
    </div>
  </el-drawer>
</template>

<script>
export default {
  data() {
    return {
      showLoading: true,
      showDetail: false,
      detailForm: {},
      previewList: [],
      isCustomTemplate: false,
      feedBack: {},
      templateList: [],
    };
  },
  methods: {
    openDrawer(val) {
      this.showDetail = true;
      this.detailForm = val
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep .el-drawer__body {
  .main {
    padding: 0 32px;

    .title {
      color: black;
      font-size: 14px;
    }

    .content {
      font-size: 12px;
      color: #8c8c8c;
    }

    .el-timeline-item {
      padding-bottom: 0;
    }

    .el-timeline-item__wrapper {
      top: -12px;
    }

    .imageList {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      .el-image {
        width: 30%;
        height: 200px;
        margin-bottom: 24px;
      }
    }

    .fk_main {
      .fk_main_item {
        flex-wrap: wrap;
        word-break: break-all;
        .zfr {
          margin-top: 10px;
          color: rgb(140, 140, 140);
          font-size: 14px;
        }
      }
    }
  }
}
</style>
