<template>
    <div class="rounded q-pa-lg bg-white border-light col full-height">
        <div class="row">
            <div class="card-h2 col">行程介绍</div>
            <el-button color="#626aef" style="border-radius: 3px;" size="small" @click="()=>editorVisible=true">编辑</el-button>
        </div>
        <div class="q-mt-lg">
            <div v-html="itinerary" v-if="itinerary!=''"></div>
            <el-empty description="请点击右上角“编辑”按钮进行添加 ~" />
        </div>
    </div>
    <text-editor v-model:value="itinerary" v-model:visible="editorVisible" title="编辑行程介绍"></text-editor>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import TextEditor from './TextEditor.vue';

const itinerary = ref('')
const editorVisible = ref(false)
</script>
<style>

</style>