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/index.vue | 307 ++++++++++++++++++++++++++++++--------------------
1 files changed, 185 insertions(+), 122 deletions(-)
diff --git a/src/views/ai/questionparamsetting/index.vue b/src/views/ai/questionparamsetting/index.vue
index e71a3e2..aa94eea 100644
--- a/src/views/ai/questionparamsetting/index.vue
+++ b/src/views/ai/questionparamsetting/index.vue
@@ -1,148 +1,211 @@
<template>
- <div class="app-container">
+ <ContentWrap>
<!-- 搜索工作栏 -->
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
- label-width="68px">
+ <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.native="handleQuery"/>
+ <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.native="handleQuery"/>
+ <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.native="handleQuery"/>
+ <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.native="handleQuery"/>
+ <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.native="handleQuery"/>
+ <el-input
+ v-model="queryParams.sort"
+ placeholder="请输入排序"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
</el-form-item>
<el-form-item>
- <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
- <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+ <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>
- <!-- 操作工具栏 -->
- <el-row :gutter="10" class="mb8">
- <el-col :span="1.5">
- <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="openForm(undefined)"
- v-hasPermi="['ai:question-param-setting:create']">新增
- </el-button>
- </el-col>
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
- </el-row>
-
+ <!-- 列表 -->
+ <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" class-name="small-padding fixed-width">
- <template v-slot="scope">
- <el-button size="mini" type="text" icon="el-icon-edit" @click="openForm(scope.row.id)"
- v-hasPermi="['ai:question-param-setting:update']">修改
+ <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 size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
- v-hasPermi="['ai:question-param-setting:delete']">删除
+ <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 v-show="total > 0" :total="total" :page.sync="queryParams.pageNo"
- :limit.sync="queryParams.pageSize"
- @pagination="getList"/>
- <!-- 对话框(添加 / 修改) -->
- <QuestionParamSettingForm ref="formRef" @success="getList"/>
- </div>
+ <!-- 分页 -->
+ <Pagination
+ :total="total"
+ v-model:page="queryParams.pageNo"
+ v-model:limit="queryParams.pageSize"
+ @pagination="getList"
+ />
+ </ContentWrap>
+
+ <!-- 表单弹窗：添加/修改 -->
+ <QuestionParamSettingForm ref="formRef" @success="getList" />
</template>
-<script>
-import * as QuestionParamSettingApi from '@/api/ai/questionparamsetting';
-import QuestionParamSettingForm from './QuestionParamSettingForm.vue';
+<script setup lang="ts">
+import download from '@/utils/download'
+import { QuestionParamSettingApi, QuestionParamSettingVO } from '@/api/ai/questionparamsetting'
+import QuestionParamSettingForm from './QuestionParamSettingForm.vue'
-export default {
- name: "QuestionParamSetting",
- components: {
- QuestionParamSettingForm,
- },
- data() {
- return {
- // 遮罩层
- loading: true,
- // 显示搜索条件
- showSearch: true,
- // 总条数
- total: 0,
- // 大模型问题设置参数列表
- list: [],
- // 是否展开，默认全部展开
- isExpandAll: true,
- // 重新渲染表格状态
- refreshTable: true,
- // 选中行
- currentRow: {},
- // 查询参数
- queryParams: {
- pageNo: 1,
- pageSize: 10,
- templateId: null,
- settingKey: null,
- settingName: null,
- settingValue: null,
- sort: null,
- },
- };
- },
- created() {
- this.getList();
- },
- methods: {
- /** 查询列表 */
- async getList() {
- try {
- this.loading = true;
- const res = await QuestionParamSettingApi.getQuestionParamSettingPage(this.queryParams);
- this.list = res.data.list;
- this.total = res.data.total;
- } finally {
- this.loading = false;
- }
- },
- /** 搜索按钮操作 */
- handleQuery() {
- this.queryParams.pageNo = 1;
- this.getList();
- },
- /** 重置按钮操作 */
- resetQuery() {
- this.resetForm("queryForm");
- this.handleQuery();
- },
- /** 添加/修改操作 */
- openForm(id) {
- this.$refs["formRef"].open(id);
- },
- /** 删除按钮操作 */
- async handleDelete(row) {
- const id = row.id;
- await this.$modal.confirm('是否确认删除大模型问题设置参数编号为"' + id + '"的数据项?')
- try {
- await QuestionParamSettingApi.deleteQuestionParamSetting(id);
- await this.getList();
- this.$modal.msgSuccess("删除成功");
- } catch {
- }
- },
+/** 大模型问题设置参数 列表 */
+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
}
-};
-</script>
+}
+
+/** 搜索按钮操作 */
+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
--
Gitblit v1.9.3