zx

src/api/ThemeComparison/index.js

@@ -116,3 +116,16 @@ export function getPositiveAndNegative0528C(params) {
         }
     })
 }
+
+// 主题对比-导出报告
+export function getToPptTask(params) {
+    let obj =  Object.assign({action: 'getToPptTask', sType: 'ToZhuTiPptV6C',iContrastType: '4'}, params)
+    return httpService({
+        url: `/api/v6.ashx`,
+        method: 'post',
+        data: obj,
+        headers: {
+            'content-type': 'application/x-www-form-urlencoded'
+        }
+    })
+}

src/views/ThemeComparison/ThemeIndex.vue

@@ -121,7 +121,7 @@ export default {
                  return ele.name;
             });
             if(filterArr.length < 2) {
-                this.$message.warning('至少2个品牌进行对比');
+                this.$message.warning('至少2个主题进行对比');
                 return;
             }
             this.setTComparison(filterArr);

src/views/ThemeComparison/themeCompateHeader/index.vue

@@ -9,10 +9,12 @@
 <template>
     <div class="bc-d1">
         <v-label-div title="主题对比">
-            <div>
-                <v-btn @click="reCompare">重选对比</v-btn>
-                <v-btn style="margin-left: 1rem" @click="goback">返回主题分析</v-btn>
-            </div>
+            <!-- <div> -->
+                <!-- <v-btn @click="reCompare">重选对比</v-btn>
+                <v-btn style="margin-left: 1rem" @click="goback">返回主题分析</v-btn> -->
+                <a-button v-if="hasData" style="margin-right: 1.5rem;" @click="handlerExport" :loading="btnLoading">导出报告</a-button>
+                <v-double-button @left="reCompare" @right="goback" :title="['重选主题对比','返回主题分析']"></v-double-button>
+            <!-- </div> -->
         </v-label-div>
         <div class="bc-d1-inner">
             <template v-for="(item,index) in brands">
@@ -32,6 +34,7 @@
 </template>
 
 <script>
+import {getToPptTask} from "@/api/ThemeComparison"
 export default {
     name: "brandCompateHeader",
     props: {
@@ -87,8 +90,17 @@ export default {
                     isDel: false,
                 },
             ],
+            form: {
+                token: '',
+                sGuid: '',
+            },
+            btnLoading: false,
+            hasData: true,
         };
     },
+    created() {
+        this.form.token = this.getToken;
+    },
     methods: {
         goback() {
             this.$router.go(-1);
@@ -117,6 +129,31 @@ export default {
             this.setTcStatus(false);
             this.reload()
         },
+        // 导出报告
+        handlerExport() {
+            if(this.getTcStatus == false) {
+                this.$message.warning('请选择需要对比的主题')
+                return false;
+            };
+            this.btnLoading = true;
+
+            let arr = this.getTComparison;
+            let sGuid = [];
+            arr.forEach((ele) => {
+                sGuid.push(ele.guids);
+            });
+            this.form.sGuid = sGuid.toString();
+
+            let obj = Object.assign({}, this.form)
+            getToPptTask(obj).then(() => {
+                this.$notification.open({
+                    message: `数据生成中`,
+                    description: "请前往个人中心查看下载进度",
+                    placement: "bottomRight",
+                });
+                this.btnLoading = false;
+            })
+        }
     },
 };
 </script>