From 56c72c8e7b58d5b7a27d8654037b1ee22a808ce1 Mon Sep 17 00:00:00 2001
From: dongyukun <1208714201@qq.com>
Date: 星期四, 19 六月 2025 15:05:29 +0800
Subject: [PATCH] 快照配置分页
---
src/views/model/sche/snapshotConf/det/index.vue | 203 ++++++++++++++++++++++++++------------------------
1 files changed, 106 insertions(+), 97 deletions(-)
diff --git a/src/views/model/sche/snapshotConf/det/index.vue b/src/views/model/sche/snapshotConf/det/index.vue
index e74ffc2..25ac103 100644
--- a/src/views/model/sche/snapshotConf/det/index.vue
+++ b/src/views/model/sche/snapshotConf/det/index.vue
@@ -1,7 +1,7 @@
<template>
<el-drawer
v-model="drawer"
- size="40%"
+ size="60%"
title="参数列表"
direction="rtl"
:before-close="handleClose"
@@ -15,22 +15,22 @@
:inline="true"
label-width="68px"
>
- <el-form-item label="参数名称" prop="paramName">
+ <el-form-item label="数据编号" prop="dataNo">
<el-input
- v-model="queryParams.paramName"
- placeholder="请输入参数名称"
+ v-model="queryParams.dataNo"
+ placeholder="请输入数据编号"
clearable
class="!w-240px"
/>
</el-form-item>
-<!-- <el-form-item label="参数编码" prop="paramCode">-->
-<!-- <el-input-->
-<!-- v-model="queryParams.paramCode"-->
-<!-- placeholder="请输入"-->
-<!-- clearable-->
-<!-- class="!w-240px"-->
-<!-- />-->
-<!-- </el-form-item>-->
+ <!-- <el-form-item label="参数编码" prop="paramCode">-->
+ <!-- <el-input-->
+ <!-- v-model="queryParams.paramCode"-->
+ <!-- placeholder="请输入"-->
+ <!-- clearable-->
+ <!-- class="!w-240px"-->
+ <!-- />-->
+ <!-- </el-form-item>-->
<el-form-item>
<el-button @click="handleQuery">
<Icon icon="ep:search" class="mr-5px"/>
@@ -45,7 +45,7 @@
plain
@click="openForm('create')"
>
- <Icon icon="ep:plus" class="mr-5px" />
+ <Icon icon="ep:plus" class="mr-5px"/>
新增
</el-button>
@@ -60,16 +60,23 @@
:data="list"
row-key="id"
>
- <el-table-column prop="dataType" label="数据类型"/>
+ <el-table-column prop="dataType" align="center" label="数据类型" width="110px">
+ <template #default="scope">
+ <dict-tag :type="DICT_TYPE.SUGGEST_SNAPSHOT_DATA_TYPE" :value="scope.row.dataType"/>
+ </template>
+ </el-table-column>
+ <el-table-column prop="dataName" label="数据名称"/>
<el-table-column prop="dataNo" label="数据编号"/>
- <el-table-column prop="leftLength" label="左侧长度(min)"/>
- <el-table-column prop="rightLength" label="右侧侧长度(min)"/>
- <el-table-column prop="sort" label="排序"/>
- <el-table-column prop="ext1" label="拓展字段1"/>
- <el-table-column prop="ext2" label="拓展字段2"/>
- <el-table-column prop="ext3" label="拓展字段3"/>
- <el-table-column prop="ext4" label="拓展字段4"/>
- <el-table-column prop="ext5" label="拓展字段5"/>
+ <el-table-column prop="leftLength" label="左侧长度(min)" width="80"/>
+ <el-table-column prop="rightLength" label="右侧长度(min)" width="80"/>
+ <el-table-column prop="limitH" label="上限" width="80"/>
+ <el-table-column prop="limitL" label="下限" width="80"/>
+ <el-table-column prop="sort" label="排序" width="80"/>
+ <el-table-column prop="ext1" label="拓展字段1" width="80"/>
+<!-- <el-table-column prop="ext2" label="拓展字段2"/>-->
+<!-- <el-table-column prop="ext3" label="拓展字段3"/>-->
+<!-- <el-table-column prop="ext4" label="拓展字段4"/>-->
+<!-- <el-table-column prop="ext5" label="拓展字段5"/>-->
<el-table-column label="操作" align="center" width="150px">
<template #default="scope">
<div class="flex items-center justify-center">
@@ -90,98 +97,100 @@
<!-- 分页 -->
<Pagination
v-model:limit="queryParams.limit"
- v-model:page="queryParams.page"
+ v-model:page="queryParams.pageNo"
+ v-model:pageSize="queryParams.pageSize"
:total="total"
@pagination="getList"
/>
</ContentWrap>
<!-- 表单弹窗：添加/修改 -->
- <ChartParamForm ref="formRef" @success="getList" />
+ <ConfigDetForm ref="formRef" @success="getList"/>
</el-drawer>
</template>
<script lang="ts" setup>
-import {dateFormatter} from '@/utils/formatTime'
-import * as ChartParamApi from '@/api/model/mpk/chartParam'
-import ChartParamForm from './ChartParamForm.vue'
+ import {dateFormatter} from '@/utils/formatTime'
+ import * as configDetApi from '@/api/model/sche/suggest/snapshotConfigDet'
+ import ConfigDetForm from './configDetForm.vue'
+ import type {DrawerProps} from "element-plus";
+ import {DICT_TYPE, getIntDictOptions, getStrDictOptions} from '@/utils/dict'
-import type {DrawerProps} from "element-plus";
+ defineOptions({name: 'ConfigDet'})
-defineOptions({name: 'ChartParam'})
+ const message = useMessage() // 消息弹窗
+ const {t} = useI18n() // 国际化
-const message = useMessage() // 消息弹窗
-const {t} = useI18n() // 国际化
+ const drawer = ref(false)
+ const loading = ref(true) // 列表的加载中
+ const total = ref(0) // 列表的总页数
+ const list = ref([]) // 字典表格数据
+ const queryParams = reactive({
+ pageNo: 1,
+ limit: 10,
+ pageSize: 10,
+ confId: '',
+ })
+ const queryFormRef = ref() // 搜索的表单
-const drawer = ref(false)
-const loading = ref(true) // 列表的加载中
-const total = ref(0) // 列表的总页数
-const list = ref([]) // 字典表格数据
-const queryParams = reactive({
- page: 1,
- limit: 10,
-})
-const queryFormRef = ref() // 搜索的表单
-
-const getList = async () => {
- loading.value = true
- try {
- const data = await ChartParamApi.getPage(queryParams)
- list.value = data.list
- total.value = data.total
- } finally {
- loading.value = false
+ const getList = async () => {
+ loading.value = true
+ try {
+ const data = await configDetApi.getPage(queryParams)
+ list.value = data.list
+ total.value = data.total
+ } finally {
+ loading.value = false
+ }
}
-}
-/** 搜索按钮操作 */
-const handleQuery = () => {
- getList()
-}
-
-/** 重置按钮操作 */
-const resetQuery = () => {
- queryFormRef.value.resetFields()
- handleQuery()
-}
-
-/** 添加/修改操作 */
-const formRef = ref()
-const openForm = (type: string, id?: string) => {
- formRef.value.open(type, id, queryParams.chartId)
-}
-
-/** 删除按钮操作 */
-const handleDelete = async (id: string) => {
- try {
- // 删除的二次确认
- await message.delConfirm()
- // 发起删除
- await ChartParamApi.del(id)
- message.success(t('common.delSuccess'))
- // 刷新列表
- await getList()
- } catch {
- }
-}
-
-/** 打开弹窗 */
-const open = async (chartId?: string) => {
- resetForm()
- drawer.value = true
- queryParams.chartId = chartId
- if (chartId) {
+ /** 搜索按钮操作 */
+ const handleQuery = () => {
getList()
}
-}
-defineExpose({open}) // 提供 open 方法，用于打开弹窗
-/** 重置表单 */
-const resetForm = () => {
- queryParams.chartId = ''
- queryParams.name = ''
-}
+ /** 重置按钮操作 */
+ const resetQuery = () => {
+ queryFormRef.value.resetFields()
+ handleQuery()
+ }
-const handleClose = (done: () => void) => {
- drawer.value = false
-}
+ /** 添加/修改操作 */
+ const formRef = ref()
+ const openForm = (type: string, id?: string) => {
+ formRef.value.open(type, id, queryParams.confId)
+ }
+
+ /** 删除按钮操作 */
+ const handleDelete = async (id: string) => {
+ try {
+ // 删除的二次确认
+ await message.delConfirm()
+ // 发起删除
+ await configDetApi.del(id)
+ message.success(t('common.delSuccess'))
+ // 刷新列表
+ await getList()
+ } catch {
+ }
+ }
+
+ /** 打开弹窗 */
+ const open = async (confId?: string) => {
+ resetForm()
+ drawer.value = true
+ queryParams.confId = confId
+ if (confId) {
+ getList()
+ }
+ }
+ defineExpose({open}) // 提供 open 方法，用于打开弹窗
+
+ /** 重置表单 */
+ const resetForm = () => {
+ queryParams.confId = ''
+ }
+
+ const handleClose = (done: () => void) => {
+ drawer.value = false
+ }
</script>
--
Gitblit v1.9.3