|
|
@@ -1,24 +1,26 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-dialog
|
|
|
- title="智能创建"
|
|
|
- :visible.sync="aiDialogVisible"
|
|
|
- :append-to-body="true"
|
|
|
- width="600px"
|
|
|
- :before-close="handleClose"
|
|
|
- class="pub_dialog_diy" v-loading="loading">
|
|
|
+ <el-dialog title="智能创建" :visible.sync="aiDialogVisible" :append-to-body="true" width="600px"
|
|
|
+ :before-close="handleClose" class="pub_dialog_diy" v-loading="loading">
|
|
|
<div>
|
|
|
<div class="ex_box">
|
|
|
例子：请你以富文本的形式给我出三个关于小学数学单位换算的选择题，每个选择题选项不少于4个，需要答案，但不需要解释，符号请使用中文的
|
|
|
</div>
|
|
|
<div class="ac_box">
|
|
|
- <el-input v-model="text" placeholder="请在这里输入要发送的消息" size="normal" type="textarea" resize="none" :rows="3"></el-input>
|
|
|
+ <el-input v-model="text" placeholder="请在这里输入要发送的消息" size="normal" type="textarea" resize="none"
|
|
|
+ :rows="3"></el-input>
|
|
|
<el-button type="primary" size="mini" @click="generate" style="margin-left:10px">生成</el-button>
|
|
|
</div>
|
|
|
- <div class="ac_content">
|
|
|
+ <div class="ac_content" v-if="aiCreate.length">
|
|
|
<div class="title">生成内容：</div>
|
|
|
- <div class="box" v-if="aiCreate">
|
|
|
- <div></div>
|
|
|
+ <div class="box">
|
|
|
+ <div v-for="(item, index) in aiCreate" :key="index" class="choice">
|
|
|
+ <div class="title">{{ `${index + 1}：${item.title}` }}</div>
|
|
|
+ <div class="options">
|
|
|
+ <span v-for="(option, oIndex) in item.options" :key="`${index}-${oIndex}`">{{ option }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="answer">{{ `答案：${item.answer}` }}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -27,7 +29,7 @@
|
|
|
<el-button type="primary" @click="exportT">导入</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -38,24 +40,25 @@ export default {
|
|
|
aiJson: {
|
|
|
type: Array,
|
|
|
},
|
|
|
- aiDialogVisible:{
|
|
|
+ aiDialogVisible: {
|
|
|
type: Boolean,
|
|
|
}
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- text:"",
|
|
|
- aiCreate:"",
|
|
|
- loading:false
|
|
|
+ text: "",
|
|
|
+ aiCreate: [],
|
|
|
+ aiType: "",
|
|
|
+ loading: false
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- handleClose(done){
|
|
|
+ handleClose(done) {
|
|
|
this.close()
|
|
|
done()
|
|
|
},
|
|
|
close() {
|
|
|
- this.$emit('update:aiDialogVisible',false)
|
|
|
+ this.$emit('update:aiDialogVisible', false)
|
|
|
},
|
|
|
guid() {
|
|
|
var _num,
|
|
|
@@ -71,11 +74,21 @@ export default {
|
|
|
}
|
|
|
return _guid;
|
|
|
},
|
|
|
- generate(){
|
|
|
- if(this.text == ""){
|
|
|
+ generate() {
|
|
|
+ if (this.text == "") {
|
|
|
this.$message.error("请输入要发送的消息")
|
|
|
return
|
|
|
}
|
|
|
+
|
|
|
+ if (this.text.indexOf("选择题") !== -1) {
|
|
|
+ this.aiType = 1
|
|
|
+ } else if (this.text.indexOf("问答题") !== -1) {
|
|
|
+ this.aiType = 2
|
|
|
+ } else if (this.text.indexOf("填空题") !== -1) {
|
|
|
+ this.aiType = 3
|
|
|
+ } else if (this.text.indexOf("添加文档") !== -1) {
|
|
|
+ this.aiType = 4
|
|
|
+ }
|
|
|
this.loading = true
|
|
|
let param = {
|
|
|
model: "gpt-3.5-turbo",
|
|
|
@@ -116,7 +129,7 @@ export default {
|
|
|
}
|
|
|
);
|
|
|
},
|
|
|
- generate2(aiReturn){
|
|
|
+ generate2(aiReturn) {
|
|
|
this.loading = true
|
|
|
let param = {
|
|
|
model: "gpt-3.5-turbo",
|
|
|
@@ -128,7 +141,7 @@ export default {
|
|
|
messages: [
|
|
|
{
|
|
|
role: "user",
|
|
|
- content: `${JSON.stringify(aiReturn)},要求返回格式是Array [{"title":"",opition:[],answer:[]}]`
|
|
|
+ content: `${JSON.stringify(aiReturn)},要求返回格式是Array [{"title":"",options:[],answer:[]}]`
|
|
|
},
|
|
|
],
|
|
|
uid: this.guid(),
|
|
|
@@ -146,6 +159,8 @@ export default {
|
|
|
return;
|
|
|
}
|
|
|
let aiCreate = res.data.FunctionResponse.choices[0].message.content;
|
|
|
+ aiCreate = JSON.parse(aiCreate)
|
|
|
+ console.log(aiCreate)
|
|
|
this.aiCreate = aiCreate;
|
|
|
this.loading = false
|
|
|
},
|
|
|
@@ -154,31 +169,111 @@ export default {
|
|
|
this.loading = false
|
|
|
}
|
|
|
);
|
|
|
+ },
|
|
|
+ exportT() {
|
|
|
+ if (!this.aiCreate.length) {
|
|
|
+ this.$message.error("请先创建Ai内容!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(this.aiType !== 1){
|
|
|
+ this.$message.error("目前只支持选择题的创建！输入内容必须包含选择题三个字！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var json = JSON.parse(JSON.stringify(this.aiJson))
|
|
|
+ let array = []
|
|
|
+ let englishIndex = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
|
|
|
+ if(this.aiType === 1){
|
|
|
+ for (var i = 0; i < this.aiCreate.length; i++) {
|
|
|
+ let answer = []
|
|
|
+ let type = 1
|
|
|
+ if (this.aiCreate[i].answer) {
|
|
|
+ if (this.aiCreate[i].answer.length > 1) {
|
|
|
+ type = 2
|
|
|
+ for (var j = 0; j < this.aiCreate[i].answer.length; j++) {
|
|
|
+ answer.push(englishIndex.indexOf(this.aiCreate[i].answer[j].toLocaleUpperCase()))
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ answer = [englishIndex.indexOf(this.aiCreate[i].answer[0].toLocaleUpperCase())]
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ let options = []
|
|
|
+ for (var j = 0; j < this.aiCreate[i].options.length; j++) {
|
|
|
+ options.push({
|
|
|
+ img: "",
|
|
|
+ option: this.aiCreate[i].options[j]
|
|
|
+ })
|
|
|
+ }
|
|
|
+ array.push(
|
|
|
+ {
|
|
|
+ json: {
|
|
|
+ answer: answer,
|
|
|
+ array: options,
|
|
|
+ title: this.aiCreate[i].title,
|
|
|
+ type: type
|
|
|
+ },
|
|
|
+ ttype: 1,
|
|
|
+ type: 1
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (!json.length || json[0].ttype == 1) {
|
|
|
+ json = [...json, ...array]
|
|
|
+ } else if((json[0].ttype == 2 || json[0].ttype == 3) && !json[0].array.length){
|
|
|
+ json[0].array = array
|
|
|
+ } else if(json[0].ttype == 2 && json[0].array.length){
|
|
|
+ json[0].array = [...json[0].array, ...array]
|
|
|
+ } else if(json[0].ttype == 3 && json[0].array.length){
|
|
|
+ if(json[0].array[0].ttype == 2){
|
|
|
+ json[0].array[0].array = [...json[0].array[0].array, ...array]
|
|
|
+ }else {
|
|
|
+ json[0].array = [...json[0].array, ...array]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$emit("update:aiJson", json)
|
|
|
+ this.close()
|
|
|
}
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-.ac_box{
|
|
|
+.ac_box {
|
|
|
display: flex;
|
|
|
width: 100%;
|
|
|
align-items: flex-end;
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
|
|
|
-.ex_box{
|
|
|
+.ex_box {
|
|
|
margin-bottom: 10px;
|
|
|
color: #909090;
|
|
|
}
|
|
|
|
|
|
-.ac_content{
|
|
|
+.ac_content {}
|
|
|
|
|
|
-}
|
|
|
-.ac_content > .title{
|
|
|
+.ac_content>.title {
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
-.ac_content > .box{
|
|
|
-
|
|
|
+
|
|
|
+.ac_content>.box {}
|
|
|
+
|
|
|
+.ac_content>.box>.choice+.choice {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.ac_content>.box>.choice>div+div {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.ac_content>.box>.choice>.options {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.ac_content>.box>.choice>.options>span {
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-bottom: 5px;
|
|
|
}
|
|
|
</style>
|
