1.引用

src/views/basicdata/warehouse/goodsShelf/basicdataGoodsShelfView.vue

@@ -32,7 +32,7 @@
     </div>
     <div class="tips">
       <el-button icon="el-icon-refresh" @click="checkshelves" circle></el-button>
-      <div class="exprbuts">导出</div>
+      <div class="exprbuts" @click="handleExportArea">导出</div>
       <div>
         总货位:
         <span class="def">{{ countnumber.cargoNub }}</span>
@@ -376,7 +376,7 @@
             </div>
             <el-input
               style="flex: 1"
-             
+
               v-model="inputtxts1"
               :placeholder="
                 '请输入' +
@@ -451,6 +451,11 @@ import {
   disable,
 } from '@/api/basicdata/basicdataGoodsShelfView';
 import { reactive, toRefs, onMounted, getCurrentInstance } from 'vue';
+import { getToken } from '@/utils/auth';
+import NProgress from 'nprogress';
+import { exportBlob } from '@/api/common';
+import { downloadXls } from '@/utils/util';
+import { dateNow } from '@/utils/date';
 const { proxy } = getCurrentInstance();
 let details = reactive({
   columnList: [],
@@ -517,6 +522,34 @@ async function initconfig() {
 function initpage() {
   // let warehousearr=
 }
+function handleExportArea() {
+  let id=details.arrlist[details.checkselect]?.id||0
+  if (id ===0){
+    this.$message({
+      type: "success",
+      message: "无选择仓库!"
+    });
+    return;
+  }
+  let downloadUrl = `/blade-BasicdataGoodsAllocation/BasicdataGoodsAllocation/export-visualizationwarehouse?${this.website.tokenHeader}=${getToken()}`;
+  console.log("id>>>>>>>>>>>>>>",id);
+  let values = {
+    areaId:id,
+  };
+  this.$confirm("是否导出数据?", "提示", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning"
+  }).then(() => {
+    NProgress.start();
+    exportBlob(downloadUrl, values).then(res => {
+      downloadXls(res.data, `仓库${dateNow()}.xlsx`);
+      NProgress.done();
+    })
+  });
+
+}
+
 function currentChange(currentPage) {
   details.currentPage = currentPage;
   searchbuts();
@@ -1946,7 +1979,7 @@ const addhuoj = async scope => {
         code:scope.row.palletCode,
         allocationId:details.checkite.id
       }
-      
+
       data =obj
       break;
     case 5: