From 15669173497dce16b5d0f17bf4bef36c0d87115c Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: 星期三, 30 八月 2023 17:23:44 +0800
Subject: [PATCH] 气体管理/区域管理
---
src/views/basicDataManage/gasManage/index.vue | 50 +++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 43 insertions(+), 7 deletions(-)
diff --git a/src/views/basicDataManage/gasManage/index.vue b/src/views/basicDataManage/gasManage/index.vue
index d80628e..b803281 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>
@@ -60,9 +60,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 +76,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,8 +125,14 @@
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">
--
Gitblit v1.9.2