<script setup lang="ts">
|
import { defineProps,ref,defineEmits, onMounted } from 'vue';
|
import { Message } from '@arco-design/web-vue';
|
import { addSessionApi ,getDialogListApi }from '@/api/session';
|
const props=defineProps({
|
modalObj:Object
|
});
|
const conversation=ref({ dialog_id:'', conversation_desc:'' });
|
const dialogList=ref([]);
|
const emit = defineEmits(['addSession']);
|
const queryDialogList=async ()=>{
|
const { code, data } = await getDialogListApi();
|
if(code===200){
|
dialogList.value = data;
|
}
|
};
|
|
const rules = {
|
dialog_id: [
|
{
|
required: true,
|
message: '智能助手不能为空',
|
},
|
],
|
conversation_desc: [
|
{
|
required: true,
|
message: '描述不能为空',
|
}
|
]
|
}
|
onMounted(()=>{
|
queryDialogList();
|
});
|
const formRef = ref();
|
const handleOk=()=>{
|
formRef.value.validate().then(async(res)=>{
|
if(!res){
|
const { code }=await addSessionApi({ ...conversation.value });
|
if(code===200){
|
Message.success('添加成功');
|
emit('addSession');
|
setTimeout(()=>{
|
props.modalObj.add=false;
|
},500);
|
}else{
|
Message.warning('添加失败');
|
}
|
}
|
});
|
|
return false;
|
}
|
const destroyData = ()=>{
|
formRef.value.resetFields();
|
}
|
</script>
|
|
<template>
|
<div>
|
<a-modal v-model:visible="modalObj.add" @before-ok="handleOk" @cancel="modalObj.add=false" @before-close="destroyData">
|
<template #title>
|
新增会话
|
</template>
|
<a-form ref="formRef" :model="conversation" :rules="rules">
|
<a-form-item label="助手关联:" field="dialog_id" @submit="handleSubmit">
|
<a-select style="width: 80%" v-model="conversation.dialog_id" placeholder="请选择关联助手">
|
<a-option v-for="dialog in dialogList" :key="dialog.id" :value="dialog.id">{{dialog.name}}</a-option>
|
</a-select>
|
</a-form-item>
|
<a-form-item label="描述:" field="conversation_desc">
|
<a-textarea placeholder="请输入描述" :max-length="100" show-word-limit :auto-size="{minRows:4,maxRows:5}" v-model="conversation.conversation_desc" style="width: 80%"></a-textarea>
|
</a-form-item>
|
</a-form>
|
</a-modal>
|
</div>
|
</template>
|
|
<style scoped lang="scss">
|
|
</style>
|
