From e1d380a930e73d8355a4695ca5f5b91f471c2394 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Mon, 28 Apr 2025 13:32:12 +0800
Subject: [PATCH] 修改大屏
---
src/views/hazardousChemicals/traceableQuery/index.vue | 71 ++++++++++++++++++++++++++++++++---
1 files changed, 64 insertions(+), 7 deletions(-)
diff --git a/src/views/hazardousChemicals/traceableQuery/index.vue b/src/views/hazardousChemicals/traceableQuery/index.vue
index 5210f24..b8e94f5 100644
--- a/src/views/hazardousChemicals/traceableQuery/index.vue
+++ b/src/views/hazardousChemicals/traceableQuery/index.vue
@@ -2,6 +2,26 @@
<div class="query">
<div style="margin-top:20px;margin-left: 20px">
<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.form.code" placeholder="请输入二维码编号进行搜索"></el-input>
</el-form-item>
@@ -29,37 +49,74 @@
</template>
<script setup>
-import {nextTick, reactive, ref} from "vue";
+import {nextTick, onMounted, reactive, ref} from "vue";
import flowDeail from '../../components/flowDetail.vue'
import {getFlowByCode, getProFlow} from "@/api/hazardousChemicals/productRecord";
import {ElMessage} from "element-plus";
+import {getCompany} from "@/api/hazardousChemicals/company";
const flowRef = ref();
const data = reactive({
queryParams: {
name: '',
- productSn: ''
+ productSn: '',
+ companyId: null
},
form: {
code: ''
},
dataList: [],
- showData:false
+ showData:false,
+ companyList: []
});
+
+onMounted(()=>{
+ getCompanyList("")
+})
const getList = async () => {
+ if(!data.queryParams.companyId){
+ ElMessage.warning('请先输入企业名称')
+ return
+ }
if(data.form.code!=''){
data.showData = true
await nextTick(() => {
- flowRef.value.openDialog('code',data.form.code)
+ flowRef.value.openDialog('code',data.form.code,data.queryParams.companyId)
})
}else {
ElMessage.warning('请先输入二维码编号')
}
-
-
-
+}
+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
+ } else {
+ ElMessage.warning(res.message)
+ }
+ }
}
const reset = () =>{
+ data.queryParams = {
+ name: '',
+ productSn: '',
+ companyId: null
+ }
data.form.code = ''
data.showData = false
}
--
Gitblit v1.9.2