@layout("/common/_container.html"){
<style>
    .avatar-uploader .el-upload {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        height: 100px;
        width: 100px;
        overflow: hidden;
    }

    .avatar-uploader .el-upload:hover {
        border-color: #409EFF;
    }
    .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 100px;
        height: 100px;
        line-height: 100px;
        margin-top: 32px;
        text-align: center;
    }
    .avatar {
        width: 100px;
        height: 100px;
        display: block;
    }

    .col-sm-12 {
        margin-top: 20px;
    }

    .col-sm-12 select {
        height: 33px;
    }
    #app1{
        margin-left: 255px;
    }


</style>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=77b37f0753049c4e712ea79a24e0719c"></script>
<div class="ibox float-e-margins">
    <input hidden id="userType" value="${userType}">
    <input hidden id="operatorId" value="${operatorId}">
    @if(userType==3){
    <input hidden id="storeId" value="${storeId}">
    @}
    <div class="ibox-content">
        <div class="form-horizontal" id="carInfoForm">
            @if(userType==1){
            <div class="form-group">
                <label class="col-sm-3 control-label">*闸机类型：</label>
                <div class="col-sm-9">
                    <input type="radio" name="type" value="0" checked onclick="updateType(0)"> 平台闸机
                    <input type="radio" name="type" value="1" onclick="updateType(1)" id="radio1"   > 运营商闸机
                </div>
            </div>
            @}
            <div class="form-group" >
                <label class="col-sm-3 control-label">*闸机名称：</label>
                <div class="col-sm-9" style="display: flex;">
                    <input style="width: 300px" class="form-control" id="name" name="name" placeholder="请输入闸机名称" >
                </div>
            </div>
            @if(userType==1){
                <div id = "yys" class="form-group" >
                    <label class="col-sm-3 control-label">*所属运营商：</label>
                    <div class="col-sm-9">
                        <select class="form-control" disabled id="account" name="account" onchange="TCarInfoDlg.getStore(this)" >
                            <option value="">选择运营商</option>
                            @for(i in yysList){
                            <option value="${i.id}">${i.name}</option>
                            @}
                        </select>
                    </div>
                </div>
            @}
            @if(userType!=3){
            <div class="form-group">
                    <label class="col-sm-3 control-label">*所属门店：</label>
                    <div class="col-sm-9">
                        <select class="form-control" id="store" name="account" onchange="TCarInfoDlg.getSite(this)" >
                            <option value="">选择门店</option>
                            @for(i in storeList){
                            <option value="${i.id}">${i.name}</option>
                            @}
                        </select>
                    </div>
            </div>
            @}
            @if(userType!=3){
            <div class="form-group">
                <label class="col-sm-3 control-label">*所属场地：</label>
                <div class="col-sm-9">
                    <select class="form-control" id="site" name="account"  >
                        <option value="">选择场地</option>
                    </select>
                </div>
            </div>
            @}
            @if(userType==3){
            <div class="form-group">
                <label class="col-sm-3 control-label">*所属场地：</label>
                <div class="col-sm-9">
                    <select class="form-control" id="site" name="account"  >
                        <option value="">选择场地</option>
                        @for(i in siteList){
                        <option value="${i.id}">${i.name}</option>
                        @}
                    </select>
                </div>
            </div>
            @}
            <div class="form-group" >
                <label class="col-sm-3 control-label">*硬件编号：</label>
                <div class="col-sm-9" style="display: flex;">
                    <input style="width: 300px" class="form-control" id="device" name="device" placeholder="请输入硬件编号" >
                </div>
            </div>
            <div class="row btn-group-m-t">
                <div class="col-sm-10 col-sm-offset-5" >
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TCarInfoDlg.addSubmit()"/>
                    <#button btnCss="danger" name="关闭" id="cancel" icon="fa-eraser" clickFun="TCarInfoDlg.close()"/>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/modular/system/gate/gate_info.js"></script>
<script src="${ctxPath}/js/vue/vue.js"></script>
<script src="${ctxPath}/js/elementui/index.js"></script>
<link rel="stylesheet" href="${ctxPath}/js/elementui/index.css">

<script>
    laydate.render({
        elem: '#time',
        range:true
    });

    function updateType(e) {
        var selectElement = document.getElementById('account');
        var storeSelect = document.getElementById("store");
        var siteSelect = document.getElementById("site");

        // $("#store").empty();
        // $("#site").empty();
        if(e =='0'){
            selectElement.innerHTML = '<option value="">请选择运营商</option>';
            storeSelect.innerHTML = '<option value="">请选择门店</option>';
            siteSelect.innerHTML = '<option value="">请选择场地</option>';
            selectElement.disabled = true;
            var ajax = new $ax(Feng.ctxPath + "/gate/getStore", function(data){
                if(data!=null){
                    var content="<option value=''>选择门店</option>";
                    $.each(data, function(k,v) {
                        content += "<option value='"+v.id+"'>"+v.name+"</option>";
                    });
                    $("#store").empty().append(content);
                }
            });
            ajax.set("operatorId",e);
            ajax.start();

        }else {
            selectElement.disabled = false;
            var ajax = new $ax(Feng.ctxPath + "/tShop/typeChange", function(data){
                if(data!=null){
                    var content = '<option value="">请选择</option>';
                    $.each(data, function(k,v) {

                        content += "<option value='"+v.id+"'>"+v.name+"</option>";
                    });
                    $("#page").empty().append(content);
                }
            });
            ajax.set("name",oneId);
            ajax.start();
        }
        var pageElement = document.getElementById('page');
        var event = new Event('change');
        pageElement.dispatchEvent(event);
    }



    function updatePosition(e) {
        var oneId=$(e).val();
        var res= document.getElementById("imgPX");
        console.log(res)
        if (oneId == "1"){
            res.innerHTML ="推荐像素:780x472px";
        }else{
            res.innerHTML ="推荐像素:780x440px";
        }
        console.log(oneId)
    }

</script>
@}