chenyue
/
PC-application
forked from raolu/PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
							<!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="bgc-f2f3f5 selectYear">
            <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="ml20">
                <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="mlr8"></line-chart>
        </div>
        <!-- 底部表格 -->
        <div class="c-border bottomTable m20 mb0">
            <div class="c-f16 c-333 title ptb20">未发送生日祝福分析</div>
            <!-- 底部区域图 -->
            <area-data-panel class="mlr8" v-on:getnewdata="getAreaData"></area-data-panel>
            <div class="tableBlock">

            </div>
        </div>
        <!--模态框组件-->
        <vuedals></vuedals>
    </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>