yos_web/src/HManagement/marketing2/saler/area/detail/index.vue

<template>
  <div>
    <basicDetails
        ref="details"
        :titleText="mainData.name"
        formPath="marketing2/saler"
        :editData="mainData"
        :mainAreaData="mainAreaData"
        turnPageId="20221011144603"
        delApiId="20221011144803"
        idname="sa_salearea_hrid"
        ownertable="sa_salearea_hr"
        tags=""
        :tabs="['详细信息','业绩目标']"
        @pageChange="pageChange"
        @onEditSuccess="queryMainData($route.query.id)">
      <div slot="tags">
      </div>
      <div slot="customOperation" >
        
      </div>
      <div slot="slot0" >
        <detailed ref="detailed"></detailed>
      </div>
    </basicDetails>
  </div>
</template>

<script>
import detailed from './modules/detailedData'
export default {
  components:{detailed},
  data () {
    return {
      mainData:{},
      mainAreaData:{}
    }
  },
  methods:{
    async queryMainData (id) {
      const res = await this.$api.requested({
        "classname": "webmanage.sale.salearea.salearea",
        "method": "query_salermain",
        "content": {
          "sa_salearea_hrid":id
        }
      })
      this.mainData = res.data
      this.$refs['details'].param.content.sa_saleareaid = this.mainData.sa_saleareaid
      this.changeDataStructure()
      this.$refs.detailed.detailedList(this.mainData)
    },
    // 监听切换数据,上一页,下一页
    pageChange (id,rowindex) {
      this.$router.replace({path:'/saler_detail',query:{id:id,rowindex:rowindex}})
      this.queryMainData(id)
    },
    changeDataStructure () {
      this.mainAreaData = [
        {
          label:'业务员',
          value:this.mainData.name
        },
        {
          label:'编号',
          value:this.mainData.hrcode
        },
        {
          label:'部门',
          value:this.mainData.depname
        },
        {
          label:'手机号',
          value:this.mainData.phonenumber
        },
        {
          label:'邮箱',
          value:this.mainData.email
        },
        {
          label:'负责区域',
          value:this.mainData.areaname
        },
        {
          label:'汇报对象',
          value:this.mainData.reporthrname
        },
        {
          label:'最低权限折扣率',
          value:this.mainData.discountrate*100
        }
      ]
    },
  },
  mounted () {
    /*this.query_salermain()*/

    console.log("id"+'_____'+this.$route.query.id)
    this.queryMainData(this.$route.query.id)
  }
}

</script>
<style>
</style>