function initYxna() { loadYxnaTable(); layoutYxna(); uploadTag = null; } function layoutYxna() { table.on('tool(yxnnfilter)', function (obj) { var data = obj.data; var layEvent = obj.event; var tr = obj.tr; if (layEvent === 'detail') { // 查看 detailHtml(data); } else if (layEvent === 'del') { // 删除 deleteHtml(data) } else if (layEvent === 'approve') { // 审核 approve(data); } else if (layEvent === 'update') { // 修改 editHtml(data); } }); // 新增 $('.newlyIncreased').off('click').on('click', function () { addByYxnaHtml(); }); } /** * 新增 * @param data * @returns */ function addByYxnaHtml() { let html = '
'; html += '
' + '' + '
' + '' + '
' + '
'; html += '
' + '' + '
' + '' + '
' + '
' + '' + '' + '
' + '
'; // html += '
' // + '
' // + '' // + '' // + '
' // + '
'; html += '
' + '' + '
' + '' + '
' + '
' + '' + '' + '
' + '
'; // html += '
' // + '
' // + '' // + '' // + '
' // + '
'; html += '
' + '' + '
' + '' + '
' + '' + '
' + '' + '
' + '
'; // html += '
' // + '' // + '
' // + '' // + '
' // + '
'; html += '
' + '' + '
' + '' + '
' + '
'; html += '
' + '' + '
' + '' + '' + '
' + '
'; html += '
'; var addFileFlag = false; var fileResult; layer.open({ type: 1, title: '新增', area: ['80%', '80%'], content: html, btn: ['保存', '返回'], success: function (layero, index) { form.render(); laydate.render({ elem: '#addgsrq', max: Date.now() }); uploadTag = upload.render({ elem: '#addUploadPic', url: PATH + '/yxnn/uploadOneDocumet', auto: true, // data: form.val("addYxnaForm"), // bindAction: '.layui-layer-btn0', size: 5242880, // choose: function(obj) { // addFileFlag = true; // var files = obj.pushFile(); // obj.preview(function(index, file, result){ // $("#addImg").attr("src", result); // $("#addImg").addClass("layui-show"); // $("#addImg").removeClass("layui-hide"); // }); // }, // before: function (){ // this.data = form.val("addYxnaForm") // }, done: function (res) { fileResult = res.data; $("#addImg").attr("src", PATH + "/" + res.data); $("#addImg").addClass("layui-show"); $("#addImg").removeClass("layui-hide"); // layer.msg("新增成功!"); // setTimeout(function() { // layer.closeAll(); // table.reload('yxnnTable'); // }, 800); }, error: function () { // 请求异常回调 layer.msg("保存失败!"); } }); }, yes: function (index, layero) { verifyData("add", addFileFlag, fileResult); }, btn2: function (index, layero) { } }); } /** * 验证 * @returns */ function verifyData(type, flag, fileResult) { var pictureTitle = $("input[name='pictureTitle']").val(); if (!pictureTitle) { layer.msg("请输入作品名称!"); return; } var pictureAuthor = $("input[name='pictureAuthor']").val() if (!pictureAuthor) { layer.msg("请输入作品作者!"); return; } var isAnonymous = $("input[name='isAnonymous']:checked").val(); if (!isAnonymous) { layer.msg("请选择是否匿名"); return; } var reg = /1[3-9]\d{9}/; var uploaderPhone = $("input[name='uploaderPhone']").val(); if (!reg.test(uploaderPhone)) { layer.msg("请输入正确格式的电话!"); return; } var isPublic = $("input[name='isPublic']:checked").val(); if (!isPublic) { layer.msg("请选择是否公开"); return; } var vestingDate = $("input[name='vestingDate']").val(); if (!vestingDate) { layer.msg("请选择归属日期"); return; } var pictureType = $("select[name='pictureType']").val(); if (!pictureType) { layer.msg("请选择作品年代"); return; } var pictureDescription = $("textarea[name='pictureDescription']").val(); if (!pictureDescription) { layer.msg("请输入作品描述"); return; } if (pictureDescription.length > 200) { layer.msg("字数不能大于200个字"); return; } // if (pictureDescription.length > 200) { // layer.msg("字数不能大于200个字"); // return; // } // var formData; if (type == "edit") { var params = form.val("editYxnaForm"); params.urlAddress = fileResult; $.ajax({ url: PATH + "/yxnn/updateDocument", type: 'post', data: params, success: function (data) { if (data.result) { layer.msg("修改成功!"); setTimeout(function () { layer.closeAll(); table.reload('yxnnTable'); }, 800); } else { layer.msg("修改失败!"); } } }) } else { formData = form.val("addYxnaForm"); if (!fileResult) { layer.msg("请上传作品"); return; } formData.urlAddress = fileResult; saveData(formData); } } function saveData(formData) { $.ajax({ url: PATH + "/yxnn/saveImpressionNanan", type: 'post', data: formData, success: function (data) { if (data.result) { layer.msg("新增成功!"); setTimeout(function () { layer.closeAll(); table.reload('yxnnTable'); }, 800); } else { layer.msg("新增成功!"); } } }); } /** * 修改 * @param data * @returns */ function editHtml(data) { $.ajax({ url: PATH + "/yxnn/getDocumentById/" + data.id, type: 'get', success: function (json) { if (!json.data) { layer.msg("查询失败,请稍候再试!"); return; } var mdata = json.data; let html = '
'; html += '
' + '' + '
' + '' + '' + '' + '' + '
' + '
'; html += '
' + '' + '
' + '' + '
' + '
' + '' + '' + '
' + '
'; // html += '
' // + '
' // + '' // + '' // + '
' // + '
'; html += '
' + '' + '
' + '' + '
' + '
' + '' + '' + '
' + '
'; // html += '
' // + '
' // + '' // + '' // + '
' // + '
'; html += '
' + '' + '
' + '' + '
' + '' + '
' + '' + '
' + '
'; // html += '
' // + '' // + '
' // + '' // + '
' // + '
'; html += '
' + '' + '
' + '' + '
' + '
'; html += '
' + '' + '
' + '' // + '' + '
' + '' + '
'; html += '
'; var editFileFlag = false; var fileResult; layer.open({ type: 1, title: '编辑', area: ['80%', '80%'], content: html, btn: ['保存', '返回'], success: function (layero, index) { form.render(); laydate.render({ elem: '#editgsrq', max: Date.now() }); uploadTag = upload.render({ elem: '#editUploadPic', url: PATH + '/yxnn/uploadOneDocumet', auto: true, // data: form.val("editYxnaForm"), // bindAction: '.layui-layer-btn0', size: 5242880, // choose: function(obj) { // editFileFlag = true; // var files = obj.pushFile(); // obj.preview(function(index, file, result){ // $("#editImg").attr("src", result); // }); // }, // before: function (){ // this.data = form.val("editYxnaForm") // }, done: function (res) { fileResult = res.data; $("#editImg").attr("src", PATH + "/" + fileResult); // layer.msg("修改成功!"); // setTimeout(function() { // layer.closeAll(); // table.reload('yxnnTable'); // }, 800); }, error: function () { // 请求异常回调 layer.msg("保存失败!"); } }); }, yes: function (index, layero) { verifyData("edit", editFileFlag, fileResult ? fileResult : mdata.urlAddress); }, btn2: function (index, layero) { console.log(2) } }); } }); } /** * 审核 * @param data * @returns */ function approve(data) { layer.confirm('请选择审核类型', { icon: 3, title: '温馨提示', btn: ['通过', '不通过', '取消'], yes: function (index, layero) { updateYxnnStatus(data, 1); }, btn2: function (index, layero) { updateYxnnStatus(data, 2); } }); } /** * 修改审核状态 * @param data * @param status * @returns */ function updateYxnnStatus(data, status) { data.examineState = status; $.ajax({ url: PATH + "/yxnn/updateDocument", type: 'post', data: data, success: function (data) { if (data.result) { layer.msg("审核成功!"); setTimeout(function () { layer.closeAll(); table.reload('yxnnTable'); }, 800); } else { layer.msg("审核失败!"); } } }) } /** * 删除 * @param data * @returns */ function deleteHtml(data) { layer.confirm('您确定要删除该数据吗?', { icon: 3, title: '提示' }, function (index) { $.ajax({ url: PATH + "/yxnn/deleteDocumentById/" + data.id, type: 'post', success: function (data) { if (data.result) { layer.msg("删除成功!"); setTimeout(function () { table.reload('yxnnTable'); }, 800); } else { layer.msg("删除失败!"); } } }) layer.close(index); }); } /** * 详情 * @param data * @returns */ function detailHtml(data) { $.ajax({ url: PATH + "/yxnn/getDocumentById/" + data.id, type: 'get', success: function (json) { if (!json.data) { layer.msg("查询失败,请稍候再试!"); return; } var mdata = json.data; let html = '
'; html += '
' + '' + '
' + '' + '
' + '' + '
' + '' + '
' + '
'; html += '
' + '' + '
' + '' + '
' + '
' + '' + '' + '
' + '
'; html += '
' + '' + '
' + '' + '
' + '
' + '' + '' + '
' + '
'; html += '
' + '' + '
' + '' + '
' + '' + '
' + '' + '
' + '
'; html += '
' + '' + '
' + '' + '
' + '
'; html += '
' + '' + '
' + '' + '
' + '
'; html += '
'; layer.open({ type: 1, title: '详情', area: ['80%', '80%'], content: html, btn: ['返回'], success: function (layero, index) { form.render(); layer.photos({ photos: '#layer-photos-demo', zIndex: 99999999, shade: 0.2, shift: 0 }); } }); } }); } /** * 加载列表数据 * @returns */ function loadYxnaTable() { table.render({ id: 'yxnnTable', elem: '#yxnnTable', url: PATH + '/yxnn/getDocumentPage', cellMinWidth: 80, page: true, skin: 'line', headers: { 'utoken': sessionStorage.uToken }, cols: [ [ { field: 'numbers', width: 60, title: '序号', templet: function (d) { return d.LAY_INDEX; } }, { field: 'pictureTitle', title: '作品名称', width: 120, unresize: true }, { field: 'pictureAuthor', title: '作者', width: 100, unresize: true }, { field: 'uploaderPhone', title: '联系电话', width: 120, unresize: true }, { field: 'uploadTime', title: '上传时间', width: 160, sort: true, unresize: true }, { field: 'pictureDescription', title: '作品描述', width: 200, unresize: true }, { field: 'vestingDate', title: '归属日期', width: 110, unresize: true, templet: function (d) { return d.vestingDate ? d.vestingDate.substring(0, 10) : ""; } }, { field: 'pictureType', title: '作品年代', sort: true, width: 140, templet: pictureTypetemplet, unresize: true }, { field: 'examineState', title: '状态', width: 80, sort: true, templet: examineStatetemplet, unresize: true }, { title: '发布情况', width: 180, toolbar: '#publicitys', unresize: true }, { title: '操作', width: 220, toolbar: '#barDemo', unresize: true } ] ] , done: function (res, curr) { var brforeCurr = curr; // 获得当前页码 var dataLength = res.data.length; // 获得当前页的记录数 var count = res.count; // 获得总记录数 if (dataLength == 0 && count != 0) { //如果当前页的记录数为0并且总记录数不为0 table.reload("yxnnTable", { // 刷新表格到上一页 page: { curr: brforeCurr - 1 } }); } } }); } function mySearch(){ var mySearchs=$("select[name='method']").val(); var data='' if(mySearchs=='uploaderPhone'){ data={ uploaderPhone:$("input[name='searchContent']").val() } }else if(mySearchs=='pictureTitle'){ data={ pictureTitle:$("input[name='searchContent']").val() } }else if(mySearchs=='pictureAuthor'){ data={ pictureAuthor:$("input[name='searchContent']").val() } } // var data={ // uploaderPhone:$("[name='uploaderPhones']").val(), // pictureTitle:$("[name='pictureTitles']").val(), // pictureAuthor:$("[name='pictureAuthors']").val() // } table.reload('yxnnTable', { // url: PATH + '/yxnn/getDocumentPage' url: PATH +'/yxnn/getDocumentPage' ,where: data //设定异步数据接口的额外参数 //,height: 300 }); } // 搜索 // $("#searchBtn").click(function(){ // console.log("111") // var data={ // uploaderPhone:$("[name='uploaderPhone']").val(), // pictureTitle:$("[name='pictureTitle']").val(), // pictureAuthor:$("[name='pictureAuthor']").val() // } // table.reload('yxnnTable', { // // url: PATH + '/yxnn/getDocumentPage' // url: 'http://192.168.0.69/yxnn/getDocumentPage' // ,where: data //设定异步数据接口的额外参数 // //,height: 300 // }); // // table.reload(data); // }) /** * 状态 * @param d * @returns */ function examineStatetemplet(d) { if (d.examineState == 0) { return '未审核' } else if (d.examineState == 1) { return '已通过' } else if (d.examineState == 2) { return '未通过' } } /** * 时间类型 * @param d * @returns */ function pictureTypetemplet(d) { if (d.pictureType == 0) { return '1949年' } else if (d.pictureType == 1) { return '1949年-1980年' } else if (d.pictureType == 2) { return '1980年-2000年' } else if (d.pictureType == 3) { return '2000年-至今' } } //function loadYxnaList(datas) { // $.ajax({ // url : PATH + '/yxnn/getDocumentPage', // type : 'get', // data : datas, // async : false, // success : function(data) { // if (data.data) { // var obj = data.data.data; // var limitValue = 10; // if (obj) { // if (obj.length > 10) { // limitValue = obj.length // } // } // count = data.data.count // layui.table.render({ // elem : '#yxnnTable', // cellMinWidth : 80 // 全局定义常规单元格的最小宽度, // , // limit : limitValue, // cols : [ [ // // { field: 'id', width: 80, title: 'ID', } // { // field : 'numbers', // width : 60, // title : '序号', // templet : function(d) { // return d.LAY_INDEX + (datas.page - 1) // * (datas.limit); // } // }, { // field : 'uploaderPhone', // title : '作者电话', // width : 120, // unresize : true // }, { // field : 'pictureTitle', // title : '作品名称', // width : 120, // unresize : true // }, { // field : 'pictureAuthor', // title : '作品作者', // width : 120, // unresize : true // }, { // field : 'uploadTime', // title : '上传时间', // sort : true, // unresize : true // }, { // field : 'pictureDescription', // title : '作品描述', // width : '20%', // unresize : true // }, { // field : 'vestingDate', // title : '归属日期', // unresize : true // }, { // field : 'pictureType', // title : '作品年代', // sort : true, // templet : pictureTypetemplet, // unresize : true // }, { // field : 'examineState', // title : '状态', // width : 80, // sort : true, // templet : examineStatetemplet, // unresize : true // }, { // title : '发布情况', // width : 200, // toolbar : '#publicitys', // unresize : true // }, { // title : '操作', // width : 250, // toolbar : '#barDemo', // unresize : true // } ] ], // data : obj // // }) // } // } // }) //}