duhongyu
/
GongYi_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>班别编辑</title>
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
    <link rel="stylesheet" href="../css/init.css" />
    <script src="../js/laydate/laydate.js"></script>
    <style>
        th {
            padding: 5px 8px 5px 0;
            text-align: right;
        }

        input {
            background-color: #FFF;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 1px;
            color: inherit;
            padding: 6px 12px;
            width:200px;
        }

        td {
            padding: 6px 0 5px 10px;
        }

        .addts {
            background: #1ab394;
            color: #fff;
            padding: 6px 10px;
            outline: none;
            font-size: 12px;
            margin-left: 15px;
            border: 0;
            border-radius: 3px;
            box-sizing: border-box;
        }
        .time-box {
            display: inline-block;
            position: relative;
        }

        .tub {
            position: absolute;
            right: 8px;
            top: 10px;
            font-size: 18px;
            color: #00a0ca;
        }

        #layui-laydate3 .layui-laydate-header {
            height: 31px;
            padding: 5px;
        }

        .laydate-theme-molv .layui-laydate-header i,
        .laydate-theme-molv .layui-laydate-header span {
            top: 2px;
        }

        .layui-laydate-header {
            padding: 0;
        }

        .laydate-theme-molv .layui-laydate-content {
            height: 195px;
            overflow: hidden;
        }

        .laydate-month-list > li {
            margin: 10px 0;
        }

        .laydate-footer-btns span:hover {
            color: #00a1cb;
        }
    </style>
</head>

<body>
    <div style="padding: 10px;">
        <div style="padding: 10px;" class="clearFix">
            <div>
                <span>【班别信息】</span>
                <div class="box_content">
                    <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <th>班别名称：</th>
                            <td>
                                <input type="text" class="name" /><input type="hidden" class="id" />
                            </td>
                        </tr>
                        <tr>
                            <th>班别代码：</th>
                            <td>
                                <input type="text" class="code" />
                            </td>
                        </tr>
                        <tr>
                            <th>上班时间：</th>
                            <td>
                                <span class="time-box"><i class="tub fa fa-calendar"></i><input class="photo x-color inputs laydate-icon intime" type="text" id="intime" /></span>
                            </td>
                        </tr>
                        <tr>
                            <th>下班时间：</th>
                            <td>
                                <span class="time-box"><i class="tub fa fa-calendar"></i><input class="photo x-color inputs laydate-icon outtime" type="text" id="outtime" /></span>
                            </td>
                        </tr>
                        <tr>
                            <th>说明：</th>
                            <td>
                                <textarea type="text" class="remark" style="width:200px;" ></textarea>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="bton" style="text-align: center;">
                <input class="addts" type="button" value="保存" />
            </div>
        </div>
    </div>
    <script>
        var id = helper.request.queryString("id");
        $(document).ready(function () {

            laydate.render({
                theme: '#00a1cb',
                trigger: 'click',
                elem: '#intime',
                format: 'HH:mm',
                type: 'time'
            });
            laydate.render({
                theme: '#00a1cb',
                trigger: 'click',
                elem: '#outtime',
                format: 'HH:mm',
                type: 'time'
            });

            if (id) {
                $.getJSON(huayi.config.callcenter_url + 'Class/GetClass', {
                    id: id,
                    "token": $.cookie("token")
                }, function (result) {
                    if (result.state.toLowerCase() == "success") {
                        var content = result.data;

                        $(".id").val(content.F_Id);
                        $(".name").val(content.F_Name);
                        $(".code").val(content.F_Code);
                        $(".intime").val(content.F_InTime);
                        $(".outtime").val(content.F_OutTime);
                        $(".remark").val(content.F_Remark);
                    }
                })
            }
            $(".addts").click(function () {
                var id = $(".id").val();
                var name = $(".name").val();
                var code = $(".code").val();
                var intime = $(".intime").val();
                var outtime = $(".outtime").val();
                var remark = $(".remark").val();

                if (!name) {
                    layer.confirm('请输入班别名称！', {
                        btn: ['确定']
                    });
                    return;
                }
                if (!code) {
                    layer.confirm('请输入班别代码！', {
                        btn: ['确定']
                    });
                    return;
                }
                if (!intime) {
                    layer.confirm('请输入上班时间！', {
                        btn: ['确定']
                    });
                    return;
                }
                if (!outtime) {
                    layer.confirm('请输入下班时间！', {
                        btn: ['确定']
                    });
                    return;
                }

                $.post(huayi.config.callcenter_url + 'Class/AddClass', {
                    id: $(".id").val(), code: code, name: name, intime: intime, outtime: outtime, remark: remark, "token": $.cookie("token")
                }, function (result) {
                    result = $.parseJSON(result);
                    if (result.state.toLowerCase() == "success") {
                        layer.msg("操作成功");
                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        parent.layer.close(index); //再执行关闭
                        parent.initTable()();
                    }
                })
            })
        });

    </script>
</body>

</html>