OpenI
/
aiforge
Not watched
1
0
Fork 0
Code
Releases 128 Wiki Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: c5d72621e5
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'c5d72621e5'
${ noResults }
aiforge/web_src/js/components/ProAnalysis.vue

1337 lines
63 kB
Raw Blame History 

  1. <template>

  2.     <div style="width: 100%;">

  3.         <div id = "pro_main">

  4.             <div style="margin-top: 10px;">

  5.                 <b  class="pro_item">项目分析</b>  <span class="update_time">数据更新时间：</span>  <span style="font-size: 12px;">{{lastUpdatedTime}}&nbsp/&nbsp从{{recordBeginTime}}开始统计</span>   

  6.             </div>

  7.     

  8.             <bar-label :width="'95%'" :height="'500px'"></bar-label>

  9.             <div style="margin-top: 20px;">

  10.                 <span  class="sta_iterm">统计周期：</span> 

  11.                 <button type="button" class='btnFirst' id ="yesterday" v-bind:class="{colorChange:1==dynamic}"  @click="resetPage(),getAllProList('yesterday',1)">昨天</button>

  12.                 <button type="button" class='btn' id = "current_week" v-bind:class="{colorChange:2==dynamic}"  @click="resetPage(),getAllProList('current_week',2)">本周</button>

  13.                 <button type="button" class='btn' id = "current_month" v-bind:class="{colorChange:3==dynamic}"  @click="resetPage(),getAllProList('current_month',3)">本月</button>

  14.                 <button type="button" class='btn' id = "last_month" v-bind:class="{colorChange:4==dynamic}"  @click="resetPage(),getAllProList('last_month',4)">上月</button>

  15.                 <button type="button" class='btn' id = "monthly" v-bind:class="{colorChange:5==dynamic}"  @click="resetPage(),getAllProList('monthly',5)">近30天</button>

  16.                 <button type="button" class='btn' id = "current_year" v-bind:class="{colorChange:6==dynamic}" @click="resetPage(),getAllProList('current_year',6)">今年</button>

  17.                 <button type="button" class='btnLast' id = "all"  v-bind:class="{colorChange:7==dynamic}" @click="resetPage(),getAllProList('all',7)">所有</button>

  18.                 <span style="margin-left: 20px;">

  19.                     <el-date-picker

  20.                         v-model="value_time"

  21.                         prefix-icon="el-icon-time"

  22.                         @change="resetPage(),getAllProList('',0)"

  23.                         type="daterange"

  24.                         size='small'

  25.                         range-separator="至"

  26.                         start-placeholder="开始日期"

  27.                         end-placeholder="结束日期">   

  28.                     </el-date-picker>

  29.                 </span>

  30.                 <span style="float:right; margin-right: 20px;">

  31.                     <div style="display:inline-block;margin-left: 20px; ">

  32.                         <a class="el-icon-download" v-if="tableData!=''" :href= "'../api/v1/projectboard/downloadAll/?type='+this.params.type+'&beginTime='+this.params.beginTime+'&endTime='+this.params.endTime+'&q='+this.params.q+'&sort=openi'" ></a>

  33.                         <i class="el-icon-download" v-else="tableData=''" href="#" style="color:rgba(187, 187, 187, 100);" @click='popMark()'></i>

  34.                         <!-- <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> -->

  35.                         <span >

  36.                             <a id = "download_file"  v-if="tableData!=''" :href= "'../api/v1/projectboard/downloadAll/?type='+this.params.type+'&beginTime='+this.params.beginTime+'&endTime='+this.params.endTime+'&q='+this.params.q+'&sort=openi'">下载报告</a>

  37.                             <a id = "download_file"  v-else="tableData=''"  href= "#" style="color:rgba(187, 187, 187, 100);" @click='popMark()'>下载报告</a> 

  38.                         </span>

  39.                     </div>  

  40. 

  41. 

  42.                     <span style="display:inline-block;margin-left: 20px; ">

  43.                         <el-input size="small" placeholder="输入项目关键字搜索" v-model="search" class="input-with-select" @keyup.enter.native="searchName() "><i slot="suffix" class="el-input__icon el-icon-search"   @click="searchName() "></i>

  44.                         </el-input>

  45.                     </span>

  46.                 </span>

  47.             </div>

  48.             <div style="margin-top: 30px;"> 

  49.                 <el-table

  50.                     :data="tableData"

  51.                     style="width: 100%"

  52.                     :header-cell-style="tableHeaderStyle"

  53.                     :cell-style='cellStyle'>

  54.                     <el-table-column

  55.                         label="ID"

  56.                         align="left"

  57.                         prop="repo_id"

  58.                         stripe

  59.                         >

  60.                     </el-table-column>

  61.                     <el-table-column

  62.                         label="项目名称中文"

  63.                         align="left"

  64.                         prop="name"

  65.                         v-if='0'

  66.                         >

  67.                     </el-table-column>

  68.                     <el-table-column

  69.                         label="项目名称"

  70.                         width="125px"

  71.                         align="left"

  72.                         prop="alias"

  73.                         style="color:#0366D6;font-family: Roboto"

  74.                         >

  75.                         <template slot-scope="scope">

  76.                             <a @click=goToDetailPage(scope.row.repo_id,scope.row.name,scope.row.ownerName,scope.row.alias)>{{scope.row.alias}} </a>

  77.                         </template>

  78.                     </el-table-column>

  79.                         <el-table-column

  80.                         label="拥有者"

  81.                         align="center"

  82.                         prop="ownerName"

  83.                         stripe

  84.                         >

  85.                     </el-table-column>

  86.                     <el-table-column

  87.                         prop="isPrivate" 

  88.                         label="私有"

  89.                         align="center">

  90.                         <template slot-scope="scope">

  91.                              {{scope.row.isPrivate|changeType}}                      

  92.                         </template>

  93.                     </el-table-column>

  94.                     <el-table-column

  95.                         prop="openi"

  96.                         label="OpenI指数"

  97.                         align="center">

  98.                         <template slot-scope="scope">

  99.                             {{scope.row.openi | rounding}}

  100.                         </template>

  101.                     </el-table-column>

  102.                     <el-table-column

  103.                         prop="view"

  104.                         label="浏览量"

  105.                         align="center">

  106.                    </el-table-column>

  107.                    <el-table-column

  108.                         prop="download"

  109.                         label="代码下载量"

  110.                         align="center">

  111.                     </el-table-column>

  112.                     <el-table-column

  113.                         prop="pr"

  114.                         label="PR"

  115.                         align="center">

  116.                     </el-table-column>

  117.                     <el-table-column

  118.                         prop="commit"

  119.                         label="Commit数"

  120.                         align="center">

  121.                     </el-table-column>

  122.                     <el-table-column

  123.                         prop="watch"

  124.                         label="关注数"

  125.                         align="center">

  126.                     </el-table-column>

  127.                     <el-table-column

  128.                         prop="star"

  129.                         label="点赞数"

  130.                         align="center">

  131.                     </el-table-column>

  132.                     <el-table-column

  133.                         prop="fork"

  134.                         label="派生数"

  135.                         align="center">

  136.                     </el-table-column>

  137.                     <el-table-column

  138.                         prop="issue"

  139.                         label="任务数"

  140.                         align="center">

  141.                     </el-table-column>

  142.                     <el-table-column

  143.                         prop="issueClosed"

  144.                         label="已解决任务"

  145.                         align="center">

  146.                     </el-table-column>

  147.                     <el-table-column

  148.                         prop="contributor"

  149.                         label="贡献者数"

  150.                         align="center">

  151.                     </el-table-column>

  152.                     <el-table-column

  153.                         prop="isFork"

  154.                         label="派生"

  155.                         align="center">

  156.                         <template slot-scope="scope">

  157.                             {{scope.row.isFork|changeType}}                      

  158.                         </template>

  159.                     </el-table-column> 

  160.                     <el-table-column

  161.                         prop="isMirror"

  162.                         label="镜像"

  163.                         align="center">

  164.                         <template slot-scope="scope">

  165.                             {{scope.row.isMirror|changeType}}                      

  166.                        </template>

  167.                     </el-table-column>   

  168.                     <el-table-column

  169.                         prop="createUnix"

  170.                         label="项目创建时间"

  171.                         width="120px"

  172.                         align="center">

  173.                         <template slot-scope="scope">

  174.                             {{scope.row.createUnix|transformTimestamp}}

  175.                         </template>

  176.                     </el-table-column>               

  177.                 </el-table>

  178.             </div>

  179.             <div style="margin-top:50px;text-align:center">

  180.                 <el-pagination

  181.                 background

  182.                 @size-change="handleSizeChange"

  183.                 @current-change="handleCurrentChange"

  184.                 :current-page="page"

  185.                 :page-size="pageSize" 

  186.                 :page-sizes="[5,10,20]"

  187.                 layout="total, sizes,prev, pager, next,jumper"

  188.                 :total="totalNum">

  189.                 </el-pagination>

  190.             </div>

  191.                     

  192.         </div>

  193.         <div id ="pro_detail" style="display:none;width: 100%;">

  194.             <div style="margin-top: 10px;">

  195.                 <a  class="pro_item" :href="'../../../'+this.ownerName+'/'+this.pro_name">{{this.ownerName}}&nbsp/&nbsp{{this.alias}}</a>  <span class="update_time">数据更新时间：</span><span style="font-size: 12px;">{{tableDataIDTotal.lastUpdatedTime}}&nbsp/&nbsp从{{tableDataIDTotal.recordBeginTime}}开始统计</span>   

  196.             </div>

  197.             <div style="margin-top: 10px;">

  198.                 项目描述：{{tableDataIDTotal.description | discriptionFun}}

  199.             </div>

  200.             <div style="margin-top:20px">

  201.                 <el-row >

  202.                     <el-col :span='4' class="items"> 

  203.                         <el-row>项目创建时间 </el-row>

  204.                         <el-row class="item_content">{{tableDataIDTotal.creatTime}}</el-row>

  205.                     </el-col>

  206.                     <el-col :span='4' class="items"> 

  207.                         <el-row>OpenI指数</el-row>

  208.                         <el-row class="item_content">{{tableDataIDTotal.openi |  rounding}}</el-row>

  209.                     </el-col>

  210.                     <el-col :span='4' class="items"> 

  211.                         <el-row>评论数 </el-row>

  212.                         <el-row class="item_content">{{tableDataIDTotal.comment}}</el-row>

  213.                     </el-col>

  214.                     <el-col :span='4' class="items"> 

  215.                         <el-row>浏览量 </el-row>

  216.                         <el-row class="item_content">{{tableDataIDTotal.view}}</el-row>

  217.                     </el-col>

  218.                     <el-col :span='4' class="items"> 

  219.                         <el-row>代码下载量</el-row>

  220.                         <el-row class="item_content">{{tableDataIDTotal.download}}</el-row>

  221.                     </el-col>

  222.                     <el-col :span='4' style="text-align: center;"> 

  223.                         <el-row>任务完成比例</el-row>

  224.                         <el-row class="item_content">{{Math.round(tableDataIDTotal.issueClosedRatio * 100) }}%</el-row>

  225.                     </el-col>

  226.                 </el-row>           

  227.             </div>

  228.             <div style="margin-top:30px;">

  229.                 <el-row :gutter="20">

  230.                     <el-col :span=18 >                    

  231.                         <div class="item_l"  id="charts">

  232.                             <div style="font-size:14px;color:#0366D6;margin:20px 5px;">OpenI指数：{{tableDataIDTotal.openi | rounding}}</div>

  233.                             <div >

  234.                                 <el-col :span='8' id="radar_openi" :style="{ height: '300px'}"></el-col>

  235.     

  236.                                 <el-col :span='16' id="line_openi" :style="{ height: '300px',float:'right'}"></el-col>

  237.                             </div>

  238.                         </div>

  239.                     </el-col>

  240.                     <el-col :span=6 >

  241.                         <div class="item_r">

  242.                             <div style="margin:0 5px;">

  243.                                 <div style="font-size:14px;color:rgb(0,0,0);margin:10px 5px">贡献者TOP10</div>

  244.                                 <div>

  245.                                     <el-table

  246.                                         :data="tableDataContTop10"

  247.                                         style="width: 100%"

  248.                                         stripe

  249.                                         :header-cell-style="tableHeaderStyle"

  250.                                         >

  251.                                         <el-table-column

  252.                                             label="用户名"

  253.                                             align="left"

  254.                                             prop="user">

  255.                                             <template slot-scope="scope">

  256.                                                 <a v-if="scope.row.relAvatarLink!=''" :href="AppSubUrl +'../../../'+ scope.row.user"><img class="ui avatar s16 image js-popover-card" :src="scope.row.relAvatarLink">{{scope.row.user}} </a>

  257.                                                 <a v-else :href="'mailto:'+ scope.row.email "> <img class="ui avatar s16 image js-popover-card" :avatar="scope.row.email"> {{scope.row.user}}</a>  

  258.                                             </template>  

  259.                                         </el-table-column>

  260.                                         <el-table-column

  261.                                             label="身份"

  262.                                             align="center"

  263.                                             prop="mode"

  264.                                             v-if='0'>

  265.                                             <template slot-scope="scope">

  266.                                                 {{scope.row.mode | showMode}}

  267.                                             </template>    

  268.                                         </el-table-column>

  269.                                         <el-table-column

  270.                                             prop="pr"

  271.                                             label="PR"

  272.                                             width="50px"

  273.                                             align="center">

  274.                                         </el-table-column>

  275.                                         <el-table-column

  276.                                             prop="commit"

  277.                                             label="commit"

  278.                                             align="center">

  279.                                         </el-table-column>

  280.                                                 

  281.                                     </el-table>

  282.                                 </div>

  283.                             </div>

  284.                         </div>

  285.                     </el-col>

  286.                 </el-row>

  287.             </div>

  288.             <div style="margin-top: 20px;">

  289.                 <span  class="sta_iterm">统计周期：</span> 

  290.                 <button type="button" class='btnFirst' id ="yesterday_pro" v-bind:class="{colorChange:1==dynamic_pro}"  @click="resetCurrentPage(),getOneProList(pro_id,'yesterday',false,1)">昨天</button>

  291.                 <button type="button" class='btn' id = "current_week_pro" v-bind:class="{colorChange:2==dynamic_pro}"  @click="resetCurrentPage(),getOneProList(pro_id,'current_week',false,2)">本周</button>

  292.                 <button type="button" class='btn' id = "current_month_pro" v-bind:class="{colorChange:3==dynamic_pro}"  @click="resetCurrentPage(),getOneProList(pro_id,'current_month',false,3)">本月</button>

  293.                 <button type="button" class='btn' id = "last_month_pro" v-bind:class="{colorChange:4==dynamic_pro}"  @click="resetCurrentPage(),getOneProList(pro_id,'last_month',false,4)">上月</button>

  294.                 <button type="button" class='btn' id = "monthly_pro" v-bind:class="{colorChange:5==dynamic_pro}"  @click="resetCurrentPage(),getOneProList(pro_id,'monthly',false,5)">近30天</button>

  295.                 <button type="button" class='btn' id = "current_year_pro" v-bind:class="{colorChange:6==dynamic_pro}" @click="resetCurrentPage(),getOneProList(pro_id,'current_year',false,6)">今年</button>

  296.                 <button type="button" class='btnLast' id = "all_pro"  v-bind:class="{colorChange:7==dynamic_pro}" @click="resetCurrentPage(),getOneProList(pro_id,'all',false,7)">所有</button>

  297.                 <span style="margin-left: 20px;">

  298.                     <el-date-picker

  299.                         v-model="create_time_pro"

  300.                         prefix-icon="el-icon-time"

  301.                         @change="resetCurrentPage(),getOneProList(pro_id,'',false,0),clickCheckBox"

  302.                         type="daterange"

  303.                         size='small'

  304.                         range-separator="至"

  305.                         start-placeholder="开始日期"

  306.                         end-placeholder="结束日期">   

  307.                     </el-date-picker>

  308.                 </span>

  309.                 <span style="float:right; margin-right: 20px;">

  310.                     <div style="display:inline-block;margin-left: 20px;">

  311.                         <a  v-if="tableDataID!=''"  @click="exportData()" class="el-icon-download"></a>

  312.                         <a  v-else="tableDataID=''" @click="exportData()" style="color:rgba(187, 187, 187, 100);" class="el-icon-download"></a>

  313.                         <span >

  314.                             <a v-if="tableDataID!=''" @click="exportData()">下载报告</a>

  315.                             <a v-else="tableDataID=''" @click="exportData()" style="color:rgba(187, 187, 187, 100);">下载报告</a>

  316.                         </span>

  317.                     </div>  

  318.                 </span>

  319.             </div>

  320.             <div class="item_echart" id ='linecharts'>

  321.                 <div style="margin-top:10px;margin-left: 5px;">

  322.                     <label for="label" @change='clickCheckBox'>

  323.                     <input type="checkbox" class="checkboxchart" name="checkboxchart" checked="checked" value="浏览量"/>浏览量

  324.                     <input type="checkbox" class="checkboxchart" name="checkboxchart" checked="checked" value="下载量"/>下载量

  325.                     <input type="checkbox" class="checkboxchart" name="checkboxchart" checked="checked" value="commit"/>commit

  326.                     </label>

  327. 	            </div>              

  328.                 <div id ="selectData" style="height: 300px;">

  329. 

  330.                 </div>

  331.     

  332.             </div>

  333.             <div style="margin-top: 30px;"> 

  334.                 <el-table

  335.                     :data="tableDataID.slice((currentPage-1)*pageSize1,currentPage*pageSize1)"

  336.                     style="width: 100%"

  337.                     :header-cell-style="tableHeaderStyle"

  338.                     :cell-style='cellStyle'>

  339.                     <el-table-column

  340.                         label="日期"

  341.                         align="center"

  342.                         prop="date"

  343.                         stripe

  344.                         >

  345.                     </el-table-column>

  346.                     <el-table-column

  347.                         label="浏览量"

  348.                         align="center"

  349.                         prop="view">

  350.                     </el-table-column>

  351.                     <el-table-column

  352.                         prop="download"

  353.                         label="下载量"

  354.                         align="center">

  355.                     </el-table-column>

  356.                     <el-table-column

  357.                         prop="commit"

  358.                         label="commit"

  359.                         align="center">

  360.                     </el-table-column>

  361.                                   

  362.                 </el-table>

  363.             </div>

  364.             <div style="margin-top:50px;text-align:center">

  365.                 <el-pagination

  366.                     background

  367.                     @size-change="handleSizeChangeID"

  368.                     @current-change="handleCurrentChangeID"

  369.                     :current-page="currentPage"

  370.                     :page-size="pageSize1" 

  371.                     :page-sizes="[5,10,20]"

  372.                     layout="total, sizes,prev, pager, next,jumper"

  373.                     :total="tableDataID.length">

  374.                 </el-pagination>

  375.             </div>

  376.             

  377.     

  378.         </div>

  379.     </div>

  380.     </template>

  381.     

  382.     <script>

  383.         // import barLabel from './basic/barLabel.vue';

  384.         const {AppSubUrl, StaticUrlPrefix, csrf} = window.config;

  385. 

  386.         import { export2Excel } from '../excel/util.js'

  387.         export default{

  388.             name:'ProAnalysis',

  389.             components: {

  390.                 // barLabel,

  391.             },

  392.             data() {

  393.                 return {

  394.                     recordBeginTime:'',

  395.                     lastUpdatedTime:'',

  396.                     page:1,

  397.                     pageSize:10,

  398.                     params:{type:'all',page:1,pagesize:10,beginTime:'',endTime:'',q:'',sort:'openi'},

  399.                     tableData: [],

  400.                     totalPage:0,

  401.                     totalNum:0,

  402.                     pickerOptions: {

  403.                     },

  404.                     value_time: '',

  405.                     search:'',

  406.                     dynamic:7,

  407.                     download_a:"",

  408.                     downLoadSrc:'',

  409. 

  410.     

  411.                     //单个项目参数

  412.                     columns: [{title: '日期',key: 'date'},{title: '浏览量',key: 'view'},{title: '下载量',key: 'download'},{title: 'commit',key: 'commit'}],

  413.                     currentPage:1,

  414.                     pageSize1:10,

  415.                     paramsID:{type:'all' ,beginTime:'',endTime:'',openi:'false'},

  416.                     tableDataIDTotal: [],

  417.                     tableDataID: [],

  418.                     tableDataIDOpenI:[],  

  419.                     tableDataContTop10:[],

  420.                     create_time_pro: '',

  421.                     dynamic_pro:7,

  422.                     pro_name:'',

  423.                     alias:'',

  424.                     pro_id:'',

  425.                     ownerName:'',

  426.                     radarOpenI:'',

  427.                     echartsOITd:'',

  428.                     echartsSelectData:'',

  429.                     option:'',

  430. 

  431.     

  432.                 };

  433.              },

  434.             methods: {

  435.                 // download_file(){

  436.                 //     this.params.type='all'

  437.                 // },

  438.                 popMark(){

  439.                     alert("数据为空时，不能下载！")

  440.                 },

  441.                 exportData(){

  442.                     

  443.                     // this.getOneProList(this.pro_id,'all',true,7)

  444.                     // this.getOneProList(this.pro_id,'all',false,7)

  445.                     // this.fileName()

  446.                     if (this.tableDataID!=''){

  447.                         this.currentPage=1

  448.                         var saveFileName = this.getFileName()

  449.                         export2Excel(this.columns,this.tableDataID,saveFileName)

  450.                     }else{

  451.                         alert("数据为空时，不能下载！")

  452.                     }

  453.                

  454.                 },

  455.                 getFileName(){

  456. 

  457.                     var now = new Date(); // 当前日期

  458.                     var nowDayOfWeek = now.getDay(); // 今天本周的第几天

  459.                     var nowDay = now.getDate(); // 当前日

  460.                     var nowMonth = now.getMonth(); // 当前月

  461.                     var nowYear = now.getFullYear(); // 当前年     

  462.                     var today = this.saveFormatDate(nowYear,nowMonth+1,nowDay);

  463.                     var tmp = new Date(now.setTime(now.getTime()-24*60*60*1000));

  464.                     var yesterday = this.saveFormatDate(tmp.getFullYear(),tmp.getMonth()+1,tmp.getDate());

  465.                     var yesterday_tmp = this.formatDate(tmp.getFullYear(),tmp.getMonth()+1,tmp.getDate())

  466. 

  467.                    

  468.                     var startDate=''

  469.                     var endDate=''

  470.                     var saveFileName = ''

  471.                     

  472.                     if (typeof this.paramsID.type=="undefined" || this.paramsID.type=="null" || this.paramsID.type==""){

  473.                         

  474.                         // startDate=  this.saveFormatDate(this.create_time_pro[0].getFullYear(),this.create_time_pro[0].getMonth() + 1,this.create_time_pro[0].getDate());

  475.                         endDate = this.saveFormatDate(this.create_time_pro[1].getFullYear(),this.create_time_pro[1].getMonth() + 1,this.create_time_pro[1].getDate());

  476.                         

  477.                         var tmp = this.formatDate(this.create_time_pro[0].getFullYear(),this.create_time_pro[0].getMonth() + 1,this.create_time_pro[0].getDate())

  478.                         startDate = this.comparedate(tmp,this.recordBeginTime)

  479. 

  480.                         console.log("comparedate:"+startDate)

  481.                         saveFileName = this.alias+"_"+startDate+'_'+endDate

  482.                     }else{

  483.                         switch(this.paramsID.type){

  484.                             case "yesterday":{

  485.                                 

  486.                                 startDate = this.comparedate(yesterday_tmp,this.recordBeginTime)

  487.                                 endDate = startDate

  488. 

  489.                                 saveFileName = this.alias+"_"+startDate+'_'+ endDate

  490.                                 break

  491.                             }

  492.                             case "current_week":{

  493.                                 var now = new Date(); // 当前日期

  494.                                 var nowDayOfWeek = now.getDay(); // 今天本周的第几天

  495.                                 var day = nowDayOfWeek || 7;

  496.                                 startDate = this.formatDate(now.getFullYear(), nowMonth+1, nowDay + 1 - day);

  497.                                 startDate = this.comparedate(startDate,this.recordBeginTime)

  498.         

  499. 

  500.                                 endDate = yesterday

  501.                                 saveFileName = this.alias+"_"+startDate+'_'+ endDate

  502.                                 break

  503.                             }

  504.                             case "current_month":{

  505.                                

  506.                                 startDate =  this.formatDate(nowYear,nowMonth+1,1);

  507.                                 startDate = this.comparedate(startDate,this.recordBeginTime)

  508. 

  509.                                 endDate = yesterday

  510.                                 

  511.                                 saveFileName = this.alias+"_"+startDate+'_'+ endDate

  512.                                 break

  513.                             }

  514.                             case "last_month":{

  515. 

  516.                                 let lastMonthDate = new Date();  // 上月日期

  517.                                 lastMonthDate.setDate(1);

  518.                                 lastMonthDate.setMonth(lastMonthDate.getMonth()-1);

  519.                                 let lastYear = lastMonthDate.getFullYear();

  520.                                 let lastMonth = lastMonthDate.getMonth();

  521. 

  522.                                 startDate=this.formatDate(lastYear, lastMonth+1, 1);

  523.                                 startDate = this.comparedate(startDate,this.recordBeginTime)

  524. 

  525. 

  526.                                 var monthStartDate = new Date(lastYear, lastMonth, 1);

  527.                                 var monthEndDate = new Date(lastYear, lastMonth+1, 1);

  528.                                 var days = (monthEndDate - monthStartDate) / (1000 * 60 * 60 * 24)

  529. 

  530.                                 endDate=this.saveFormatDate(lastYear, lastMonth+1, days);  //月份从0开始，所以+1保存月份 

  531.                                 saveFileName = this.alias+"_"+startDate+'_'+ endDate

  532.                                 break

  533.                             }

  534.                             case "monthly":{

  535.                                 var temp=new Date(now - 1000 * 60 * 60 * 24 * 30)

  536.                                 startDate = this.formatDate(temp.getFullYear(),temp.getMonth()+1,temp.getDate());

  537.                                 startDate = this.comparedate(startDate,this.recordBeginTime)

  538. 

  539.                                 endDate = yesterday

  540.                                 saveFileName = this.alias+"_"+startDate+'_'+ endDate

  541.                                 break

  542.                             }

  543.                             case "current_year":{

  544.                                 startDate = this.formatDate(now.getFullYear(), 1, 1);

  545.                                 startDate = this.comparedate(startDate,this.recordBeginTime)

  546. 

  547.                                 endDate = yesterday

  548.                                 saveFileName = this.alias+"_"+startDate+'_'+ endDate

  549.                                 break

  550.                             }

  551.                             case "all":{

  552.                                 console.log("e:"+today)

  553.                                 startDate = 'all'

  554.                                 endDate = yesterday

  555.                                 saveFileName = this.alias+'_所有'

  556.                                 break

  557.                             }

  558.                         }

  559.                     }

  560.                     return saveFileName

  561. 

  562.                 },

  563.                 resetPage(){

  564.                     this.page=1

  565.                     this.params.page = 1

  566.                 },

  567.                 resetCurrentPage(){

  568.                     this.currentPage=1

  569.                 },

  570.                 handleSizeChange(val){

  571.                     this.params.pagesize = val

  572.                     this.resetPage()

  573.                     this.getAllProList(this.params.type, this.dynamic)

  574.                 },

  575.                 handleCurrentChange(val){

  576.                     console.log(val)

  577.                     this.params.page = val

  578.                     this.page = val

  579.                     switch(this.params.type){

  580.                         case "yesterday":{

  581.                                 this.value_time=''

  582.                                 this.getAllProList(this.params.type,1)

  583.                                 break

  584.                             }

  585.                         case "current_week":{

  586.                             this.value_time=''

  587.                             this.getAllProList(this.params.type,2)

  588.                             break

  589.                         }

  590.                         case "current_month":{

  591.                             this.value_time=''

  592.                             this.getAllProList(this.params.type,3)

  593.                             break

  594.                         }

  595.                         case "last_month":{

  596.                             this.value_time=''

  597.                             this.getAllProList(this.params.type,4)

  598.                             break

  599.     

  600.                         }

  601.                         case "monthly":{

  602.                             this.value_time=''

  603.                             this.getAllProList(this.params.type,5)

  604.                             break

  605.                         }

  606.                         case "current_year":{

  607.                             this.value_time=''

  608.                             this.getAllProList(this.params.type,6)

  609.                             break

  610.                         }

  611.                         case "all":{

  612.                             this.value_time=''

  613.                             this.getAllProList(this.params.type,7)

  614.                             break

  615.                         }

  616.                         case "":{

  617.                             // this.value_time=''

  618.                             this.getAllProList(this.params.type,0)

  619.                             break

  620.                         }

  621.                     }

  622.                 },

  623.                 saveFormatDate(myyear,mymonth,myweekday) {

  624.                     // var myyear = this.date.getFullYear();

  625.                     // var mymonth = this.date.getMonth() + 1;

  626.                     // var myweekday = this.date.getDate();

  627.             

  628.                     if (mymonth < 10) {

  629.                         mymonth = "0" + mymonth;

  630.                     }

  631.                     if (myweekday < 10) {

  632.                         myweekday = "0" + myweekday;

  633.                     }

  634.                     console.log((myyear +''+ mymonth  +''+ myweekday))

  635.                     return (myyear +''+ mymonth  +''+ myweekday);

  636.                 },

  637.                 formatDate(myyear,mymonth,myweekday) {

  638.                     // var myyear = this.date.getFullYear();

  639.                     // var mymonth = this.date.getMonth() + 1;

  640.                     // var myweekday = this.date.getDate();

  641.             

  642.                     if (mymonth < 10) {

  643.                         mymonth = "0" + mymonth;

  644.                     }

  645.                     if (myweekday < 10) {

  646.                         myweekday = "0" + myweekday;

  647.                     }

  648.                     return (myyear +'-'+ mymonth  +'-'+ myweekday);

  649.                 },

  650.                 //获得某月的天数

  651.                

  652.                 

  653.                 

  654.                 getAllProList(type_val,index){

  655.                     console.log("类型："+type_val)

  656.                     this.dynamic = index

  657.                     if (typeof type_val=="undefined" || type_val=="null" || type_val==""){

  658.                         this.params.type=''

  659.                         this.params.beginTime=this.formatDate(this.value_time[0].getFullYear(),this.value_time[0].getMonth() + 1,this.value_time[0].getDate())

  660.                         this.params.endTime=this.formatDate(this.value_time[1].getFullYear(),this.value_time[1].getMonth() + 1,this.value_time[1].getDate())

  661.                     }else{

  662.                         this.params.type=type_val

  663.                         this.params.beginTime=''

  664.                         this.params.endTime=''

  665.                         this.value_time=[]

  666.                     }

  667.     

  668.                     this.$axios.get('../api/v1/projectboard/project',{

  669.                         params:this.params

  670.                     }).then((res)=>{

  671.                 

  672.                     this.recordBeginTime=res.data.recordBeginTime

  673.                     this.lastUpdatedTime=res.data.lastUpdatedTime

  674.                     this.tableData = res.data.pageRecords

  675.                     this.totalPage=res.data.totalPage

  676.                     this.totalNum = res.data.totalCount//this.totalPage*this.params.pagesize

  677.                     // console.log("this.totalPage:"+this.totalPage)

  678.     

  679.                     })

  680.                 },

  681.                 searchName(){

  682.                     this.params.q = this.search

  683.                     this.params.page = 1

  684.                     this.page=1

  685.                     this.getAllProList(this.params.type, this.dynamic)

  686.                 },

  687.     

  688.                 goToDetailPage(pro_id,pro_name,ownerName,alias){

  689.                     this.currentPage=1

  690.                     document.getElementById("pro_main").style.display="none";

  691.                     document.getElementById("pro_detail").style.display="block";

  692.                     // console.log(pro_id)

  693.                     // console.log(pro_name)

  694.                     this.pro_name=pro_name;

  695.                     this.alias=alias;

  696.                     this.pro_id=pro_id;

  697.                     this.ownerName=ownerName

  698.                     this.getOneProData(pro_id);

  699.                     this.getOneProList(pro_id,"current_year",true,0);

  700.                     this.getOneProList(pro_id,"monthly",false,5);

  701.                 },

  702.                 tableHeaderStyle({row,column,rowIndex,columnIndex}){

  703.             

  704.                     if(rowIndex===0){

  705.                         return 'background:#f5f5f6;color:#606266'

  706.                     }       

  707.                 },

  708.                 cellStyle({row,column,rowIndex,columnIndex}){

  709.             

  710.                     if(rowIndex%2 === 1){

  711.                         return 'background:#f5f5f6;color:#606266'

  712.                     }       

  713.                 },

  714.                 handleSizeChangeID(val){

  715.                     this.pageSize1=val                   

  716.                 },

  717. 

  718.                 handleCurrentChangeID(currentPage){

  719.                     this.currentPage = currentPage;

  720.                 },

  721.                 

  722.                 getOneProData(pro_id){

  723.                     this.$axios.get('../api/v1/projectboard/project/'+pro_id,{

  724.                     }).then((res)=>{

  725.                     this.tableDataIDTotal = res.data

  726.                     this.tableDataContTop10=res.data.top10

  727.                     // this.drawLine()

  728.                     this.drawRadarOpenI()

  729.                     

  730.                     })

  731.                 },

  732.                 getOneProList(pro_id,type_val,bool_val,index){

  733.                     this.dynamic_pro=index

  734.                     console.log("日期类型："+type_val)

  735.                     if (typeof type_val=="undefined" || type_val=="null" || type_val==""){

  736.                         this.paramsID.type='' 

  737.                         this.paramsID.beginTime= this.formatDate(this.create_time_pro[0].getFullYear(),this.create_time_pro[0].getMonth() + 1,this.create_time_pro[0].getDate()) 

  738.                         this.paramsID.endTime=this.formatDate(this.create_time_pro[1].getFullYear(),this.create_time_pro[1].getMonth() + 1,this.create_time_pro[1].getDate())

  739.                     }else{

  740.                         this.create_time_pro=[]

  741.                         this.paramsID.type=type_val

  742.                         this.paramsID.beginTime=''

  743.                         this.paramsID.endTime=''

  744.                     }

  745.                     this.paramsID.openi=bool_val

  746.                     this.$axios.get('../api/v1/projectboard/project/'+pro_id+"/period",{

  747.                         params:this.paramsID

  748.                     }).then((res)=>{

  749.                         if (bool_val){

  750.                             this.tableDataIDOpenI = res.data            

  751.                             this.drawOpenItrend()

  752.                            

  753.                             

  754.                             

  755.                         }else{

  756.                             this.tableDataID = res.data

  757.                             this.drawSelectData()

  758.                             

  759.                         }

  760.                         

  761.                     })

  762.                 },

  763.                 drawRadarOpenI(){

  764.                     

  765.                     var ydata = [this.roundingF(this.tableDataIDTotal.impact),this.roundingF(this.tableDataIDTotal.completeness),this.roundingF(this.tableDataIDTotal.liveness),this.roundingF(this.tableDataIDTotal.projectHealth),this.roundingF(this.tableDataIDTotal.teamHealth),this.roundingF(this.tableDataIDTotal.growth)]

  766.                     console.log("ydata:",ydata)

  767.                     var i = -1;

  768.                     var option = {

  769.                             titile:{

  770.                                 text:""

  771.                             },

  772.                             tooltip: {

  773.                                 trigger: 'item',

  774.                                 backgroundColor:'rgba(255,255,255,0.8)',

  775.                                 color:'black',

  776.                                 borderWidth:'1',

  777.                                 borderColor:'gray',

  778.                                 textStyle:{

  779.                                     color:'black'

  780.                                 },

  781.                                 position: 'right',

  782. 

  783. 

  784. 

  785.                                 // formatter: function (params) {

  786.                                 //     console.log('params:',params)

  787.                                 //     console.log('params.data:',params[0])

  788.                                 //     let str = params.data.name + "<br />";

  789.                                 //     params.data.forEach((item) => {

  790.                                 //     str +=

  791.                                 //         '<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 />";

  792.                                 //     });

  793.                                 //     return str;

  794.                                 // },

  795.                                 // formatter: function (params, ticket, callback) {

  796.                                 //     console.log(params);

  797.                                 //     var showHtm="";

  798.                                 //     var data = params.data.value

  799.                                 //     for(var i=0;i<data.length;i++){

  800.                                 //         //x轴名称

  801.                                 //         var name = data[i];

  802.                                 //          //值

  803.                                 //         var value = params[i][2];

  804.                                 //         showHtm+= text+ '--' + name + ' :' + value+'<br>'

  805.                                 //     }

  806.                                 //     return showHtm;

  807.                                 // }

  808. 

  809. 

  810. 

  811. 

  812. 

  813. 

  814.                                 

  815.                             },//提示层

  816.                             legend: {

  817.                                 // data: ['']

  818.                             },

  819.                             radar: {

  820.                                 name: {

  821.                                     textStyle: {

  822.                                         color: 'rgb(0,0,0)', //字体颜色

  823.                                         borderRadius: 3, //圆角

  824.                                         padding: [3, 5] //padding

  825.                                     }

  826.                                 },

  827.                                 slpitNumber:5,

  828.                                 center: ['50%', '50%'],

  829.                                 splitArea: { // 坐标轴在 grid 区域中的分隔区域

  830.                                     show: false,                            

  831.                                 },

  832. 

  833.                                 indicator: [{

  834.                                         name: '社区影响力',

  835.                                         max: 100

  836.                                     },

  837.                                     {

  838.                                         name: '项目成熟度',

  839.                                         max: 100

  840.                                     },

  841.                                     {

  842.                                         name: '开发活跃度',

  843.                                         max: 100

  844.                                     },

  845.                                     {

  846.                                         name: '项目健康度',

  847.                                         max: 100

  848.                                     },

  849.                                     {

  850.                                         name: '团队健康度',

  851.                                         max: 100

  852.                                     },

  853.                                     {

  854.                                         name: '项目发展趋势',

  855.                                         max: 100

  856.                                     }

  857.                                 ],

  858.                             },

  859.                             series: [{

  860.                                 type: 'radar',

  861.                                 lineStyle:{

  862.                                     width:2,

  863.                                     color: '#0366D6',

  864.                                     normal:{

  865.                                         color:'#0366D6 '

  866.                                     }

  867.                                 },

  868.                                 itemStyle : {

  869.                                     normal : {

  870.                                         color:'#0366D6'

  871.                                     }

  872.                                 }, 

  873.                                 data: [{

  874.                                     value: ydata,

  875.                                     name:"数据"

  876.                                 }]

  877.                             }]

  878.     

  879.                     }

  880.                     this.radarOpenI.setOption(option)         

  881.     

  882.                 },

  883.                 drawOpenItrend(){

  884.                     var xdata_openI=[]

  885.                     var ydata_openI=[]

  886.                     for(var i =0;i<this.tableDataIDOpenI.length;i++){

  887.                         xdata_openI.push(this.tableDataIDOpenI[i].date);

  888.                         ydata_openI.push(this.roundingF(this.tableDataIDOpenI[i].openi))

  889.                     }

  890.                     console.log("ydata_openI:"+ydata_openI)

  891.                     console.log(xdata_openI)

  892.                     var option = {

  893.                             title : {

  894.                                 text: 'OpenI指数趋势',

  895. 

  896. 

  897.                                 textStyle: {

  898.                                         fontSize: 12,

  899.                                     },

  900.                                 left:'center',

  901.                                 top:'bottom',

  902. 

  903.                                 subtext: '',

  904. 

  905.                             },

  906.                             tooltip : {

  907.                                 trigger: 'axis',

  908.                                 backgroundColor:'rgba(255,255,255,0.8)',

  909.                                 color:'black',

  910.                                 borderWidth:'1',

  911.                                 borderColor:'#DCE7FB',

  912.                                 textStyle:{

  913.                                     color:'black'

  914.                                 },

  915.                             },

  916.                             legend: {

  917.                                 orient: 'vertical',

  918.                                 top:'top',　　

  919.                             },

  920.                             // calculable : true,

  921.                             xAxis : [

  922.                                 {

  923.                                     type : 'category',

  924.                                     boundaryGap: false,

  925.                                     data : xdata_openI,

  926.                                     

  927.                                 }

  928.                             ],

  929.                             yAxis : [

  930.                                 {

  931.                                     type : 'value',

  932.     

  933.                                 }

  934.                             ],

  935. 

  936.                             series : [

  937.                                 {

  938.                                     data: ydata_openI,

  939.                                     type: 'line',

  940.                                     areaStyle: {

  941.                                         type:'linear',

  942.                                         color:'#DCE7FB',

  943.                                         opacity: 0.3,

  944.                                         origin:"start",

  945.                                         normal:{

  946.                                             color:'#DCE7FB'

  947.                                         }

  948.                                     },

  949.                                     lineStyle:{

  950.                                         width:1,

  951.                                         normal:{

  952.                                             color:'#0366D6'

  953.                                         }

  954.                                     },

  955.                                     itemStyle : {

  956.                                         normal : {

  957.                                             color:'#0366D6'

  958.                                         }

  959.                                     },      

  960.                                 }

  961.                             ]

  962.                     }; 

  963.                     this.echartsOITd.setOption(option)

  964.                     // setTimeout(function (){

  965.                     //     window.onresize = function () {

  966.                     //         this.echartsOITd.resize();

  967.                     //     }

  968.                     // },200)

  969.                     

  970.                 },

  971.                 drawSelectData(){

  972.                     

  973.                     // $("#selectData").removeAttr("selectData").empty();

  974.                     var xdata=[]

  975.                     var ydata_view=[]

  976.                     var ydata_download=[]

  977.                     var ydata_commit=[]

  978.                     // if ()

  979.                     for(var i =0;i<this.tableDataID.length;i++){

  980.                         xdata.push(this.tableDataID[this.tableDataID.length-1-i].date);

  981.                         ydata_view.push(this.tableDataID[this.tableDataID.length-1-i].view)

  982.                         ydata_download.push(this.tableDataID[this.tableDataID.length-1-i].download)

  983.                         ydata_commit.push(this.tableDataID[this.tableDataID.length-1-i].commit)

  984.                     }

  985.                     console.log("ydata_openI:"+ydata_download)

  986.                     console.log(xdata)

  987.                      this.option = {

  988.                             title : {

  989.                                 text: '',

  990. 

  991. 

  992.                                 textStyle: {

  993.                                         fontSize: 12,

  994.                                     },

  995.                                 left:'center',

  996.                                 top:'bottom',

  997. 

  998.                                 subtext: '',

  999. 

  1000.                             },

  1001.                             tooltip : {

  1002.                                 trigger: 'axis',

  1003.                                 backgroundColor:'rgba(255,255,255,0.8)',

  1004.                                 color:'black',

  1005.                                 borderWidth:'1',

  1006.                                 borderColor:'gray',

  1007.                                 textStyle:{

  1008.                                     color:'black'

  1009.                                 },

  1010.                           

  1011.                             },

  1012.                             legend: {

  1013.                                 data:['浏览量','下载量','commit'],

  1014.                                 // orient: 'vertical',

  1015.                                 // top:'top',　　

  1016.                             },

  1017.                             toolbox: {

  1018.                                 show : false,

  1019.                                 feature : {

  1020.                                     mark : {show: true},

  1021.                                     dataView : {show: false, readOnly: false},

  1022.                                     magicType : {show: true, type: ['line', 'bar']},

  1023.                                     restore : {show: false},

  1024.                                     saveAsImage : {show: true}

  1025.                                 }

  1026.                             },

  1027.                             calculable : true,

  1028.                             xAxis : [

  1029.                                 {

  1030.                                     type : 'category',

  1031.                                     data : xdata,

  1032.                                     

  1033.                                 }

  1034.                             ],

  1035.                             yAxis : [

  1036.                                 {

  1037.                                     type : 'value',   

  1038.                                 }

  1039.                             ],

  1040.                             series : [

  1041.                                 {   name:"浏览量",

  1042.                                     data: ydata_view,

  1043.                                     type: 'line',

  1044.                                     areaStyle: {},

  1045.                                 },

  1046.                                 {

  1047.                                     name:"下载量",

  1048.                                     data: ydata_download,

  1049.                                     type: 'line',

  1050.                                     areaStyle: {},

  1051.                                 },

  1052.                                 {

  1053.                                     name:"commit",

  1054.                                     data: ydata_commit,

  1055.                                     type: 'line',

  1056.                                     areaStyle: {},

  1057.                                 },

  1058. 

  1059.                             ]

  1060.                     }; 

  1061.                     // this.echartsSelectData.resize()

  1062.                     this.echartsSelectData.setOption(this.option)

  1063.                     // setTimeout(function (){

  1064.                     //     window.onresize = function () {

  1065.                     //         this.echartsSelectData.resize;

  1066.                     //     }

  1067.                     // },200)

  1068. 

  1069.                     // // 使用刚指定的选择项数据显示图表。

  1070.                     // var selectArr = this.echartsSelectData.getOption().legend[0].data;//legend所有值

  1071.                     // var checkboxs=document.getElementsByName('checkboxchart'); 

  1072.                     // $(".checkboxchart").click(function(){

  1073.                     //     var obj = {};

  1074.                     //     for(var i=0; i<checkboxs.length; i++){

  1075.                     //         if(checkboxs[i].checked){

  1076.                     //             obj[selectArr[i]] = true;

  1077.                     //         }else{

  1078.                     //             obj[selectArr[i]] = false;

  1079.                     //         }

  1080.                     //     } 

  1081.                     //     option.legend.selected = obj;

  1082.                     //     this.echartsSelectData.setOption(option);

  1083.                     // });

  1084.                     

  1085. 

  1086. 

  1087.                 },

  1088.                 roundingF(value){

  1089.                     return Number(value).toFixed(2)

  1090.                 },

  1091.                 clickCheckBox(){

  1092.                     // 使用刚指定的选择项数据显示图表。

  1093.                     var selectArr = this.echartsSelectData.getOption().legend[0].data;//legend所有值

  1094.                     var checkboxs=document.getElementsByName('checkboxchart'); 

  1095.                     // $(".checkboxchart").click(function(){

  1096.                         var obj = {};

  1097.                         for(var i=0; i<checkboxs.length; i++){

  1098.                             if(checkboxs[i].checked){

  1099.                                 obj[selectArr[i]] = true;

  1100.                             }else{

  1101.                                 obj[selectArr[i]] = false;

  1102.                             }

  1103.                         } 

  1104.                         this.option.legend.selected = obj;

  1105.                         this.echartsSelectData.setOption(this.option);

  1106.                     // });

  1107. 

  1108.                 },

  1109.                 comparedate(date1,date2){

  1110.                     console.log("date1:"+date1)

  1111.                     console.log("date1:"+date2)

  1112.                     var oDate1 = new Date(date1);

  1113.                     var oDate2 = new Date(date2);

  1114.                     if(oDate1.getTime() < oDate2.getTime()){

  1115.                         var data = date2.split('-')

  1116.                         return data[0]+''+data[1]+''+data[2]

  1117.                     } else {

  1118.                         var data = date1.split('-')

  1119.                         return data[0]+''+data[1]+''+data[2]

  1120.                     }

  1121.                 },

  1122.                 goBack(){

  1123.                     if( $("#pro_detail").is(':visible') ){

  1124.                         document.getElementById("pro_main").style.display = "block";

  1125.                         document.getElementById("pro_detail").style.display = "none";

  1126.                     }

  1127.                 },

  1128. 

  1129.             },

  1130.             filters:{

  1131. 

  1132.                 rounding (value) {

  1133.                     return Number(value).toFixed(2)

  1134.                 },

  1135.                 changeType(value){

  1136.                     if(value==false){

  1137.                         return "否"

  1138.                     }else{

  1139.                         return "是"

  1140.                     }

  1141.                 },

  1142.                 discriptionFun(value){

  1143.                     if(value==''){

  1144.                         return "暂无描述"

  1145.                     }

  1146.                 },

  1147.                 showMode(value){

  1148.                     if(value==1){

  1149.                         return "可读权限"

  1150.                     }else if(value==2){

  1151.                         return "可写权限"

  1152.                     }else if(value==3){

  1153.                         return "管理员"

  1154.                     }else if(value==4){

  1155.                         return "所有者"

  1156.                     }else{

  1157.                          return "未定义"

  1158.                     }

  1159.                 },

  1160.                 showContext(value){

  1161.                     if (value.mode!=-1){

  1162.                        return  " <img class=\"ui avatar image\" src= \" "+ value.RelAvatarLink+ " \" > "+" <a href= \" " + AppSubUrl+"/"+value.user+ "\">"+value.user+" </a>"

  1163.                     }

  1164.                     else{

  1165.                         return " <a href=\" mailto:" + value.email + "class=\"circular ui button\">"  +value.user+ "</a>"

  1166.                     }			

  1167.                     

  1168.                 },

  1169.                 transformTimestamp(timestamp){

  1170.                     let a = new Date(timestamp*1000);

  1171.                     const date = new Date(a);

  1172.                     const Y = date.getFullYear() + '/';

  1173.                     const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '/';

  1174.                     const D = (date.getDate() < 10 ? '0'+date.getDate() : date.getDate()) + '  ';

  1175.                     const h = (date.getHours() < 10 ? '0'+date.getHours() : date.getHours()) + ':';

  1176.                     const m = (date.getMinutes() <10 ? '0'+date.getMinutes() : date.getMinutes());

  1177.                     const dateString = Y + M + D + h + m ;//+ s;

  1178.                     return dateString;

  1179.                 },              

  1180.             },

  1181.     

  1182.     

  1183.             mounted() {   

  1184. 

  1185.                 this.getAllProList("all",7)

  1186.                 console.log("id:"+this.pro_id);

  1187. 

  1188.                 document.getElementById('radar_openi').style.width = document.getElementById('pro_main').offsetWidth*0.22+'px'

  1189.                 document.getElementById('line_openi').style.width  = document.getElementById('pro_main').offsetWidth*0.33+'px'

  1190.                 document.getElementById('selectData').style.width  = document.getElementById('pro_main').offsetWidth*0.8+'px' 

  1191.                 this.radarOpenI = this.$echarts.init(document.getElementById('radar_openi'))

  1192.                 this.echartsOITd = this.$echarts.init(document.getElementById('line_openi'))

  1193.                 this.echartsSelectData = this.$echarts.init(document.getElementById('selectData'))

  1194.                 if (window.history && window.history.pushState) {

  1195.                     history.pushState(null, null, document.URL);

  1196.                     window.addEventListener('popstate', this.goBack, false);

  1197.                 }

  1198.                 // window.onresize=function(){

  1199.                 //     this.radarOpenI.resize();

  1200.                 //     this.echartsOITd.resize();

  1201.                 //     this.echartsSelectData.resize();

  1202.                 // }

  1203.                 // console.log("this.radarOpenI:"+this.radarOpenI)

  1204.             },

  1205. 

  1206.             watch:{

  1207.                 search(val){

  1208.                     if(!val){

  1209.                         this.params.q = this.search

  1210.                         this.params.page = 1

  1211.                         this.page=1

  1212.                         this.getAllProList(this.params.type, this.dynamic)

  1213.                     } 

  1214.                 }

  1215. 

  1216.             },

  1217. 

  1218.             created() {

  1219.                 // this.download_a=document.getElementById("download_file")

  1220.             },

  1221.             updated(){

  1222.                 if(document.querySelectorAll('img[avatar]').length!==0){

  1223.                     window.LetterAvatar.transform()

  1224.                 }

  1225.             }

  1226.         }

  1227.     </script>

  1228.     

  1229.     <style scoped>

  1230.         .pro_item{

  1231.             font-size: 16px;

  1232.             color:  rgba(16, 16, 16, 100);

  1233.             font-family: SourceHanSansSC-bold;

  1234.         }

  1235.         .sta_item{

  1236.             font-size: 14px;

  1237.             color: rgb(0 0 0);

  1238.             font-family: SourceHanSansSC-bold;

  1239.         }

  1240.         .update_time{

  1241.             line-height: 17px;

  1242.             font-size: 12px;

  1243.             color:rgba(187, 187, 187, 100);

  1244.             margin-left: 10px;

  1245.         }

  1246.         .btnFirst{ 

  1247.             line-height: 1.5;

  1248.             margin: -3.5px;

  1249.             border:  1px solid rgba(22, 132, 252, 100);

  1250.             border-right: none;

  1251.             background: #FFFF;

  1252.             color: #1684FC;

  1253.             width: 60px;

  1254.             height: 30px;

  1255.             border-radius:4px 0px 0px 4px;

  1256.         }

  1257.         .btn{ 

  1258.             line-height: 1.5;

  1259.             margin: -3.5px;

  1260.             border:  1px solid rgba(22, 132, 252, 100);

  1261.             border-right: none;

  1262.             background: #FFFF;

  1263.             color: #1684FC;

  1264.             width: 60px;

  1265.             height: 30px;

  1266.         }

  1267.         .btnLast{ 

  1268.             line-height: 1.5;

  1269.             margin: -3.5px;

  1270.             border: 1px solid rgba(22, 132, 252, 100);

  1271.             /* border-right: none; */

  1272.             background: #FFFF;

  1273.             color: #1684FC;

  1274.             width: 60px;

  1275.             height: 30px;

  1276.             border-radius:0px 4px 4px 0px;

  1277.         }

  1278.         .btnFirst, .btn, .btnLast {

  1279.             cursor: pointer;

  1280.         }

  1281.   

  1282. 

  1283. /*     

  1284.         .btn:focus,

  1285.         .btn:active{

  1286.             background-color:#409effd6 ;

  1287.         } */

  1288.         /* /deep/ .el-date-picker {

  1289.             width: 250px;

  1290.         } */

  1291.         /deep/ .el-table tbody tr:hover>td { 

  1292.             background-color:#D3D3D3!important;

  1293.             opacity:1

  1294.         }

  1295.         /deep/ .el-table {

  1296.             font-size: 12px;

  1297.         }

  1298.      

  1299.         /deep/ .el-range-separator{

  1300.             width: 20% !important;

  1301.         }

  1302. 

  1303.         .colorChange {

  1304.             background-color: #1684FC;

  1305.             color: #FFFF;

  1306.             cursor: default;

  1307.         }

  1308.         .items{

  1309.             text-align: center;

  1310.             border-right:1px solid rgba(219, 219, 219, 100);

  1311.         }  

  1312.         .item_l{

  1313.             margin-right: 5px;

  1314.             border:1px solid rgba(219, 219, 219, 100);

  1315.             height: 370px;

  1316.             width: 100%;

  1317.         }

  1318.         .item_r{

  1319.             margin-right:5px;

  1320.             border:1px solid rgba(219, 219, 219, 100);

  1321.             height: 370px;

  1322.             overflow:auto

  1323.         }

  1324.         .item_echart{

  1325.             margin-top: 10px;

  1326.             margin-right: 5px;

  1327.             border:1px solid rgba(219, 219, 219, 100);

  1328.             height: 350px;

  1329.             width: 100%;

  1330.         }

  1331.         .item_content{

  1332.             color:#0366D6;

  1333.             margin-top: 10px;

  1334.             font-weight:bold;

  1335.         }

  1336.     </style>