raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>祝福分析</title>
    <meta name="author" content="yihu.com" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css" />
    <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <link rel="stylesheet" href="../css/blessing-analysis.css">
</head>

<body style="margin: 0;">
    <div id="main" class="c-hide"  v-loading.fullscreen.lock="isloading">
        <header-tab :appname="appname" :isback="isback" :isrefresh="isrefresh" :isopen="isopen"></header-tab>
        <div class="plr20 pb20 bgc-f2f3f5">        	
       		 <!-- 年份选择 -->
	        <div class="bgc-f2f3f5 pt20 pb10">
	            <label class="c-333 c-f14" for="">时间：</label>
	            <el-select v-model="chooseYear" @change="selectChange">
	                <el-option v-for="(item , index) in years" :label="item" :value="item"></el-option>
	            </el-select>
	        </div>
	        <!-- 百分比 折线图-->
	        <div class="flex-box">
	            <div class="">
	                <div class="flex-box mainBlocktop">
	                    <div class="leftBlock" style="position: relative;">
	                        <div class="pl20">发送率
	                            <img  @mouseenter="jumpTip(1)" @mouseleave="leaveTip(1)" src="../../../images/wenhao.png" alt="" class="tip">
	                        </div>
	                        <div id="shadow1" class="shadow shadowTop">发送率=已发送生日祝福的居民量/生日居民量</div>
	                        <div class="c-f28 c-t-center percent">{{sendRate}}</div>
	                    </div>
	                    <div class="rightBlock">
	                        <div class="top bottomBorder">
	                            <div class="pt20 pl20">
	                                已发送量
	                            </div>
	                            <div class="c-t-center c-f22">
	                                {{sendCount}}
	                            </div>
	                        </div>
	                        <div class="bottom">
	                            <div class="pt20 pl20">
	                                生日居民量
	                            </div>
	                            <div class="c-t-center c-f22">{{total}}</div>
	                        </div>
	                    </div>
	                </div>
	                <div class="flex-box mainBlockbottom mt10">
	                    <div class="leftBlock" style="position: relative;">
	                        <div class="pl20">未发送率
	                            <img  @mouseenter="jumpTip(2)" @mouseleave="leaveTip(2)" src="../../../images/wenhao.png" alt="" class="tip">
	                        </div>
	                        <div id="shadow2" class="shadow">未发送率=未发送生日祝福的居民量/生日居民量</div>
	                        <div class="c-f28 c-t-center percent">{{noSendRate}}</div>
	                    </div>
	                    <div class="rightBlock">
	                        <div class="top bottomBorder">
	                            <div class="pt20 pl20">
	                                未发送量
	                            </div>
	                            <div class="c-t-center c-f22">
	                                {{noSendCount}}
	                            </div>
	                        </div>
	                        <div class="bottom">
	                            <div class="pt20 pl20">
	                                生日居民量
	                            </div>
	                            <div class="c-t-center c-f22">{{total}}</div>
	                        </div>
	                    </div>
	                </div>
	            </div>
	            <!-- 折线图 -->
	            <line-chart v-on:getlinedata="getNewLineData" lineid="lineChart" class="mlr20"></line-chart>
	        </div>
	        <!-- 底部表格 -->
	        <div class="c-border bottomTable mtb10 mb0 bgc-fff">
	            <div class="c-f16 c-333 title ptb10">未发送生日祝福分析</div>
	            <!-- 底部区域图 -->
	            <area-data-panel v-on:getnewdata="getAreaData"></area-data-panel>
	            <div class="tableBlock">
	
	            </div>
	        </div>
	        <!--模态框组件-->
	        <vuedals></vuedals>
        </div>
        	
        
    </div>

    <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../plugins/toastr/toastr.min.js"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
    <!--<script src="../../../plugins/echarts/3.8.5/echarts.min.js" type="text/javascript" charset="utf-8"></script>-->
    <script src="../js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../api/statistics-api.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/common/event-bus.js"></script>
    <script src="../../../component/common/vuedals.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/statistics/header-tab.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/statistics/header-prompt.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/statistics/line-chart2.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/statistics/area-data-panel3.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/statistics/team-info.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/statistics/sign-progress-filter.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/blessing-analysis.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>