suggest.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>新奥</title>
    <script src="js/resize.js"></script>
    <link rel="stylesheet" href="layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/suggest.css">
    <script src="js/jquery.min.js"></script>
</head>
<body>
<header>
    <a href="" class="header-back"><img src="images/back-arrow.png" alt=""></a>
    <div class="header-title">投诉与建议</div>
    <a href="index.html" class="header-img"><img src="images/logo-index.png" alt=""></a>
</header>
<section>
    <div id="itemList">
        <div class="list flexbox">
            <div class="list-img">
                <img src="./images/user.jpg" />
            </div>
            <div class="list-content">
                <div class="content-title">
                    <span class="fr title-right">2018-01-10</span><span class="title-left">123.152.77.74</span>
                </div>
                <div class="content-body">全自助模式以后感觉秩序好混乱，这是为什么呢？可不可以刷卡 取餐盘，菜品摆放的位置调换一下，不用走O型，走U型更简洁</div>
            </div>
        </div>
        <div class="list flexbox">
            <div class="list-img">
                <img src="./images/user.jpg" />
            </div>
            <div class="list-content">
                <div class="content-title">
                    <span class="fr title-right">2018-01-10</span><span class="title-left">123.152.77.74</span>
                </div>
                <div class="content-body">全自助模式以后感觉秩序好混乱，这是为什么呢？可不可以刷卡 取餐盘，菜品摆放的位置调换一下，不用走O型，走U型更简洁</div>
            </div>
        </div>
        <div class="list flexbox">
        <div class="list-img">
            <img src="./images/user.jpg" />
        </div>
        <div class="list-content">
            <div class="content-title">
                <span class="fr title-right">2018-01-10</span><span class="title-left">123.152.77.74</span>
            </div>
            <div class="content-body">全自助模式以后感觉秩序好混乱，这是为什么呢？可不可以刷卡 取餐盘，菜品摆放的位置调换一下，不用走O型，走U型更简洁</div>
        </div>
    </div>
        <div class="list flexbox">
            <div class="list-img">
                <img src="./images/user.jpg" />
            </div>
            <div class="list-content">
                <div class="content-title">
                    <span class="fr title-right">2018-01-10</span><span class="title-left">123.152.77.74</span>
                </div>
                <div class="content-body">全自助模式以后感觉秩序好混乱，这是为什么呢？可不可以刷卡 取餐盘，菜品摆放的位置调换一下，不用走O型，走U型更简洁</div>
                <div class="manage">
                    管理员回复：您好，首先感谢您提供建议，您说的是那个食堂， 便告知我们一下吗？
                </div>
            </div>
        </div>
        <div class="count flexbox">
            <div class="countAll">当前页面<span class="firstCount">1</span>/<span class="lastCount">255</span>   </div>
            <div class="aAll">
                <a href="">首页</a><a href="">上一页</a><a href="">下一页</a><a href="">末页</a>
            </div>
        </div>
        <div class="bg"></div>
        <form action="" class="layui-form">
        <div class="footer flexbox">
            <div class="footer-title">
                <img src="./images/modify.jpg" />
            </div>

            <div class="footer-text flex">
                <div class="text-title">
                    投诉与建议
                </div>
                <div class="insert">
                    <textarea name="建议" placeholder="请输入内容"  required lay-verify="required" class="layui-textarea"></textarea>
                </div>

            </div>
        </div>
        <!--<div class="btn">-->
            <!--提&nbsp;交-->
        <!--</div>-->
            <button class="layui-btn" lay-submit="" lay-filter="myworks">提交</button>
        </form>
    </div>

</section>
<!--js-->
<script src="layui/layui.js" charset="utf-8"></script>
<script>
    layui.use(['form', 'layedit'], function(){
        var form = layui.form
            ,layer = layui.layer
        //监听提交
        form.on('submit(myworks)', function(data){
            layer.msg('感谢您的反馈！');
            console.log(JSON.stringify(data.field))
            return false;
        });
    });
</script>
</body>
</html>