我的信息

src/api/my.js

@@ -0,0 +1,9 @@
+import request from '@/utils/httpRequest'
+
+// 获取我的个人信息
+export function getMyInfo () {
+  return request({
+    url: request.adornUrl(`/biz-service/personal/my-info`),
+    method: 'get'
+  })
+}

src/icons/svg/icon-wode.svg

@@ -0,0 +1 @@
+<svg t="1654005430897" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4631" width="200" height="200"><path d="M656.07 492.812a266.713 266.713 0 1 0-284.302 0C176.37 554.853 41.734 748.972 41.734 991.38a31.98 31.98 0 1 0 63.96 0c0-261.276 174.61-458.593 406.466-458.593S918.306 730.743 918.306 991.38a31.98 31.98 0 0 0 63.96 0c0-240.81-133.037-434.288-326.196-498.568zM311.965 266.713a202.753 202.753 0 1 1 202.753 202.754 203.073 203.073 0 0 1-202.753-202.754z" p-id="4632"></path></svg>

src/views/modules/my/my-info.vue

@@ -0,0 +1,106 @@
+<template>
+    <div>
+      <e-desc title="基本信息" column="3">
+        <e-desc-item label="登录名">{{dataForm.userEntity?dataForm.userEntity.username:''}}</e-desc-item>
+        <e-desc-item label="姓名">{{dataForm.userEntity?dataForm.userEntity.name:''}}</e-desc-item>
+        <e-desc-item label="所属部门">{{dataForm.userEntity?dataForm.userEntity.orgName:''}}</e-desc-item>
+
+        <e-desc-item label="邮箱">{{dataForm.userEntity?dataForm.userEntity.email:''}}</e-desc-item>
+        <e-desc-item label="手机号">{{dataForm.userEntity?dataForm.userEntity.mobile:''}}</e-desc-item>
+        <e-desc-item label="权限角色">{{dataForm.userEntity?dataForm.userEntity.roleNames:''}}</e-desc-item>
+
+        <e-desc-item label="状态" span="3">{{dataForm.userEntity?(Number(dataForm.userEntity.status) === 1?'正常':'禁用'):''}}</e-desc-item>
+      </e-desc>
+      <e-desc title="掌握的工种" column="3">
+        <el-table
+          :data="dataForm.workTypeList"
+          border
+          style="width: 100%;"
+        >
+          <el-table-column
+            label="序号"
+            type="index"
+            width="50"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="code"
+            header-align="center"
+            align="center"
+            min-width="120"
+            :show-tooltip-when-overflow="true"
+            label="工种编码">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            header-align="center"
+            align="center"
+            min-width="140"
+            :show-tooltip-when-overflow="true"
+            label="工种名称">
+          </el-table-column>
+          <el-table-column
+            prop="levelValue"
+            header-align="center"
+            align="center"
+            min-width="100"
+            :show-tooltip-when-overflow="true"
+            label="工种级别">
+          </el-table-column>
+          <el-table-column
+            prop="requirement"
+            header-align="center"
+            align="center"
+            min-width="160"
+            :show-tooltip-when-overflow="true"
+            label="工种要求">
+          </el-table-column>
+          <el-table-column
+            prop="notes"
+            header-align="center"
+            align="center"
+            min-width="140"
+            :show-tooltip-when-overflow="true"
+            label="备注">
+          </el-table-column>
+        </el-table>
+      </e-desc>
+    </div>
+</template>
+
+<script>
+  import EDesc from '../common/e-desc'
+  import EDescItem from '../common/e-desc-item'
+  import { getMyInfo } from '@/api/my'
+
+  export default {
+    name: 'my-info',
+    components: {
+      EDesc, EDescItem
+    },
+    data () {
+      return {
+        dataForm: {
+          userEntity: {},
+          workTypeList: []
+        }
+      }
+    },
+    created () {
+      this.getDataList()
+    },
+    methods: {
+      getDataList () {
+        getMyInfo().then(({data}) => {
+          if (data && data.code === '200') {
+            this.dataForm = data.data
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>