导出最新预测偏差

src/views/plan/workbench/predictVersion/index.vue

@@ -4,7 +4,7 @@
       <el-form :inline="true" class="clearfix search-content">
         <el-form-item label="版本号" style="margin-bottom: 0">
           <el-select
-            style="width: 300px"
+            style="width: 250px"
             v-model="queryParams.versionId"
             filterable
             placeholder="请选择"
@@ -19,7 +19,7 @@
         </el-form-item>
         <el-form-item label="客户">
           <el-select
-            style="width: 300px"
+            style="width: 250px"
             v-model="queryParams.customerId"
             placeholder="请选择"
             multiple
@@ -38,7 +38,7 @@
         </el-form-item>
         <el-form-item label="物料">
           <el-select
-            style="width: 300px"
+            style="width: 250px"
             v-model="queryParams.artId"
             filterable
             :loading="artIdLoading"
@@ -76,6 +76,13 @@
             style="margin-left: 24px"
             >导出</el-button
           >
+          <el-button
+            icon="el-icon-download"
+            class="add-button-style"
+            @click="handleNewExport"
+            style="margin-left: 24px;width: 150px;"
+            >导出最新预测偏差</el-button
+          >
         </el-form-item>
       </el-form>
     </SearchTemplate>
@@ -247,23 +254,31 @@ export default {
     },
     // 物料列表
     setArtList() {
-      this.artIdLoading = true
-      getArtIdList().then(({ data = [] }) => {
-        this.artIdLoading = false
-        this.artList = data;
-      }).catch(() => {
-        this.artIdLoading = false
-      })
+      if (this.artList.length > 0) {
+        // 已经有数据了，请求过接口
+      } else {
+        this.artIdLoading = true
+        getArtIdList().then(({ data = [] }) => {
+          this.artIdLoading = false
+          this.artList = data;
+        }).catch(() => {
+          this.artIdLoading = false
+        })
+      }
     },
     // 客户列表
     setCustomerList() {
-      this.customerLoading = true
-      get('/admin/base/customer/customerlst').then(({ data = [] }) => {
-        this.customerLoading = false
-        this.customerArray = data
-      }).catch(() => {
-        this.customerLoading = false
-      })
+      if (this.customerArray.length > 0) {
+        // 已经有数据了，请求过接口
+      } else {
+        this.customerLoading = true
+        get('/admin/base/customer/customerlst').then(({ data = [] }) => {
+          this.customerLoading = false
+          this.customerArray = data
+        }).catch(() => {
+          this.customerLoading = false
+        })
+      }
     },
     // 搜索按钮操作
     handleQuery() {
@@ -304,6 +319,25 @@ export default {
         link.click();
       })
     },
+    // 导出最新预测偏差
+    handleNewExport() {
+      for (let key in this.queryParams) {
+        if (this.queryParams[key] == '' || key == 'versionId') {
+          this.queryParams[key] = undefined
+        }
+      }
+      get(`/admin/ap/custdemandverhead/difference`, {
+        ...this.queryParams,
+        "customerId": this.queryParams.customerId ? this.queryParams.customerId.join(",") : undefined
+      }).then(res => {
+        let link = document.createElement('a');
+        link.style.display = 'none';
+        link.href = (process.env.VUE_APP_BASE_URL || "http://101.201.121.115:9003/") + res.data;
+        link.setAttribute('download', '最新预测偏差.xlsx');
+        document.body.appendChild(link);
+        link.click();
+      })
+    },
   },
   created() {
     this.getVersionOfCustom()