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"
        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 class="inline-16">
          <PortraitDetail ref="PortraitDetail" v-if="PortraitShow" :data="mainData" :hrid="mainData.hrid"></PortraitDetail>
          <el-button type="primary" size="mini" @click="portraitShowFun">{{ $t('360°画像') }}</el-button>
        </div>
        <!-- <mindmap class="inline-16" ref="mindmap" :id="mainData.hrid" name="saler"></mindmap> -->
        <el-button class="inline-16" v-if="tool.checkAuth($route.name,'delete')" type="primary" size="mini" @click="deleteSaler">{{$t(`删 除`)}}</el-button>
      </div>
      <div slot="slot0" >
        <detailed :detailData="mainData"></detailed>
      </div>
      <div slot="slot1">
        <TradefieldList :mainData="mainData"></TradefieldList>
      </div>
      <div slot="slot2">
        <areaBase :data="mainData"></areaBase>
      </div>
      <div slot="slot3">
        <accountInfo :hrid="mainData.hrid"></accountInfo>
      </div>
    </basicDetails>
  </div>
</template>

<script>
import detailed from './modules/detailedData'
import TradefieldList from './modules/tradefieldList'
import areaBase from './modules/areaBase/index'
import mindmap from "@/components/mindmap/index.vue";
// import PortraitDetail from './modules/Prortraitdetail.vue'
import PortraitDetail from '@/HDrpManagement/salerPortrait/modules/detail.vue'
import accountInfo from './modules/accountInfo.vue'

export default {
  components:{detailed,TradefieldList,areaBase,mindmap,PortraitDetail,accountInfo},
  data () {
    return {
      mainData:{},
      mainAreaData:{},
      PortraitShow:false
    }
  },
  methods:{
    async deleteSaler () {
      this.$confirm('确定删除当前业务员吗?',this.$t('提示'),{
        confirmButtonText:this.$t('确定'),
        cancelButtonText:this.$t('取消'),
        type:'warning'
      }).then(async() => {
        let res = await this.$api.requested({
          "id":20221011144803,
          "content": {
            sa_saleareaids: [
              {
                sa_saleareaid: this.mainData.sa_saleareaid,
                hrid: this.mainData.hrid
              }
            ]
          }
        })
        this.tool.showMessage(res,() => {
          this.$store.dispatch('changeDetailDrawer',false)
        })
      })
    },
    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
      console.log(this.mainData);
      this.$refs['details'].param.content.sa_saleareaid = this.mainData.sa_saleareaid
      if (this.$route.query.portrait == '1' || this.$route.query.portrait == 'khtj' || this.$route.query.portrait == 'xmtj' || this.$route.query.portrait == 'xstj' || this.$route.query.portrait == 'yxht' || this.$route.query.portrait == 'xmbj' || this.$route.query.portrait == 'khbj'){
        this.$refs.mindmap.onShow()
      }
      this.changeDataStructure()

    },
    portraitShowFun () {
      this.PortraitShow = true
      this.$nextTick(() => {
        this.$refs.PortraitDetail.dialogFormVisible=true
      })
    },
    // 监听切换数据,上一页,下一页
    pageChange (id,rowindex) {
      this.$router.replace({path:'/saler_detail',query:{id:id,rowindex:rowindex,portrait:''}})
      this.queryMainData(id)
    },
    changeDataStructure () {
      this.mainAreaData = [
        {
          label:'编号',
          value:this.mainData.hrcode
        },
        {
          label:'登录账号',
          value:this.mainData.accountno
        },
        {
          label:'业务员',
          value:this.mainData.name
        },
        {
          label:'部门',
          value:this.mainData.depname
        },
        {
          label:'手机号',
          value:this.mainData.userphonenumber
        },
        {
          label:'邮箱',
          value:this.mainData.email
        },
        {
          label:'负责区域',
          value:this.mainData.areaname
        },
        {
          label:'汇报对象',
          value:this.mainData.reporthrname
        },
        {
          label:'是否可编辑订单价格',
          value:this.mainData.iseditprice == '1' ? '是' : '否'
        },
        {
          label:'最低授权折扣(%)',
          value:Math.round((this.mainData.discountrate*100)*100)/100
        }
      ]
    },
  },
  mounted () {
    /*this.query_salermain()*/

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

</script>
<style>
</style>