'待审核详情'
parent
8e2a518277
commit
d6332cd121
|
|
@ -3468,7 +3468,7 @@ video {
|
|||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
||||
outline: 0 none;
|
||||
width:1200px;
|
||||
height:800px;
|
||||
height:860px;
|
||||
margin:auto;
|
||||
padding: 40px;
|
||||
}
|
||||
|
|
@ -7918,3 +7918,7 @@ body.skin-3 {
|
|||
font-size: 12px
|
||||
}
|
||||
}
|
||||
.detail-dd dd{
|
||||
height:30px;
|
||||
font-size:16px
|
||||
}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
const baseURL = "http://192.168.10.102:9008";
|
||||
|
||||
const imageURL = "http://175.27.168.120:6023/";
|
||||
const timeout = 3000;
|
||||
|
||||
// requet ajax
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<link href="css/animate.css" rel="stylesheet">
|
||||
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||
<link href="css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
|
||||
|
||||
<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
|
||||
<style>
|
||||
/* Additional style to fix warning dialog position */
|
||||
|
||||
|
|
@ -73,163 +73,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>案件编号：</dt>
|
||||
<dd>xxxxxxxx</dd>
|
||||
<dt>案件详情：</dt>
|
||||
<dd>xxxxxx</dd>
|
||||
<dt>违规类型：</dt>
|
||||
<dd>xxxxxxxx</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-5">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>县/区：</dt>
|
||||
<dd>xxxxxx</dd>
|
||||
<dt>社区/村：</dt>
|
||||
<dd>xxxxx</dd>
|
||||
<dt>前影像名称：</dt>
|
||||
<dd>xxxxxx</dd>
|
||||
<dt>前时相：</dt>
|
||||
<dd>xxxxxx</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-7">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>乡镇/街道：</dt>
|
||||
<dd>xxxxxx</dd>
|
||||
<dt>详细地址：</dt>
|
||||
<dd>xxxxxxxx</dd>
|
||||
<dt>后影像名称：</dt>
|
||||
<dd>xxxxxxxx</dd>
|
||||
<dt>后时相：</dt>
|
||||
<dd>xxxxxxxx</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>备注：</dt>
|
||||
<dd>xxxxxxxx</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-5">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>关联案件：</dt>
|
||||
<dd>xxxxxx</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-7">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>标题：</dt>
|
||||
<dd>xxxxxx</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<dl class="dl-horizontal">
|
||||
<dt>图斑：</dt>
|
||||
<dd id="map" onclick="copyText()" style="cursor: pointer;">啊手动阀手动阀啊手动阀啊手动阀
|
||||
</dd>
|
||||
<textarea id="copy-input"></textarea>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>图片：</dt>
|
||||
<dd>
|
||||
<div class="lightBoxGallery">
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p1.jpg"></a>
|
||||
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p2.jpg"></a>
|
||||
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img
|
||||
src="img/p3.jpg"></a>
|
||||
|
||||
<div id="blueimp-gallery" class="blueimp-gallery">
|
||||
<div class="slides"></div>
|
||||
<h3 class="title"></h3>
|
||||
<a class="prev">‹</a>
|
||||
<a class="next">›</a>
|
||||
<a class="close">×</a>
|
||||
<a class="play-pause"></a>
|
||||
<ol class="indicator"></ol>
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer" style="border-top: 0px;">
|
||||
<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
|
||||
<button type="button" class="btn btn-primary">审核</button>
|
||||
</div>
|
||||
<div class="row" id="caseDetail"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -250,12 +94,135 @@
|
|||
<!-- jqGrid -->
|
||||
<script src="js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
|
||||
<script src="js/plugins/jqgrid/jquery.jqGrid.min.js?0820"></script>
|
||||
|
||||
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
|
||||
<!-- 自定义js -->
|
||||
<script src="js/content.js?v=1.0.0"></script>
|
||||
<script src="js/request.js"></script>
|
||||
<!-- Page-Level Scripts -->
|
||||
<script>
|
||||
function handlerShenhe(_type, id) {
|
||||
// myModal
|
||||
if (_type == 1) {
|
||||
|
||||
} else {
|
||||
swal("请输入不通过原因:", {
|
||||
content: "input",
|
||||
buttons: ["取消", true],
|
||||
}).then((value) => {
|
||||
swal(`You typed: ${value}`);
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
function showModal(id) {
|
||||
// /api/DroneCaseinfo/GetCaseInfo
|
||||
getAjaxRequst(
|
||||
"/api/DroneCaseinfo/GetCaseInfo?id=" + id, {},
|
||||
function (res) {
|
||||
if (res.code == 200) {
|
||||
let info = res.result.info
|
||||
$('#caseDetail').empty()
|
||||
let images_text = ''
|
||||
if (res.result.pic_list && res.result.pic_list.length > 0) {
|
||||
images_text = res.result.pic_list.map(item => `<a href="${imageURL + item}" data-gallery=""><img src="${imageURL + item}"></a>`).join('')
|
||||
}
|
||||
let result_text = `
|
||||
<div class="row detail-dd">
|
||||
<div class="col-sm-12">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>案件编号：</dt>
|
||||
<dd>${info.case_no}</dd>
|
||||
<dt>案件详情：</dt>
|
||||
<dd>${info.case_name || '无'}</dd>
|
||||
<dt>违规类型：</dt>
|
||||
<dd>${info.typename || '无'}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-5">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>县/区：</dt>
|
||||
<dd>${info.countyname || '无'}</dd>
|
||||
<dt>社区/村：</dt>
|
||||
<dd>${info.communityname || '无'}</dd>
|
||||
<dt>前影像名称：</dt>
|
||||
<dd>${info.pre_phase_img || '无'}</dd>
|
||||
<dt>前时相时间：</dt>
|
||||
<dd>${info.pre_phase_time || '无'}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-7">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>乡镇/街道：</dt>
|
||||
<dd>${info.streetname || '无'}</dd>
|
||||
<dt>详细地址：</dt>
|
||||
<dd>${info.address || '无'}</dd>
|
||||
<dt>后影像名称：</dt>
|
||||
<dd>${info.later_phase_img || '无'}</dd>
|
||||
<dt>后时相：</dt>
|
||||
<dd>${info.later_phase_time || '无'}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>备注：</dt>
|
||||
<dd>${info.remark || '无'}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-5">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>判读人：</dt>
|
||||
<dd>${info.identification_user}</dd>
|
||||
</dl>
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>判读时间：</dt>
|
||||
<dd>${info.identification_time}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-7">
|
||||
<dl class="dl-horizontal">
|
||||
<dt>经纬度：</dt>
|
||||
<dd id="map" onclick="copyText()" style="cursor: pointer;color: #337ab7;">${info.map_data || '无'}</dd>
|
||||
${info.lng + ',' + info.lat}
|
||||
</dd>
|
||||
<textarea id="copy-input"></textarea>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<dl class="dl-horizontal" style="margin-bottom: 0px;">
|
||||
<dt>图片：${images_text.length ? '' : '无'}</dt>
|
||||
<dd>
|
||||
<div class="row lightBoxGallery">
|
||||
${images_text}
|
||||
<div id="blueimp-gallery" class="blueimp-gallery">
|
||||
<div class="slides"></div>
|
||||
<h3 class="title"></h3>
|
||||
<a class="prev">‹</a>
|
||||
<a class="next">›</a>
|
||||
<a class="close">×</a>
|
||||
<a class="play-pause"></a>
|
||||
<ol class="indicator"></ol>
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="modal-footer" style="border-top: 0px;">
|
||||
<button type="button" class="btn btn-white" data-dismiss="modal">关 闭</button>
|
||||
<button type="button" onClick="handlerShenhe(1,'${info.case_no}')" class="btn btn-primary">通 过</button>
|
||||
<button type="button" onClick="handlerShenhe(2,'${info.case_no}')" class="btn btn-danger">不通过</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
`
|
||||
$('#caseDetail').append(result_text)
|
||||
} else {
|
||||
toastr.error(res.message);
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
function copyText() {
|
||||
let text = document.getElementById("map").innerText;
|
||||
let input = document.getElementById("copy-input");
|
||||
|
|
@ -270,13 +237,13 @@
|
|||
$("#table_list_1").jqGrid({
|
||||
url: baseURL + '/api/DroneCaseinfo/LoadCaseInfoLists?is_Reviewer=1',
|
||||
loadBeforeSend: function (jqXHR) {
|
||||
jqXHR.setRequestHeader("X-Token",localStorage.getItem('token'));
|
||||
jqXHR.setRequestHeader("X-Token", localStorage.getItem('token'));
|
||||
},
|
||||
jsonReader: {
|
||||
root: "root",
|
||||
page: "page",
|
||||
total: "total",
|
||||
records: "totalCount"
|
||||
root: "root",
|
||||
page: "page",
|
||||
total: "total",
|
||||
records: "totalCount"
|
||||
},
|
||||
datatype: "json",
|
||||
height: "100%",
|
||||
|
|
@ -284,7 +251,7 @@
|
|||
shrinkToFit: true,
|
||||
rowNum: 14,
|
||||
rowList: [10, 20, 30],
|
||||
colNames: ['案件编号', '案件名称', '案件类型', '县','镇','村', '备注', '判读人','判读时间', '操作'],
|
||||
colNames: ['案件编号', '案件名称', '案件类型', '县', '镇', '村', '备注', '判读人', '判读时间', '操作'],
|
||||
colModel: [
|
||||
{
|
||||
name: 'case_no',
|
||||
|
|
@ -348,7 +315,7 @@
|
|||
width: 80,
|
||||
formatter: function (value, grid, rows) {
|
||||
var id = rows.id;
|
||||
return `<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
|
||||
return `<button type="button" onClick="showModal('${id}')" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
|
||||
审核
|
||||
</button>`;
|
||||
}
|
||||
|
|
@ -364,6 +331,7 @@
|
|||
var width = $('.jqGrid_wrapper').width();
|
||||
$('#table_list_1').setGridWidth(width);
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- blueimp gallery -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue