47 lines
1.3 KiB
Vue
47 lines
1.3 KiB
Vue
<template>
|
|
<view class="page">
|
|
<fy-header title="我的资料" back />
|
|
<view class="card">
|
|
<view v-for="r in rows" :key="r.k" class="row">
|
|
<text class="k">{{ r.k }}</text>
|
|
<text class="v">{{ r.v }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import FyHeader from '../../components/fy-header.vue'
|
|
import { store } from '../../utils/store.js'
|
|
import { oaGet } from '../../utils/api.js'
|
|
|
|
export default {
|
|
components: { FyHeader },
|
|
data() { return { profile: {} } },
|
|
computed: {
|
|
rows() {
|
|
const m = store.me || {}
|
|
const p = this.profile || {}
|
|
return [
|
|
{ k: '姓名', v: p.realName || m.name },
|
|
{ k: '手机', v: p.phone || m.phone },
|
|
{ k: '部门', v: p.dept || m.department },
|
|
{ k: '职务', v: p.role || m.title },
|
|
{ k: '工号', v: p.jobNo || m.jobId || '-' },
|
|
{ k: '状态', v: p.employeeStatus || m.employeeStatus || '在职' }
|
|
]
|
|
}
|
|
},
|
|
onShow() {
|
|
oaGet('/profile', store.token).then((d) => { this.profile = d || {} }).catch(() => {})
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.card { margin: 24rpx; overflow: hidden; }
|
|
.row { display: flex; justify-content: space-between; padding: 28rpx 24rpx; border-bottom: 1rpx solid #E8ECF2; }
|
|
.k { color: #6B7280; font-size: 26rpx; }
|
|
.v { font-size: 26rpx; }
|
|
</style>
|