|
@@ -2,13 +2,17 @@
|
|
|
const dialogVisible = ref(false)
|
|
const dialogVisible = ref(false)
|
|
|
|
|
|
|
|
const requestContent = ref()
|
|
const requestContent = ref()
|
|
|
|
|
+// const requestList = ref([])
|
|
|
const responseContent = ref()
|
|
const responseContent = ref()
|
|
|
|
|
+// const responseList = ref()
|
|
|
const requestContentRef = ref<HTMLElement | null>(null)
|
|
const requestContentRef = ref<HTMLElement | null>(null)
|
|
|
const responseHeight = ref(580)
|
|
const responseHeight = ref(580)
|
|
|
const openDialog = (request, response) => {
|
|
const openDialog = (request, response) => {
|
|
|
dialogVisible.value = true
|
|
dialogVisible.value = true
|
|
|
requestContent.value = request
|
|
requestContent.value = request
|
|
|
- responseContent.value = response
|
|
|
|
|
|
|
+ responseContent.value = response.choices[0].message.content
|
|
|
|
|
+ // requestList.value = JSON.stringify(request).split('\n')
|
|
|
|
|
+ // responseList.value = JSON.stringify(response).split('\n')
|
|
|
nextTick(() => {
|
|
nextTick(() => {
|
|
|
if (requestContentRef.value) {
|
|
if (requestContentRef.value) {
|
|
|
const height = requestContentRef.value.scrollHeight
|
|
const height = requestContentRef.value.scrollHeight
|
|
@@ -33,14 +37,20 @@ defineExpose({
|
|
|
<div class="title">Request Content</div>
|
|
<div class="title">Request Content</div>
|
|
|
<div class="content" ref="requestContentRef">
|
|
<div class="content" ref="requestContentRef">
|
|
|
{{ requestContent }}
|
|
{{ requestContent }}
|
|
|
|
|
+ <!-- <p v-for="(item, index) in requestList" :key="index">
|
|
|
|
|
+ {{ item }}
|
|
|
|
|
+ </p> -->
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<el-divider style="margin: 16px 0" />
|
|
<el-divider style="margin: 16px 0" />
|
|
|
<div class="response-section">
|
|
<div class="response-section">
|
|
|
<div class="title">Response Content</div>
|
|
<div class="title">Response Content</div>
|
|
|
- <p class="content" :style="{ height: responseHeight + 'px' }">
|
|
|
|
|
|
|
+ <div class="content" :style="{ height: responseHeight + 'px' }">
|
|
|
|
|
+ <!-- <p v-for="(item, index) in responseList" :key="index">
|
|
|
|
|
+ {{ item }}
|
|
|
|
|
+ </p> -->
|
|
|
{{ responseContent }}
|
|
{{ responseContent }}
|
|
|
- </p>
|
|
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
</template>
|
|
</template>
|