|
|
|
|
@ -23,7 +23,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.lightBoxGallery {
|
|
|
|
|
height: 199px;
|
|
|
|
|
height: 150px;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
border: 1px solid #f5f5f5;
|
|
|
|
|
@ -32,7 +32,7 @@
|
|
|
|
|
|
|
|
|
|
.lightBoxGallery img {
|
|
|
|
|
margin: 5px;
|
|
|
|
|
width: 160px;
|
|
|
|
|
height: 100px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#copy-input {
|
|
|
|
|
@ -42,6 +42,17 @@
|
|
|
|
|
opacity: 0;
|
|
|
|
|
z-index: -10;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-content {
|
|
|
|
|
padding: 0 40px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.form-item-label {
|
|
|
|
|
padding-top: 7px;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
width: 110px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
@ -56,6 +67,52 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ibox-content">
|
|
|
|
|
<div class="jqGrid_wrapper">
|
|
|
|
|
<div style="height: 50px;">
|
|
|
|
|
<form class="form-horizontal" id="search-form">
|
|
|
|
|
<div class="form-group" style="display: flex;margin-left: 0px;">
|
|
|
|
|
<label class="form-item-label">案件编号</label>
|
|
|
|
|
<div style="width: 200px;">
|
|
|
|
|
<input type="text" id="select-case_no" name="case_no" class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
<label class="form-item-label">案件类型:</label>
|
|
|
|
|
<div style="width:150px;">
|
|
|
|
|
<select id="select-typeid" name="typeid" data-placeholder="选择案件类型"
|
|
|
|
|
class="chosen-select" tabindex="2">
|
|
|
|
|
<option value="">请选择案件类型</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<label class="form-item-label">县/区:</label>
|
|
|
|
|
<div style="width: 150px;">
|
|
|
|
|
<select id="select-countyid" name="countyid" data-placeholder="选择县/区..."
|
|
|
|
|
class="chosen-select" onchange="handleOrgschange(0,1,this)">
|
|
|
|
|
<option value="">请选择县/区</option>
|
|
|
|
|
</select>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<label class="form-item-label">乡镇/街道:</label>
|
|
|
|
|
<div style="width: 150px;">
|
|
|
|
|
<select id="select-streetid" name="streetid" data-placeholder="选择乡镇/街道"
|
|
|
|
|
class="chosen-select" tabindex="2"
|
|
|
|
|
onchange="handleOrgschange(0,2,this)">
|
|
|
|
|
<option value="">请选择乡镇/街道</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<label class="form-item-label">判读人:</label>
|
|
|
|
|
<div style="width: 150px;">
|
|
|
|
|
<select id="select-panduren" name="identification_userid"
|
|
|
|
|
data-placeholder="选择判读人员" class="chosen-select" tabindex="2">
|
|
|
|
|
<option value="0">请选择判读人员</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-item" style="margin-left: 20px;">
|
|
|
|
|
<button type="button" onClick="handlerSearch(1,this)"
|
|
|
|
|
class="btn btn-primary data-id">重置</button>
|
|
|
|
|
<button type="button" onClick="handlerSearch(2,this)"
|
|
|
|
|
class="btn btn-danger data-id">查询</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<table id="table_list_1"></table>
|
|
|
|
|
<div id="pager_list_1"></div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -73,15 +130,285 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row" id="caseDetail"></div>
|
|
|
|
|
<div class="row" id="caseDetail">
|
|
|
|
|
<form class="form-horizontal">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">案件编号:</label>
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
<input readonly type="text" id="case_no" class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">案件类型:</label>
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
<div class="input-group col-sm-12">
|
|
|
|
|
<input readonly type="text" id="typename"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-2 control-label">案件详情:</label>
|
|
|
|
|
<div class="col-sm-10">
|
|
|
|
|
<input readonly type="text" id="case_description"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-6 control-label">县/区:</label>
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
<div class="input-group col-sm-12">
|
|
|
|
|
<input readonly type="text" id="countyname"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-6 control-label">乡镇/街道:</label>
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
<div class="input-group col-sm-12">
|
|
|
|
|
<input readonly type="text" id="streetname"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-6 control-label">社区/村:</label>
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
<div class="input-group col-sm-12">
|
|
|
|
|
<input readonly type="text" id="communityname"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-6 control-label">详细地址:</label>
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
<input readonly type="text" id="address" class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-6 control-label">图斑面积:</label>
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
<div class="input-group col-sm-12">
|
|
|
|
|
<input readonly type="text" id="area" class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-6 control-label">耕地面积:</label>
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
<div class="input-group col-sm-12">
|
|
|
|
|
<input readonly type="text" id="gengdi_area"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-7 control-label">占重点区域面积:</label>
|
|
|
|
|
<div class="col-sm-5">
|
|
|
|
|
<div class="input-group col-sm-12">
|
|
|
|
|
<input readonly type="text" id="zhongdianquyu_area"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-7 control-label">占生态红线面积:</label>
|
|
|
|
|
<div class="col-sm-5">
|
|
|
|
|
<div class="input-group col-sm-12">
|
|
|
|
|
<input readonly type="text" id="shengtaibaohuhongxian_area"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-6 control-label">占空间规划面积:</label>
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
<div class="input-group col-sm-12">
|
|
|
|
|
<input readonly type="text" id="guotukongjianguihua_area"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-6 control-label">占农用地面积:</label>
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
<div class="input-group col-sm-12">
|
|
|
|
|
<input readonly type="text" id="nongyongdi_area"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">占永久基本农田面积:</label>
|
|
|
|
|
<div class="col-sm-4">
|
|
|
|
|
<div class="input-group col-sm-12">
|
|
|
|
|
<input readonly type="text" id="yongjiujibennongtian_area"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">前影像名称:</label>
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
<input type="text" readonly id="pre_phase_img"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">前时相时间:</label>
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
<input type="text" readonly id="pre_phase_time"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">备注:</label>
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
<input readonly type="text" id="remark" class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">后影像名称:</label>
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
<input type="text" readonly id="later_phase_img"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">后时相时间:</label>
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
<input type="text" readonly id="later_phase_time"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">经纬度:</label>
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
<input readonly type="text" id="lnglat" class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">判读人:</label>
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
<input type="text" readonly id="identification_user"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">判读时间:</label>
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
<input type="text" readonly id="identification_time"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-4 control-label">退回原因:</label>
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
<input type="text" readonly id="examinecomments"
|
|
|
|
|
class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<div class="form-group" style="min-height: 150px;">
|
|
|
|
|
<label class="col-sm-2 control-label">图片:</label>
|
|
|
|
|
<div class="col-sm-10">
|
|
|
|
|
<div class="lightBoxGallery" id="case-imglist"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="modal-footer" style="border-top: 0px;">
|
|
|
|
|
<button type="button" class="btn btn-white"
|
|
|
|
|
data-dismiss="modal">关闭弹窗</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 全局js -->
|
|
|
|
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
|
|
|
|
<script src="js/bootstrap.min.js?v=3.3.7"></script>
|
|
|
|
|
@ -97,116 +424,167 @@
|
|
|
|
|
|
|
|
|
|
<!-- 自定义js -->
|
|
|
|
|
<script src="js/content.js?v=1.0.0"></script>
|
|
|
|
|
<script src="js/index.js"></script>
|
|
|
|
|
<script src="js/request.js"></script>
|
|
|
|
|
<!-- Page-Level Scripts -->
|
|
|
|
|
<script>
|
|
|
|
|
let subOrgs = [];
|
|
|
|
|
let subOrgsCounty = []
|
|
|
|
|
let tableQueryParams = {
|
|
|
|
|
is_Reviewer: 1,
|
|
|
|
|
is_examine: 1,
|
|
|
|
|
is_intact: 1,
|
|
|
|
|
case_no: '0',
|
|
|
|
|
typeid: '0',
|
|
|
|
|
countyid: '0',
|
|
|
|
|
streetid: '0',
|
|
|
|
|
identification_userid: '0'
|
|
|
|
|
}
|
|
|
|
|
let preTableQueryIgnore = ['case_no', 'typeid', 'countyid', 'streetid', 'identification_userid']
|
|
|
|
|
//获取县乡村数据
|
|
|
|
|
function getSubOrgs() {
|
|
|
|
|
getAjaxRequst('/api/Orgs/LoadOrgList?name=临沂市', {}, function (res) {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
subOrgs = res.result;
|
|
|
|
|
subOrgsCounty = subOrgs.filter(i => {
|
|
|
|
|
return i.parentId == '371300'
|
|
|
|
|
})
|
|
|
|
|
$('#select-countyid').empty()
|
|
|
|
|
$('#select-countyid').append(`<option value="0">请选择县/区</option>`)
|
|
|
|
|
subOrgsCounty.map(i => {
|
|
|
|
|
$('#select-countyid').append(`<option value="${i.id}">${i.name}</option>`)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
// 加载判读人/api/AccessObjs/
|
|
|
|
|
function loadPandurenData() {
|
|
|
|
|
let userId = localStorage.getItem("userid", null)
|
|
|
|
|
getAjaxRequst('/api/AccessObjs/GetIntactUserInfo?audituserid=' + userId, {}, function (res) {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
pandurenList = res.result;
|
|
|
|
|
$('#select-panduren').empty()
|
|
|
|
|
$('#select-panduren').append(`<option value="0">请选择判读人</option>`)
|
|
|
|
|
pandurenList.map(i => {
|
|
|
|
|
$('#select-panduren').append(`<option value="${i.id}">${i.name}</option>`
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
function handlerSearch(_type, _this) {
|
|
|
|
|
if (_type == 1) {
|
|
|
|
|
$("#select-case_no").val('')
|
|
|
|
|
$("#select-typeid").val('0')
|
|
|
|
|
$("#select-countyid").val('0')
|
|
|
|
|
$("#select-streetid").val('0')
|
|
|
|
|
$("#select-panduren").val('0')
|
|
|
|
|
preTableQueryIgnore = ['case_no', 'typeid', 'countyid', 'streetid', 'identification_userid']
|
|
|
|
|
$("#table_list_1")
|
|
|
|
|
.jqGrid("clearGridData")
|
|
|
|
|
.jqGrid("setGridParam", { url: baseURL + `/api/DroneCaseinfo/LoadCaseInfoLists?${jsonToUrlParam(tableQueryParams, preTableQueryIgnore)}` })
|
|
|
|
|
.trigger("reloadGrid");
|
|
|
|
|
} else if (_type == 2) {
|
|
|
|
|
let params = $('#search-form').serializeArray();
|
|
|
|
|
params.forEach(item => { tableQueryParams[item.name] = item.value })
|
|
|
|
|
preTableQueryIgnore = params.filter(item => item.value == '0' || item.value == '').map((item) => item.name)
|
|
|
|
|
$("#table_list_1")
|
|
|
|
|
.jqGrid("clearGridData")
|
|
|
|
|
.jqGrid("setGridParam", { url: baseURL + `/api/DroneCaseinfo/LoadCaseInfoLists?${jsonToUrlParam(tableQueryParams, preTableQueryIgnore)}` })
|
|
|
|
|
.trigger("reloadGrid");
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
//切换县乡村
|
|
|
|
|
function handleOrgschange(_type, _level, _this) {
|
|
|
|
|
// _type 类型:0: 搜索框触发
|
|
|
|
|
// _level 级别:1:县 2:乡镇/街道 3:社区/村
|
|
|
|
|
//idx id
|
|
|
|
|
let idx = $(_this).val()
|
|
|
|
|
if (idx) {
|
|
|
|
|
let subOrgsList = subOrgs.filter(i => {
|
|
|
|
|
return i.parentId == idx
|
|
|
|
|
})
|
|
|
|
|
if (_level == 1) {
|
|
|
|
|
//选择县,回显乡镇
|
|
|
|
|
$('#select-streetid').empty()
|
|
|
|
|
$('#select-streetid').append(`<option value="0">请选择乡镇/街道</option>`)
|
|
|
|
|
subOrgsList.forEach(item => {
|
|
|
|
|
$('#select-streetid').append(`<option value="${item.id}">${item.name}</option>`)
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function getDroneCaseType() {
|
|
|
|
|
// /api/Categorys/LoadList?typeid=DRONE_CASE_TYPE
|
|
|
|
|
getAjaxRequst('/api/Categorys/LoadList?typeid=DRONE_CASE_TYPE', {}, function (res) {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
droneCaseTypeList = res.result;
|
|
|
|
|
_droneCaseTypeList = droneCaseTypeList.filter(item => { return item.pId == null })
|
|
|
|
|
$('#select-typeid').empty()
|
|
|
|
|
$('#select-typeid').append(`<option value="0">请选择案件类型</option>`)
|
|
|
|
|
_droneCaseTypeList.forEach(item => {
|
|
|
|
|
$('#select-typeid').append(`<option value="${item.id}">${item.name}</option>`)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
//转化文本,
|
|
|
|
|
function getImageText(img) {
|
|
|
|
|
let img_text = `
|
|
|
|
|
<a href="${imageURL + img}" data-gallery="" class="image-ibox">
|
|
|
|
|
<img src="${imageURL + img}" onerror="onerror=null;src='img/error_image.png'">
|
|
|
|
|
</a>`
|
|
|
|
|
return img_text
|
|
|
|
|
}
|
|
|
|
|
function showModal(id) {
|
|
|
|
|
currentCaseId = id
|
|
|
|
|
getAjaxRequst(
|
|
|
|
|
"/api/DroneCaseinfo/GetCaseInfo?id=" + id, {},
|
|
|
|
|
function (res) {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
infoData = res.result
|
|
|
|
|
let info = res.result.info
|
|
|
|
|
$('#caseDetail').empty()
|
|
|
|
|
let images_text = ''
|
|
|
|
|
$('#case_no').val(info.case_no)
|
|
|
|
|
$('#case_description').val(info.case_description)
|
|
|
|
|
$('#typename').val(info.typename)
|
|
|
|
|
$('#countyname').val(info.countyname)
|
|
|
|
|
$('#streetname').val(info.streetname)
|
|
|
|
|
$('#communityname').val(info.communityname)
|
|
|
|
|
$('#address').val(info.address)
|
|
|
|
|
$('#pre_phase_img').val(info.pre_phase_img)
|
|
|
|
|
$('#pre_phase_time').val(info.pre_phase_time)
|
|
|
|
|
$('#later_phase_img').val(info.later_phase_img)
|
|
|
|
|
$('#later_phase_time').val(info.later_phase_time)
|
|
|
|
|
$('#remark').val(info.remark)
|
|
|
|
|
$('#identification_user').val(info.identification_user)
|
|
|
|
|
$('#identification_time').val(info.identification_time)
|
|
|
|
|
$('#area').val(info.area || '0')
|
|
|
|
|
$('#gengdi_area').val(info.gengdi_area || '0')
|
|
|
|
|
$('#guotukongjianguihua_area').val(info.guotukongjianguihua_area || '0')
|
|
|
|
|
$('#nongyongdi_area').val(info.nongyongdi_area || '0')
|
|
|
|
|
$('#shengtaibaohuhongxian_area').val(info.shengtaibaohuhongxian_area || '0')
|
|
|
|
|
$('#yongjiujibennongtian_area').val(info.yongjiujibennongtian_area || '0')
|
|
|
|
|
$('#zhongdianquyu_area').val(info.zhongdianquyu_area || '0')
|
|
|
|
|
$('#lnglat').val(info.lng + ',' + info.lat)
|
|
|
|
|
$('#examinecomments').val(info.examinecomments)
|
|
|
|
|
$('#case-imglist').empty()
|
|
|
|
|
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('')
|
|
|
|
|
res.result.pic_list.map(item => {
|
|
|
|
|
let img_text = getImageText(item)
|
|
|
|
|
$('#case-imglist').append(img_text)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
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_description || '无'}</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.lng + ',' + info.lat || '无'}</dd>
|
|
|
|
|
|
|
|
|
|
</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>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
`
|
|
|
|
|
$('#caseDetail').append(result_text)
|
|
|
|
|
} else {
|
|
|
|
|
toastr.error(res.message);
|
|
|
|
|
currentCaseId = null
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
function copyText() {
|
|
|
|
|
let text = document.getElementById("map").innerText;
|
|
|
|
|
@ -240,7 +618,7 @@
|
|
|
|
|
$('#myModal').modal('show')
|
|
|
|
|
showModal(rowid)
|
|
|
|
|
},
|
|
|
|
|
colNames: ['案件编号','案件描述','案件类型', '县', '镇', '判读人', '判读时间', '是否通过', '是否审核', '操作'],
|
|
|
|
|
colNames: ['案件编号', '案件描述', '案件类型', '县', '镇', '判读人', '判读时间', '是否通过', '是否审核', '操作'],
|
|
|
|
|
colModel: [
|
|
|
|
|
{
|
|
|
|
|
name: 'case_no',
|
|
|
|
|
@ -333,6 +711,10 @@
|
|
|
|
|
var width = $('.jqGrid_wrapper').width();
|
|
|
|
|
$('#table_list_1').setGridWidth(width);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
getSubOrgs()
|
|
|
|
|
loadPandurenData()
|
|
|
|
|
getDroneCaseType()
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<!-- blueimp gallery -->
|
|
|
|
|
|