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/questiontemplate/QuestionTemplateForm.vue | 284 ++++++++++++++++++++++++++++----------------------------
1 files changed, 142 insertions(+), 142 deletions(-)
diff --git a/src/views/ai/questiontemplate/QuestionTemplateForm.vue b/src/views/ai/questiontemplate/QuestionTemplateForm.vue
index acc6048..1ab2606 100644
--- a/src/views/ai/questiontemplate/QuestionTemplateForm.vue
+++ b/src/views/ai/questiontemplate/QuestionTemplateForm.vue
@@ -1,148 +1,148 @@
<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="modelId">
- <el-input v-model="formData.modelId" placeholder="请输入模型id"/>
- </el-form-item>
- <el-form-item label="问题编号" prop="questionCode">
- <el-input v-model="formData.questionCode" placeholder="请输入问题编号"/>
- </el-form-item>
- <el-form-item label="问题名称" prop="questionName">
- <el-input v-model="formData.questionName" placeholder="请输入问题名称"/>
- </el-form-item>
- <el-form-item label="问题内容">
- <Editor v-model="formData.questionContent" :min-height="192"/>
- </el-form-item>
- <el-form-item label="输入个数" prop="dataLength">
- <el-input v-model="formData.dataLength" placeholder="请输入输入个数"/>
- </el-form-item>
- <el-form-item label="是否启用（0禁用 1启用）" prop="isEnable">
- <el-input v-model="formData.isEnable" placeholder="请输入是否启用（0禁用 1启用）"/>
- </el-form-item>
- <el-form-item label="备注" prop="remark">
- <el-input v-model="formData.remark" placeholder="请输入备注"/>
- </el-form-item>
- <el-form-item label="创建时间" prop="createDate">
- <el-date-picker clearable v-model="formData.createDate" type="date"
- value-format="timestamp" placeholder="选择创建时间"/>
- </el-form-item>
- <el-form-item label="更新者" prop="updator">
- <el-input v-model="formData.updator" placeholder="请输入更新者"/>
- </el-form-item>
- <el-form-item label="更新时间" prop="updateDate">
- <el-date-picker clearable v-model="formData.updateDate" type="date"
- value-format="timestamp" 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="modelId">
+ <el-input v-model="formData.modelId" placeholder="请输入模型id" />
+ </el-form-item>
+ <el-form-item label="问题编号" prop="questionCode">
+ <el-input v-model="formData.questionCode" placeholder="请输入问题编号" />
+ </el-form-item>
+ <el-form-item label="问题名称" prop="questionName">
+ <el-input v-model="formData.questionName" placeholder="请输入问题名称" />
+ </el-form-item>
+ <el-form-item label="问题内容" prop="questionContent">
+ <Editor v-model="formData.questionContent" height="150px" />
+ </el-form-item>
+ <el-form-item label="输入个数" prop="dataLength">
+ <el-input v-model="formData.dataLength" placeholder="请输入输入个数" />
+ </el-form-item>
+ <el-form-item label="是否启用（0禁用 1启用）" prop="isEnable">
+ <el-input v-model="formData.isEnable" placeholder="请输入是否启用（0禁用 1启用）" />
+ </el-form-item>
+ <el-form-item label="备注" prop="remark">
+ <el-input v-model="formData.remark" placeholder="请输入备注" />
+ </el-form-item>
+ <el-form-item label="创建时间" prop="createDate">
+ <el-date-picker
+ v-model="formData.createDate"
+ type="date"
+ value-format="x"
+ placeholder="选择创建时间"
+ />
+ </el-form-item>
+ <el-form-item label="更新者" prop="updator">
+ <el-input v-model="formData.updator" placeholder="请输入更新者" />
+ </el-form-item>
+ <el-form-item label="更新时间" prop="updateDate">
+ <el-date-picker
+ v-model="formData.updateDate"
+ type="date"
+ value-format="x"
+ 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 { QuestionTemplateApi, QuestionTemplateVO } from '@/api/ai/questiontemplate'
-<script>
-import * as QuestionTemplateApi from '@/api/ai/questiontemplate';
-import Editor from '@/components/Editor';
+/** 大模型问题模板 表单 */
+defineOptions({ name: 'QuestionTemplateForm' })
-export default {
- name: "QuestionTemplateForm",
- components: {
- Editor,
- },
- data() {
- return {
- // 弹出层标题
- dialogTitle: "",
- // 是否显示弹出层
- dialogVisible: false,
- // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
- formLoading: false,
- // 表单参数
- formData: {
- id: undefined,
- modelId: undefined,
- questionCode: undefined,
- questionName: undefined,
- questionContent: undefined,
- dataLength: undefined,
- isEnable: undefined,
- remark: undefined,
- createDate: undefined,
- updator: undefined,
- updateDate: undefined,
- },
- // 表单校验
- formRules: {
- modelId: [{required: true, message: '模型id不能为空', trigger: 'blur'}],
- questionCode: [{required: true, message: '问题编号不能为空', trigger: 'blur'}],
- },
- };
- },
- methods: {
- /** 打开弹窗 */
- async open(id) {
- this.dialogVisible = true;
- this.reset();
- // 修改时，设置数据
- if (id) {
- this.formLoading = true;
- try {
- const res = await QuestionTemplateApi.getQuestionTemplate(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 QuestionTemplateApi.updateQuestionTemplate(data);
- this.$modal.msgSuccess("修改成功");
- this.dialogVisible = false;
- this.$emit('success');
- return;
- }
- // 添加的提交
- await QuestionTemplateApi.createQuestionTemplate(data);
- this.$modal.msgSuccess("新增成功");
- this.dialogVisible = false;
- this.$emit('success');
- } finally {
- this.formLoading = false;
- }
- },
- /** 表单重置 */
- reset() {
- this.formData = {
- id: undefined,
- modelId: undefined,
- questionCode: undefined,
- questionName: undefined,
- questionContent: undefined,
- dataLength: undefined,
- isEnable: undefined,
- remark: undefined,
- createDate: undefined,
- updator: undefined,
- updateDate: 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,
+ modelId: undefined,
+ questionCode: undefined,
+ questionName: undefined,
+ questionContent: undefined,
+ dataLength: undefined,
+ isEnable: undefined,
+ remark: undefined,
+ createDate: undefined,
+ updator: undefined,
+ updateDate: undefined,
+})
+const formRules = reactive({
+ modelId: [{ required: true, message: '模型id不能为空', trigger: 'blur' }],
+ questionCode: [{ required: true, message: '问题编号不能为空', 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 QuestionTemplateApi.getQuestionTemplate(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 QuestionTemplateVO
+ if (formType.value === 'create') {
+ await QuestionTemplateApi.createQuestionTemplate(data)
+ message.success(t('common.createSuccess'))
+ } else {
+ await QuestionTemplateApi.updateQuestionTemplate(data)
+ message.success(t('common.updateSuccess'))
+ }
+ dialogVisible.value = false
+ // 发送操作成功的事件
+ emit('success')
+ } finally {
+ formLoading.value = false
+ }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+ formData.value = {
+ id: undefined,
+ modelId: undefined,
+ questionCode: undefined,
+ questionName: undefined,
+ questionContent: undefined,
+ dataLength: undefined,
+ isEnable: undefined,
+ remark: undefined,
+ createDate: undefined,
+ updator: undefined,
+ updateDate: undefined,
+ }
+ formRef.value?.resetFields()
+}
+</script>
\ No newline at end of file
--
Gitblit v1.9.3