123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186 |
- var delFiles = []; //用于删除图片
- var filesContainers= {}; //存储最终要上传的图片
- var filesContainer= {}; //存储最终要上传的图片
- var files ; //存储选择图片的数量
- layui.use([ 'laypage', 'layer', 'table', 'element','form','upload'], function(){
- var laypage = layui.laypage //分页
- ,$ = layui.jquery
- ,layer = layui.layer //弹层
- ,table = layui.table //表格
- ,form = layui.form
- ,upload = layui.upload;
- var tableId = 'citylist';
- //第一个实例
- table.render({
- elem: '#'+tableId
- ,url: '/routinecity/rentform' //数据接口
- ,where:{token:csrfToken}
- ,method:'post'
- ,page: true //开启分页
- ,height:600
- ,text:'数据加载中'
- ,id:'tablerReload'
- ,limit:20
- ,cols: [[ //表头
- // {field: 'id', title: 'ID', width:80, sort: true,align:'center'}
- {field: 'city_name', title: '区域名称',align:'center'}
- ,{field: 'proportion', title: '参考收益',align:'center',sort: true}
- ,{fixed: 'right',title:'操作', width: 165, align:'center', toolbar: '#operate'}
- ]]
- });
- //table.reload('tablerReload'); //重新加载
- //列表操作
- table.on('tool('+tableId+')', function(obj){
- var layEvent = obj.event,
- data = obj.data;
- if(layEvent === 'edit'){
- var index = layer.open({
- type: 2,
- title: '修改',
- area: ['500px', '60%'],
- content: '/routinecity/rentedit?id='+data.id,
- });
- } else if(layEvent === 'del') {
- layer.confirm('您确定要删除吗?',{ btn: ['确定', '取消']},function () {
- $.post('/routinecity/rentdel',{'id':data.id},function (data) {
- layer.msg(data.msg);
- table.reload('tablerReload');
- });
- });
- }
- });
- var $ = layui.$, active = {
- addData: function(){ //获取选中数据
- var index = layui.layer.open({
- type: 2,
- title: '添加',
- maxmin: true,
- area: ['500px', '60%'],
- content: '/routinecity/rentadd',
- });
- // layui.layer.full(index);
- // //改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作)
- // $(window).on("resize",function(){
- // layui.layer.full(index);
- // })
- },
- reload:function () {
- var formdara = pfgs_serialize($('form'));
- table.reload('tablerReload',{
- where:{
- city:formdara.input_city
- }
- })
- // console.log(formdara);
- }
- };
- $('.demoTable .layui-btn').on('click', function(){
- var type = $(this).data('type');
- active[type] ? active[type].call(this) : '';
- });
- form.on('submit(edit)', function(data){
- var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
- var formData = new FormData($('#signupForm')[0]);
- $.ajax({
- type : "post",
- url : '/routinecity/renteditform',
- data : formData, // 你的formid
- 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);
- parent.layui.table.reload('tablerReload');
- }
- });
- return false;
- });
- //添加
- form.on('submit(tijiao)', function(data){
- var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8}); //数据提交提示
- var formData = new FormData($('#signupForm')[0]);
- $.ajax({
- type : "post",
- url : '/routinecity/rentaddform',
- data : formData, // 你的formid
- 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);
- parent.layui.table.reload('tablerReload');
- }
- });
- return false;
- });
- });
- //删除图片 单
- // $('#demo2').on("click","#delimg",function () {
- // var name = $(this).next().attr("imgname");
- // var delIdentification = $(this).next().attr("delIdentification");
- // // if(typeof(delIdentification) != 'undefined'){
- // // delete filesContainer[delIdentification];
- // // delete files[delIdentification] ;
- // // }
- // if(typeof(name) != 'undefined'){
- // delFiles.push(name);
- // }
- // $(this).parent().remove();
- // })
- //删除图片 多
- $('#demo1').on("click","#delimg",function () {
- var name = $(this).next().attr("imgname");
- var delIdentification = $(this).next().attr("delIdentification");
- if(typeof(delIdentification) != 'undefined'){
- delete filesContainers[delIdentification];
- // delete files[delIdentification] ;
- }
- if(typeof(name) != 'undefined'){
- delFiles.push(name);
- }
- $(this).parent().remove();
- })
- if($('#editor_content').length > 0){
- var ue = UE.getEditor('editor_content');
- }
|