提交

src/api/portraitModel.js

@@ -13,6 +13,7 @@ export function downloadDataByRFM(data) {
     url: "/api/downDataByUserPortrait/analysisByRfmDown",
     method: "get",
     params: data,
+    responseType: "blob",
   });
 }
 //数据下载-ABC分析
@@ -25,9 +26,19 @@ export function downloadDataByABC(data) {
 }
 //数据下载-波士顿矩阵分析
 export function downloadDataByBoston(data) {
-    return request({
-      url: "/api/downDataByUserPortrait/bostonMatrixAnalysisData",
-      method: "get",
-      params: data,
-    });
-  }
+  return request({
+    url: "/api/downDataByUserPortrait/bostonMatrixAnalysisData",
+    method: "get",
+    responseType: "blob",
+    params: data,
+  });
+}
+//数据下载-帕累托/ABC分析
+//筛选出统计样本
+export function filterOutStatisSample(data) {
+  return request({
+    url: "/api/userBehaviorByRFM/filterOutStatisSample",
+    method: "post",
+    data: data,
+  });
+}

src/utils/index.js

@@ -387,4 +387,22 @@ export function camelCase(str) {
 export function isNumberStr(str) {
   return /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g.test(str)
 }
+//文件下载
+export function downBlobFile(fileName, fileBlob) {
+  const link = document.createElement('a')
+  try {
+    // let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'});    //如果后台返回的不是blob对象类型，先定义成blob对象格式,type格式根据返回文件不同修改
+    const blob = fileBlob
+    const _fileName = fileName // 拆解获取文件名，如果后端没返回文件格式，则需要自己拼接文件后缀
+    link.style.display = 'none'
+    // 兼容浏览器
+    const url = window.URL || window.webkitURL || window.moxURL
+    link.href = url.createObjectURL(blob) // 如果没设置axios请求reponseType为‘blob’的话，则参数应为new Blob(文件流),否则报错
+    link.download = _fileName // 下载的文件名称
+    link.click()
+    window.URL.revokeObjectURL(url) //  #URL.revokeObjectURL()方法会释放一个通过URL.createObjectURL()创建的对象URL. 当你要已经用过了这个对象URL,然后要让浏览器知道这个URL已经不再需要指向对应的文件的时候,就需要调用这个方法.
+  } catch (error) {
+    console.error(error.message)
+  }
+}
  

src/views/portraitModel/components/abcAnalysis.vue

@@ -45,7 +45,7 @@
             <el-table-column label="销售额" align="center" prop="amount">
             </el-table-column>
           </el-table>
-          <div class="download">下载数据</div>
+          <div class="download" @click="downloadData">下载数据</div>
         </div>
       </div>
       <div class="line"></div>
@@ -348,6 +348,8 @@
 </template>
 
 <script setup>
+import * as portraitModel from "@/api/portraitModel";
+import { downBlobFile } from "@/utils/index.js";
 const knowledgeFlag = ref(false);
 const step1Data = ref([
   {
@@ -585,6 +587,18 @@ const moveDown = (index, row) => {
     step2Data.value.splice(index, 0, downDate);
   }
 };
+const downloadData = () => {
+  // console.log(666);
+  portraitModel
+    .downloadDataByABC({
+    })
+    .then((res) => {
+      // console.log(res,'--');
+      const blob = new Blob([res], { type: "application/vnd.ms-excel" });
+      downBlobFile(`案例数据-帕累托分析`, blob);
+    })
+    .catch((error) => {});
+}
 </script>
 
 <style scoped lang="scss">

src/views/portraitModel/components/bostonAnalysis.vue

@@ -49,7 +49,7 @@
             <el-table-column label="消费时间" align="center" prop="time">
             </el-table-column>
           </el-table>
-          <div class="download">下载数据</div>
+          <div class="download" @click="downloadData">下载数据</div>
         </div>
       </div>
       <div class="line"></div>
@@ -242,6 +242,8 @@
 </template>
 
 <script setup>
+import * as portraitModel from "@/api/portraitModel";
+import { downBlobFile } from "@/utils/index.js";
 const knowledgeFlag = ref(false);
 const step1Data = ref([
   {
@@ -530,6 +532,18 @@ const moveDown = (index, row) => {
     step2Data.value.splice(index, 0, downDate);
   }
 };
+const downloadData = () => {
+  // console.log(666);
+  portraitModel
+    .downloadDataByBoston({
+    })
+    .then((res) => {
+      // console.log(res,'--');
+      const blob = new Blob([res], { type: "application/vnd.ms-excel" });
+      downBlobFile(`案例数据-波士顿矩阵分析`, blob);
+    })
+    .catch((error) => {});
+}
 </script>
 
 <style scoped lang="scss">

src/views/portraitModel/index.vue

@@ -275,6 +275,7 @@ import basketAnalysis from "./components/basketAnalysis.vue";
 import repurchaseAnalysis from "./components/repurchaseAnalysis.vue";
 import retainAnalysis from "./components/retainAnalysis.vue";
 import viscosityAnalysis from "./components/viscosityAnalysis.vue";
+import AARRRAnalysis from "./components/AARRRAnalysis.vue"
 import { onMounted } from "vue";
 const currentComponent = ref(null);
 const menuIndex = ref(1);
@@ -331,6 +332,7 @@ const tabList = ref([
   },
   {
     id: "9",
+    key: AARRRAnalysis,
     title: "AARRR用户运营分析",
     backImg: "src/assets/images/icon9.png",
   },