页面优化

src/api/airqualitycollection/index.ts

@@ -46,7 +46,7 @@ export const QualityCollectionApi = {
   },
 
   // 导出空气质量采集 Excel
-  exportQualityCollection: async (params) => {
+  exportQualityCollection: async (data:any) => {
-    return await request.download({ url: `/system/quality-collection/export-excel`, params })
+    return await request.upload({ url: `/system/quality-collection/upload-excel`, data })
-  },
+  }
 }

src/components/UploadFile/index.ts

@@ -1,6 +1,8 @@
 import UploadImg from './src/UploadImg.vue'
 import UploadImgs from './src/UploadImgs.vue'
 import UploadFile from './src/UploadFile.vue'
-export { UploadImg, UploadImgs, UploadFile}
+import UploadExcel from './src/UploadExcel.vue'
+
+export { UploadImg, UploadImgs, UploadFile, UploadExcel}
 
 

src/views/airqualitycollection/index.vue

@@ -40,26 +40,17 @@
             class="!w-220px"
           />
         </el-form-item>
-        <el-form-item>
+        <el-form-item >
           <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
           <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-          <el-button
+          <UploadExcel 
-            type="primary"
+            v-model="fileUrls" 
-            plain
+            :file-type="['xlsx', 'xls']" 
-            @click="openForm('create')"
+            :file-size="1"
-            v-hasPermi="['system:quality-collection:create']"
+            class="mr-5px"
-          >
+            :type="activeName"
-            <Icon icon="ep:plus" class="mr-5px" /> 新增
+
-          </el-button>
+          />
-          <el-button
-            type="success"
-            plain
-            @click="handleExport"
-            :loading="exportLoading"
-            v-hasPermi="['system:quality-collection:export']"
-          >
-            <Icon icon="ep:download" class="mr-5px" /> 导出
-          </el-button>
         </el-form-item>
        </el-form>
 
@@ -137,6 +128,7 @@ import download from '@/utils/download'
 import { QualityCollectionApi, QualityCollectionVO } from '@/api/airqualitycollection'
 import QualityCollectionForm from './QualityCollectionForm.vue'
 const activeName = ref(1)
+import { UploadExcel } from '@/components/UploadFile'
 
 
 /** 空气质量采集 列表 */
@@ -169,6 +161,8 @@ const queryParams = reactive({
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
 
+const fileUrls = ref()
+
 /** 查询列表 */
 const getList = async () => {
   loading.value = true