101 lines
2.6 KiB
Vue
101 lines
2.6 KiB
Vue
|
<template>
|
|||
|
|
<el-dialog
|
|||
|
|
title="文件上传设置"
|
|||
|
|
v-model="dialogVisible"
|
|||
|
|
:close-on-click-modal="false"
|
|||
|
|
:close-on-press-escape="false"
|
|||
|
|
:destroy-on-close="true"
|
|||
|
|
:before-close="close"
|
|||
|
|
append-to-body
|
|||
|
|
>
|
|||
|
|
<el-form
|
|||
|
|
label-position="top"
|
|||
|
|
ref="fieldFormRef"
|
|||
|
|
:model="form_data"
|
|||
|
|
require-asterisk-position="right">
|
|||
|
|
<el-form-item label="单次上传最多文件数">
|
|||
|
|
<el-slider v-model="form_data.maxFiles" show-input :show-input-controls="false" :min="1" :max="10" />
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="每个文件最大（MB）">
|
|||
|
|
<el-slider v-model="form_data.fileLimit" show-input :show-input-controls="false" :min="1" :max="100" />
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="上传的文件类型">
|
|||
|
|
<el-card style="width: 100%" class="mb-8">
|
|||
|
|
<div class="flex-between">
|
|||
|
|
<p>
|
|||
|
|
文档（TXT、MD、DOCX、HTML、CSV、XLSX、XLS、PDF）
|
|||
|
|
需要与文档内容提取节点配合使用
|
|||
|
|
</p>
|
|||
|
|
<el-checkbox v-model="form_data.document" />
|
|||
|
|
</div>
|
|||
|
|
</el-card>
|
|||
|
|
<el-card style="width: 100%" class="mb-8">
|
|||
|
|
<div class="flex-between">
|
|||
|
|
<p>
|
|||
|
|
图片（JPG、JPEG、PNG、GIF）
|
|||
|
|
所选模型需要支持接收图片
|
|||
|
|
</p>
|
|||
|
|
<el-checkbox v-model="form_data.image" />
|
|||
|
|
</div>
|
|||
|
|
</el-card>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
<template #footer>
|
|||
|
|
<span class="dialog-footer">
|
|||
|
|
<el-button @click.prevent="close"> 取消 </el-button>
|
|||
|
|
<el-button type="primary" @click="submit()" :loading="loading">
|
|||
|
|
确定
|
|||
|
|
</el-button>
|
|||
|
|
</span>
|
|||
|
|
</template>
|
|||
|
|
</el-dialog>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup lang="ts">
|
|||
|
|
import { nextTick, ref } from 'vue'
|
|||
|
|
|
|||
|
|
const emit = defineEmits(['refresh'])
|
|||
|
|
const props = defineProps<{ nodeModel: any }>()
|
|||
|
|
|
|||
|
|
const dialogVisible = ref(false)
|
|||
|
|
const loading = ref(false)
|
|||
|
|
const fieldFormRef = ref()
|
|||
|
|
const form_data = ref({
|
|||
|
|
maxFiles: 3,
|
|||
|
|
fileLimit: 50,
|
|||
|
|
document: true,
|
|||
|
|
image: false,
|
|||
|
|
audio: false,
|
|||
|
|
video: false
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
function open(data: any) {
|
|||
|
|
dialogVisible.value = true
|
|||
|
|
nextTick(() => {
|
|||
|
|
form_data.value = { ...form_data.value, ...data }
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function close() {
|
|||
|
|
dialogVisible.value = false
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function submit() {
|
|||
|
|
const formEl = fieldFormRef.value
|
|||
|
|
if (!formEl) return
|
|||
|
|
await formEl.validate().then(() => {
|
|||
|
|
emit('refresh', form_data.value)
|
|||
|
|
props.nodeModel.graphModel.eventCenter.emit('refreshFileUploadConfig')
|
|||
|
|
dialogVisible.value = false
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
defineExpose({
|
|||
|
|
open
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
|
|||
|
|
</style>
|