|
|
@@ -258,36 +258,72 @@ function detailHtml(data) {
|
|
|
$('#details').show();
|
|
|
$('#yxnnTable~div').hide();
|
|
|
$('#yxpage').hide();
|
|
|
+ $('.detailsimg').show();
|
|
|
+ var arr = []
|
|
|
+ // arr.push(data)
|
|
|
+ // layui.table.render({
|
|
|
+ // elem: '#examine'
|
|
|
+ // , cellMinWidth: 80 //全局定义常规单元格的最小宽度，
|
|
|
+ // , cols: [[
|
|
|
+ // // { field: 'id', width: 80, title: 'ID', }
|
|
|
+ // , { field: 'uploaderPhone', title: '电话', width: 120}
|
|
|
+ // , { field: 'pictureTitle', title: '作品题目', width: 120}
|
|
|
+ // , { field: 'pictureAuthor', title: '作品作者', width: 120}
|
|
|
+ // , { field: 'uploadTime', title: '上传时间', width: 200}
|
|
|
+ // , { field: 'pictureType', title: '图片类型', templet: pictureTypetemplet, width: 200}
|
|
|
+ // , { field: 'pictureDescription', title: '描述内容',}
|
|
|
+ // ]]
|
|
|
+ // , data: arr
|
|
|
+ // })
|
|
|
var html = ''
|
|
|
html += '<button type="button" class="layui-btn layui-btn-normal getBack">返回</button>'
|
|
|
- html += '<ul>'
|
|
|
- html += '<li style="margin-left: 43px;"><span>作者：</span>' + (data.pictureAuthor || '暂无作者') + '</li>'
|
|
|
- html += '<li><span>上传人电话：</span>' + data.uploaderPhone + '</li>'
|
|
|
- if (data.uploadTime) {
|
|
|
- html += '<li style="margin-left: 14px;"><span>上传时间：</span>' + data.uploadTime + '</li>'
|
|
|
- } else if (data.updateTime) {
|
|
|
- html += '<li style="margin-left: 42px;"><span>处理时间：</span>' + data.updateTime + '</li>'
|
|
|
+ html += '<table class="layui-table">'
|
|
|
+ html += '<colgroup>'
|
|
|
+ html += '<col width="150">'
|
|
|
+ html += '<col width="200">'
|
|
|
+ html += '<col>'
|
|
|
+ html += '</colgroup>'
|
|
|
+ html += '<tbody>'
|
|
|
+ html += '<tr>'
|
|
|
+ html += '<td>电话</td>'
|
|
|
+ html += '<td>' + data.uploaderPhone + '</td>'
|
|
|
+ html += '<td>作品题目</td>'
|
|
|
+ html += '<td>' + data.pictureTitle + '</td>'
|
|
|
+ html += '</tr>'
|
|
|
+ html += '<tr>'
|
|
|
+ html += '<td>作品作者</td>'
|
|
|
+ html += '<td>' + data.pictureAuthor + '</td>'
|
|
|
+ html += '<td>上传时间</td>'
|
|
|
+ html += '<td>' + data.uploadTime + '</td>'
|
|
|
+ html += '</tr>'
|
|
|
+ html += '<tr>'
|
|
|
+ html += '<td>图片类型</td>'
|
|
|
+ if(' + data.pictureType == 0 + '){
|
|
|
+ html += '<td>1949</td>'
|
|
|
+ }else if (' + data.pictureType == 1 + ') {
|
|
|
+ html += '<td>1949-80年代</td>'
|
|
|
+ } else if (' + data.pictureType == 2 + ') {
|
|
|
+ html += '<td>80年代-2000年</td>'
|
|
|
+ } else if ('+ data.pictureType == 3 + ') {
|
|
|
+ html += '<td>2000年-至今</td>'
|
|
|
}
|
|
|
- if (data.pictureType == 0) {
|
|
|
- html += '<li style="margin-left: 43px;"><span>年代：</span>1949</li>'
|
|
|
- } else if (data.pictureType == 1) {
|
|
|
- html += '<li style="margin-left: 43px;"><span>年代：</span>1949-80年代</li>'
|
|
|
- } else if (data.pictureType == 2) {
|
|
|
- html += '<li style="margin-left: 43px;"><span>年代：</span>80年代-2000年</li>'
|
|
|
- } else if (data.pictureType == 3) {
|
|
|
- html += '<li style="margin-left: 43px;"><span>年代：</span>2000年-至今</li>'
|
|
|
- }
|
|
|
- html += '<li style="margin-left: 15px;"><span>图片题目：</span>' + (data.pictureTitle || '暂无题目') + '</li>'
|
|
|
- html += '<li style="margin-left: 15px;display: flex;"><span>内容描述：</span><div style="width: 500px;text-align: justify;">' + data.pictureDescription + '</div></li>'
|
|
|
- html += '<li style="margin-left: 15px;display: flex;"><span>上传照片：</span> <div><img style="max-width: 500px;margin-bottom:15px;max-height: 500px;" src="' + PATH + '/' + data.urlAddress + '" alt=""></div></li>'
|
|
|
- html += '<li></li>'
|
|
|
- html += '</ul>'
|
|
|
-
|
|
|
+ html += '<td>描述内容</td>'
|
|
|
+ html += '<td style="layui-table-cell laytable-cell-3-0-5">'+data.pictureDescription +'</td>'
|
|
|
+ html += '</tr>'
|
|
|
+ html+'<tr>'
|
|
|
+ html += '<td>照片</td>'
|
|
|
+ html += '<td colspan="3"><img style="max-width: 500px;margin-bottom:15px;max-height: 500px;" src="' + PATH + '/' + data.urlAddress + '" alt=""></div></td>'
|
|
|
+ html+'</tr>'
|
|
|
+ html += '</tbody>'
|
|
|
+ html += '</table>'
|
|
|
+ // html += '<li style="margin-left: 15px;display: flex;"><span>照片：</span> <div></li>'
|
|
|
$('#details').empty().append(html);
|
|
|
$('.getBack').click(function () {
|
|
|
$('#details').hide();
|
|
|
$('#yxnnTable~div').show();
|
|
|
$('#yxpage').show();
|
|
|
+ $("#examine~.layui-form").hide();
|
|
|
+ $('.detailsimg').hide();
|
|
|
})
|
|
|
}
|
|
|
|
|
|
@@ -437,7 +473,7 @@ function pictureTypetemplet(d) {
|
|
|
return '2000年-至今'
|
|
|
}
|
|
|
}
|
|
|
-function laypage(){
|
|
|
+function laypage() {
|
|
|
layui.use('laypage', function () {
|
|
|
var laypage = layui.laypage;
|
|
|
//执行一个laypage实例
|
|
|
@@ -487,6 +523,9 @@ function resetPage(table) {
|
|
|
$("#details").hide();
|
|
|
$("#yxpage").show();
|
|
|
laypage();
|
|
|
+ $("#examine~.layui-form").hide();
|
|
|
+ $('.detailsimg').hide();
|
|
|
+ $(".layui-layer").remove()
|
|
|
}
|
|
|
// 初始化表单
|
|
|
function initForm(form) {
|
ljh