duhongyu
/
AnYang_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link href="../css/layer/need/layer.css" />
    <link rel="stylesheet" href="../css/init.css" />
    <link rel="stylesheet" href="../js/layui/css/layui.css">
    <title>承办单位</title>
    <style>
        .reminderContent {
            width: 90%;
            margin: 0 auto;
        }

        .organizerListStyle {
            display: inline-block;
            height: 300px;
            width: 40%;
            overflow: auto;
            border: 1px solid rgb(229, 230, 231);
        }

        .organizerListStyle li {
            padding: 0 0 0 5px;
        }

        .organizerListStyle li:hover {
            background: #00a1cb;
        }

        table tr th {
            text-align: right;
        }

        .btns {
            padding: 3px 18px;
        }

        .btn_box {
            text-align: center !important;
        }
    </style>
</head>

<body>
    <div class="Common reminderContent">
        <table>
            <tr>
                <th class="Importent">承办单位:</th>
                <td>
                    <input id="organizer" class="form-control" type="text">
                </td>
                <td><button class="search btns">搜索</button></td>
            <tr>
                <td colspan="3">
                    <ul id="organizerList" class="organizerListStyle">
                    </ul>
                    <ul id="addOrganizerList" class="organizerListStyle">
                    </ul>
                </td>
            </tr>
            <tr>
                <td colspan="3" class="btn_box">
                    <button id="save" class="btns">保存</button>
                </td>
            </tr>
        </table>
        <div class="btn_box">
        </div>
    </div>
    <script src="../js/layui/layui.js"></script>
    <script src="../css/laydate/laydate.js"></script>
    <script src="../js/adjustHeight.js"></script>
    <script>
        var jbSelect = helper.request.queryString("jbSelect");
        var jbSelectText = decodeURIComponent(helper.request.queryString("jbSelectText"));
        $(document).ready(function () {
            getOrganizer($("#organizerList"));
            if (jbSelect.length > 0 && jbSelectText.length > 0) {
                var id = jbSelect.split(",");
                var text = jbSelectText.split(",");
                for (var i = 0; i < id.length; i++) {
                    $("<li data-id='" + id[i] + "'>" + text[i] + "</li>")
                        .appendTo($("#addOrganizerList"));
                }
            }
        })

        // 承办单位
        function getOrganizer(obj) {
            obj.empty();
            $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", {
                token: $.cookie("token"),
                iscbdw: 2,
            }, function (data) {
                if (data.state.toLowerCase() == "success") {
                    var content = data.data;
                    $(content).each(function (i, n) {
                        $("<li data-id='" + n.F_DeptId + "'>" + n.F_DeptName + "</li>")
                            .appendTo(
                                obj);
                    })
                }
            })
        }

        // 搜索承办单位
        function searchOrganizer(obj) {
            obj.empty();
            $.getJSON(
                huayi.config.callcenter_url + "Department/GetDeptListByDept", {
                    token: $.cookie("token"),
                    dept: $("#organizer").val(),
                },
                function (data) {
                    if (data.state.toLowerCase() == "success") {
                        var content = data.data;
                        $(content).each(function (i, n) {
                            $("<li data-id='" + n.F_DeptId + "'>" + n.F_DeptName + "</li>")
                            .appendTo(
                                obj);
                        });
                    }
                }
            );
        }


        $(".search").click(function () {
            searchOrganizer($("#organizerList"));
        })

        $("#organizerList").on("click", "li", function () {
            $("<li data-id='" + $(this).attr("data-id") + "'>" + $(this).text() + "</li>")
                .appendTo($("#addOrganizerList"));
        });
        $("#addOrganizerList").on("click", "li", function () {
            $(this).remove();
        });

        $("#save").click(function () {
            var id = "";
            var text = "";
            $("#addOrganizerList").find("li").each(function (i, n) {
                console.log("11", n);
                id += $(this).attr("data-id") + ",";
                text += $(this).text() + ",";
            })
            id = id.substring(0, (id.length - 1));
            text = text.substring(0, (text.length - 1));
            parent.$("#jbSelectText").val(text);
            parent.$("#jbSelect").val(id);
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            parent.layer.close(index); //再执行关闭
        })
    </script>
</body>

</html>