From 817f8b5f25e08499e7e90b38c002e74131d57c17 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期五, 18 四月 2025 14:30:12 +0800 Subject: [PATCH] 修改 --- src/views/hazardousChemicals/accessRecords/components/productTable.vue | 63 +++++++++++++++++++++++++++++-- 1 files changed, 58 insertions(+), 5 deletions(-) diff --git a/src/views/hazardousChemicals/accessRecords/components/productTable.vue b/src/views/hazardousChemicals/accessRecords/components/productTable.vue index a019a37..c7486cc 100644 --- a/src/views/hazardousChemicals/accessRecords/components/productTable.vue +++ b/src/views/hazardousChemicals/accessRecords/components/productTable.vue @@ -2,6 +2,26 @@ <div class="app-container"> <div style="display: flex;justify-content: space-between"> <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item label="企业名称:" > + <el-select + clearable + v-model="data.queryParams.companyId" + filterable + remote + reserve-keyword + placeholder="请输入企业名称" + remote-show-suffix + :remote-method="getCompanyList" + style="width: 100%" + > + <el-option + v-for="item in data.companyList" + :key="item.id" + :label="item.name" + :value="item.id" + /> + </el-select> + </el-form-item> <el-form-item label="品名:" > <el-input v-model="data.queryParams.params.name" placeholder="请输入品名" clearable></el-input> </el-form-item> @@ -78,6 +98,7 @@ getProWarehouseRecord } from "@/api/hazardousChemicals/productRecord"; import {delRawRecord} from "@/api/hazardousChemicals/rawRecord"; +import {getCompany} from "@/api/hazardousChemicals/company"; const { proxy } = getCurrentInstance(); const loading = ref(false); const dialogRef = ref(); @@ -88,19 +109,22 @@ queryParams: { pageNum: 1, pageSize: 10, + companyId:null, params :{ name: '', - productSn: '' + productSn: '', } }, + companyList: [], total: 0, dataList: [] }); const { queryParams, total, dataList } = toRefs(data); const classHourRef = ref(); -onMounted(()=>{ - getList() +onMounted(async ()=>{ + await getCompanyList('') + await getList() }) const getList = async () => { @@ -114,6 +138,33 @@ } loading.value = false } +const getCompanyList = async (val)=>{ + if(val){ + const queryParams = { + name: val + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list + } else { + ElMessage.warning(res.message) + } + }else { + const queryParams = { + pageNum: 1, + pageSize: 10 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list + if(data.queryParams.companyId == null){ + data.queryParams.companyId = data.companyList[0].id + } + } else { + ElMessage.warning(res.message) + } + } +} const openDialog = (type, value) => { dialogRef.value.openDialog(type, value); @@ -124,11 +175,13 @@ data.queryParams = { pageNum: 1, pageSize: 10, + companyId: null, params :{ name: '', - productSn: '' + productSn: '', } } + data.queryParams.companyId = data.companyList[0].id getList() } const handleDelete = (val) => { @@ -181,7 +234,7 @@ const viewFlow = (val) => { dialogVisible.value = true nextTick(() => { - flowRef.value.openDialog('proRecord',val) + flowRef.value.openDialog('proRecord',val,val.companyId) }) } -- Gitblit v1.9.2