From d29b978732c2907abc41a937de33d71f81ca5b51 Mon Sep 17 00:00:00 2001
From: dongyukun <1208714201@qq.com>
Date: 星期二, 03 六月 2025 13:14:11 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/views/ai/questionparamsetting/QuestionParamSettingForm.vue | 217 ++++++++++++++++++++++++++---------------------------
1 files changed, 106 insertions(+), 111 deletions(-)
diff --git a/src/views/ai/questionparamsetting/QuestionParamSettingForm.vue b/src/views/ai/questionparamsetting/QuestionParamSettingForm.vue
index 869dc3f..85a7c90 100644
--- a/src/views/ai/questionparamsetting/QuestionParamSettingForm.vue
+++ b/src/views/ai/questionparamsetting/QuestionParamSettingForm.vue
@@ -1,117 +1,112 @@
<template>
- <div class="app-container">
- <!-- 对话框(添加 / 修改) -->
- <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="45%" v-dialogDrag
- append-to-body>
- <el-form ref="formRef" :model="formData" :rules="formRules" v-loading="formLoading"
- label-width="100px">
- <el-form-item label="问题模板id" prop="templateId">
- <el-input v-model="formData.templateId" placeholder="请输入问题模板id"/>
- </el-form-item>
- <el-form-item label="key" prop="settingKey">
- <el-input v-model="formData.settingKey" placeholder="请输入key"/>
- </el-form-item>
- <el-form-item label="参数名称" prop="settingName">
- <el-input v-model="formData.settingName" placeholder="请输入参数名称"/>
- </el-form-item>
- <el-form-item label="参数默认值" prop="settingValue">
- <el-input v-model="formData.settingValue" placeholder="请输入参数默认值"/>
- </el-form-item>
- <el-form-item label="排序" prop="sort">
- <el-input v-model="formData.sort" placeholder="请输入排序"/>
- </el-form-item>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="submitForm" :disabled="formLoading">确 定</el-button>
- <el-button @click="dialogVisible = false">取 消</el-button>
- </div>
- </el-dialog>
- </div>
+ <Dialog :title="dialogTitle" v-model="dialogVisible">
+ <el-form
+ ref="formRef"
+ :model="formData"
+ :rules="formRules"
+ label-width="100px"
+ v-loading="formLoading"
+ >
+ <el-form-item label="问题模板id" prop="templateId">
+ <el-input v-model="formData.templateId" placeholder="请输入问题模板id" />
+ </el-form-item>
+ <el-form-item label="key" prop="settingKey">
+ <el-input v-model="formData.settingKey" placeholder="请输入key" />
+ </el-form-item>
+ <el-form-item label="参数名称" prop="settingName">
+ <el-input v-model="formData.settingName" placeholder="请输入参数名称" />
+ </el-form-item>
+ <el-form-item label="参数默认值" prop="settingValue">
+ <el-input v-model="formData.settingValue" placeholder="请输入参数默认值" />
+ </el-form-item>
+ <el-form-item label="排序" prop="sort">
+ <el-input v-model="formData.sort" placeholder="请输入排序" />
+ </el-form-item>
+ </el-form>
+ <template #footer>
+ <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+ <el-button @click="dialogVisible = false">取 消</el-button>
+ </template>
+ </Dialog>
</template>
+<script setup lang="ts">
+import { QuestionParamSettingApi, QuestionParamSettingVO } from '@/api/ai/questionparamsetting'
-<script>
-import * as QuestionParamSettingApi from '@/api/ai/questionparamsetting';
+/** 大模型问题设置参数 表单 */
+defineOptions({ name: 'QuestionParamSettingForm' })
-export default {
- name: "QuestionParamSettingForm",
- components: {},
- data() {
- return {
- // 弹出层标题
- dialogTitle: "",
- // 是否显示弹出层
- dialogVisible: false,
- // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
- formLoading: false,
- // 表单参数
- formData: {
- id: undefined,
- templateId: undefined,
- settingKey: undefined,
- settingName: undefined,
- settingValue: undefined,
- sort: undefined,
- },
- // 表单校验
- formRules: {
- templateId: [{required: true, message: '问题模板id不能为空', trigger: 'blur'}],
- },
- };
- },
- methods: {
- /** 打开弹窗 */
- async open(id) {
- this.dialogVisible = true;
- this.reset();
- // 修改时，设置数据
- if (id) {
- this.formLoading = true;
- try {
- const res = await QuestionParamSettingApi.getQuestionParamSetting(id);
- this.formData = res.data;
- this.title = "修改大模型问题设置参数";
- } finally {
- this.formLoading = false;
- }
- }
- this.title = "新增大模型问题设置参数";
- },
- /** 提交按钮 */
- async submitForm() {
- // 校验主表
- await this.$refs["formRef"].validate();
- this.formLoading = true;
- try {
- const data = this.formData;
- // 修改的提交
- if (data.id) {
- await QuestionParamSettingApi.updateQuestionParamSetting(data);
- this.$modal.msgSuccess("修改成功");
- this.dialogVisible = false;
- this.$emit('success');
- return;
- }
- // 添加的提交
- await QuestionParamSettingApi.createQuestionParamSetting(data);
- this.$modal.msgSuccess("新增成功");
- this.dialogVisible = false;
- this.$emit('success');
- } finally {
- this.formLoading = false;
- }
- },
- /** 表单重置 */
- reset() {
- this.formData = {
- id: undefined,
- templateId: undefined,
- settingKey: undefined,
- settingName: undefined,
- settingValue: undefined,
- sort: undefined,
- };
- this.resetForm("formRef");
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formData = ref({
+ id: undefined,
+ templateId: undefined,
+ settingKey: undefined,
+ settingName: undefined,
+ settingValue: undefined,
+ sort: undefined,
+})
+const formRules = reactive({
+ templateId: [{ required: true, message: '问题模板id不能为空', trigger: 'blur' }],
+})
+const formRef = ref() // 表单 Ref
+
+/** 打开弹窗 */
+const open = async (type: string, id?: number) => {
+ dialogVisible.value = true
+ dialogTitle.value = t('action.' + type)
+ formType.value = type
+ resetForm()
+ // 修改时，设置数据
+ if (id) {
+ formLoading.value = true
+ try {
+ formData.value = await QuestionParamSettingApi.getQuestionParamSetting(id)
+ } finally {
+ formLoading.value = false
}
}
-};
-</script>
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+ // 校验表单
+ await formRef.value.validate()
+ // 提交请求
+ formLoading.value = true
+ try {
+ const data = formData.value as unknown as QuestionParamSettingVO
+ if (formType.value === 'create') {
+ await QuestionParamSettingApi.createQuestionParamSetting(data)
+ message.success(t('common.createSuccess'))
+ } else {
+ await QuestionParamSettingApi.updateQuestionParamSetting(data)
+ message.success(t('common.updateSuccess'))
+ }
+ dialogVisible.value = false
+ // 发送操作成功的事件
+ emit('success')
+ } finally {
+ formLoading.value = false
+ }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+ formData.value = {
+ id: undefined,
+ templateId: undefined,
+ settingKey: undefined,
+ settingName: undefined,
+ settingValue: undefined,
+ sort: undefined,
+ }
+ formRef.value?.resetFields()
+}
+</script>
\ No newline at end of file
--
Gitblit v1.9.3