<template>
    <div style="width: 100%;">
        <div id = "pro_main">
            <div style="margin-top: 10px;">
                <b  class="pro_item">云脑分析</b>  <span class="update_time">数据更新时间：</span>  <span style="font-size: 12px;">{{lastUpdatedTime}}&nbsp/&nbsp从有记录起开始统计</span>   
            </div>
    
            <bar-label :width="'95%'" :height="'500px'"></bar-label>
            <div style="margin-top: 20px;">
                <span  class="sta_iterm">统计周期：</span> 
                <button type="button" class='btnLast' id = "all"  v-bind:class="{colorChange:7==dynamic}" @click="resetPage(),getAllProList('all',7)">所有</button>
                <span style="float:right; margin-right: 20px;">
                    <div style="display:inline-block;margin-left: 40px; ">
                        <a class="el-icon-download" v-if="tableData!=''" :href= "'../api/v1/cloudbrainboard/downloadAll'"></a>
                        <i class="el-icon-download" v-else="tableData=''" href="#" style="color:rgba(187, 187, 187, 100);" @click='popMark()'></i>
                        <!-- <span ><a id = "download_file" :href= "'../api/v1/projectboard/downloadAll'"   >下载报告</a> </span> -->
                        <span >
                            <a id = "download_file"  v-if="tableData!=''" :href= "'../api/v1/cloudbrainboard/downloadAll'">下载报告</a>
                            <a id = "download_file"  v-else="tableData=''"  href= "#" style="color:rgba(187, 187, 187, 100);" @click='popMark()'>下载报告</a> 
                        </span>
                    </div>  
                </span>
            </div>
                    
        </div>
        
    </div>
    </template>
    
    <script>
        // import barLabel from './basic/barLabel.vue';
        const {AppSubUrl, StaticUrlPrefix, csrf} = window.config;

        import { export2Excel } from '../excel/util.js'
        export default{
            name:'ProAnalysis',
            components: {
                // barLabel,
            },
            methods: {
                popMark(){
                    alert("数据为空时，不能下载！")
                },
                exportData(){
                    
                    // this.getOneProList(this.pro_id,'all',true,7)
                    // this.getOneProList(this.pro_id,'all',false,7)
                    // this.fileName()
                    if (this.tableDataID!=''){
                        this.currentPage=1
                        var saveFileName = this.getFileName()
                        export2Excel(this.columns,this.tableDataID,saveFileName)
                    }else{
                        alert("数据为空时，不能下载！")
                    }
               
                },
            },
        }
    </script>
    
    <style scoped>
        .pro_item{
            font-size: 16px;
            color:  rgba(16, 16, 16, 100);
            font-family: SourceHanSansSC-bold;
        }
        .update_time{
            line-height: 17px;
            font-size: 12px;
            color:rgba(187, 187, 187, 100);
            margin-left: 10px;
        }
        .btnLast{ 
            line-height: 1.5;
            margin: -3.5px;
            border: 1px solid rgba(22, 132, 252, 100);
            /* border-right: none; */
            background: #FFFF;
            color: #1684FC;
            width: 60px;
            height: 30px;
            border-radius:0px 4px 4px 0px;
        }

    </style>
