<!--疑似相同客户-->
<template>
  <div class="app-container">
    <div class="sameCustomerPanel">
      <el-row class="btnDiv">
        <el-col :span="20">
          <el-button type="cyan">四要素疑似相同客户</el-button>
          <span class="info"><i class="el-icon-info"></i>四要素疑似相同指姓名、性别、证件类型、手机号一致</span>
        </el-col>
        <el-col class="export" :span="4">
          <el-button
            type="warning"
            icon="el-icon-download"
            size="mini"
            @click="handleExport"
            v-hasPermi="['system:user:export']"
          >导出</el-button>
        </el-col>
      </el-row>
      <el-row class="btnDiv">
        <el-col :span="20">
          <el-button type="cyan">三要素疑似相同客户</el-button>
          <span class="info"><i class="el-icon-info"></i>三要素疑似相同指姓名、性别、出生日期一致</span>
        </el-col>
        <el-col class="export" :span="4">
          <el-button
            type="warning"
            icon="el-icon-download"
            size="mini"
            @click="handleExport"
            v-hasPermi="['system:user:export']"
          >导出</el-button>
        </el-col>
      </el-row>
      <el-row class="btnDiv">
        <el-col :span="20">
          <el-button type="cyan">两要素疑似相同客户</el-button>
          <span class="info"><i class="el-icon-info"></i>两要素疑似相同指姓名、证件号码一致</span>
        </el-col>
        <el-col class="export" :span="4">
          <el-button
            type="warning"
            icon="el-icon-download"
            size="mini"
            @click="handleExport"
            v-hasPermi="['system:user:export']"
          >导出</el-button>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import { getCustomerById } from "@/api/customerInformation/customerInformation.js";

export default {
  name: "sameCustomer",
  components: {

  },
  data() {
    return {

    }
  },
  created() {

  },
  mounted() {
      // this.getCustomerByIdData();
  },
  methods: {
      getCustomerByIdData(){
          this.loading = true;
          let id = this.$route.query.id;
          getCustomerById({id:id}).then(response => {
                  console.log(response);
                  this.custInfo = response.data.custInfo
                  this.loading = false;
              }
          );
      },
    /** 导出按钮操作 */
    handleExport() {
      // this.download('system/user/export', {
      //   ...this.queryParams
      // }, `user_${new Date().getTime()}.xlsx`)
    },
  }
};
</script>
<style lang="scss" scope>
  .sameCustomerPanel{
    padding: 15px;
    background: #FFF;
    border-radius: 5px;
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
  }
  .btnDiv{
    line-height: 80px;
    border-bottom: 1px dashed #E7E7E7;
    padding: 0 15px;
    .info{
      font-size: 12px;
      color: #6D6D6D;
      margin-left: 10px;
      vertical-align: middle;
      i{
        margin-right: 6px;
      }
    }
    .export{
      text-align: right;
    }
  }
</style>
