<%--
  Created by IntelliJ IDEA.
  User: wuxuan
  Date: 2022/4/1
  Time: 13:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="basepage"><%=request.getContextPath() %>
</c:set>
<style>
    .line-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    #select {
        width: calc(100% - 150px);
    }
</style>

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
    <h4 class="modal-title">${title}</h4>
</div>
<div class="modal-body">
    <form name="saveSpSms" id="saveSpSms" method="post">
        <input type="hidden" id="id" name="id" value="${channelSupp.id}">

        <div class="form_group">
            <label class="form_label col-xs-3">供应商名称：</label>
            <div class="col-xs-9">
                <input type="text" id="fullName" class="form_control" name="supplier_name" placeholder="请输入供应商名称"
                       value="${channelSupp.supplier_name}"/>
            </div>
        </div>
        <div class="form_group">
            <label class="form_label col-xs-3">商务：</label>
            <div class="col-xs-9">
                <select class="singleSelect s220_text" name="business" id="business" style="width: 30%; max-width: 100px;">
                    <option value="">请选择</option>
                    <c:forEach items="${business}" var="item" varStatus="vs">
                        <option value="${item.userId}" <c:if test="${channelSupp.business eq item.userId}">selected</c:if>>${item.userName}</option>
                    </c:forEach>
                </select>
            </div>
        </div>

<%--        <div class="form_group">--%>
<%--            <label class="form_label col-xs-3">包月条数：</label>--%>
<%--            <div class="col-xs-9">--%>
<%--                <input type="text" id="smsMonthlyPlanNumber" class="form_control" name="smsMonthlyPlanNumber" placeholder="请输入企业包月条数"--%>
<%--                       value="${spSmsInfo.smsMonthlyPlanNumber}"/>--%>
<%--            </div>--%>
<%--        </div>--%>

<%--        <div class="form_group">--%>
<%--            <label class="form_label col-xs-3">企业发送账号：</label>--%>
<%--            <div class="col-xs-9">--%>
<%--                <div class="line-container">--%>
<%--                    <div>--%>
<%--                        <input type="text" class="form_control" id="eid" name="spIds" placeholder="请通过下拉框选择"--%>
<%--                               value="${spSmsInfo.spIds}"/>--%>
<%--                    </div>--%>
<%--                    <div style="margin-top: 10px; display: flex; justify-content:space-between">--%>
<%--                        <select class="form_control singleSelect" id="select">--%>
<%--                            <option value="">请选择</option>--%>
<%--                            <c:forEach items="${spList}" var="item" varStatus="vs">--%>
<%--                                <option value="${item.id}">${item.id} ${item.sp_name}</option>--%>
<%--                            </c:forEach>--%>
<%--                        </select>--%>

<%--                        <button type="button" class="btn btn_green" onclick="changeHandler()">添加</button>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--        </div>--%>
    </form>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn_blue" onclick="submitData1()">保存</button>
    <button type="button" class="btn default" data-dismiss="modal">关闭</button>
</div>
<script>
    $(function () {
        $(".singleSelect").select2()
    })

    function changeHandler() {
        let val = $("#select").val();
        if (!val) {
            return;
        }
        let inputValue = $("#eid").val();
        if (inputValue) {
            inputValue += "," + val;
            $("#eid").val(inputValue)
        } else {
            $("#eid").val(val)
        }
    }

    function submitData1() {
        submitForm('saveSpSms', '${basepage}/paList/saveSupplier.html', res => {
            if (res.code == '200') {
                Dialog.alertSucc(res.msg)
                setTimeout(() => {
                    window.location.reload()
                }, 1000)
            } else {
                Dialog.alertError(res.msg)
            }
        })
    }
</script>