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/index.vue | 392 ++++++++++++++++++++++++++++++++++---------------------
1 files changed, 240 insertions(+), 152 deletions(-)
diff --git a/src/views/ai/questiontemplate/index.vue b/src/views/ai/questiontemplate/index.vue
index d8078ea..b20cebb 100644
--- a/src/views/ai/questiontemplate/index.vue
+++ b/src/views/ai/questiontemplate/index.vue
@@ -1,186 +1,274 @@
<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="modelId">
- <el-input v-model="queryParams.modelId" placeholder="请输入模型id" clearable
- @keyup.enter.native="handleQuery"/>
+ <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.native="handleQuery"/>
+ <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.native="handleQuery"/>
+ <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.native="handleQuery"/>
+ <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.native="handleQuery"/>
+ <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.native="handleQuery"/>
+ <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" style="width: 240px"
- value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
- :default-time="['00:00:00', '23:59:59']"/>
+ <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.native="handleQuery"/>
+ <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" style="width: 240px"
- value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
- :default-time="['00:00:00', '23:59:59']"/>
+ <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 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-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>
- <!-- 操作工具栏 -->
- <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-template: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="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" width="180">
- <template v-slot="scope">
- <span>{{ parseTime(scope.row.createDate) }}</span>
- </template>
- </el-table-column>
- <el-table-column label="更新者" align="center" prop="updator"/>
- <el-table-column label="更新时间" align="center" prop="updateDate" width="180">
- <template v-slot="scope">
- <span>{{ parseTime(scope.row.updateDate) }}</span>
- </template>
- </el-table-column>
- <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-template:update']">修改
+ <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 size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
- v-hasPermi="['ai:question-template:delete']">删除
+ <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 v-show="total > 0" :total="total" :page.sync="queryParams.pageNo"
- :limit.sync="queryParams.pageSize"
- @pagination="getList"/>
- <!-- 对话框(添加 / 修改) -->
- <QuestionTemplateForm ref="formRef" @success="getList"/>
- </div>
+ <!-- 分页 -->
+ <Pagination
+ :total="total"
+ v-model:page="queryParams.pageNo"
+ v-model:limit="queryParams.pageSize"
+ @pagination="getList"
+ />
+ </ContentWrap>
+
+ <!-- 表单弹窗：添加/修改 -->
+ <QuestionTemplateForm ref="formRef" @success="getList" />
</template>
-<script>
-import * as QuestionTemplateApi from '@/api/ai/questiontemplate';
-import QuestionTemplateForm from './QuestionTemplateForm.vue';
+<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'
-export default {
- name: "QuestionTemplate",
- components: {
- QuestionTemplateForm,
- },
- data() {
- return {
- // 遮罩层
- loading: true,
- // 显示搜索条件
- showSearch: true,
- // 总条数
- total: 0,
- // 大模型问题模板列表
- list: [],
- // 是否展开，默认全部展开
- isExpandAll: true,
- // 重新渲染表格状态
- refreshTable: true,
- // 选中行
- currentRow: {},
- // 查询参数
- queryParams: {
- pageNo: 1,
- pageSize: 10,
- modelId: null,
- questionCode: null,
- questionName: null,
- questionContent: null,
- dataLength: null,
- isEnable: null,
- remark: null,
- createDate: [],
- updator: null,
- updateDate: [],
- },
- };
- },
- created() {
- this.getList();
- },
- methods: {
- /** 查询列表 */
- async getList() {
- try {
- this.loading = true;
- const res = await QuestionTemplateApi.getQuestionTemplatePage(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 QuestionTemplateApi.deleteQuestionTemplate(id);
- await this.getList();
- this.$modal.msgSuccess("删除成功");
- } catch {
- }
- },
+/** 大模型问题模板 列表 */
+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
}
-};
-</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 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