Merge pull request '增加分页每页多少条可选，跳转，总数；项目详情页下载格式统一' (#889) from wangjr_pro into V20211115

Reviewed-on: https://git.openi.org.cn/OpenI/aiforge/pulls/889
Reviewed-by: zhoupzh <zhoupzh@pcl.ac.cn>

web_src/js/components/DataAnalysis.vue

@@ -7,10 +7,8 @@
                     </el-image>
                     概览 
                 </span>    
-                <div >概览.......</div>
-                <div >概览.......</div>   
-                <div >概览.......</div><div >概览.......</div>
-                <div >概览.......</div>
+                <div >暂无内容.......</div>
+
             </el-tab-pane>
             <el-tab-pane label="项目分析" name="second" id="second" >
                 <ProAnalysis  ref='ProAnalysis'id="pro" v-if="isRouterAlive"></ProAnalysis>
@@ -20,13 +18,13 @@
                     项目分析 
                 </span> 
             </el-tab-pane>
-            <el-tab-pane name="third" id='third'> 
+            <el-tab-pane name="third" id='third' > 
                 <span slot='label'>
                     <el-image style="width: 13px; height: 13px" src="/img/name.png">
                     </el-image>
                     用户分析 
                 </span>
-                <UserAnalysis ref='UserAnalysis' id ="usr"></UserAnalysis>
+                <UserAnalysis ref='UserAnalysis'  v-if="isRouterAlive1" id ="usr"></UserAnalysis>
             </el-tab-pane>
       </el-tabs>
       </div>
@@ -48,6 +46,7 @@
                     loading:true,
                     loading1:true,
                     isRouterAlive: true,
+                    isRouterAlive1: true,
                     
                     isSecond:true,
                     isThird:false,
@@ -57,24 +56,20 @@
                 handleClick(tab, event){
                     if(tab.name=="second"){
                         this.reload()
-                        //document.getElementById('usr').style.display="none"
-                        //document.getElementById("pro").style.display='block'
-                        
-                        //this.$refs.ProAnalysis.getAllProList("all",7)
 
                         this.isSecond = true
                         this.isThird = false
                         this.$refs.ProAnalysis.getAllProList("all",7)
                     }
                     if(tab.name=="third"){
-                        // document.getElementById('usr').style.display="block"
-                        // document.getElementById("pro").style.display='none'
-                        this.reload()
+
+                        this.reload1()
                         this.isSecond = false
                         this.isThird = true
-                        this.$refs.UserAnalysis.resetPage()
+
                         this.$refs.UserAnalysis.getUpdateTime()
                         this.$refs.UserAnalysis.getUserList("all_usr",7)
+                        
 
                         
                     }
@@ -84,6 +79,10 @@
                 reload () {
                     this.isRouterAlive = false
                     this.$nextTick(() => (this.isRouterAlive = true))
+                },
+                reload1 () {
+                    this.isRouterAlive1 = false
+                    this.$nextTick(() => (this.isRouterAlive1 = true))
                 }   
 
             },

web_src/js/components/ProAnalysis.vue

@@ -30,7 +30,8 @@
                 <span style="float:right; margin-right: 20px;">
                     <div style="display:inline-block;margin-left: 20px; ">
                         <i class="el-icon-download"></i>
-                        <span ><a id = "download_file" :href= "'../api/v1/projectboard/downloadAll/?type='+this.params.type+'&beginTime='+this.params.beginTime+'&endTime='+this.params.endTime+'&q='+this.params.q+'&sort=openi'" >下载报告</a> </span>
+                        <span ><a id = "download_file" :href= "'../api/v1/projectboard/downloadAll/?type='+this.params.type+'&beginTime='+this.params.beginTime+'&endTime='+this.params.endTime+'&q='+this.params.q+'&sort=openi'"  @click="isExport();return false;" >下载报告</a> </span>
+                        <!-- <span ><a id = "download_file"  :href= "downLoadSrc" @click="jugeExport();" target="_black">下载报告</a> </span> -->
                     </div>  
 
 
@@ -142,10 +143,12 @@
             <div style="margin-top:50px;text-align:center">
                 <el-pagination
                 background
+                @size-change="handleSizeChange"
                 @current-change="handleCurrentChange"
                 :current-page="page"
                 :page-size="pageSize" 
-                layout="prev, pager, next"
+                :page-sizes="[5,10,20]"
+                layout="total, sizes,prev, pager, next,jumper"
                 :total="totalNum">
                 </el-pagination>
             </div>
@@ -153,7 +156,7 @@
         </div>
         <div id ="pro_detail" style="display:none;width: 100%;">
             <div style="margin-top: 10px;">
-                <b  class="pro_item">{{this.ownerName}}&nbsp/&nbsp{{this.pro_name}}</b>  <span class="update_time">数据更新时间：</span><span style="font-size: 12px;">{{tableDataIDTotal.lastUpdatedTime}}&nbsp/&nbsp从{{tableDataIDTotal.recordBeginTime}}开始</span>   
+                <b  class="pro_item">{{this.ownerName}}&nbsp/&nbsp{{this.pro_name}}</b>  <span class="update_time">数据更新时间：</span><span style="font-size: 12px;">{{tableDataIDTotal.lastUpdatedTime}}&nbsp/&nbsp从{{tableDataIDTotal.recordBeginTime}}开始统计</span>   
             </div>
             <div style="margin-top: 10px;">
                 项目描述：{{tableDataIDTotal.description | discriptionFun}}
@@ -286,7 +289,7 @@
             </div>
             <div style="margin-top: 30px;"> 
                 <el-table
-                    :data="tableDataID.slice((currentPage-1)*pageSize,currentPage*pageSize)"
+                    :data="tableDataID.slice((currentPage-1)*pageSize1,currentPage*pageSize1)"
                     style="width: 100%"
                     :header-cell-style="tableHeaderStyle"
                     :cell-style='cellStyle'>
@@ -318,10 +321,12 @@
             <div style="margin-top:50px;text-align:center">
                 <el-pagination
                     background
+                    @size-change="handleSizeChangeID"
                     @current-change="handleCurrentChangeID"
                     :current-page="currentPage"
                     :page-size="pageSize1" 
-                    layout="prev, pager, next"
+                    :page-sizes="[5,10,20]"
+                    layout="total, sizes,prev, pager, next,jumper"
                     :total="tableDataID.length">
                 </el-pagination>
             </div>
@@ -357,6 +362,7 @@
                     search:'',
                     dynamic:7,
                     download_a:"",
+                    downLoadSrc:'',
 
     
                     //单个项目参数
@@ -385,6 +391,16 @@
                 // download_file(){
                 //     this.params.type='all'
                 // },
+                jugeExport(){
+                    if(typeof this.tableData=="undefined" || this.tableData=="null" || this.tableData==""){
+                        // let self=this;
+                        return 
+                    }
+                    else{
+                        // let self=this;
+                        this.downLoadSrc= '../api/v1/projectboard/downloadAll/?type='+this.params.type+'&beginTime='+this.params.beginTime+'&endTime='+this.params.endTime+'&q='+this.params.q+'&sort=openi';
+                    }
+                },
                 exportData(){
                     
                     // this.getOneProList(this.pro_id,'all',true,7)
@@ -406,11 +422,7 @@
                     var yesterday = this.saveFormatDate(tmp.getFullYear(),tmp.getMonth()+1,tmp.getDate());
                     var yesterday_tmp = this.formatDate(tmp.getFullYear(),tmp.getMonth()+1,tmp.getDate())
 
-                    let lastMonthDate = new Date();  // 上月日期
-                    lastMonthDate.setDate(1);
-                    lastMonthDate.setMonth(lastMonthDate.getMonth()-1);
-                    let lastYear = lastMonthDate.getYear();
-                    let lastMonth = lastMonthDate.getMonth();
+                   
                     var startDate=''
                     var endDate=''
                     var saveFileName = ''
@@ -458,10 +470,22 @@
                                 break
                             }
                             case "last_month":{
-                                startDate=this.formatDate(nowYear, lastMonth+1, 1);
+
+                                let lastMonthDate = new Date();  // 上月日期
+                                lastMonthDate.setDate(1);
+                                lastMonthDate.setMonth(lastMonthDate.getMonth()-1);
+                                let lastYear = lastMonthDate.getFullYear();
+                                let lastMonth = lastMonthDate.getMonth();
+
+                                startDate=this.formatDate(lastYear, lastMonth+1, 1);
                                 startDate = this.comparedate(startDate,this.recordBeginTime)
 
-                                endDate=this.saveFormatDate(nowYear, lastMonth+1, this.saveFormatDate(nowYear,lastMonth));   
+
+                                var monthStartDate = new Date(lastYear, lastMonth, 1);
+                                var monthEndDate = new Date(lastYear, lastMonth+1, 1);
+                                var days = (monthEndDate - monthStartDate) / (1000 * 60 * 60 * 24)
+
+                                endDate=this.saveFormatDate(lastYear, lastMonth+1, days);  //月份从0开始，所以+1保存月份 
                                 saveFileName = this.pro_name+"_"+startDate+'_'+ endDate
                                 break
                             }
@@ -501,6 +525,11 @@
                 resetCurrentPage(){
                     this.currentPage=1
                 },
+                handleSizeChange(val){
+                    this.params.pagesize = val
+                    this.resetPage()
+                    this.getAllProList(this.params.type, this.dynamic)
+                },
                 handleCurrentChange(val){
                     console.log(val)
                     this.params.page = val
@@ -576,6 +605,9 @@
                     }
                     return (myyear +'-'+ mymonth  +'-'+ myweekday);
                 },
