puti
/
snd-escloud


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319
							<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{admin/common/common}">
<head>
    <title>账号信息</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        .table {
            display: table
        }

        .td {
            display: table-cell;
        }

        .modalCon {
            width: 100%;
            height: auto;
        }

        .modalCon .lft,
        .modalCon .cent,
        .modalCon .rit {
            display: inline-block;
            float: left;
            border-radius: 8px;
            background: #f1f1f1;
        }

        .modalCon .lft {
            width: 45%;
        }

        .modalCon .cent {
            width: 50%;
            margin: 0 2%;
        }

        .modalCon .rit {
            width: 30%;
        }

        .modalCon .lft .tit,
        .modalCon .cent .tit,
        .modalCon .rit .tit {
            font-size: 16px;
            color: #fff;
            text-align: center;
            background: #3a8ee6;
            line-height: 2em;
            font-weight: normal;
            padding: 5px 0;
        }

        .tableTit {
            width: 100%;
        }

        .tableTit .td {
            padding: 5px;
            font-size: 14px;
            color: #333;
        }

        .tableCon {
            overflow: hidden;
            overflow-y: auto;
        }

        .tableCon .table .td {
            border-top: 1px solid #ddd;
        }

        .cent-box {
            height: 570px;
            padding: 10px;
        }

        .cent-box-main {
            height: 380px;
            overflow: auto;
        }
    </style>
</head>
<body layout:fragment="content">
<form id="myForm" th:action="@{/projectFilling/addPush}" th:method="post">
    <div class="modalCon">
        <div class="clearfix" style="padding: 10px;">
            <div class="lft">
                <h3 class="tit" id="chosenTitle">已选企业（0）家</h3>
                <div class="cent-box">
                    <div class="tool"><span class="btn btn-danger radius remove_from_chosen">删 除</span></div>
                    <div class="table tableTit">
                        <div class="td" style="width:50px;"><label for=""><input type="checkbox" id="choose_all"
                                                                                 onclick="checkAll()">
                            序号</label></div>
                        <div class="td">企业名称</div>
                    </div>
                    <div class="tableCon cent-box-main" id="chosenCompanyList">

                    </div>
                </div>
            </div>
            <div class="cent">
                <h3 class="tit">企业</h3>
                <div class="cent-box">
                    <div class="page-container clearfix">
                        <div style="text-align: center;">
                            <input style="width:200px;" type="text" class="input-text" placeholder="请输入企业名称"
                                   id="companyName" name="companyName" th:value="${companyName}"/>
                            <input type="button" value="搜索" class="btn btn-primary" onclick="$('#myForm').submit();">
                            <input hidden id="project_id" name="id" th:value="${id}">
                        </div>

                        <div class="cl pd-5 bg-1 bk-gray mt-20">
                        <span class="l">
                            <a class="btn btn-primary radius add_to_chosen"><i class="Hui-iconfont">&#xe600;</i> 添加到已选企业</a>
                        </span>
                            <span class="r">共有数据：<strong th:text="${pageInfo.total}" id="total">0</strong> 条</span>
                        </div>
                        <!-- 表格 -->
                        <div class="cent-box-main">
                            <table id="index" class="table table-border table-bordered table-bg table-hover"
                                   style="table-layout: fixed;width:100%;">
                                <thead>
                                <tr class="text-c">
                                    <th width="25"><input type="checkbox"></th>
                                    <th style="width:135px;">企业名称</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="text-c" th:each="model,iterStat:${pageInfo.list}" th:object="${model}">
                                    <td><input type="checkbox" name="checkbox_list" th:value="*{id}"
                                               th:data="*{company_name}">
                                    </td>
                                    <td th:text="*{company_name}" class="text-overflow" th:title="*{company_name}"></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div th:replace="admin/common/page :: page"></div>
                    </div>

                </div>
            </div>
            <!--<div class="rit">
                <h3 class="tit">已推送企业（[[${pushedCompanyListSize}]]）家</h3>
                <div class="cent-box">
                    <div class="table tableTit">
                        <div class="td" style="width:50px;">序号</div>
                        <div class="td">企业名称</div>
                    </div>
                    <div class="tableCon cent-box-main">
                        <div class="table tableTit" th:each="model,iterStat:${pushedCompanyList}" th:object="${model}">
                            <div class="td" style="width:50px;" th:text="${iterStat.index+1}"></div>
                            <div class="td" th:text="*{company_name}"></div>
                        </div>
                    </div>
                </div>
            </div>-->
        </div>
        <div style="margin-top: 10px; text-align: center;">
            <a onclick="save();" class="btn btn-primary radius">确定</a>
            <a onclick="removeIframe();" class="btn btn-default radius">取消</a>
        </div>
    </div>
    <input id="id" name="push.id" type="hidden"/>
