layui open

layui open

弹出模态框：
为页面script指定id

 <script type="text/html" id="detail_OpenCompany">
    <div >
        <form class="layui-form" style="margin: 15px;" lay-filter="detail_formCompany" action="">


            
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-md12">
                    <div class="layui-form-item">
                        <label class="layui-form-label required">企业名称</label>
                        <div class="layui-input-block">
                            <input type="text" id="EnterpriseName" required lay-verify="required"
                                name="EnterpriseName" placeholder="" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-md12" id="DIVProvinceSelect">
                  <div class="layui-form">
                    <div class="layui-form-item">
                        <label class="layui-form-label">省</label>
                        <div class="layui-input-block">   
                            <!--  -->
                            <select lay-filter="selProvinceChange" required lay-verify="province"  id="selProvince" name="Province"><option value="">--请选择--</option></select>
                        </div>
                     </div>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-md12" id="DIVProvinceInput">
                    <div class="layui-form">
                      <div class="layui-form-item">
                          <label class="layui-form-label">省</label>
                          <div class="layui-input-block">   
                              <!--  -->
                              <input type="text" id="selProvinceChange"  
                                name="Province" placeholder="" autocomplete="off" class="layui-input">
                          </div>
                       </div>
                      </div>
                  </div>
            </div>
            
            <div class="layui-row" style="margin-top:40px;text-align: center;">
                <div class="layui-form-item ">
                
                    <button type="button" class="layui-btn  layui-btn-submit " lay-submit="" lay-filter="submitBtnCompany">确 定</button>

                        <button type="button" id="btnCancel" onclick="CloseWindows();"  class="layui-btn layui-btn-primary">取 消</button>
                        <!-- <button type="button" id="btnCancel"  class="layui-layer-close layui-layer-close1 layui-btn layui-btn-primary">取 消</button> -->
                  
                </div>
            </div>


        </form>

    </div>
</script>

调用layer.open({

})

layer.open({
                        //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
                        type: 1,
                        title: "企业详情",//title
                        area: ['30%', '60%'],//页面占比
                        // btn: ['确定'],//z自带弹出按钮
                        // 弹层外区域关闭
                        shadeClose: true,
                        //自带弹出按钮点击事件
                        btn1: function (index, layero) {
                            layer.close(index)
                        },
                        content: $('#detail_OpenCompany').html()//引用的弹出层的页面层的方式加载修改界面表单
                        , success: function (layero, index) {

                            // $('#btnCancelCompany').css({ "display": "none" });
                            $('#DIVProvinceSelect')[0].style='display:none';
                            $('#DIVProvinceInput')[0].style='display:a';
                            $('#DIVCitySelect')[0].style='display:none';
                            $('#DIVCityInput')[0].style='display:a';
                            $('#DIVCountrySelect')[0].style='display:none';
                            $('#DIVCountryInput')[0].style='display:a';
                            $("#actionTypeCompany").val(obj.event);

                           
                            //form表单赋值
                            formLay.val("detail_formCompany", JSON.parse(JSON.stringify(data)));   //这样写才能渲染


                            var readForm = layui.$('[lay-filter="detail_formCompany"]')
                            readForm.find('input,textarea,select').prop('disabled', true);
                            readForm.find('input,textarea,select').attr('class', 'layui-input layui-btn-disabled');
                            // readForm.find('.layui-layedit iframe').contents().find('body').prop('contenteditable',false);
                            formLay.render();

                        },
                        btnAlign: 'c'
                        // , btn: ['确定', '关闭']
                        , yes: function (index, layero) {

                        }

                        // end: function (index) {
                        //     layer.close(index);
                        // }

                    });