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>
        <div class="defaultInfo">
          <span >基本信息</span>
        </div>
        <defaultInfo :data="basicData"></defaultInfo>
        <div class="defaultInfo-sys">
          <span >系统信息</span>
        </div>
        <defaultInfo :data="systemData"></defaultInfo>
      </template>
      <template #tab1>
        <div class="defaultInfo">
          <span >基本信息</span>
        </div>
        <defaultInfo :data="basicData"></defaultInfo>
        <div class="defaultInfo-sys">
          <span >系统信息</span>
        </div>
        <defaultInfo :data="systemData"></defaultInfo>
      </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 defaultInfo from '@/template/defaultInfo/index.vue'
import { useRouter } from "vue-router";
import { onMounted,ref } from "vue";
const router = useRouter()
const mainAreaData = ref([])
const basicData = ref([])
const systemData = 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.hrcode
    },
    {
      label:'账号',
      value:data.accountno
    },
    {
      label:'姓名',
      value:data.name
    },
    {
      label:'手机号',
      value:data.phonenumber
    },
    {
      label:'部门',
      value:data.depname
    },
    {
      label:'职位',
      value:data.position
    },
    {
      label:'是否部门负责人',
      value:data.isleader === 1?'是':'否'
    },
    {
      label:'状态',
      value:data.status == 1?'在职':'离职'
    },
  ]
  basicData.value = [
    {
      label:'编号',
      value:data.hrcode
    },
    {
      label:'账号',
      value:data.accountno
    },
    {
      label:'姓名',
      value:data.username
    },
    {
      label:'账号类型',
      value:data.usertypename
    },
    {
      label:'授权角色',
      value:data.userrole
    },
    {
      label:'手机号',
      value:data.phonenumber
    },
    {
      label:'部门',
      value:data.depname
    },
    {
      label:'职位',
      value:data.position
    },
    {
      label:'是否部门负责人',
      value:data.isleader === 1?'是':'否'
    },
    {
      label:'状态',
      value:data.status == 1?'在职':'离职'
    },
  ]
  systemData.value = [
    {
      label:'创建时间',
      value:data.createdate
    },
    {
      label:'创建人',
      value:data.createby
    },
    {
      label:'最近编辑时间',
      value:data.changedate
    },
    {
      label:'最近编辑人',
      value:data.changeby
    },
  ]
}
const onSelectChange = (val) =>{
  console.log(val,'orderManage')
}
onMounted (()=>{
  mianData()
})
</script>
<style>
</style>