From 4076c14a8eac96cd716522f2cb15dcda0eb4fcef Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期三, 10 四月 2024 08:37:53 +0800
Subject: [PATCH] 新修改
---
src/views/basicDataManage/gasManage/index.vue | 53 +++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 45 insertions(+), 8 deletions(-)
diff --git a/src/views/basicDataManage/gasManage/index.vue b/src/views/basicDataManage/gasManage/index.vue
index d80628e..5c63e6a 100644
--- a/src/views/basicDataManage/gasManage/index.vue
+++ b/src/views/basicDataManage/gasManage/index.vue
@@ -4,9 +4,9 @@
<div class="system-menu-search mb15">
<el-form :inline="true" >
<el-form-item label="气体名称：">
- <el-input v-model="state.tableData.listQuery.searchParams.gasName" placeholder="气体名称" ></el-input>
+ <el-input v-model="state.tableData.listQuery.searchParams.name" placeholder="气体名称" ></el-input>
</el-form-item>
- <el-button size="default" type="primary" class="ml10">
+ <el-button size="default" type="primary" class="ml10" @click="search()">
<el-icon>
<ele-Search />
</el-icon>
@@ -36,6 +36,7 @@
<el-table-column label="操作" show-overflow-tooltip width="140">
<template #default="scope">
<el-button size="small" text type="primary" @click="openDialog('查看', scope.row)">查看</el-button>
+ <el-button size="small" text type="primary" @click="openDialog('编辑', scope.row)">编辑</el-button>
</template>
</el-table-column>
</el-table>
@@ -60,9 +61,11 @@
</template>
<script setup lang="ts">
-import {reactive, ref} from "vue";
+import {onMounted, reactive, ref} from "vue";
import { TableDataState } from "/@/types/gasManage";
import gasDialog from "./component/gasDialog.vue";
+import { gasManageApi } from "/@/api/basicDataManage/gasManage";
+import {ElMessage} from "element-plus";
const gasRef = ref();
const state = reactive<TableDataState>({
@@ -74,14 +77,42 @@
pageIndex: 1,
pageSize: 10,
searchParams:{
- gasName:''
+ name :''
}
}
}
});
+//页面加载
+onMounted(() => {
+ initGasData();
+});
-const initGasData = () => {
- console.log("数据列表")
+const initGasData = async () => {
+ let res = await gasManageApi().getGasPage(state.tableData.listQuery);
+ console.log("res",res)
+ if (res.data.code === 100) {
+ if(res.data.data && res.data.data.length > 0){
+ state.tableData.data = res.data.data.map((item: any) => {
+ return {
+ id: item.id,
+ gasName: item.name,
+ gasMolecularFormula: item.molecularFormula,
+ gasThreshold: item.threshold,
+ gasUnit: item.unit
+ }
+ });
+ }else {
+ state.tableData.data = [];
+ }
+ state.tableData.total = res.data.total;
+ state.tableData.listQuery.pageIndex = res.data.pageIndex;
+ state.tableData.listQuery.pageSize = res.data.pageSize;
+ } else {
+ ElMessage({
+ type: 'warning',
+ message: res.data.msg
+ });
+ }
};
const onHandleSizeChange = (val: number) => {
state.tableData.listQuery.pageSize = val;
@@ -95,10 +126,16 @@
const openDialog = (type: string, value: any) => {
gasRef.value.openDialog(type, value);
};
+const search = () => {
+ state.tableData.listQuery.pageIndex = 1;
+ initGasData();
+}
const reset = () => {
- state.tableData.listQuery.searchParams.gasName = '';
+ state.tableData.listQuery.searchParams.name = '';
+ state.tableData.listQuery.pageIndex = 1;
+ initGasData();
}
</script>
<style scoped lang="scss">
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.2