气体管理/区域管理

zhouwenxuan

2023-08-30 15669173497dce16b5d0f17bf4bef36c0d87115c

 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">