evaluate.html 9.07 KB
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <style>
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>好差评</title>
    <script type="text/javascript" src="../staticJs/head.js"></script>
    <link rel="stylesheet" type="text/css" href="../staticCss/evaluate.css">
</head>
<body>
   <div class="evaluate middleZoneHeight">
        <ul class="evaluate_nav">
            <li>
                <p>办件数</p>
                <p>123132<span>万件</span></p>
            </li>
            <li>
                <p>差评数</p>
                <p>123132<span></span></p>
            </li>
            <li>
                <p>差评整改率</p>
                <p>100<span>%</span></p>
            </li>
            <li>
                <p>市评分</p>
                <p>9.8<span></span></p>
            </li>
        </ul>
        <!-- 满意度 -->
        <div class="satisfaction">
            <div class="evaluate cardItem">
                <h3>评价满意度</h3>
                <ul>
                    <li class="evaluate_item">
                        <p>非常满意</p>
                        <p id="score" class="score"></p>
                        <span>399条</span>
                    </li>
                    <li class="evaluate_item">
                        <p>满意</p>
                        <p id="score1" class="score"></p>
                        <span>399条</span>
                    </li>
                    <li class="evaluate_item">
                        <p>基本满意</p>
                        <p id="score2" class="score"></p>
                        <span>399条</span>
                    </li>
                    <li class="evaluate_item">
                        <p>不满意</p>
                        <p id="score3" class="score"></p>
                        <span>0条</span>
                    </li>
                    <li class="evaluate_item">
                        <p>非常不满意</p>
                        <p id="score4" class="score"></p>
                        <span>0条</span>
                    </li>
                </ul>
            </div>
            <div class="region cardItem">
                <h3>下属区域排行</h3>
                <ul>
                    <li class="region_title">
                        <span>区域</span>
                        <span>评论数</span>
                        <span>差评数</span>
                        <span>评分</span>
                    </li>
                    <li class="region_list">
                        <span>城六区</span>
                        <span>8</span>
                        <span>10</span>
                        <p id="grade1"></p>
                        <span>9.8分</span>
                    </li>
                    <li class="region_list">
                        <span>城六区</span>
                        <span>8</span>
                        <span>10</span>
                        <p id="grade2"></p>
                        <span>9.8分</span>
                    </li>
                    <li class="region_list">
                        <span>城六区</span>
                        <span>8</span>
                        <span>10</span>
                        <p id="grade3"></p>
                        <span>9.8分</span>
                    </li>
                    <li class="region_list">
                        <span>城六区</span>
                        <span>8</span>
                        <span>10</span>
                        <p id="grade4"></p>
                        <span>9.8分</span>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 评论数 -->
        <div class="satisfaction comments">
            <div class="praise cardItem">
                <h3>好评TOP5</h3>
                <ul>
                    <li>
                        <p>
                            网上综合大厅办理
                            <span>68798</span>
                        </p>
                        <p class="progessBar">
                            <b style="width: 60%;"></b>
                        </p>
                    </li>
                    <li>
                        <p>
                            网上申报反馈
                            <span>68798</span>
                        </p>
                        <p class="progessBar">
                            <b style="width: 80%;"></b>
                        </p>
                    </li>
                    <li>
                        <p>
                            网上综合大厅办理
                            <span>68798</span>
                        </p>
                        <p class="progessBar">
                            <b style="width: 60%;"></b>
                        </p>
                    </li>
                    <li>
                        <p>
                            网上综合大厅办理
                            <span>68798</span>
                        </p>
                        <p class="progessBar">
                            <b style="width: 60%;"></b>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="makeComplaints cardItem">
                <h3>吐槽TOP5</h3>
                <ul>
                    <li>
                        <p>
                            网上综合大厅办理
                            <span>68798</span>
                        </p>
                        <p class="progessBar1">
                            <b style="width: 60%;"></b>
                        </p>
                    </li>
                    <li>
                        <p>
                            网上申报反馈
                            <span>68798</span>
                        </p>
                        <p class="progessBar1">
                            <b style="width: 80%;"></b>
                        </p>
                    </li>
                    <li>
                        <p>
                            网上综合大厅办理
                            <span>68798</span>
                        </p>
                        <p class="progessBar1">
                            <b style="width: 60%;"></b>
                        </p>
                    </li>
                    <li>
                        <p>
                            网上综合大厅办理
                            <span>68798</span>
                        </p>
                        <p class="progessBar1">
                            <b style="width: 60%;"></b>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 评价展示 -->
        <div class="evaluation_display">
            <ul>
                <li>
                    <p>
                        <img src="../staticImages/bg.png">
                        <span>任超1</span>
                        <span>整体服务:非常满意</span>
                        <span class="date">2020-10-29</span>
                    </p>
                    <p>评价事项:劳动者技能提升培训</p>
                </li>
                <li>
                    <p>
                        <img src="../staticImages/bg.png">
                        <span>任超2</span>
                        <span>整体服务:非常满意2222</span>
                        <span class="date">2020-10-29</span>
                    </p>
                    <p>评价事项:劳动者技能提升培训</p>
                </li>
                <li>
                    <p>
                        <img src="../staticImages/bg.png">
                        <span>任超12121</span>
                        <span>整体服务:非常满意</span>
                        <span class="date">2020-10-29</span>
                    </p>
                    <p>评价事项:劳动者技能提升培训</p>
                </li>
                <li>
                    <p>
                        <img src="../staticImages/bg.png">
                        <span>任超78979798</span>
                        <span>整体服务:非常满意</span>
                        <span class="date">2020-10-29</span>
                    </p>
                    <p>评价事项:劳动者技能提升培训</p>
                </li>
                <li>
                    <p>
                        <img src="../staticImages/bg.png">
                        <span>任超79879879</span>
                        <span>整体服务:非常满意</span>
                        <span class="date">2020-10-29</span>
                    </p>
                    <p>评价事项:劳动者技能提升培训</p>
                </li>
            </ul>
        </div>
   </div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/evaluate.js"></script>
</html>