XMTT
/
suryee-stat


			
				
					
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
							<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/static/css/base.css">
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/index.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <title>销售员管理</title>
</head>
<body>
    <div class="container" style="width: 1300px;">
        <div class="header">
            <a href="/"><span><img src="/img/logo.jpg" alt=""></span></a>
            <span>北京赛亿科技有限公司</span>
        </div>
        <div class="aside">
            <div class="col-md-12 lin-height text_center"><a href="/index">提成汇总</a></div>
            <div class="col-md-12 lin-height text_center"><a href="/index/commission">计提数据录入</a></div>
            <div class="col-md-12 lin-height text_center"><a href="/index/seller">销售员管理</a></div>
            <div class="col-md-12 lin-height text_center"><a href="/index/company">销售单位管理</a></div>
        </div>
        <div class="content">
            <div class="row">
                <div class="col-md-3">
                </div>
                <div class="col-md-3 text_center">
                    <h4>销售员管理</h4>
                </div>
                <div class="col-md-3" style="text-align:right;">
                    <div class="btn-group ">
                        <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">新增</button>
                    </div>
                </div>
            </div>
            <div class="col-md-10" style="margin-top: 20px;">
                <table class=" table table-hover table-bordered">
                    <thead>
                        <tr>
                            <th class="text-center">序 号</th>
                            <th class="text-center">销售员</th>
                            <th class="text-center">所属部门</th>
                            <th class="text-center">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                        foreach ($data as $key => $value) {
                        ?>
                            <tr>
                                <td class="text-center"><?php echo $value['id'] ?></td>
                                <td class="text-center"><?php echo $value['name'] ?></td>
                                <td class="text-center"><?php echo $value['department'] ?></td>
                                <td class="text-center">
                                    <button class="btn btn-primary radius btn-xs" type="button" onClick="modify(<?php echo $value['id']; ?>,'<?php echo $value['name']; ?>','<?php echo $value['department']; ?>')">修改</button>
                                    <button class="btn btn-danger radius btn-xs" type="button" onClick="del(<?php echo $value['id']; ?>, this)">删除</button></td>
                            </tr>
                        <?php
                        }
                        ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="width: 800px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        新增销售员
                    </h4>
                </div>
                <div class="modal-body">
                    <form role="form" id="seller-form">
                        <input type="hidden" name="id" id="id" value="0">
                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group" style="text-align:right;line-height:40px;">
                                    <label form-label for="name">姓名:</label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="name" id="name" value="" placeholder="销售员">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group" style="text-align:right;line-height:40px;">
                                    <label form-label for="department">部门:</label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <select name="department" id="department" class="form-control">
                                        <option value="一部">一部</option>
                                        <option value="二部">二部</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="doSave()">提交</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    <script>
        function doSave() {
            var id = $("#id").val();
            var name = $("#name").val();
            var department = $("#department").val();
            $.post('/index/seller/save', {
                'id': id,
                'name': name,
                'department': department
            }, function(res) {
                if (res.code == 0) {
                    $('#myModal').modal('hide');
                    $("#seller-form")[0].reset();
                    window.location.reload();
                } else {
                    // alert(res.msg);
                    $("#seller-form").children('div:first').append("<span style='color:red;'>" + res.msg + "</span")
                }
                return false;
            }, 'json');
            return false;
        }
        function modify(id, name, department) {
            $("#id").val(id);
            $("#name").val(name);
            $("#department").val(department);
            $('#myModal').modal('show');
        }
        function del(id, that){
            $.post('/index/seller/delete', {
                'id': id
            }, function(res) {
                if (res.code == 0) {
                    $(that).parents("tr").remove();
                } else {
                    alert(res.msg);
                }
            }, 'json');
        }        
    </script>
</body>
</html>