<template>
	<view>
		<view class="font-md text-dark font-weight pt-2">挂钩干部</view>
		<view class="py-2 border-bottom">
			<text class="text-primary">姓名：</text>
			<text class="text-secondary">{{hookName ? hookName : cadresData.realName}}</text>
		</view>
		<!-- <view class="py-2 border-bottom d-flex a-center">
			<text class="text-primary">联系电话：</text>
			<u--input v-model="cadresData.mobilePhone" color="#666666" :readonly="onlyFlag"
				:border="onlyFlag ? 'none' : 'surround'" :placeholder="!onlyFlag ? '请输入手机号码' : ''"></u--input>
		</view> -->
	</view>
</template>

<script>
	import {Store} from "@/common/store.js";
	export default {
		name: 'cadresItem',
		props: {
			cadresData: {
				type: Object,
				default: () => {}
			},
			readOnlyFlag: {
				type: Boolean,
				default: false
			}
		},
		computed: {
			onlyFlag() {
				return this.readOnlyFlag
			}
		},
		data() {
			return {
        hookName: ""
      }
		},
		mounted() {
      this.hookName = this.cadresData.realName
      const userInfo = Store.getUser() ? JSON.parse(Store.getUser()) : {}
      if( userInfo?.roleLevel == '2'){
        this.hookName = userInfo.userName
      }
		},
		methods: {}
	}
</script>

<style>
</style>