| | |
| | | <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> |
| | |
| | | </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>({ |
| | |
| | | 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; |
| | |
| | | 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"> |