<template>
  <td class="el-descriptions__cell el-descriptions__label is-bordered-label" colspan="1">
    <div class="cell-item">
      <i class="iconfont">{{ '\ue7d1' }}</i>
      {{ name }}
    </div>
  </td>
  <td class="el-descriptions__cell el-descriptions__content is-bordered-content" colspan="0">
    <el-tag type="danger"
      >{{ salary }}{{ ['T_user_name', 'T_user_post', 'T_user_dept'].includes(field) ? '' : '￥' }}</el-tag
    >
  </td>
</template>

<script setup lang="ts">
import { toRefs } from 'vue'
interface PropsType {
  name: string
  salary: string
  field: string
}
const props = defineProps<PropsType>()
const { name, salary, field } = toRefs(props)
</script>

<style scoped></style>
