27 lines
864 B
Vue
27 lines
864 B
Vue
<script setup>
|
|
import { defineProps, defineEmits } from 'vue'
|
|
|
|
const props = defineProps({
|
|
nextMonthPlan: String
|
|
})
|
|
|
|
const emit = defineEmits(['update:nextMonthPlan'])
|
|
</script>
|
|
|
|
<template>
|
|
<div class="plan-reporting">
|
|
<label>계획 내용</label>
|
|
<textarea
|
|
:value="nextMonthPlan"
|
|
@input="emit('update:nextMonthPlan', $event.target.value)"
|
|
class="full-textarea"
|
|
placeholder="다음 달 마케팅 전략을 입력하세요."></textarea>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.plan-reporting label { display: block; margin-bottom: 0.5rem; font-size: 0.85rem; color: #475569; font-weight: 600; }
|
|
.full-textarea { width: 100%; height: 400px; padding: 1.5rem; border: 1px solid #e2e8f0; border-radius: 12px; resize: none; outline: none; font-size: 1rem; line-height: 1.6; }
|
|
.full-textarea:focus { border-color: #2563eb; }
|
|
</style>
|