<template>
  <ul class="user-info">
    <li v-for="(value,key) in userUlList" class="list-group-item">
      {{ value }}
      <div>
        {{ userInfo[key] }}
      </div>
    </li>
  </ul>
</template>

<script setup name='UserInfoDisplay'>
import {computed} from "vue";
import store from '@/store';

const userInfo = computed(() => {
  return store.getters['user/info']
})

let userUlList = {
  code: '编码',
  codeRs: '工号',
  name: '姓名',
  deptName: '科室',
  deptCode: '科室编码',
  ybCode: '医保编码'
}

</script>

<style scoped lang="scss">
.user-info {
  padding-left: 0;
  list-style: none;
  color: black;

  .list-group-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    margin-bottom: -1px;
    padding: 11px 0;
    font-size: 13px;

    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
}
</style>
