<%--
  Created by IntelliJ IDEA.
  User: wuxuan
  Date: 2023/4/26
  Time: 14:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page pageEncoding="UTF-8" language="java" %>
<%
    String path = request.getContextPath();
%>
<%@ include file="../common/common.jsp" %>
<html>
<head>
    <title>Title</title>
</head>
<body>


<div class="page_container">
    <div class="page_head">
        <h3>批量修改企业配置属性</h3>
        <div class="breadcrumb">
            <a href="#">首页</a> > <a href="#">企业管理</a> > 企业信息批量修改
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <form id="spInfoList" action="bitchUpdateSpView.html" method="post">
                <div class="panel">
                    <div class="table_operate">
                        <label>批量修改字段:</label>
                        <select name="column" id="column" class="form_control form_white singleSelect"
                                style="width: 200px">
                            <option value="">请选择</option>
                            <c:forEach items="${spColumnMap}" var="item" varStatus="vs">
                                <option value="${item.value}"
                                        <c:if test="${item.value == bitchUpdateModal.column}">selected</c:if>
                                >${item.key}</option>
                            </c:forEach>
                        </select>
                        <label>&nbsp;</label>
                        <button name="search" type="button" id="searchBtn" class="btn btn_orange btn_icon">
                            <span class="ico_16px ico_search"></span>查询
                        </button>
                        <button type="button" onclick="doUpdate()" class="btn btn_orange btn_green">更新配置</button>

                        <button type="button" class="btn btn_green" id="beautyButton"
                                <c:if test="${'beauty_phone_flag' != bitchUpdateModal.column}">style="display: none"</c:if>
                                onclick="showBeautyPhoneSelect('可选靓号拦截规则', 'spBeauty')">靓号规则配置
                        </button>
                        <input name="spBeauty" type="hidden" id="spBeauty" class="s220_text"
                               value="${spBeauty}" style="width: 300px;"/>
                        <input type="hidden" id="beauty_sp_id" value="1"/>
                    </div>
                    <div class="transfer_boby" style="padding-bottom: 30px;">
                        <div id="transferContainer" class="row_transfer" style="height: 550px;width: 1200px;"></div>
                    </div>
                </div>
            </form>
        </div>

    </div>
</div>

</body>
<script>
    $(document).ready(function () {
        $(".singleSelect").select2()
        $(".main_info:even").addClass("main_table_even");

        $(function () {
            $("#searchBtn").click(() => {
                let column = $('#column').val();
                if (!column) {
                    return false;
                }

                $("#spInfoList").submit();
            })
        })

        $('#transferContainer').transfer({
            titles: ${transferTitle},
            search: true,
            uniqueId: "spId", //唯一id
            dataSource: ${dataSource},
            maxSelect: 10000,
            diffKey: 'flag',
            unselectColumns: [{
                field: 'flag',
                checkbox: true
            }, {
                field: 'spName',
                title: '企业名称(企业ID)'
            }]
        });
    });

    function showBeautyPhoneSelect(title, id) {

        let URL = '${basepage}/beautyPhone/beautyPhoneList.html';
        let spId = $("#beauty_sp_id").val();
        URL = URL + "?spId=" + spId;
        Dialog.ajaxOpen(URL, title, function (me) {

            let arr = [];
            $("input[name='beautyPhone']:checked").each(function (i) {
                arr[i] = $(this).val();
            });
            let val = arr.join(",");
            $("#" + id).val(val)
            me.close();
        })
    }

    function doUpdate() {
        let column = $('#column').val();
        let $transfer = $('#transferContainer');
        let selectData = $transfer.transfer('getData', 'selectData', 'spId');
        let selectResult = selectData.join(",")
        let unselectData = $transfer.transfer('getData', 'unselectData', 'spId');
        let unselectResult = unselectData.join(",")
        let spBeauty = $("#spBeauty").val();
        console.log("column:" + column + ",selectResult:" + selectResult + ",unselectResult:" + unselectResult)

        $.ajax({
            url: '${basepage}/spSms/bitchUpdateSpApi.html',
            type: 'post',
            data: {
                column: column,
                selectResult: selectResult,
                unselectResult: unselectResult,
                spBeauty:spBeauty
            },
            dataType: 'json',
            success: function (data) {
                if (data.code === 0) {
                    Dialog.alertSucc(data.msg)
                    setTimeout(() => {
                        window.location.reload()
                    }, 1500)
                } else {
                    Dialog.alertError(data.msg)
                }
            },
            error: function (data) {
                Dialog.alertError("批量更新请求失败")
            }
        })
    }
</script>
</html>
