From 5cec398879f9c519f3503331d4502ebe21019926 Mon Sep 17 00:00:00 2001
From: houzhongjian <houzhongyi@126.com>
Date: 星期五, 30 五月 2025 13:20:18 +0800
Subject: [PATCH] ai工业大模型代码生成
---
src/api/ai/questionparamsetting/index.ts | 44 +++
src/api/ai/questiontemplate/index.ts | 49 +++
src/views/ai/questionparamsetting/index.vue | 211 +++++++++++++++
src/views/ai/questionparamsetting/QuestionParamSettingForm.vue | 112 ++++++++
src/views/ai/questiontemplate/QuestionTemplateForm.vue | 148 ++++++++++
src/views/ai/questiontemplate/index.vue | 274 +++++++++++++++++++
6 files changed, 838 insertions(+), 0 deletions(-)
diff --git a/src/api/ai/questionparamsetting/index.ts b/src/api/ai/questionparamsetting/index.ts
new file mode 100644
index 0000000..0707080
--- /dev/null
+++ b/src/api/ai/questionparamsetting/index.ts
@@ -0,0 +1,44 @@
+import request from '@/config/axios'
+
+// 大模型问题设置参数 VO
+export interface QuestionParamSettingVO {
+ id: string // id
+ templateId: string // 问题模板id
+ settingKey: string // key
+ settingName: string // 参数名称
+ settingValue: string // 参数默认值
+ sort: number // 排序
+}
+
+// 大模型问题设置参数 API
+export const QuestionParamSettingApi = {
+ // 查询大模型问题设置参数分页
+ getQuestionParamSettingPage: async (params: any) => {
+ return await request.get({ url: `/ai/question-param-setting/page`, params })
+ },
+
+ // 查询大模型问题设置参数详情
+ getQuestionParamSetting: async (id: number) => {
+ return await request.get({ url: `/ai/question-param-setting/get?id=` + id })
+ },
+
+ // 新增大模型问题设置参数
+ createQuestionParamSetting: async (data: QuestionParamSettingVO) => {
+ return await request.post({ url: `/ai/question-param-setting/create`, data })
+ },
+
+ // 修改大模型问题设置参数
+ updateQuestionParamSetting: async (data: QuestionParamSettingVO) => {
+ return await request.put({ url: `/ai/question-param-setting/update`, data })
+ },
+
+ // 删除大模型问题设置参数
+ deleteQuestionParamSetting: async (id: number) => {
+ return await request.delete({ url: `/ai/question-param-setting/delete?id=` + id })
+ },
+
+ // 导出大模型问题设置参数 Excel
+ exportQuestionParamSetting: async (params) => {
+ return await request.download({ url: `/ai/question-param-setting/export-excel`, params })
+ },
+}
\ No newline at end of file
diff --git a/src/api/ai/questiontemplate/index.ts b/src/api/ai/questiontemplate/index.ts
new file mode 100644
index 0000000..398cc46
--- /dev/null
+++ b/src/api/ai/questiontemplate/index.ts
@@ -0,0 +1,49 @@
+import request from '@/config/axios'
+
+// 大模型问题模板 VO
+export interface QuestionTemplateVO {
+ id: string // id
+ modelId: string // 模型id
+ questionCode: string // 问题编号
+ questionName: string // 问题名称
+ questionContent: string // 问题内容
+ dataLength: number // 输入个数
+ isEnable: number // 是否启用（0禁用 1启用）
+ remark: string // 备注
+ createDate: Date // 创建时间
+ updator: number // 更新者
+ updateDate: Date // 更新时间
+}
+
+// 大模型问题模板 API
+export const QuestionTemplateApi = {
+ // 查询大模型问题模板分页
+ getQuestionTemplatePage: async (params: any) => {
+ return await request.get({ url: `/ai/question-template/page`, params })
+ },
+
+ // 查询大模型问题模板详情
+ getQuestionTemplate: async (id: number) => {
+ return await request.get({ url: `/ai/question-template/get?id=` + id })
+ },
+
+ // 新增大模型问题模板
+ createQuestionTemplate: async (data: QuestionTemplateVO) => {
+ return await request.post({ url: `/ai/question-template/create`, data })
+ },
+
+ // 修改大模型问题模板
+ updateQuestionTemplate: async (data: QuestionTemplateVO) => {
+ return await request.put({ url: `/ai/question-template/update`, data })
+ },
+
+ // 删除大模型问题模板
+ deleteQuestionTemplate: async (id: number) => {
+ return await request.delete({ url: `/ai/question-template/delete?id=` + id })
+ },
+
+ // 导出大模型问题模板 Excel
+ exportQuestionTemplate: async (params) => {
+ return await request.download({ url: `/ai/question-template/export-excel`, params })
+ },
+}
\ No newline at end of file
diff --git a/src/views/ai/questionparamsetting/QuestionParamSettingForm.vue b/src/views/ai/questionparamsetting/QuestionParamSettingForm.vue
new file mode 100644
index 0000000..85a7c90
--- /dev/null
+++ b/src/views/ai/questionparamsetting/QuestionParamSettingForm.vue
@@ -0,0 +1,112 @@
+<template>
+ <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'
+
+/** 大模型问题设置参数 表单 */
+defineOptions({ name: 'QuestionParamSettingForm' })
+
+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
+ }
+ }
+}
+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
diff --git a/src/views/ai/questionparamsetting/index.vue b/src/views/ai/questionparamsetting/index.vue
new file mode 100644
index 0000000..aa94eea
--- /dev/null
+++ b/src/views/ai/questionparamsetting/index.vue
@@ -0,0 +1,211 @@
+<template>
+ <ContentWrap>
+ <!-- 搜索工作栏 -->
+ <el-form
+ class="-mb-15px"
+ :model="queryParams"
+ ref="queryFormRef"
+ :inline="true"
+ label-width="68px"
+ >
+ <el-form-item label="问题模板id" prop="templateId">
+ <el-input
+ v-model="queryParams.templateId"
+ placeholder="请输入问题模板id"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="key" prop="settingKey">
+ <el-input
+ v-model="queryParams.settingKey"
+ placeholder="请输入key"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="参数名称" prop="settingName">
+ <el-input
+ v-model="queryParams.settingName"
+ placeholder="请输入参数名称"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="参数默认值" prop="settingValue">
+ <el-input
+ v-model="queryParams.settingValue"
+ placeholder="请输入参数默认值"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="排序" prop="sort">
+ <el-input
+ v-model="queryParams.sort"
+ placeholder="请输入排序"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item>
+ <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+ <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+ <el-button
+ type="primary"
+ plain
+ @click="openForm('create')"
+ v-hasPermi="['ai:question-param-setting:create']"
+ >
+ <Icon icon="ep:plus" class="mr-5px" /> 新增
+ </el-button>
+ <el-button
+ type="success"
+ plain
+ @click="handleExport"
+ :loading="exportLoading"
+ v-hasPermi="['ai:question-param-setting:export']"
+ >
+ <Icon icon="ep:download" class="mr-5px" /> 导出
+ </el-button>
+ </el-form-item>
+ </el-form>
+ </ContentWrap>
+
+ <!-- 列表 -->
+ <ContentWrap>
+ <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+ <el-table-column label="id" align="center" prop="id" />
+ <el-table-column label="问题模板id" align="center" prop="templateId" />
+ <el-table-column label="key" align="center" prop="settingKey" />
+ <el-table-column label="参数名称" align="center" prop="settingName" />
+ <el-table-column label="参数默认值" align="center" prop="settingValue" />
+ <el-table-column label="排序" align="center" prop="sort" />
+ <el-table-column label="操作" align="center">
+ <template #default="scope">
+ <el-button
+ link
+ type="primary"
+ @click="openForm('update', scope.row.id)"
+ v-hasPermi="['ai:question-param-setting:update']"
+ >
+ 编辑
+ </el-button>
+ <el-button
+ link
+ type="danger"
+ @click="handleDelete(scope.row.id)"
+ v-hasPermi="['ai:question-param-setting:delete']"
+ >
+ 删除
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 分页 -->
+ <Pagination
+ :total="total"
+ v-model:page="queryParams.pageNo"
+ v-model:limit="queryParams.pageSize"
+ @pagination="getList"
+ />
+ </ContentWrap>
+
+ <!-- 表单弹窗：添加/修改 -->
+ <QuestionParamSettingForm ref="formRef" @success="getList" />
+</template>
+
+<script setup lang="ts">
+import download from '@/utils/download'
+import { QuestionParamSettingApi, QuestionParamSettingVO } from '@/api/ai/questionparamsetting'
+import QuestionParamSettingForm from './QuestionParamSettingForm.vue'
+
+/** 大模型问题设置参数 列表 */
+defineOptions({ name: 'QuestionParamSetting' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<QuestionParamSettingVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+ pageNo: 1,
+ pageSize: 10,
+ templateId: undefined,
+ settingKey: undefined,
+ settingName: undefined,
+ settingValue: undefined,
+ sort: undefined,
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+ loading.value = true
+ try {
+ const data = await QuestionParamSettingApi.getQuestionParamSettingPage(queryParams)
+ list.value = data.list
+ total.value = data.total
+ } finally {
+ loading.value = false
+ }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+ queryParams.pageNo = 1
+ getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+ queryFormRef.value.resetFields()
+ handleQuery()
+}
+
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+ formRef.value.open(type, id)
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id: number) => {
+ try {
+ // 删除的二次确认
+ await message.delConfirm()
+ // 发起删除
+ await QuestionParamSettingApi.deleteQuestionParamSetting(id)
+ message.success(t('common.delSuccess'))
+ // 刷新列表
+ await getList()
+ } catch {}
+}
+
+/** 导出按钮操作 */
+const handleExport = async () => {
+ try {
+ // 导出的二次确认
+ await message.exportConfirm()
+ // 发起导出
+ exportLoading.value = true
+ const data = await QuestionParamSettingApi.exportQuestionParamSetting(queryParams)
+ download.excel(data, '大模型问题设置参数.xls')
+ } catch {
+ } finally {
+ exportLoading.value = false
+ }
+}
+
+/** 初始化 **/
+onMounted(() => {
+ getList()
+})
+</script>
\ No newline at end of file
diff --git a/src/views/ai/questiontemplate/QuestionTemplateForm.vue b/src/views/ai/questiontemplate/QuestionTemplateForm.vue
new file mode 100644
index 0000000..1ab2606
--- /dev/null
+++ b/src/views/ai/questiontemplate/QuestionTemplateForm.vue
@@ -0,0 +1,148 @@
+<template>
+ <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'
+
+/** 大模型问题模板 表单 */
+defineOptions({ name: 'QuestionTemplateForm' })
+
+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
+ }
+ }
+}
+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
diff --git a/src/views/ai/questiontemplate/index.vue b/src/views/ai/questiontemplate/index.vue
new file mode 100644
index 0000000..b20cebb
--- /dev/null
+++ b/src/views/ai/questiontemplate/index.vue
@@ -0,0 +1,274 @@
+<template>
+ <ContentWrap>
+ <!-- 搜索工作栏 -->
+ <el-form
+ class="-mb-15px"
+ :model="queryParams"
+ ref="queryFormRef"
+ :inline="true"
+ label-width="68px"
+ >
+ <el-form-item label="模型id" prop="modelId">
+ <el-input
+ v-model="queryParams.modelId"
+ placeholder="请输入模型id"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="问题编号" prop="questionCode">
+ <el-input
+ v-model="queryParams.questionCode"
+ placeholder="请输入问题编号"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="问题名称" prop="questionName">
+ <el-input
+ v-model="queryParams.questionName"
+ placeholder="请输入问题名称"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="输入个数" prop="dataLength">
+ <el-input
+ v-model="queryParams.dataLength"
+ placeholder="请输入输入个数"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="是否启用（0禁用 1启用）" prop="isEnable">
+ <el-input
+ v-model="queryParams.isEnable"
+ placeholder="请输入是否启用（0禁用 1启用）"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="备注" prop="remark">
+ <el-input
+ v-model="queryParams.remark"
+ placeholder="请输入备注"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="创建时间" prop="createDate">
+ <el-date-picker
+ v-model="queryParams.createDate"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ type="daterange"
+ start-placeholder="开始日期"
+ end-placeholder="结束日期"
+ :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="更新者" prop="updator">
+ <el-input
+ v-model="queryParams.updator"
+ placeholder="请输入更新者"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="更新时间" prop="updateDate">
+ <el-date-picker
+ v-model="queryParams.updateDate"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ type="daterange"
+ start-placeholder="开始日期"
+ end-placeholder="结束日期"
+ :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item>
+ <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+ <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+ <el-button
+ type="primary"
+ plain
+ @click="openForm('create')"
+ v-hasPermi="['ai:question-template:create']"
+ >
+ <Icon icon="ep:plus" class="mr-5px" /> 新增
+ </el-button>
+ <el-button
+ type="success"
+ plain
+ @click="handleExport"
+ :loading="exportLoading"
+ v-hasPermi="['ai:question-template:export']"
+ >
+ <Icon icon="ep:download" class="mr-5px" /> 导出
+ </el-button>
+ </el-form-item>
+ </el-form>
+ </ContentWrap>
+
+ <!-- 列表 -->
+ <ContentWrap>
+ <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+ <el-table-column label="id" align="center" prop="id" />
+ <el-table-column label="模型id" align="center" prop="modelId" />
+ <el-table-column label="问题编号" align="center" prop="questionCode" />
+ <el-table-column label="问题名称" align="center" prop="questionName" />
+ <el-table-column label="问题内容" align="center" prop="questionContent" />
+ <el-table-column label="输入个数" align="center" prop="dataLength" />
+ <el-table-column label="是否启用（0禁用 1启用）" align="center" prop="isEnable" />
+ <el-table-column label="备注" align="center" prop="remark" />
+ <el-table-column
+ label="创建时间"
+ align="center"
+ prop="createDate"
+ :formatter="dateFormatter"
+ width="180px"
+ />
+ <el-table-column label="更新者" align="center" prop="updator" />
+ <el-table-column
+ label="更新时间"
+ align="center"
+ prop="updateDate"
+ :formatter="dateFormatter"
+ width="180px"
+ />
+ <el-table-column label="操作" align="center">
+ <template #default="scope">
+ <el-button
+ link
+ type="primary"
+ @click="openForm('update', scope.row.id)"
+ v-hasPermi="['ai:question-template:update']"
+ >
+ 编辑
+ </el-button>
+ <el-button
+ link
+ type="danger"
+ @click="handleDelete(scope.row.id)"
+ v-hasPermi="['ai:question-template:delete']"
+ >
+ 删除
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 分页 -->
+ <Pagination
+ :total="total"
+ v-model:page="queryParams.pageNo"
+ v-model:limit="queryParams.pageSize"
+ @pagination="getList"
+ />
+ </ContentWrap>
+
+ <!-- 表单弹窗：添加/修改 -->
+ <QuestionTemplateForm ref="formRef" @success="getList" />
+</template>
+
+<script setup lang="ts">
+import { dateFormatter } from '@/utils/formatTime'
+import download from '@/utils/download'
+import { QuestionTemplateApi, QuestionTemplateVO } from '@/api/ai/questiontemplate'
+import QuestionTemplateForm from './QuestionTemplateForm.vue'
+
+/** 大模型问题模板 列表 */
+defineOptions({ name: 'QuestionTemplate' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<QuestionTemplateVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+ pageNo: 1,
+ pageSize: 10,
+ modelId: undefined,
+ questionCode: undefined,
+ questionName: undefined,
+ questionContent: undefined,
+ dataLength: undefined,
+ isEnable: undefined,
+ remark: undefined,
+ createDate: [],
+ updator: undefined,
+ updateDate: [],
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+ loading.value = true
+ try {
+ const data = await QuestionTemplateApi.getQuestionTemplatePage(queryParams)
+ list.value = data.list
+ total.value = data.total
+ } finally {
+ loading.value = false
+ }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+ queryParams.pageNo = 1
+ getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+ queryFormRef.value.resetFields()
+ handleQuery()
+}
+
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+ formRef.value.open(type, id)
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id: number) => {
+ try {
+ // 删除的二次确认
+ await message.delConfirm()
+ // 发起删除
+ await QuestionTemplateApi.deleteQuestionTemplate(id)
+ message.success(t('common.delSuccess'))
+ // 刷新列表
+ await getList()
+ } catch {}
+}
+
+/** 导出按钮操作 */
+const handleExport = async () => {
+ try {
+ // 导出的二次确认
+ await message.exportConfirm()
+ // 发起导出
+ exportLoading.value = true
+ const data = await QuestionTemplateApi.exportQuestionTemplate(queryParams)
+ download.excel(data, '大模型问题模板.xls')
+ } catch {
+ } finally {
+ exportLoading.value = false
+ }
+}
+
+/** 初始化 **/
+onMounted(() => {
+ getList()
+})
+</script>
\ No newline at end of file
--
Gitblit v1.9.3