小程序

Mr.Shi

2023-09-04 682182cf67a5aa9fed34335fea22d4673f30f10c

 minipro_standard/pages/personal/personal.vue

@@ -1,41 +1,45 @@
<template>
   <view class="info">
      <view class="info_portrait">
         <image src="@/static/2@2x.png" mode="widthFix" />
         <image :src="userInfo.avatar ? userInfo.avatar : avatar" mode="widthFix" />
         <text>用户名</text>
      </view>
      <view class="info_list">
         <view class="info_list_item">
            <text>昵称</text>
            <text>暂无昵称</text>
            <text>{{userInfo.realname ? userInfo.realname : '暂无昵称'}}</text>
         </view>
         <view class="info_list_item">
            <text>手机号</text>
            <text>暂无手机号</text>
            <text>{{userInfo.companyUser.phone ? userInfo.companyUser.phone : '暂无手机号'}}</text>
         </view>
         <view class="info_list_item">
            <text>所属部门</text>
            <text>暂无所属部门</text>
            <text>{{userInfo.department.name ? userInfo.department.name : '暂无所属部门'}}</text>
         </view>
         <view class="info_list_item">
            <text>岗位</text>
            <text>暂无岗位</text>
            <text>{{userInfo.companyUser.positionName ? userInfo.companyUser.positionName : '暂无岗位'}}</text>
         </view>
         <view class="info_list_item">
            <text>当前组织</text>
            <text>暂无组织</text>
            <text>{{userInfo.rootDepartment.name ? userInfo.rootDepartment.name : '暂无组织'}}</text>
         </view>
      </view>
   </view>
</template>

<script>
   import { mapState } from 'vuex'
   export default {
      data() {
         return {
				
            avatar: require('@/static/2@2x.png'),
         };
      }
      },
      computed: mapState([
         'userInfo'
      ])
   }
</script>