下载功能实现；样式调整

@@ -71,6 +71,18 @@ let getFaultDiagnosticItemList = (params) => {
     return get('/api-web/fault/result/normal', params);
 }
 
+
+
+/**
+ * 生成故障报表
+ * @returns {Promise<*>}
+ */
+let generateFaultReport = (faultNo) => {
+    return get('/api-web/fault/result/generateReport', {faultNo:faultNo});
+}
+
+
+
 export default {
     getRuleAdvanced,
     getFaultList,
@@ -78,5 +90,6 @@ export default {
     delRuleAdvanced,
     getFaultBusinessList,
     getFaultKpiList,
-    getFaultDiagnosticItemList
+    getFaultDiagnosticItemList,
+    generateFaultReport
 }

@@ -32,6 +32,9 @@ export default {
         getFaultDiagnosticItemList(context, params){
             return faultDiagnosisApi.getFaultDiagnosticItemList(params);
         },
+        generateFaultReport(context, faultNo){
+            return faultDiagnosisApi.generateFaultReport(faultNo);
+        },
 
     }
 };

 <div style="text-align: left;overflow-y: auto;max-height: 100%;">
     <div class="d-flex p-6" style="position: fixed;z-index: 1000;width: 100%;background: aliceblue;">
         <div style="width: calc(100% - 80px)">{{faultDetailDialogTitle}}</div>
-        <el-button type="text" size="small"
+       <!-- <el-button type="text" size="small"
                    @click.prevent="$global.openReport('GZZDS',{faultNumber:faultDetailDetailInfo.faultNo},'60%','80%')">
             <i class="iconfont iconfont-small icon-icon-rizhi"/> 报表
+        </el-button>-->
+        <el-button type="text" size="small"
+                   @click.prevent="openFaultReport">
+            <i class="iconfont iconfont-small icon-icon-rizhi"/> 报表
         </el-button>
     </div>
     <div style="height: 44px"></div>

 import service from './service.js'
+import store from '/vue3/src/store/index.js';
 
 export default {
     name: 'resIndex',
@@ -145,9 +146,9 @@ export default {
         }
 
         // 展示弹框
-        const openDialog = (type, {faultNo, targetType, resId, kpiId, flag,resClass}, obj) => {
+        const openDialog = (type, {faultNo, targetType, resId, kpiId, flag, resClass}, obj) => {
             if (type === 'alarm') {
-                service.openAlarmDialog(proxy, faultNo, targetType, resId, kpiId, flag,resClass);
+                service.openAlarmDialog(proxy, faultNo, targetType, resId, kpiId, flag, resClass);
             } else /*if (type === 'resList') {
                 service.handleClick(proxy, faultNo, targetType, resId, kpiId, flag);
             } else*/ if (type === 'line') {
@@ -160,6 +161,24 @@ export default {
         }
 
 
+        const openFaultReport = () => {
+
+            var domain = proxy.$http.getGateWay()
+            var faultNo = faultDetailDetailInfo.value.faultNo;
+            proxy.$global.viewer(domain + '/fault/result/downReport?faultNo=' + faultNo, proxy);
+            // window.top.open(domain + `/fault/result/downReport?faultNo=${faultNo}&access_token=${proxy.$http.getToken()}`);
+
+            store.dispatch('generateFaultReport', faultNo).then((res) => {
+                if (res && res.success) {
+                    var path = res.str;
+                    proxy.$global.viewer(path, proxy);
+                } else {
+                    proxy.$global.showMsg(res.msg, 'warning');
+                }
+            });
+        }
+
+
         Vue.onMounted(() => {
             settingDetail();
         });
@@ -172,6 +191,7 @@ export default {
             moreDialog,
             showMoreDialog,
             moreDialogTitle,
+            openFaultReport,
             ...service
         }
     }