<template>
   <div>
    <div v-for="(item, index) in info.customerHandoverDetailDtoList">
     <router-link :to="'/customer/query/' + item.customerId"><div  style="color: blue"> 客户编号{{index + 1}}：{{item.customerNumber}} 客户名称{{index + 1}}：{{item.customerName}} </div></router-link>
      <div>旧客户经理{{index + 1}}：{{item.oldCustomerServiceName || '-'}} <span v-if="item.oldCustomerServiceDeptName">（{{item.oldCustomerServiceDeptName}}）</span></div>
    </div>
     <div>新客户经理：{{info.newCustomerServiceName || '-'}} <span v-if="info.newCustomerServiceDeptName">（{{info.newCustomerServiceDeptName}}）</span> </div>
     <div>
        申请理由：{{info.reason}}
     </div>
   </div>
</template>

<script>
import { handoverApprovalDetails} from "@/api/ecw/customer";

export default {
  name: "customer-handover-details",
  props: {
    processId: {
      type: [Number, String],
    },
    type: String,
  },
  data(){
  return {
    info:{
      customerHandoverDetailDtoList:[]
    }
  }
  },
  mounted() {
   this.handoverApprovalFn()
    },
  methods:{
    handoverApprovalFn(){
      handoverApprovalDetails({approvalId:this.processId}).then(r =>{
        this.info =r.data
      })
    }
  }
}
</script>

<style scoped>

</style>