|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>已审核</title>
|
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
|
<link href="css/bootstrap.min.css?v=3.3.7" rel="stylesheet">
|
|
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
|
|
<!-- jqgrid-->
|
|
|
<link href="css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
|
|
|
|
|
|
<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">
|
|
|
|
|
|
<style>
|
|
|
/* Additional style to fix warning dialog position */
|
|
|
|
|
|
#alertmod_table_list_2 {
|
|
|
top: 900px !important;
|
|
|
}
|
|
|
|
|
|
.lightBoxGallery {
|
|
|
height: 150px;
|
|
|
overflow: auto;
|
|
|
padding: 10px;
|
|
|
border: 1px solid #f5f5f5;
|
|
|
border-radius: 10px;
|
|
|
}
|
|
|
|
|
|
.lightBoxGallery img {
|
|
|
margin: 5px;
|
|
|
height: 100px;
|
|
|
}
|
|
|
|
|
|
#copy-input {
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
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>
|
|
|
|
|
|
<body class="gray-bg">
|
|
|
<div class="wrapper wrapper-content animated fadeInRight">
|
|
|
<div class="row">
|
|
|
<div class="col-sm-12">
|
|
|
<div class="ibox ">
|
|
|
<div class="ibox-title">
|
|
|
<h5>已审核</h5>
|
|
|
</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: 120px;">
|
|
|
<input type="text" id="select-case_no" name="case_no" class="form-control">
|
|
|
</div>
|
|
|
<label class="form-item-label">案件类型：</label>
|
|
|
<div style="width:135px;">
|
|
|
<select id="select-typeid-1" name="typeid-1" data-placeholder="选择案件类型"
|
|
|
class="chosen-select" tabindex="2" onchange="changeSelectType(1,this)">
|
|
|
<option value="0">请选择案件</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div style="width:135px;">
|
|
|
<select id="select-typeid-2" name="typeid-2" data-placeholder="选择案件类型"
|
|
|
class="chosen-select" tabindex="2" onchange="changeSelectType(2,this)">
|
|
|
<option value="0">请选择案件</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div style="width:135px;">
|
|
|
<select id="select-typeid-3" name="typeid-3" data-placeholder="选择案件类型"
|
|
|
class="chosen-select" tabindex="2" onchange="changeSelectType(3,this)">
|
|
|
<option value="0">请选择案件</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<label class="form-item-label">县/区：</label>
|
|
|
<div style="width: 120px;">
|
|
|
<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: 147px;">
|
|
|
<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: 130px;">
|
|
|
<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>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="modal inmodal" id="myModal" role="dialog" aria-hidden="true" data-keyboard="false">
|
|
|
<div class="modal-dialog">
|
|
|
<div class="modal-content animated bounceInRight">
|
|
|
<div class="ibox-content">
|
|
|
<div class="row">
|
|
|
<div class="col-sm-12">
|
|
|
<div class="m-b-md">
|
|
|
<h2>线索详情</h2>
|
|
|
</div>
|
|
|
</div>
|
|
|
</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-6">
|
|
|
<div class="form-group">
|
|
|
<label class="col-sm-2 control-label">案件类型：</label>
|
|
|
<div class="col-sm-10" style="display: flex;">
|
|
|
<div class="input-group col-sm-4">
|
|
|
<input readonly type="text" id="typename-1"
|
|
|
class="form-control">
|
|
|
</div>
|
|
|
<div class="input-group col-sm-4">
|
|
|
<input readonly type="text" id="typename-2"
|
|
|
class="form-control">
|
|
|
</div>
|
|
|
<div class="input-group col-sm-4">
|
|
|
<input readonly type="text" id="typename-3"
|
|
|
class="form-control">
|
|
|
</div>
|
|
|
</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">
|
|
|
<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-3">
|
|
|
<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-3">
|
|
|
<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-3">
|
|
|
<div class="form-group">
|
|
|
<label class="col-sm-4 control-label">审核人：</label>
|
|
|
<div class="col-sm-8">
|
|
|
<input type="text" readonly id="examine_user"
|
|
|
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">
|
|
|
<input type="text" readonly id="examine_time"
|
|
|
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">
|
|
|
<input type="text" readonly id="examinecomments"
|
|
|
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">
|
|
|
<input type="text" readonly id="examinecaseclose"
|
|
|
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>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Peity -->
|
|
|
<script src="js/plugins/peity/jquery.peity.min.js"></script>
|
|
|
|
|
|
<!-- jqGrid -->
|
|
|
<script src="js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
|
|
|
<script src="js/plugins/jqgrid/jquery.jqGrid.min.js?0820"></script>
|
|
|
|
|
|
<!-- 自定义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_review: 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-1").val('0')
|
|
|
$("#select-typeid-2").val('0')
|
|
|
$("#select-typeid-3").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();
|
|
|
let typeIdData = ''
|
|
|
params.filter(item => item.name.indexOf('typeid') > -1).forEach(item => {
|
|
|
if(item.value != '0' && item.value != ''){
|
|
|
typeIdData = item.value
|
|
|
}
|
|
|
})
|
|
|
params.forEach(item => {
|
|
|
if( item.name.indexOf('typeid') == -1){
|
|
|
tableQueryParams[item.name] = item.value
|
|
|
}
|
|
|
})
|
|
|
tableQueryParams.typeid = typeIdData
|
|
|
preTableQueryIgnore = params.filter(item => item.value == '0' || item.value == '').map((item) => item.name)
|
|
|
if(typeIdData == '0' || typeIdData == ''){
|
|
|
preTableQueryIgnore.push('typeid')
|
|
|
}
|
|
|
$("#table_list_1")
|
|
|
.jqGrid("clearGridData")
|
|
|
.jqGrid("setGridParam", { url: baseURL + `/api/DroneCaseinfo/LoadCaseInfoLists?${jsonToUrlParam(tableQueryParams, preTableQueryIgnore)}` })
|
|
|
.trigger("reloadGrid");
|
|
|
}
|
|
|
}
|
|
|
function changeSelectType(_level, _this){
|
|
|
let idx = $(_this).val()
|
|
|
if (idx) {
|
|
|
let typeList = droneCaseTypeList.filter(i => {
|
|
|
return i.pId == idx
|
|
|
})
|
|
|
console.log('typeList',idx,typeList,droneCaseTypeList)
|
|
|
if (_level == 1) {
|
|
|
$('#select-typeid-2').empty()
|
|
|
$('#select-typeid-3').empty()
|
|
|
$('#select-typeid-2').append(`<option value="0">请选择案件</option>`)
|
|
|
$('#select-typeid-3').append(`<option value="0">请选择案件</option>`)
|
|
|
typeList.forEach(item => {
|
|
|
$('#select-typeid-2').append(`<option value="${item.id}">${item.name}</option>`)
|
|
|
})
|
|
|
}else if(_level == 2){
|
|
|
$('#select-typeid-3').empty()
|
|
|
$('#select-typeid-3').append(`<option value="0">请选择案件</option>`)
|
|
|
typeList.forEach(item => {
|
|
|
$('#select-typeid-3').append(`<option value="${item.id}">${item.name}</option>`)
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
//切换县乡村
|
|
|
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-1').empty()
|
|
|
$('#select-typeid-1').append(`<option value="0">请选择案件</option>`)
|
|
|
_droneCaseTypeList.forEach(item => {
|
|
|
$('#select-typeid-1').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
|
|
|
$('#case_no').val(info.case_no)
|
|
|
$('#case_description').val(info.case_description)
|
|
|
$('#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)
|
|
|
$('#examine_user').val(info.examineuser)
|
|
|
$('#examine_time').val(info.examinetime)
|
|
|
$('#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) {
|
|
|
res.result.pic_list.map(item => {
|
|
|
let img_text = getImageText(item)
|
|
|
$('#case-imglist').append(img_text)
|
|
|
})
|
|
|
}
|
|
|
$('#typename-1').val(info.typename)
|
|
|
$('#typename-2').val(info.sec_typename)
|
|
|
$('#typename-3').val(info.thr_typename)
|
|
|
} else {
|
|
|
toastr.error(res.message);
|
|
|
currentCaseId = null
|
|
|
}
|
|
|
}
|
|
|
);
|
|
|
|
|
|
|
|
|
}
|
|
|
function copyText() {
|
|
|
let text = document.getElementById("map").innerText;
|
|
|
let input = document.getElementById("copy-input");
|
|
|
input.value = text; // 修改文本框的内容
|
|
|
input.select(); // 选中文本
|
|
|
document.execCommand("copy"); // 执行浏览器复制命令
|
|
|
alert("复制成功");
|
|
|
}
|
|
|
$(document).ready(function () {
|
|
|
$.jgrid.defaults.styleUI = 'Bootstrap';
|
|
|
$("#table_list_1").jqGrid('clearGridData');
|
|
|
$("#table_list_1").jqGrid({
|
|
|
url: baseURL + '/api/DroneCaseinfo/LoadCaseInfoLists?is_Reviewer=1&is_review=1&is_intact=1',
|
|
|
loadBeforeSend: function (jqXHR) {
|
|
|
jqXHR.setRequestHeader("X-Token", localStorage.getItem('token'));
|
|
|
},
|
|
|
jsonReader: {
|
|
|
root: "root",
|
|
|
page: "page",
|
|
|
total: "total",
|
|
|
records: "totalCount"
|
|
|
},
|
|
|
datatype: "json",
|
|
|
height: "100%",
|
|
|
autowidth: true,
|
|
|
shrinkToFit: true,
|
|
|
rowNum: 10,
|
|
|
// rowList: [10, 20, 30],
|
|
|
ondblClickRow: function (rowid, iRow, iCol, e) {
|
|
|
$('#myModal').modal('show')
|
|
|
showModal(rowid)
|
|
|
},
|
|
|
colNames: ['案件编号', '案件描述', '案件类型', '县', '镇', '判读人', '判读时间', '是否通过', '是否审核', '操作'],
|
|
|
colModel: [
|
|
|
{
|
|
|
name: 'case_no',
|
|
|
index: 'case_no',
|
|
|
align: 'center',
|
|
|
width: 100,
|
|
|
},
|
|
|
{
|
|
|
name: 'case_description',
|
|
|
index: 'case_description',
|
|
|
align: 'center',
|
|
|
},
|
|
|
|
|
|
{
|
|
|
name: 'typename',
|
|
|
index: 'typename',
|
|
|
align: 'center',
|
|
|
width: 100
|
|
|
},
|
|
|
{
|
|
|
name: 'countyname',
|
|
|
index: 'countyname',
|
|
|
align: 'center',
|
|
|
width: 50,
|
|
|
},
|
|
|
{
|
|
|
name: 'streetname',
|
|
|
index: 'streetname',
|
|
|
align: 'center',
|
|
|
width: 50,
|
|
|
},
|
|
|
{
|
|
|
name: 'identification_user',
|
|
|
index: 'identification_user',
|
|
|
width: 80,
|
|
|
align: 'center',
|
|
|
},
|
|
|
{
|
|
|
name: 'identification_time',
|
|
|
index: 'identification_time',
|
|
|
width: 80,
|
|
|
align: 'center',
|
|
|
sorttype: "date"
|
|
|
},
|
|
|
{
|
|
|
name: '操作',
|
|
|
align: "center",
|
|
|
width: 50,
|
|
|
formatter: function (value, grid, rows) {
|
|
|
if (rows.is_agree) {
|
|
|
return `<p><span class="badge badge-primary">通过</span></p>`;
|
|
|
} else {
|
|
|
return `<p><span class="badge badge-warning">未通过</span></p>`;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
name: '操作',
|
|
|
align: "center",
|
|
|
width: 50,
|
|
|
formatter: function (value, grid, rows) {
|
|
|
if (rows.is_review == 0) {
|
|
|
return `<p><span class="badge badge-warning">待审核</span></p>`;
|
|
|
} else {
|
|
|
return `<p><span class="badge badge-primary">已审核</span></p>`;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
name: '操作',
|
|
|
align: "center",
|
|
|
width: 50,
|
|
|
formatter: function (value, grid, rows) {
|
|
|
var id = rows.id;
|
|
|
return `<button type="button" onClick="showModal('${id}')" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
|
|
|
详情
|
|
|
</button>`;
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
pager: "#pager_list_1",
|
|
|
viewrecords: true,
|
|
|
caption: "",
|
|
|
hidegrid: false
|
|
|
});
|
|
|
// Add responsive to jqGrid
|
|
|
$(window).bind('resize', function () {
|
|
|
var width = $('.jqGrid_wrapper').width();
|
|
|
$('#table_list_1').setGridWidth(width);
|
|
|
});
|
|
|
|
|
|
getSubOrgs()
|
|
|
loadPandurenData()
|
|
|
getDroneCaseType()
|
|
|
});
|
|
|
</script>
|
|
|
<!-- blueimp gallery -->
|
|
|
<script src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html> |