修改

zhouwx

2025-04-18 817f8b5f25e08499e7e90b38c002e74131d57c17

 src/views/hazardousChemicals/useCount/index.vue

@@ -12,26 +12,38 @@
              format="YYYY-MM-DD HH:mm:ss"
          />
        </el-form-item>
        <el-form-item label="企业名称:" >
          <el-select
              clearable
              v-model="state.tableData.listQuery.companyId"
              filterable
              remote
              reserve-keyword
              placeholder="请输入企业名称"
              remote-show-suffix
              :remote-method="getCompanyList"
              style="width: 100%"
          >
            <el-option
                v-for="item in state.tableData.companyList"
                :key="item.id"
                :label="item.name"
                :value="item.id"
            />
          </el-select>
        </el-form-item>
        <el-form-item >
          <el-button
              type="primary"
              @click="getList"
          >查询</el-button>
          <el-button
              plain
              type="primary"
              @click="reset"
          >重置</el-button>
          <el-button
              icon="Search"
              type="primary"
              @click="getList"
          >查询</el-button>
<!--        <el-button  type="primary" icon="Download" size="default" @click="downloadExcel">导出</el-button>-->

<!--          <vue3-json-excel-->
<!--              class="ml10"-->
<!--              :json-data="state.tableData.data"-->
<!--              :fields="fields"-->
<!--              :name="state.tableData.excelName"-->
<!--          >-->
            <el-button  type="primary" icon="Download" size="default" @click="downloadExcel">导出</el-button>
<!--          </vue3-json-excel>-->
        </el-form-item>
      </el-form>
    </div>
@@ -67,6 +79,7 @@
import moment from "moment";
import axios from "axios";
import {getToken} from "@/utils/auth";
import {getCompany} from "@/api/hazardousChemicals/company";

const loading = ref(false)
const state = reactive({
@@ -80,8 +93,10 @@
      startTime: null,
      endTime: null,
      time: [],
      companyId: null
    },
    excelName: ''
    excelName: '',
    companyList: []
  },
});
const fields = ref({
@@ -96,9 +111,11 @@
});

onMounted(
    () => {
      getNowTime();
      getList()
    async () => {
      await getNowTime();
      await getCompanyList('')
      await getList()

    }
);
const getNowTime = () => {
@@ -180,7 +197,42 @@
  // }

}
const getCompanyList = async (val)=>{
  if(val){
    const queryParams = {
      name: val
    }
    const res = await getCompany(queryParams)
    if (res.code == 200) {
      state.tableData.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) {
      state.tableData.companyList = res.data.list
      if(state.tableData.listQuery.companyId == null){
        state.tableData.listQuery.companyId = state.tableData.companyList[0].id
      }
    } else {
      ElMessage.warning(res.message)
    }
  }
}
const reset = () => {
  state.tableData.listQuery = {
    pageNum: 1,
    pageSize: 10,
    startTime: null,
    endTime: null,
    time: [],
  }
  state.tableData.listQuery.companyId = state.tableData.companyList[0].id
  getNowTime();
  getList();
}