53 lines
1.1 KiB
Vue
53 lines
1.1 KiB
Vue
<template>
|
|
<el-scrollbar height="100%">
|
|
<div class="prompt-module">
|
|
<div class="left">
|
|
<h2>
|
|
<span class="iconfont icon-chat"></span>
|
|
提示词模块
|
|
</h2>
|
|
|
|
<PromptTemplates :tab-id="props.tabId"></PromptTemplates>
|
|
|
|
</div>
|
|
<div class="right">
|
|
<PromptReader :tab-id="props.tabId"></PromptReader>
|
|
|
|
<PromptLogger :tab-id="props.tabId"></PromptLogger>
|
|
</div>
|
|
</div>
|
|
</el-scrollbar>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { defineProps } from 'vue';
|
|
import PromptTemplates from './prompt-templates.vue';
|
|
import PromptReader from './prompt-reader.vue';
|
|
import PromptLogger from './prompt-logger.vue';
|
|
|
|
const props = defineProps({
|
|
tabId: {
|
|
type: Number,
|
|
required: true
|
|
}
|
|
});
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
.prompt-module {
|
|
padding: 20px;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.prompt-module .left {
|
|
width: 45%;
|
|
max-width: 410px;
|
|
}
|
|
|
|
.prompt-module .right {
|
|
width: 45%;
|
|
}
|
|
</style> |