<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
    <title>Novus Admin Panel an Admin Panel Category Flat Bootstrap Responsive Website Template | Inbox ::
        w3layouts</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Novus Admin Panel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- Custom CSS -->
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <!-- font CSS -->
    <!-- font-awesome icons -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome icons -->
    <!-- js-->
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/modernizr.custom.js"></script>
    <!--webfonts-->
    <!-- <link href='//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'> -->
    <!--//webfonts-->
    <!--animate-->
    <link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
    <script src="js/wow.min.js"></script>
    <script>
        new WOW().init();
    </script>
    <!--//end-animate-->
    <!-- Metis Menu -->
    <script src="js/metisMenu.min.js"></script>
    <script src="js/custom.js"></script>
    <link href="css/custom.css" rel="stylesheet">
    <!--//Metis Menu -->
</head>
<body class="cbp-spmenu-push">
<div class="main-content" id="app">
    <!--left-fixed -navigation-->
    <div class=" sidebar" role="navigation">
        <div class="navbar-collapse">
            <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
                <ul class="nav" id="side-menu">
                    <li>
                        <a href="index.html"><i class="fa fa-bar-chart nav_icon"></i>数据统计</a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-list-ul nav_icon"></i>招领管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">
                            <li>
                                <a href="found.html">招领启事</a>
                            </li>
                            <li>
                                <a href="category.html">类别管理
                                    <!--<span class="nav-badge-btm">8</span>-->
                                </a>
                            </li>
                        </ul>
                        <!-- /nav-second-level -->
                    </li>
                    <li>
                        <a href="users.html"><i class="fa fa-users nav_icon"></i>用户管理</a>
                    </li>
                    <!--<li>-->
                    <!--<a href="campus.html"><i class="fa fa-university nav_icon"></i>校区管理</a>-->
                    <!--</li>-->
                    <li>
                        <a href="notice.html"><i class="fa fa-rss nav_icon"></i>&nbsp;公告管理</a>
                    </li>
                    <li>
                        <a href="feedback.html"><i class="fa fa-envelope nav_icon"></i>反馈管理
                            <!--<span class="nav-badge-btm">08</span>-->
                        </a>
                        <!-- //nav-second-level -->
                    </li>

                </ul>
                <!-- //sidebar-collapse -->
            </nav>
        </div>
    </div>
    <!--left-fixed -navigation-->
    <!-- header-starts -->
    <div class="sticky-header header-section ">
        <div class="header-left">
            <!--toggle button start-->
            <button id="showLeftPush"><i class="fa fa-bars"></i></button>
            <!--toggle button end-->
            <!--logo -->
            <div class="logo">
                <a href="index.html">
                    <h1>校园失物招领系统</h1>
                    <span>管理控制台</span>
                </a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="header-right">

            <!--notification menu end -->
            <div class="profile_details">
                <ul>
                    <li class="dropdown profile_details_drop">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                            <div class="profile_img">
									<span class="prfil-img">
										<img :src="user.icon?imgPrefix+user.icon:schoolIcon"
                                             style="max-width: 50px; max-height: 50px;">
									</span>
                                <div class="user-name">
                                    <p>{{user.schoolName}}</p>
                                    <span>{{user.email}}</span>
                                </div>
                                <i class="fa fa-angle-down lnr"></i>
                                <i class="fa fa-angle-up lnr"></i>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                        <ul class="dropdown-menu drp-mnu">
                            <!--<li><a ><i class="fa fa-cog"></i> Settings</a></li>-->
                            <!--<li><a ><i class="fa fa-user"></i> Profile</a></li>-->
                            <li><a @click="logout"><i class="fa fa-sign-out"></i>退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
    </div>
    <!-- //header-ends -->
    <!-- main content start-->
    <div id="page-wrapper" style="padding-top: 5em;">
        <div class="main-page">
            <!--<h3 class="title1">反馈列表</h3>-->
            <div class="inbox-page row">
                <h4>未处理</h4>
                <div class="inbox-row widget-shadow" v-for="item in list" :key="item.id" v-if="item.status==0">
                    <!--<div class="mail"><img src="images/i1.png" alt=""/></div>-->
                    <div class="mail mail-name"><h6>{{item.realName}}&nbsp;{{item.username}}</h6></div>
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
                       aria-expanded="true" aria-controls="collapseOne">
                        <div class="mail"><p><b>{{item.subject}}</b></p></div>
                    </a>
                    <div class="mail-right">
                        <div class="dropdown">
                            <a href="#" data-toggle="dropdown" aria-expanded="false">
                                <p><i class="fa fa-ellipsis-v mail-icon"></i></p>
                            </a>
                            <ul class="dropdown-menu float-right">
                                <li>
                                    <a role="button" data-toggle="collapse" data-parent="#accordion" @click="showReply(item.id)"
                                       aria-expanded="true" aria-controls="collapseOne">
                                        <i class="fa fa-reply mail-icon"></i>
                                        回复
                                    </a>
                                </li>
                                <li>
                                    <a @click="markFeedback(item.id)">
                                        <i class="fa fa-eye mail-icon"></i>
                                        标为已读
                                    </a>
                                </li>
                                <li>
                                    <a class="font-red" @click="deleteFeedback(item.id)">
                                        <i class="fa fa-trash-o mail-icon"></i>
                                        删除
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="mail-right"><p>{{item.createTime}}</p></div>
                    <div class="clearfix"></div>
                    <div style="margin-top: 20px;" class="panel panel-default">
                        <div class="panel-body">
                            {{item.content}}
                        </div>
                    </div>
                </div>
            </div>

            <div class="inbox-page row">
                <h4>已处理</h4>
                <div class="inbox-row widget-shadow" v-for="item in list" :key="item.id" v-if="item.status==1">
                    <!--<div class="mail"><img src="images/i1.png" alt=""/></div>-->
                    <div class="mail mail-name"><h6>{{item.realName}}&nbsp;{{item.username}}</h6></div>
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
                       aria-expanded="true" aria-controls="collapseOne">
                        <div class="mail"><p><b>{{item.subject}}</b></p></div>
                    </a>
                    <div class="mail-right">
                        <div class="dropdown">
                            <a href="#" data-toggle="dropdown" aria-expanded="false">
                                <p><i class="fa fa-ellipsis-v mail-icon"></i></p>
                            </a>
                            <ul class="dropdown-menu float-right">
                                <li>
                                    <a class="font-red" @click="deleteFeedback(item.id)">
                                        <i class="fa fa-trash-o mail-icon"></i>
                                        删除
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="mail-right"><p>{{item.createTime}}</p></div>
                    <div class="clearfix"></div>
                    <div style="margin-top: 20px;" class="panel panel-default">
                        <div class="panel-body">
                            {{item.content}}
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h5>
                                <span class="label label-success">{{item.answer?'已回复':'已读'}}</span>
                                &nbsp;{{item.handlerName}}&nbsp;
                                {{item.handlerEmail}}&nbsp;{{item.handlerTime}}</h5>
                        </div>
                        <div class="panel-body">
                            {{item.answer}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <p>&copy; 2019 校园失物招领网站系统 | <a href="http://www.ecit.edu.cn/" target="_blank">ECUT</a></p>
    </div>

    <div class="panel-body" id="replyDiv" style="display: none;">
        <div class="com-mail" style=" width: 50vw;">
            <textarea rows="6" v-model="reply.content" placeholder="说明" maxlength="1024" class="form-control1 control2"></textarea>
        </div>
    </div>
    <!--//footer-->
</div>
<!-- Classie -->
<script src="js/classie.js"></script>
<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"></script>
<script src="js/vue.js"></script>
<script src="./js/layer.js"></script>
<script src="js/mine/common.js"></script>
<script src="js/mine/feedback.js"></script>
</body>
</html>