+                //获得某月的天数
+               
+                
                 
                 getAllProList(type_val,index){
                     console.log("类型："+type_val)
@@ -636,10 +668,14 @@
                         return 'background:#f5f5f6;color:#606266'
                     }       
                 },
-    
+                handleSizeChangeID(val){
+                    this.pageSize1=val                   
+                },
+
                 handleCurrentChangeID(currentPage){
                     this.currentPage = currentPage;
                 },
+                
                 getOneProData(pro_id){
                     this.$axios.get('../api/v1/projectboard/project/'+pro_id,{
                     }).then((res)=>{
@@ -698,7 +734,39 @@
                                 textStyle:{
                                     color:'black'
                                 },
-                                position: 'right'
+                                position: 'right',
+
+
+
+                                // formatter: function (params) {
+                                //     console.log('params:',params)
+                                //     console.log('params.data:',params[0])
+                                //     let str = params.data.name + "<br />";
+                                //     params.data.forEach((item) => {
+                                //     str +=
+                                //         '<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color:'+params.color+'"></span>' + item.seriesName + " : " + '<span style="float:right">'+item.data[1] +'</span>'+ "<br />";
+                                //     });
+                                //     return str;
+                                // },
+                                // formatter: function (params, ticket, callback) {
+                                //     console.log(params);
+                                //     var showHtm="";
+                                //     var data = params.data.value
+                                //     for(var i=0;i<data.length;i++){
+                                //         //x轴名称
+                                //         var name = data[i];
+                                //          //值
+                                //         var value = params[i][2];
+                                //         showHtm+= text+ '--' + name + ' :' + value+'<br>'
+                                //     }
+                                //     return showHtm;
+                                // }
+
+
+
+
+
+
                                 
                             },//提示层
                             legend: {
@@ -792,7 +860,7 @@
                                 backgroundColor:'rgba(255,255,255,0.8)',
                                 color:'black',
                                 borderWidth:'1',
-                                borderColor:'gray',
+                                borderColor:'#DCE7FB',
                                 textStyle:{
                                     color:'black'
                                 },

web_src/js/components/UserAnalysis.vue

@@ -141,10 +141,12 @@
         <div style="margin-top:50px;text-align:center">
             <el-pagination
                 background
+                @size-change="handleSizeChange"
                 @current-change="handleCurrentChange"
                 :current-page="page"
                 :page-size="pageSize" 
-                layout="prev, pager, next"
+                :page-sizes="[2,5,10,20]"
+                layout="total, sizes, prev, pager, next,jumper"
                 :total="totalNum">
             </el-pagination>
         </div>
@@ -206,10 +208,16 @@
                 this.getUserList(this.type_val,this.dynamic)
 
             },
+            handleSizeChange(val){
+                    this.params.pageSize = val
+                    this.resetPage()
+                    this.getUserList(this.type_val,this.dynamic)
+            },
             resetPage(){
                 this.page=1
                 this.params.page = 1
             },
+
             formatDate(myyear,mymonth,myweekday) {
                 // var myyear = this.date.getFullYear();
                 // var mymonth = this.date.getMonth() + 1;