feat: 新增设备select选项

src/views/report/laboratory-month/index.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { dayjs } from 'element-plus';
-import { getMonthTable } from '@/api/report/lab';
+import { getMonthTable, getDeviceList } from '@/api/report/lab';
 
 const { proxy } = getCurrentInstance();
 
@@ -10,6 +10,7 @@ const queryParams = ref({
 
 const tableLoading = ref(false);
 const loading = ref(false);
+const options = ref([]);
 
 const datePickerValue = ref(new Date());
 const tempDataValue = ref({timeBegin: dayjs(new Date()).startOf('week').format('YYYY') + '年'});
@@ -141,6 +142,9 @@ const handleExport = () => {
 }
 
 onMounted(() => {
+  getDeviceList().then(({ data }) => {
+    options.value = data
+  });
   initPageData();
 })
 </script>
@@ -155,7 +159,14 @@ onMounted(() => {
         </p>
       </template>
       <el-row class="pt-[5px]" justify="space-between" :gutter="20">
-        <el-col :span="18">
+        <el-col :span="6">
+          <el-form-item label="设备编号">
+            <el-select v-model="queryParams.deviceNo" placeholder="请选择" filterable>
+              <el-option v-for="item in options" :key="item.deviceNo" :label="item.deviceName" :value="item.deviceNo" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
           <div class="flex items-center space-x-[20px]">
             <el-form-item label="统计时段">
               <el-radio-group v-model="queryParams.activeRadioName" @change="onRadioChange">
@@ -177,7 +188,7 @@ onMounted(() => {
             </el-form-item>
           </div>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
           <div class="flex justify-end">
             <el-button type="primary" @click="handlerQuery" :loading="loading">查询</el-button>
             <el-button @click="handlerReset" :loading="loading">重置</el-button>