swOperation/src/operation/moduleNormal/depManage/detail/index.vue

<template>
  <div>
    <detail-template :headData="mainAreaData" :title="userData.name" :tabs="[]" ownertable="sys_hr" :delParam="{id:'20221102090403',content:{hrids:[router.currentRoute.value.query.id]}}">
      <template #operation>
        <edit :data="userData" @onSuccess="mianData"></edit>
        <bindUserToAccount :data="userData" @onSuccess="mianData"/>
        <ceateAccount :data="userData" :hrid="router.currentRoute.value.query.id" @onSuccess="mianData"/>
      </template>
      <template #tab0>
      </template>
    </detail-template>
  </div>
</template>

<script setup>
import Api from '@/api/api'
import utils  from '@/utils/utils'

import productList from '@/template/normalTable/index.vue'
import detailTemplate from '@/components/detailTemplate/index.vue'
import edit from './modules/edit.vue'
import ceateAccount from './modules/ceateAccount.vue'
import bindUserToAccount from './modules/bindUserToAccount.vue'
import { useRouter } from "vue-router";
import { onMounted,ref } from "vue";
const router = useRouter()
const mainAreaData = ref([])
const param = ref({
  "id": 20221109093902,
  "content": {
    "sa_orderid": 0, //订单ID
    "pageNumber": 1,
    "pageSize": 20,
    "where": {
      "condition": ""
    }
  },
})
const userData = ref({})
const mianData = async ()=>{
  const res = await Api.requested({
    "id":20230613102802,
    "content": {
      "nocache":true,
      "hrid": router.currentRoute.value.query.id
    }
  })
  userData.value = res.data
  changeDataStructure(res.data)

}
const changeDataStructure = (data) => {
  mainAreaData.value = [
    {
      label:'电话',
      value:data.accountno !== ''?data.userphonenumber:data.phonenumber
    },
    {
      label:'办公电话',
      value:data.officetelephone
    },
    {
      label:'部门',
      value:data.depname
    },
    {
      label:'职位',
      value:data.position
    },
    {
      label:'是否部门负责人',
      value:data.isleader === 1?'是':'否'
    },
    {
      label:'电子邮箱',
      value:data.email
    },
    {
      label:'汇报对象',
      value:data.reporthrname
    },
    {
      label:'身份证号',
      value:data.idcard
    },
    {
      label:'性别',
      value:data.sex
    },
    {
      label:'是否服务人员',
      value:data.isworker === 1?'是':'否'
    }
  ]
}
const onSelectChange = (val) =>{
  console.log(val,'orderManage')
}
onMounted (()=>{
  mianData()
})
</script>
<style>
</style>