</form>
<script type="text/javascript" th:src="@{/js/common/page.js}"></script>
<script th:inline="javascript">

    var CompanyIds = '', Names = '';

    //初始化已选企业列表
    var chosen_company_infos = [[${chosen_company_infos}]];
    console.log("chosen_company_infos: "+chosen_company_infos);
    var pushedCompanyList = [[${pushedCompanyList}]];
    var hidden_array = JSON.parse(sessionStorage.getItem("hidden_array"));

    if (!chosen_company_infos) {
        // if (hidden_array) {
        //     var array = new Array();
        //     for (var i = 0; i < hidden_array.length; i++) {
        //         var obj = {
        //             id: hidden_array[i].id,
        //             name: hidden_array[i].name
        //         };
        //         array.push(obj);
        //     }
        //     chosen_company_infos = array;
        //     console.log("hidden_array: "+chosen_company_infos);
        // } else if (pushedCompanyList) {
        //     var array = new Array();
        //     for (var i = 0; i < pushedCompanyList.length; i++) {
        //         var obj = {
        //             id: pushedCompanyList[i].id,
        //             name: pushedCompanyList[i].company_name
        //         };
        //         array.push(obj);
        //     }
        //     chosen_company_infos = array;
        //     console.log("pushedCompanyList: "+chosen_company_infos);
        // } else {
        //     chosen_company_infos = new Array();
        //     console.log("new array: "+chosen_company_infos);
        // }
        chosen_company_infos = new Array();

    }

    $("#id").val(parent.$("#id").val());

    //渲染已选择企业列表
    render_chosen_list();

    //添加到已选择列表方法
    $(".add_to_chosen").click(function () {
        $("input:checkbox[name='checkbox_list']:checked").each(function (i) {
            //去重
            var flag = true;
            if (chosen_company_infos) {
                for (var i = 0; i < chosen_company_infos.length; i++) {
                    if ($(this).val() == chosen_company_infos[i].id) {
                        flag = false;
                    }
                }
            }
            if (flag) {
                var obj = {
                    id: $(this).val(),
                    name: $(this).attr("data")
                };
                chosen_company_infos.push(obj);
            }
        });
        if (chosen_company_infos.length <= 0) {
            errorMessage("请选择数据！");
            return;
        }
        render_chosen_list();
    })

    //从已选择列表删除方法
    $(".remove_from_chosen").click(function () {
        $("input:checkbox[name='checkbox_chosen']:checked").each(function (i) {
            if (chosen_company_infos) {
                for (var i = 0; i < chosen_company_infos.length; i++) {
                    if ($(this).val() == chosen_company_infos[i].id) {
                        chosen_company_infos.splice(i, 1);
                    }
                }
            }
        });
        render_chosen_list();
    })

    //渲染列表
    function render_chosen_list() {
        console.log("chosen_company_infos: "+chosen_company_infos);
        $("#chosenCompanyList").empty();
        CompanyIds = '', Names = '';
        var str = "";
        var array = new Array();

        for (var i = 0; i < chosen_company_infos.length; i++) {
            str += '<div class="table tableTit">';
            str += '<div class="td" style="width:50px;"><label for=""><input type="checkbox" name="checkbox_chosen" value="' + chosen_company_infos[i].id + '"> ' + (i + 1) + '</label></div>';
            str += '<input name="chosenCompanyInfos[' + i + '].name" hidden value="' + chosen_company_infos[i].name + '">';
            str += '<input name="chosenCompanyInfos[' + i + '].id" hidden value="' + chosen_company_infos[i].id + '">';
            str += '<div class="td">' + chosen_company_infos[i].name + '</div>';
            str += '</div>';

            Names += chosen_company_infos[i].name + ",";
            CompanyIds += chosen_company_infos[i].id + ',';

            var obj = {
                id: chosen_company_infos[i].id,
                name: chosen_company_infos[i].name
            };
            array.push(obj);
            // sessionStorage.setItem("hidden_array", JSON.stringify(array));
        }
        $("#chosenCompanyList").append(str);
        $("#chosenTitle").text("已选企业（" + chosen_company_infos.length + "）家");
    }


    //全选、取消全选
    function checkAll() {
        var all = document.getElementById('choose_all');
        //获取到点击全选的那个复选框的id
        var one = document.getElementsByName('checkbox_chosen');
        //获取到复选框的名称 因为获得的是数组，所以要循环 为每一个checked赋值
        for (var i = 0; i < one.length; i++) {
            one[i].checked = all.checked;//直接赋值不就行了嘛
        }
    }

    //保存
    function save() {
        parent.$("#pushCompanyIds").val(CompanyIds);
        parent.$("#pushNames").text(Names);
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }

    //取消并关闭页面
    function removeIframe() {
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }
</script>
</body>
</html>