123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162 |
- layui.use([ 'laypage', 'layer', 'table', 'element','form','upload'], function(){
- var laypage = layui.laypage //分页
- ,$ = layui.jquery
- ,layer = layui.layer //弹层
- ,table = layui.table //表格
- ,element = layui.element //元素操作
- ,form = layui.form
- ,upload = layui.upload;
- var inputId = $('input[name="Bid"]').val();
- var tableIds = 'houselist'; //表格ID
- //第一个实例
- table.render({
- elem: '#'+tableIds
- ,url: '/brand/houseform' //数据接口
- ,where:{token:csrfToken,bid:inputId}
- ,method:'post'
- ,page: true //开启分页
- ,height:600
- ,text:'数据加载中'
- ,id:'tablerReload'
- ,limit:20
- ,cols: [[ //表头
- {type:'numbers',title:'序号',width:50},
- {field: 'city_name', title: '所属区域', width:180,align:'center'},
- {field: 'name', title: '楼盘名称',width:400,align:'center'},
- {field: 'developers', title: '开发商',align:'center'},
- {field: 'create_at', title: '添加时间',width:150, align:'center'},
- {field: 'is_show', title: '审核',align:'center',width:100, templet:function (d) {
- if(d.is_show == 2){
- return '<input type="checkbox" value="'+d.id+'" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="|">'
- } else {
- return '<input type="checkbox" checked value="'+d.id+'" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="|">'
- }
- }},
- {fixed: 'right',title:'操作', width: 165, align:'center', toolbar: '#operate'}
- ]]
- });
- table.reload('tablerReload'); //重新加载
- //监听指定开关
- form.on('switch(switchTest)', function(data){
- layer.confirm('确定要修改此操作吗?',{btn: ['确定', '取消']},function () {
- $.post('/brand/sethouse',{id:data.value,type:'show'},function (data) {
- layer.msg(data.msg);
- table.reload('tablerReload');
- })
- },function (aa) {
- table.reload('tablerReload'); //重新加载
- })
- });
- //列表操作
- table.on('tool('+tableIds+')', function(obj){
- var layEvent = obj.event,
- data = obj.data;
- if(layEvent === 'del'){
- layer.confirm('您确定要删除该楼盘吗?',{btn: ['确定', '取消']},function () {
- $.post('/brand/sethouse',{id:data.id,type:'del'},function (data) {
- layer.msg(data.msg);
- table.reload('tablerReload');
- })
- })
- }
- });
- // 新增
- var $ = layui.$, active = {
- addData: function(){ //获取选中数据
- var index = layui.layer.open({
- type: 2,
- title: '新增品牌楼盘',
- closeBtn: 1, //不显示关闭按钮
- area: ['700px','500px'],
- content: '/brand/houseadd?bid='+inputId //iframe的url,no代表不显示滚动条
- ,success:function (layero, index) {
- },
- end:function () {
- table.reload('tablerReload');
- }
- });
- },
- reload:function(){//搜索
- var form = pfgs_serialize($('form'));
- table.reload('tablerReload',{
- where:{
- name:form.input_house_text,
- city:form.input_city,
- }
- })
- },
- };
- $('.demoTable .layui-btn').on('click', function(){
- var type = $(this).data('type');
- active[type] ? active[type].call(this) : '';
- });
- $('.The_house').focus(function(){
- indexOpen = parent.layui.layer.open({
- type: 2,
- title: '选择需要添加的楼盘',
- area: ['','100%'],
- content: '/publicuse/housename',
- success:function (layero, index) {
- },
- end:function(){
- }
- });
- parent.layui.layer.full(indexOpen);
- //改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
- $(window).on("resize",function(){
- parent.layui.layer.full(indexOpen);
- })
- })
- //新增页面提交数据
- form.on('submit(add_house)', function(data){
- var formData = new FormData($('form')[0]);
- var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
- $.ajax({
- cache : false,
- type : "post",
- url : "/brand/houseaddform",
- data : formData, // 你的formid
- contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
- processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
- error : function(request) {
- layer.close(index);
- layer.msg("请联系管理员");
- },
- success : function(data) {
- if(data.data != null){
- layer.msg(ReturnInfo(data.data),{icon:5});
- return ;
- }
- layer.msg(data.msg);
- }
- });
- return false;
- });
- })
|