<template>
<div>
  <div class="container normal-panel normal-margin saler-details">
    <el-descriptions title="业务员信息" :column="4">
      <el-descriptions-item label="业务员姓名">{{salerInfo.name}}</el-descriptions-item>
      <el-descriptions-item label="部门">{{salerInfo.depname}}</el-descriptions-item>
      <el-descriptions-item label="邮箱">{{salerInfo.email}}</el-descriptions-item>
      <el-descriptions-item label="负责区域">{{salerInfo.areaname}}</el-descriptions-item>
      <el-descriptions-item label="编号">{{salerInfo.hrcode}}</el-descriptions-item>
      <el-descriptions-item label="手机号码">{{salerInfo.phonenumber}}</el-descriptions-item>
      <el-descriptions-item label="职位">{{salerInfo.position}}</el-descriptions-item>
      <el-descriptions-item label="汇报对象">{{salerInfo.reporthrname}}</el-descriptions-item>
    </el-descriptions>
  </div>
  <div  class="my-tabs" style="padding:0 16px">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="授权领域/品牌" name="first"></el-tab-pane>
      <el-tab-pane label="业绩目标" name="second"></el-tab-pane>
    </el-tabs>
  </div>
  <div class="container normal-panel normal-margin">

  </div>
</div>
</template>

<script>
export default {
  data () {
    return {
      salerInfo:{},
      activeName:'first'
    }
  },
  methods:{
    async query_salermain () {
      const res = await this.$api.requested({
        "classname": "webmanage.sale.salearea.salearea",
        "method": "query_salermain",
        "content": {
            "sa_salearea_hrid":this.$route.query.id
        }
      })
      this.salerInfo = res.data
    }
  },
  mounted () {
    this.query_salermain()
  }
}

</script>
<style>
</style>