<template>
  <div v-show="show" class="personal-advantages">
    <div class="edit-info">编辑个人优势</div>
    <el-input v-model="textareaVal" type="textarea" show-word-limit :maxlength="500" :rows="8" />
    <div class="edit-resume-btn">
      <el-button size="large" style="width: 100px" @click="emits('update:show', false)"
        >取消</el-button
      >
      <el-button size="large" type="primary" style="width: 100px">完成</el-button>
    </div>
  </div>
</template>

<script setup lang="ts">
defineProps({
  show: {
    type: Boolean,
    default: false
  }
})

const emits = defineEmits(['update:show'])

const textareaVal = ref()
</script>

<style lang="scss" scoped>
.personal-advantages {
  background: #f8f8f8;
  border-radius: 12px;
  padding: 24px;
  font-weight: 400;
  color: #222222;
  .edit-info {
    font-size: 18px;
    margin-bottom: 24px;
  }
  .edit-resume-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 24px;
  }
}
</style>
