layui.use(['form','layer','laydate','table','laytpl','layedit','upload'],function(){
var form = layui.form,
// layer = parent.layer === undefined ? layui.layer : top.layer,
layer = layui.layer,
$ = layui.jquery,
laydate = layui.laydate,
laytpl = layui.laytpl,
table = layui.table,
layedit = layui.layedit
,upload = layui.upload;
//调用编辑器
var tableIds = 'housesList';
var reloadId = 'tablerReload';
//楼盘列表
var tableIns = table.render({
elem: '#'+tableIds,
url : '/housech/indexform',
cellMinWidth : 95,
method:'post',
page : true,
height : 600,
limit : 20,
id:reloadId,
// limits : [10,15,20,25],is_view
cols : [[
{type: "checkbox", width:50},
{field: 'id', title: 'ID', width:80, align:"center",sort: true},
{field: 'name', title: '标题', align:"center",templet:function(d){
var html = '
';
if(d.is_push == 2){
html += '';
}
if(d.thumb != null && d.thumb != ""){
html += '';
}
if(d.evaluating != null && d.evaluating != ""){
html += '';
}
if(d.video == 1){
html += '';
}
if(d.permit != 0){
html += '- '+d.permit+'
';
}
html += '
';
html += ' '+d.name+'';
return html;
}},
{field: 'city_name', title: '区域',width:90,sort:true, align:'center'},
// {field: 'news_num', title: '资讯',width:70, event:'housesNews', align:'center',templet:"#housesNews",templet:function(d){
// return '['+d.news_num+']'
// }},
{field: 'album_num', title: '相册',width:70, event:'housesPhoto', align:'center',templet:"#housesPhoto",templet:function(d){
return '['+d.album_num+']'
}},
{field: 'type_num', title: '户型',width:70,event:'housesType', align:'center',templet:"#housesType",templet:function(d){
return '['+d.type_num+']'
}},
{field: 'peitao_num', title: '周边配套',width:85, event:'houseFacilities', align:'center',templet:"#houseFacilities",templet:function(d){
return '['+d.peitao_num+']'
}},
{field: 'click_num', title: '点击',width:80, align:'center',sort: true},
{field: 'sort', title: '排序',width:80, edit: 'text',align:'center',sort: true,templet:"#sortBox"},
// {field: 'user_name', title: '添加人',width:75, align:'center'},
{field: 'create_at', title: '添加时间',width:150, align:'center'},
{field: 'is_view', title: '审核',width:70, align:'center', templet:"#Toexamine",templet:function(d){
switch (d.is_view){
case '2':
return ''
break;
case '1':
return ''
break;
}
}},
{title: '操作', width:200, templet:'#housesListBar',fixed:"right",align:"center"}
]]
});
tableIns.reload('tablerReload'); //重新加载
var $ = layui.$, active = {
addData: function(){ //获取选中数据
var index = layui.layer.open({
title : "添加楼盘",
type : 2,
area:['','100%'],
maxmin: true,
content : "/house/create.html",
})
layui.layer.full(index);
//改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
$(window).on("resize",function(){
layui.layer.full(index);
})
},saveData:function () {
var index = layui.layer.open({
title : "批量操作",
type : 2,
area:['50%','100%'],
maxmin: true,
content : "/housech/batchsave",
})
},
clearSort:function () {
var checkStatus = table.checkStatus('tablerReload');
var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
if(typeof checkStatus.data[0] == 'object'){
layer.confirm('您确定要清零排序吗?',{btn:['确认','取消']},function(){
var formdat = new FormData();
$.each(checkStatus.data,function (key,val) {
formdat.append('hid[]',val.id);
})
$.ajax({
cache : true,
type : "post",
url : "/housech/clearsort",
data : formdat, // 你的formid
// async : false, //async 默认为true异步,修改为false为同步
contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
error : function(request) {
layer.close(index); //关闭数据提交信息
layer.alert("网络超时");
},
success : function(data) {
if (data.code == 200) {
layer.msg(data.msg);
reloadTable(reloadId);
} else {
layer.msg(data.msg);
}
}
});
})
return false;
}
layer.msg('请选择需要清零的楼盘',{icon:5});
return false;
},
reload:function () {
var form = pfgs_serialize($('form'));
var name = '';
var id = '';
// console.log($('form').serializeArray());
if(form.input_house == 'name'){
name = form.input_house_text;
} else if(form.input_house == 'id'){
id = form.input_house_text;
}
var city = '';
if(form.province != ''){
city = form.province;
}
if(form.city != ''){
city = form.city;
}
table.reload('tablerReload',{
where:{
sort:form.input_sort,
id:id,
name:name,
city:city,
is_view:form.show,
end_time:form.end_time,
start_time:form.start_time,
is_push:form.is_push
},
page:{
curr:1
}
})
},
clearPush:function(){
var checkStatus = table.checkStatus('tablerReload');
var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
if(typeof checkStatus.data[0] == 'object'){
layer.confirm('您确定要主推吗?',{btn:['确认','取消']},function(){
var formdat = new FormData();
$.each(checkStatus.data,function (key,val) {
formdat.append('hid[]',val.id);
})
$.ajax({
cache : true,
type : "post",
url : "/housech/clearpush",
data : formdat, // 你的formid
// async : false, //async 默认为true异步,修改为false为同步
contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
error : function(request) {
layer.close(index); //关闭数据提交信息
layer.alert("网络超时");
},
success : function(data) {
if (data.code == 200) {
layer.msg(data.msg);
reloadTable(reloadId);
} else {
layer.msg(data.msg);
}
}
});
})
return false;
}
layer.msg('请选择需要操作的楼盘',{icon:5});
return false;
}
};
$('.demoTable .layui-btn').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
//日期
laydate.render({
elem: '#date1'
});
laydate.render({
elem: '#date2'
});
//
// laydate.render({
// elem: '#date1_1'
// });
// laydate.render({
// elem: '#date1_2'
// });
//选项卡切换
$('.layui-tab-title .site-demo-active').on('click', function(){
$(this).addClass('layui-this').siblings().removeClass('layui-this');
var lay_id = $(this).attr('lay-id');
$('.layui-tab-item').removeClass('layui-show')
$('.layui-tab-content #'+lay_id).addClass('layui-show')
});
//监听指定开关
form.on('switch(switchTest)', function(data){
var house = data.elem.attributes.house.value;
layer.open({
title :'修改['+house+']状态',
type : 2,
area:['50%','80%'],
maxmin: true,
content : "/housech/openstate?hid="+data.value+"&name="+house,
end:function () {
table.reload('tablerReload');
}
})
});
form.on('submit(del_alls_house)',function (data) {
var checkStatus = table.checkStatus('tablerReload');
var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
if(typeof checkStatus.data[0] == 'object'){
layer.confirm('您确定要删除吗?',{btn:['确认','取消']},function(){
var formdat = new FormData();
$.each(checkStatus.data,function (key,val) {
formdat.append('hid[]',val.id);
})
$.ajax({
cache : true,
type : "post",
url : "/housech/housedel",
data : formdat, // 你的formid
// async : false, //async 默认为true异步,修改为false为同步
contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
error : function(request) {
layer.close(index); //关闭数据提交信息
layer.alert("网络超时");
},
success : function(data) {
if (data.code == 200) {
layer.msg(data.msg);
reloadTable(reloadId);
} else {
layer.msg(data.msg);
}
}
});
})
return false;
}
layer.msg('请选择需要删除的楼盘',{icon:5});
return false;
})
/* 列表操作 edit 修改后执行 */
table.on('edit('+tableIds+')', function(obj){
var data = obj.data;
$.post('/housech/housesortedit',{id:data.id,sort:data.sort},function (data) {
if(data.code == 200)
{
layer.msg(data.msg);
// obj.update({
// sort: data.sort
// });
// TableClose();
} else if(data.code == 300 ) {
layer.msg(data.msg);
}
})
})
/* 列表操作 tool 点击执行 */
table.on('tool('+tableIds+')', function(obj){
var data = obj.data;
// if(obj.event === 'sortData'){ //修改排序
// layer.prompt({
// formType: 2
// ,title: '排序楼盘:'+data.name
// ,value: data.sort
// }, function(value, index){
// $.post('/house/housesortedit',{id:data.id,sort:value},function (data) {
// if(data.code == 200)
// {
// layer.msg(data.msg);
// layer.close(index);
// obj.update({
// sort: value
// });
// // TableClose();
// } else if(data.code == 300 ) {
// layer.msg(data.msg);
// }
// })
// });
// }else
if(obj.event === 'housesNews'){
var index =layui.layer.open({
title :'['+data.name+']楼盘资讯',
type : 2,
area:['','100%'],
maxmin: true,
content : "/housech/newslist?id="+data.id+"&name="+data.name,
end:function () {
table.reload('tablerReload');
}
})
layui.layer.full(index);
//改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
$(window).on("resize",function(){
layui.layer.full(index);
})
} else if(obj.event === 'edit'){
var index = layui.layer.open({
title : '['+data.name+']修改楼盘信息',
type : 2,
area:['','100%'],
maxmin: true,
content : "/housech/edit?id="+data.id,
end:function(){
layui.table.reload('tablerReload');
}
})
layui.layer.full(index);
// // //改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
$(window).on("resize",function(){
layui.layer.full(index);
})
} else if(obj.event === 'del'){
layer.confirm('您确认要删除吗?',{btn:['确认','取消']},function () {
$.post('/housech/housedel',{id:data.id},function (data) {
if (data.code == 200) {
layer.msg(data.msg);
// parent.layui.
table.reload('tablerReload');
// TableClose();
} else {
layer.msg(data.msg);
}
})
})
}else if(obj.event === 'housesPhoto'){
var index =layui.layer.open({
title :'['+data.name+']楼盘相册',
type : 2,
area:['','100%'],
maxmin: true,
content : "/housech/album?id="+data.id+"&name="+data.name,
end:function () {
table.reload('tablerReload');
}
})
layui.layer.full(index);
//改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
$(window).on("resize",function(){
layui.layer.full(index);
})
} else if(obj.event === 'housesType'){
var index =layui.layer.open({
title :'['+data.name+']楼盘户型',
type : 2,
area:['','100%'],
maxmin: true,
content : "/housech/housetype?id="+data.id+"&name="+data.name,
end:function () {
table.reload('tablerReload');
}
})
layui.layer.full(index);
//改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
$(window).on("resize",function(){
layui.layer.full(index);
})
}else if(obj.event === 'house_price'){
var index =layui.layer.open({
title :'['+data.name+']楼盘历史价格',
type : 2,
area:['','100%'],
maxmin: true,
content : "/housech/priceview?id="+data.id+"&name="+data.name+'&price='+data.sale_price,
end:function(){
table.reload('tablerReload');
}
})
layui.layer.full(index);
//改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
$(window).on("resize",function(){
layui.layer.full(index);
})
}else if(obj.event === 'houseFacilities'){
var index =layui.layer.open({
title :'['+data.name+']楼盘周边配套',
type : 2,
area:['','100%'],
maxmin: true,
content : "/housech/peitao?id="+data.id+"&name="+data.name,
end:function () {
table.reload('tablerReload');
}
})
layui.layer.full(index);
//改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
$(window).on("resize",function(){
layui.layer.full(index);
})
}else if(obj.event === 'house_presell'){
var index =layui.layer.open({
title :'['+data.name+']预售许可证',
type : 2,
area:['','100%'],
maxmin: true,
content : "/housech/presell?id="+data.id+"&name="+data.name,
end:function () {
table.reload('tablerReload');
}
})
layui.layer.full(index);
//改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
$(window).on("resize",function(){
layui.layer.full(index);
})
}
});
//楼盘名称,区域, 注释装修情况
//添加图片上传
upload.render({
elem: '#test1'
,url: '/housech/createimg'
,data:{token:csrfToken}
,field:'img'
,size:1000 //限制上传图片的大小,单位为KB
,exts: 'png|jpg|jpeg' //只允许上传压缩文件
,auto:false
,bindAction:'#addcity'
,choose: function(obj){
obj.preview(function(index, file, result){
$('#demo1').attr('src', result); //图片链接(base64)
});
}
});
// 点击放大图片
$('#demo1').on('click', function(){
var _src = $(this).attr('src');
layui.layer.open({
type: 1,
title: false, //是否显示标题
area: ['60%', '80%'],
shade: 0.6, //透明度
closeBtn: 1, //按钮 1有,0无
shadeClose: true,
content: '',
});
});
//判断是否需要编辑,需要才加载
var verdict = $('#editor').html();
if(typeof verdict == "string"){
var ue = UE.getEditor('editor'); //编辑器
}
//重载表格
function reloadTable(obj){
table.reload(obj);
}
form.on('submit(tijiao)',function (data) {
var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
var formData = new FormData($('#house_form')[0]);
/*
* 许可证号提交数据
*/
// var trArry = $('.layui_w_licence table.layui-table tbody.mai tr.otr');
// $.each(trArry,function(i,v){
// var _licenseKey =$(this).find('textarea[name="evaluating"]').val();
// // if(_licenseKey !=""){ //判断许可证号是否为空
// formData.append('evaluating[]',_licenseKey);
// // }
// console.log(_licenseKey)
// })
// console.log(formData)
$.ajax({
cache : true,
type : "post",
url : "/housech/createfrom",
data : formData, // 你的formid
// async : false, //async 默认为true异步,修改为false为同步
contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
error : function(request) {
layer.close(index); //关闭数据提交信息
layer.alert("网络超时");
},
success : function(data) {
if (data.code == 200) {
layer.msg(data.msg);
parent.layui.table.reload('tablerReload');
TableClose();
} else if(data.code == 300){
layer.msg(data.msg);
layer.msg(ReturnInfo(data.data),{icon:5});
}
}
});
return false;
})
form.on('submit(edit)',function (data) {
var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
var formData = new FormData($('#house_edit_form')[0]);
// var trArry = $('.layui_w_licence table.layui-table tbody tr');
// $.each(trArry,function(i,v){
// var _licenseKey =$(this).find('input[name="licenseKey"]').val();
// if(_licenseKey !=""){ //判断许可证号是否为空
// formData.append('licenseKey[]',_licenseKey);
// formData.append('issueDate[]',$(this).find('input[name="issueDate"]').val());
// formData.append('buildingName[]',$(this).find('input[name="buildingName"]').val());
// }
// })
$.ajax({
cache : true,
type : "post",
url : "/housech/editfrom",
data : formData, // 你的formid
// async : false, //async 默认为true异步,修改为false为同步
contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
error : function(request) {
layer.close(index); //关闭数据提交信息
layer.alert("请联系管理员");
},
success : function(data) {
if (data.code == 200) {
layer.msg(data.msg);
} else if(data.code == 300){
layer.msg(data.msg);
layer.msg(ReturnInfo(data.data),{icon:5});
}
}
});
return false;
});
//楼盘上架下架操作
form.on('submit(openstate)',function (data) {
var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
$.ajax({
cache : true,
type : "post",
url : "/housech/openstateform",
data : data.field, // 你的formid
// async : false, //async 默认为true异步,修改为false为同步
// contentType: false, //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件
// processData: false, //当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data
error : function(request) {
layer.close(index); //关闭数据提交信息
layer.alert("请联系管理员");
},
success : function(data) {
if(data.data != null){
layer.msg(ReturnInfo(data.data),{icon:5});
return ;
}
layer.msg(data.msg);
}
});
return false;
});
//加载省数据
function loadProvince(data) {
$.ajax({
url : '/categorycity/citypid',
type : 'post',
async: false,//使用同步的方式,true为异步方式
data : {'pid':0},//这里使用json对象
success : function(data){
// console.log(data);
var areaData = data.data;
var proHtml = '';
for (var i = 0; i < areaData.length; i++) {
proHtml += '';
}
//初始化省数据
$('select[name=province]').append(proHtml);
form.render();
},
fail:function(){
}
});
}
loadProvince();
form.on('select(province)',function (data) {
$.post('/categorycity/citypid',{'pid':data.value},function (data) {
var areaData = data.data;
var proHtml = '';
$('select[name=city]').html('');
proHtml = '';
for (var i = 0; i < areaData.length; i++) {
proHtml += '';
}
//初始化省数据
$('select[name=city]').append(proHtml);
form.render();
})
})
// 添加楼盘评测
var leng =50;
$('.layui_w_addbtn').on('click',function(){
datumInsert(leng)
$('body').append('') //编辑器
var ue =UE.getEditor("evaluating"+leng);
ue.ready(function() {
// ue.setContent('编辑器1的内容
', true);
});
leng++;
})
//展示数据删除按钮
$('.layui_w_licence table.layui-table tbody.mai').on('click','.del',function(){
var _this = $(this)
var oid = _this.parents('.otr').attr('id');
var index =layer.confirm('确定要删除吗?',{btn: ['确定', '取消']},function () {
// layer.close(index)
_this.parents('#'+oid).remove();
$('body script#'+oid).remove();
layer.msg('已成功删除!');
})
})
})
$(function(){
$('.editmai tr.otr').each(function(){
var _ind = $(this).attr('data-id');
UE.getEditor("evaluating"+_ind);
// console.log(_ind)
})
//选项卡切换
$('.layui-tab-title .site-demo-active').on('click', function(){
$(this).addClass('layui-this').siblings().removeClass('layui-this');
var lay_id = $(this).attr('lay-id');
$('.layui-tab-item').removeClass('layui-show')
$('.layui-tab-content #'+lay_id).addClass('layui-show')
});
// 转换拼音
$('.layui_w_name').on('keyup ',function(){
var _txt = $(this).val();
var _convert = pinyinUtil.getPinyin(_txt,' ',false).replace(/\s/g, "");
$('.layui_w_spell').val(_convert)
})
// 动态添加批量删除按钮
var _btn = ''
$('.layui-form').append(_btn)
// 修改楼盘编辑高度问题
var i=0;
$('li[lay-id="assign_4"]').on('click',function(){
var _text = UE.getEditor('editor').getContent()
if(_text != ''){
if(i <1){
var editorHeight = UE.getEditor('editor').iframe.clientHeight;
if(editorHeight > 400){
var _setHeight = parseInt(UE.getEditor('editor').iframe.clientHeight/7.5);
$('#assign_4').find('#edui1_iframeholder').css('height',_setHeight);
}
i++;
}
}
})
// 特色主题 限制checkbox 选中的数量(修改与添加共用)
// $('.layui_w_acti ').on('click','.layui-form-checkbox[lay-skin=primary]',function(){
// var inputArry = $('.layui_w_acti').find('input[name="characteristic[]"]');
// check(inputArry,3); //调用方法,方法定义在csrftoken.js中
// })
})
//楼盘评测 添加
function datumInsert(leng){
// var leng = $(".layui_w_licence table.layui-table tbody tr").length;
// console.log(leng)
var tr =''
+''
+' '
+' | '
+''
+' '
+''
+' '
+' | '
+'
';
$(".layui_w_licence table.layui-table tbody.mai").append(tr);
}