From 1c14d668b656a65315fe0ae3bb89758a1344669e Mon Sep 17 00:00:00 2001
From: liriming <1343021927@qq.com>
Date: 星期二, 03 九月 2024 09:05:28 +0800
Subject: [PATCH] http页面 测点列表页面
---
src/api/data/channel/http/index.ts | 43 +++
src/views/data/channel/modbus/ModBusDeviceForm.vue | 6
src/views/data/channel/http/HttpApiForm.vue | 155 +++++++++++
src/views/data/channel/http/index.vue | 156 +++++++++++
src/views/data/da/point/index.vue | 172 ++++++++++++
src/api/data/da/point/index.ts | 49 +++
src/views/data/da/point/DaPointForm.vue | 202 ++++++++++++++
src/views/data/channel/modbus/index.vue | 9
8 files changed, 782 insertions(+), 10 deletions(-)
diff --git a/src/api/data/channel/http/index.ts b/src/api/data/channel/http/index.ts
new file mode 100644
index 0000000..0280b5b
--- /dev/null
+++ b/src/api/data/channel/http/index.ts
@@ -0,0 +1,43 @@
+import request from '@/config/axios'
+
+export interface HttpApiVO {
+ id: string
+ name: string,
+ code: string,
+ url: string,
+ method: string,
+ collectType: string,
+ param: string,
+ descp: string,
+ status: number
+}
+
+export interface HttpApiPageReqVO extends PageParam {
+ name?: string,
+ code?: string
+}
+
+// 查询HttpApi列表
+export const getHttpApiPage = (params: HttpApiPageReqVO) => {
+ return request.get({ url: '/data/channel/http/api/page', params })
+}
+
+// 查询HttpApi详情
+export const getHttpApi = (id: number) => {
+ return request.get({ url: `/data/channel/http/api/info/${id}`})
+}
+
+// 新增HttpApi
+export const createHttpApi = (data: HttpApiVO) => {
+ return request.post({ url: '/data/channel/http/api/add', data })
+}
+
+// 修改HttpApi
+export const updateHttpApi = (data: HttpApiVO) => {
+ return request.put({ url: '/data/channel/http/api/update', data })
+}
+
+// 删除HttpApi
+export const deleteHttpApi = (id: number) => {
+ return request.delete({ url: '/data/channel/http/api/delete?id=' + id })
+}
diff --git a/src/api/data/da/point/index.ts b/src/api/data/da/point/index.ts
new file mode 100644
index 0000000..0b55b99
--- /dev/null
+++ b/src/api/data/da/point/index.ts
@@ -0,0 +1,49 @@
+import request from '@/config/axios'
+
+export interface DaPointVO {
+ id: string
+ pointNo: string,
+ pointName: string,
+ pointType: string,
+ dataType: string,
+ valueType: string,
+ storeType: string,
+ unit: string,
+ unittransfactor: number,
+ defaultValue: number,
+ maxValue: number,
+ minValue: number,
+ minfreqid: string,
+ remark: string,
+ isEnable: number,
+}
+
+export interface DaPointPageReqVO extends PageParam {
+ pointNo?: string,
+ pointName?: string
+}
+
+// 查询DaPoint列表
+export const getDaPointPage = (params: DaPointPageReqVO) => {
+ return request.get({ url: '/data/da/point/page', params })
+}
+
+// 查询DaPoint详情
+export const getDaPoint = (id: number) => {
+ return request.get({ url: `/data/da/point/info/${id}`})
+}
+
+// 新增DaPoint
+export const createDaPoint = (data: DaPointVO) => {
+ return request.post({ url: '/data/da/point/add', data })
+}
+
+// 修改DaPoint
+export const updateDaPoint = (data: DaPointVO) => {
+ return request.put({ url: '/data/da/point/update', data })
+}
+
+// 删除DaPoint
+export const deleteDaPoint = (id: number) => {
+ return request.delete({ url: '/data/da/point/delete?id=' + id })
+}
diff --git a/src/views/data/channel/http/HttpApiForm.vue b/src/views/data/channel/http/HttpApiForm.vue
new file mode 100644
index 0000000..92fb9c5
--- /dev/null
+++ b/src/views/data/channel/http/HttpApiForm.vue
@@ -0,0 +1,155 @@
+<template>
+ <Dialog v-model="dialogVisible" :title="dialogTitle" width="50%">
+ <el-form
+ ref="formRef"
+ v-loading="formLoading"
+ :model="formData"
+ :rules="formRules"
+ label-width="120px"
+ >
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="名称" prop="name">
+ <el-input v-model="formData.name" placeholder="请输入名称" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="编码" prop="code">
+ <el-input v-model="formData.code" placeholder="请输入编码" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="url" prop="url">
+ <el-input v-model="formData.url" placeholder="请输入url" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="方法" prop="method">
+ <el-input v-model="formData.method" placeholder="请输入方法" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="采集类型" prop="collectType">
+ <el-input v-model="formData.collectType" placeholder="请输入采集类型" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="参数" prop="param">
+ <el-input v-model="formData.param" placeholder="请输入参数" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="描述" prop="descp">
+ <el-input v-model="formData.descp" placeholder="请输入描述" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="状态" prop="status">
+ <el-input v-model="formData.status" placeholder="请输入状态" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
+ <el-button @click="dialogVisible = false">取 消</el-button>
+ </template>
+ </Dialog>
+</template>
+<script lang="ts" setup>
+import * as HttpApi from '@/api/data/channel/http'
+
+defineOptions({ name: 'DataHttpApiForm' })
+
+ 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,
+ name: undefined,
+ code: undefined,
+ url: undefined,
+ method: undefined,
+ collectType: undefined,
+ param: undefined,
+ descp: undefined,
+ status: undefined
+ })
+ const formRules = reactive({
+ name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
+ code: [{ required: true, message: '编码不能为空', trigger: 'blur' }],
+ url: [{ required: true, message: 'url不能为空', 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 HttpApi.getHttpApi(id)
+ } finally {
+ formLoading.value = false
+ }
+ }
+ }
+ defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+ /** 提交表单 */
+ const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+ const submitForm = async () => {
+ // 校验表单
+ if (!formRef) return
+ const valid = await formRef.value.validate()
+ if (!valid) return
+ // 提交请求
+ formLoading.value = true
+ try {
+ const data = formData.value as unknown as HttpApi.HttpApiVO
+ if (formType.value === 'create') {
+ await HttpApi.createHttpApi(data)
+ message.success(t('common.createSuccess'))
+ } else {
+ await HttpApi.updateHttpApi(data)
+ message.success(t('common.updateSuccess'))
+ }
+ dialogVisible.value = false
+ // 发送操作成功的事件
+ emit('success')
+ } finally {
+ formLoading.value = false
+ }
+ }
+
+ /** 重置表单 */
+ const resetForm = () => {
+ formData.value = {
+ id: undefined,
+ name: undefined,
+ code: undefined,
+ url: undefined,
+ method: undefined,
+ collectType: undefined,
+ param: undefined,
+ descp: undefined,
+ status: undefined
+ }
+ formRef.value?.resetFields()
+ }
+</script>
diff --git a/src/views/data/channel/http/index.vue b/src/views/data/channel/http/index.vue
new file mode 100644
index 0000000..80bbf40
--- /dev/null
+++ b/src/views/data/channel/http/index.vue
@@ -0,0 +1,156 @@
+<template>
+ <!-- 搜索 -->
+ <ContentWrap>
+ <el-form
+ class="-mb-15px"
+ :model="queryParams"
+ ref="queryFormRef"
+ :inline="true"
+ label-width="68px"
+ >
+ <el-form-item label="名称" prop="name">
+ <el-input
+ v-model="queryParams.name"
+ 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="['system:tenant:create']"
+ >
+ <Icon icon="ep:plus" class="mr-5px" />
+ 新增
+ </el-button>
+ </el-form-item>
+ </el-form>
+ </ContentWrap>
+
+ <!-- 列表 -->
+ <ContentWrap>
+ <el-table v-loading="loading" :data="list">
+ <el-table-column label="名称" align="center" prop="name" />
+ <el-table-column label="编码" align="center" prop="code" />
+ <el-table-column label="url" align="center" prop="url" />
+ <el-table-column label="方法" align="center" prop="method" />
+ <el-table-column label="采集类型" align="center" prop="collectType" />
+ <el-table-column label="参数" align="center" prop="param" />
+ <el-table-column label="描述" align="center" prop="descp" />
+ <el-table-column label="状态" align="center" prop="status" />
+
+ <el-table-column label="操作" align="center" min-width="110" fixed="right">
+ <template #default="scope">
+ <el-button
+ link
+ type="primary"
+ @click="openForm('update', scope.row.id)"
+ v-hasPermi="['system:tenant:update']"
+ >
+ 编辑
+ </el-button>
+ <el-button
+ link
+ type="danger"
+ @click="handleDelete(scope.row.id)"
+ v-hasPermi="['system:tenant: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>
+
+ <!-- 表单弹窗：添加/修改 -->
+ <HttpApiForm ref="formRef" @success="getList" />
+
+</template>
+<script lang="ts" setup>
+import * as HttpApi from '@/api/data/channel/http'
+import HttpApiForm from './HttpApiForm.vue'
+
+defineOptions({name: 'DataHttp'})
+
+ const message = useMessage() // 消息弹窗
+ const {t} = useI18n() // 国际化
+
+ const loading = ref(true) // 列表的加载中
+ const total = ref(0) // 列表的总页数
+ const list = ref([]) // 列表的数据
+ const queryParams = reactive({
+ pageNo: 1,
+ pageSize: 10,
+ name: undefined
+ })
+ const queryFormRef = ref() // 搜索的表单
+ const exportLoading = ref(false) // 导出的加载中
+
+ /** 查询列表 */
+ const getList = async () => {
+ loading.value = true
+ try {
+ const page = await HttpApi.getHttpApiPage(queryParams)
+ list.value = page.list
+ total.value = page.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 HttpApi.deleteHttpApi(id)
+ message.success(t('common.delSuccess'))
+ // 刷新列表
+ await getList()
+ } catch {
+ }
+ }
+
+ /** 初始化 **/
+ onMounted(async () => {
+ await getList()
+ })
+</script>
diff --git a/src/views/data/channel/modbus/ModBusDeviceForm.vue b/src/views/data/channel/modbus/ModBusDeviceForm.vue
index ad17a36..5ab02f1 100644
--- a/src/views/data/channel/modbus/ModBusDeviceForm.vue
+++ b/src/views/data/channel/modbus/ModBusDeviceForm.vue
@@ -77,11 +77,9 @@
</Dialog>
</template>
<script lang="ts" setup>
- import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
- import * as ModBusApi from '@/api/data/channel/modbus'
- import { CommonStatusEnum } from '@/utils/constants'
+import * as ModBusApi from '@/api/data/channel/modbus'
- defineOptions({ name: 'DataModBusDeviceForm' })
+defineOptions({ name: 'DataModBusDeviceForm' })
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
diff --git a/src/views/data/channel/modbus/index.vue b/src/views/data/channel/modbus/index.vue
index c7247c0..27b491f 100644
--- a/src/views/data/channel/modbus/index.vue
+++ b/src/views/data/channel/modbus/index.vue
@@ -97,13 +97,10 @@
</template>
<script lang="ts" setup>
- import {DICT_TYPE, getIntDictOptions} from '@/utils/dict'
- import {dateFormatter} from '@/utils/formatTime'
- import download from '@/utils/download'
- import * as ModbusApi from '@/api/data/channel/modbus'
- import ModBusDeviceForm from './ModBusDeviceForm.vue'
+import * as ModbusApi from '@/api/data/channel/modbus'
+import ModBusDeviceForm from './ModBusDeviceForm.vue'
- defineOptions({name: 'DataModbus'})
+defineOptions({name: 'DataModBus'})
const message = useMessage() // 消息弹窗
const {t} = useI18n() // 国际化
diff --git a/src/views/data/da/point/DaPointForm.vue b/src/views/data/da/point/DaPointForm.vue
new file mode 100644
index 0000000..82282f2
--- /dev/null
+++ b/src/views/data/da/point/DaPointForm.vue
@@ -0,0 +1,202 @@
+<template>
+ <Dialog v-model="dialogVisible" :title="dialogTitle" width="50%">
+ <el-form
+ ref="formRef"
+ v-loading="formLoading"
+ :model="formData"
+ :rules="formRules"
+ label-width="120px"
+ >
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="测点编码" prop="pointNo">
+ <el-input v-model="formData.pointNo" placeholder="请输入测点编码" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="测点名称" prop="pointName">
+ <el-input v-model="formData.pointName" placeholder="请输入测点名称" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="测点类型" prop="pointType">
+ <el-input v-model="formData.pointType" placeholder="请输入测点类型" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="数据类型" prop="dataType">
+ <el-input v-model="formData.dataType" placeholder="请输入数据类型" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="值类型" prop="valueType">
+ <el-input v-model="formData.valueType" placeholder="请输入值类型" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="存储类型" prop="storeType">
+ <el-input v-model="formData.storeType" placeholder="请输入存储类型" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="测量单位" prop="unit">
+ <el-input v-model="formData.unit" placeholder="请输入测量单位" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="单位转换" prop="unittransfactor">
+ <el-input v-model="formData.unittransfactor" placeholder="请输入单位转换" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="默认值" prop="defaultValue">
+ <el-input v-model="formData.defaultValue" placeholder="请输入默认值" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="最大值" prop="maxValue">
+ <el-input v-model="formData.maxValue" placeholder="请输入最大值" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="最小值" prop="minValue">
+ <el-input v-model="formData.minValue" placeholder="请输入最小值" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="采集频率" prop="minfreqid">
+ <el-input v-model="formData.minfreqid" placeholder="请输入采集频率" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="备注" prop="remark">
+ <el-input v-model="formData.remark" placeholder="请输入备注" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="是否启用" prop="isEnable">
+ <el-input v-model="formData.isEnable" placeholder="请输入是否启用" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
+ <el-button @click="dialogVisible = false">取 消</el-button>
+ </template>
+ </Dialog>
+</template>
+<script lang="ts" setup>
+import * as DaPoint from '@/api/data/da/point'
+
+defineOptions({ name: 'DataDaPointForm' })
+
+ 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,
+ pointNo: undefined,
+ pointName: undefined,
+ pointType: undefined,
+ dataType: undefined,
+ valueType: undefined,
+ storeType: undefined,
+ unit: undefined,
+ unittransfactor: undefined,
+ defaultValue: undefined,
+ maxValue: undefined,
+ minValue: undefined,
+ minfreqid: undefined,
+ remark: undefined,
+ isEnable: undefined,
+ })
+ const formRules = reactive({
+ pointNo: [{ required: true, message: '测点编码不能为空', trigger: 'blur' }],
+ pointName: [{ 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 DaPoint.getDaPoint(id)
+ } finally {
+ formLoading.value = false
+ }
+ }
+ }
+ defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+ /** 提交表单 */
+ const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+ const submitForm = async () => {
+ // 校验表单
+ if (!formRef) return
+ const valid = await formRef.value.validate()
+ if (!valid) return
+ // 提交请求
+ formLoading.value = true
+ try {
+ const data = formData.value as unknown as DaPoint.DaPointVO
+ if (formType.value === 'create') {
+ await DaPoint.createDaPoint(data)
+ message.success(t('common.createSuccess'))
+ } else {
+ await DaPoint.updateDaPoint(data)
+ message.success(t('common.updateSuccess'))
+ }
+ dialogVisible.value = false
+ // 发送操作成功的事件
+ emit('success')
+ } finally {
+ formLoading.value = false
+ }
+ }
+
+ /** 重置表单 */
+ const resetForm = () => {
+ formData.value = {
+ id: undefined,
+ pointNo: undefined,
+ pointName: undefined,
+ pointType: undefined,
+ dataType: undefined,
+ valueType: undefined,
+ storeType: undefined,
+ unit: undefined,
+ unittransfactor: undefined,
+ defaultValue: undefined,
+ maxValue: undefined,
+ minValue: undefined,
+ minfreqid: undefined,
+ remark: undefined,
+ isEnable: undefined,
+ }
+ formRef.value?.resetFields()
+ }
+</script>
diff --git a/src/views/data/da/point/index.vue b/src/views/data/da/point/index.vue
new file mode 100644
index 0000000..42304ce
--- /dev/null
+++ b/src/views/data/da/point/index.vue
@@ -0,0 +1,172 @@
+<template>
+ <!-- 搜索 -->
+ <ContentWrap>
+ <el-form
+ class="-mb-15px"
+ :model="queryParams"
+ ref="queryFormRef"
+ :inline="true"
+ label-width="68px"
+ >
+ <el-form-item label="测点编码" prop="pointNo">
+ <el-input
+ v-model="queryParams.pointNo"
+ placeholder="请输入测点编码"
+ clearable
+ @keyup.enter="handleQuery"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item label="测点名称" prop="pointName">
+ <el-input
+ v-model="queryParams.pointName"
+ 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="['system:tenant:create']"
+ >
+ <Icon icon="ep:plus" class="mr-5px" />
+ 新增
+ </el-button>
+ </el-form-item>
+ </el-form>
+ </ContentWrap>
+
+ <!-- 列表 -->
+ <ContentWrap>
+ <el-table v-loading="loading" :data="list">
+ <el-table-column label="测点编码" align="center" prop="pointNo" />
+ <el-table-column label="测点名称" align="center" prop="pointName" />
+ <el-table-column label="测点类型" align="center" prop="pointType" />
+ <el-table-column label="数据类型" align="center" prop="dataType" />
+ <el-table-column label="值类型" align="center" prop="valueType" />
+ <el-table-column label="存储类型" align="center" prop="storeType" />
+ <el-table-column label="测量单位" align="center" prop="unit" />
+ <el-table-column label="单位转换" align="center" prop="unittransfactor" />
+ <el-table-column label="默认值" align="center" prop="defaultValue" />
+ <el-table-column label="最大值" align="center" prop="maxValue" />
+ <el-table-column label="最小值" align="center" prop="minValue" />
+ <el-table-column label="采集频率" align="center" prop="minfreqid" />
+ <el-table-column label="备注" align="center" prop="remark" />
+ <el-table-column label="是否启用" align="center" prop="isEnable" />
+
+ <el-table-column label="操作" align="center" min-width="110" fixed="right">
+ <template #default="scope">
+ <el-button
+ link
+ type="primary"
+ @click="openForm('update', scope.row.id)"
+ v-hasPermi="['system:tenant:update']"
+ >
+ 编辑
+ </el-button>
+ <el-button
+ link
+ type="danger"
+ @click="handleDelete(scope.row.id)"
+ v-hasPermi="['system:tenant: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>
+
+ <!-- 表单弹窗：添加/修改 -->
+ <DaPointForm ref="formRef" @success="getList" />
+
+</template>
+<script lang="ts" setup>
+import DaPointForm from './DaPointForm.vue'
+import * as DaPoint from '@/api/data/da/point'
+
+defineOptions({name: 'DataDaPoint'})
+
+ const message = useMessage() // 消息弹窗
+ const {t} = useI18n() // 国际化
+
+ const loading = ref(true) // 列表的加载中
+ const total = ref(0) // 列表的总页数
+ const list = ref([]) // 列表的数据
+ const queryParams = reactive({
+ pageNo: 1,
+ pageSize: 10,
+ pointNo: undefined,
+ pointName: undefined,
+ })
+ const queryFormRef = ref() // 搜索的表单
+ const exportLoading = ref(false) // 导出的加载中
+
+ /** 查询列表 */
+ const getList = async () => {
+ loading.value = true
+ try {
+ const page = await DaPoint.getDaPointPage(queryParams)
+ list.value = page.list
+ total.value = page.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 DaPoint.deleteDaPoint(id)
+ message.success(t('common.delSuccess'))
+ // 刷新列表
+ await getList()
+ } catch {
+ }
+ }
+
+ /** 初始化 **/
+ onMounted(async () => {
+ await getList()
+ })
+</script>
--
Gitblit v1.9.3