You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1358 lines
69 KiB
HTML

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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">
<link rel="shortcut icon" href="favicon.ico">
<link href="css/bootstrap.min.css?v=3.3.7" rel="stylesheet">
<!-- jqgrid-->
<link href="css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<link href="css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
<link href="css/plugins/iCheck/custom.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css?v=4.1.0" rel="stylesheet">
<link href="css/plugins/dropzone/basic.css" rel="stylesheet">
<link href="css/plugins/dropzone/dropzone.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;
min-width: 50px;
}
#copy-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -10;
}
.case-route-model {
display: flex;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.2);
position: fixed;
top: 0;
left: 0;
z-index: 22222;
}
.case-route {
display: flex;
flex-direction: column;
position: absolute;
top: calc(50vh - 200px);
left: calc(50vw - 300px);
width: 600px;
height: 400px;
border-radius: 8px;
background-color: #fff;
}
.case-route-che {
line-height: 30px;
}
#caseRouteForm {
padding-bottom: 20px;
overflow-y: scroll;
height: 300px;
margin: 0;
}
.case-router-sub {
position: absolute;
bottom: 10px;
right: 100px;
}
.case-router-cel {
position: absolute;
bottom: 10px;
right: 30px;
}
.myModal {
display: none;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 22221;
}
.form-item-label {
padding-top: 7px;
margin-bottom: 0;
text-align: center;
width: 110px;
}
.info-dt {
margin-top: 8px;
}
.image-ibox {
position: relative;
display: inline-block;
}
.image-ibox-close {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
.modal-content {
padding: 0 40px;
}
</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="myModal" id="myModal" 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 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">
<select id="typename-1" name="typename-1"
data-placeholder="选择案件类型" class="chosen-select"
tabindex="2" onchange="infoChangeType(1,this)">
<option value="">请选择案件</option>
</select>
</div>
<div class="input-group col-sm-4">
<select id="typename-2" name="typename-2"
data-placeholder="选择案件类型" class="chosen-select"
tabindex="2" onchange="infoChangeType(2,this)">
<option value="">请选择案件</option>
</select>
</div>
<div class="input-group col-sm-4">
<select id="typename-3" name="typename-3"
data-placeholder="选择案件类型" class="chosen-select"
tabindex="2" onchange="infoChangeType(3,this)">
<option value="">请选择案件</option>
</select>
</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 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">
<select id="countyname" name="countyname"
data-placeholder="选择县/区..." class="chosen-select"
tabindex="2" onchange="handleOrgschange(1,1,this)">
<option value="">请选择县/区</option>
</select>
</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">
<select id="streetname" name="streetname"
data-placeholder="选择乡镇/街道" class="chosen-select"
tabindex="2" onchange="handleOrgschange(1,2,this)">
<option value="">请选择乡镇/街道</option>
</select>
</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">
<select id="communityname" name="communityname"
data-placeholder="选择社区/村" class="chosen-select"
tabindex="2" onchange="handleOrgschange(1,3,this)">
<option value="">请选择社区/村</option>
</select>
</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 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 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 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 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 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 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 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 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 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-6">
<input readonly type="text" id="lnglat" class="form-control">
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary" id="copyButton"
data-clipboard-target="#lnglat">复制</button>
</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>
<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>
<label title="上传图片" for="inputImage" class="btn btn-primary">
<input type="file" multiple accept="image/*" name="file"
id="inputImage" class="hide"> 上传新图片
</label>
</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>
<button type="button" onClick="handlerShenhe(3,this)"
class="btn btn-danger data-id" data-dismiss="modal">关闭线索</button>
<button type="button" onClick="handlerShenhe(1,this)"
class="btn btn-primary data-id">通 过</button>
<button type="button" onClick="handlerShenhe(2,this)"
class="btn btn-danger data-id">不通过</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="case-route-model" id="case-route-model" style="display: none">
<div class="case-route">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>请选择推送地址</h5>
</div>
<form id="caseRouteFormV" role="form">
<div class="row" id="caseRouteForm"></div>
<button class="btn btn-danger case-router-sub" type="button"
onclick="handerSubmitCaseRoute(0)">取消</button>
<button class="btn btn-success case-router-cel" type="button"
onclick="handerSubmitCaseRoute(1)">提交</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="spin-div" id="spin-div">
<div class="spiner-example">
<div class="sk-spinner sk-spinner-double-bounce">
<div class="sk-double-bounce1"></div>
<div class="sk-double-bounce2"></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>
<link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
<!-- 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>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="js/plugins/toastr/toastr.min.js"></script>
<script src="https://www.itxst.com/package/clipboardjs/clipboard.min.js"></script>
<script src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
<!-- 自定义js -->
<script src="js/plugins/iCheck/icheck.min.js"></script>
<script src="js/content.js?v=1.0.0"></script>
<script src="js/request.js"></script>
<script src="js/plugins/dropzone/dropzone.js"></script>
<script src="js/index.js"></script>
<!-- Page-Level Scripts -->
<script>
var currentCaseId = null;
var currentTable = null;
let infoData = null
let droneCaseTypeList = []
// let http://192.168.10.102:9008/api/Check/GetSubOrgs?orgId=371300
let subOrgs = [];
let subOrgsCounty = []
let currentImgSrcList = []
let tableQueryParams = {
is_Reviewer: 1,
is_review: 0,
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>`)
})
}
})
}
var chosenConfig = {
'.chosen-select': {
width: "100%"
},
'.chosen-select-deselect': {
allow_single_deselect: true
},
'.chosen-select-no-single': {
disable_search_threshold: 10
},
'.chosen-select-no-results': {
no_results_text: 'Oops, nothing found!'
},
'.chosen-select-width': {
width: "100%"
}
}
function getDroneCaseType() {
// /api/Categorys/LoadList?typeid=DRONE_CASE_TYPE
$('#spin-div').css("display","block")
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>`)
})
}
$('#spin-div').css("display","none")
})
}
// 加载判读人​/api/AccessObjs/
function loadPandurenData() {
let userId = localStorage.getItem("userid", null)
$('#spin-div').css("display","block")
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>`
)
})
}
$('#spin-div').css("display","none")
})
}
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 handlerShenhe(_type, _this) {
let id = $(_this).attr('data-id');
console.log('id::: ', id);
console.log('_type::: ', _type);
// myModal
if (_type == 1) {
let typeId = $('#typename-1').val()
let input_nongyongdi_area = $('#nongyongdi_area').val()
// 选择农用地
if(typeId == '5f7e86e1-e202-4f39-af2d-713e07939086' && !(Number(input_nongyongdi_area) > 0)){
swal({
text: `农用地 类型时 占农用地面积 需大于0`,
icon: "warning"
});
}
// 选择建设用地
if(typeId == '1ca0f898-a4c5-4e45-9505-46160a16dfbf' && !(Number(input_nongyongdi_area) == 0)){
swal({
text: `建设用地 类型时 占农用地面积 需为0`,
icon: "warning"
});
}
let info = {
case_no: $('#case_no').val() || null,
'typename-1': $('#typename-1').val() || null,
case_description: $('#case_description').val() || null,
countyname: $('#countyname').val() || null,
streetname: $('#streetname').val() || null,
communityname: $('#communityname').val() || null,
address: $('#address').val() || null,
area: $('#area').val() || null,
gengdi_area: $('#gengdi_area').val() || null,
guotukongjianguihua_area: $('#guotukongjianguihua_area').val() || null,
nongyongdi_area: $('#nongyongdi_area').val() || null,
shengtaibaohuhongxian_area: $('#shengtaibaohuhongxian_area').val() || null,
yongjiujibennongtian_area: $('#yongjiujibennongtian_area').val() || null,
zhongdianquyu_area: $('#zhongdianquyu_area').val() || null,
}
let intercept = false
Object.keys(info).forEach(key => {
if(['typename-1', 'countyname', 'streetname', 'communityname'].includes(key)){
if(info[key] == '0'){
intercept = true
swal({
text: `不允许提交为空的数据`,
icon: "warning"
});
return
}
}
if(info[key] == null){
intercept = true
swal({
text: `不允许提交为空的数据`,
icon: "warning"
});
return
}
})
if(intercept){
return
}
LoadDataBase();
$('#case-route-model').fadeIn();
} else if (_type == 2) {
swal("请输入不通过原因:", {
content: "input",
buttons: {
cancel: "取消",
confirm: "确定"
}
}).then((value) => {
if (value !== null) {
if (value == "") {
swal({
text: `请输入不通过原因`
, icon: "warning"
});
return false;
}
let data = formatFormData(false)
data.info.examinecomments = value
shenheRequest(data)
} else {
swal({
text: `取消操作`,
icon: "warning"
});
return false;
}
});
} else if (_type == 3) {
swal("请输入线索关闭原因:", {
content: "input",
buttons: {
cancel: "取消",
confirm: "确定"
}
}).then((value) => {
if (value !== null) {
if (value == "") {
swal({
text: `请输入线索关闭原因`
, icon: "warning"
});
return false;
}
$('#spin-div').css("display","block")
postAjaxRequst(
"/api/DroneCaseinfo/CloseDroneCaseInfos?id=" + id + "&close_comments=" + value, {},
function (res) {
if (res.code == 200) {
$("#table_list_1").jqGrid().trigger("reloadGrid")
swal({
text: res.message,
icon: "success"
})
}
$('#spin-div').css("display","none")
}
)
} else {
swal({
text: `取消操作`,
icon: "warning"
});
return false;
}
});
}
}
//删除乱码的转义字符
function getImageId(img) {
var parts = img.replace(/\\/g, "-")
return parts
}
//转化文本,
function getImageText(img) {
let imageId = getImageId(img)
let img_text = `
<a href="${imageURL + img}" data-gallery="" data-imageurl='${imageId}' class="image-ibox">
<img src="${imageURL + img}" onerror="onerror=null;src='img/error_image.png'">
<button class="btn btn-warning btn-circle image-ibox-close" type="button"
onClick="deleteImage(this,'${imageId}',event)">
<i class="fa fa-times"></i>
</button>
</a>`
return img_text
}
//删除图片
function deleteImage(e, img, event) {
event.preventDefault()
event.stopPropagation();
swal({
title: '确定要删除该图片吗?',
icon: 'warning',
buttons: {
cancel: "取消",
confirm: {
text: "确定",
value: true,
}
}
}).then(res => {
if (res) {
for (let i = 0; i < $('[data-imageurl]').length; i++) {
if (getImageId($($('[data-imageurl]')[i]).attr('data-imageurl')) == getImageId(img)) {
$($('[data-imageurl]')[i]).remove()
}
}
}
currentImgSrcList.forEach((item, index) => {
console.log('item::: ', item);
if (getImageId(item) == getImageId(img)) {
currentImgSrcList.splice(index, 1)
}
})
console.log(currentImgSrcList)
})
}
//切换县乡村
function handleOrgschange(_type, _level, _this) {
// _type 类型0 搜索框触发 1弹窗中触发
// _level 级别1县 2乡镇/街道 3社区/村
//idx id
let idx = $(_this).val()
if (idx) {
let subOrgsList = subOrgs.filter(i => {
return i.parentId == idx
})
if (_level == 1) {
//选择县,回显乡镇
if (_type == 1) {
$('#streetname').empty()
$('#communityname').empty()
$('#streetname').append(`<option value="0">请选择乡镇/街道</option>`)
$('#communityname').append(`<option value="0">请选择社区/村</option>`)
subOrgsList.forEach(item => {
$('#streetname').append(`<option value="${item.id}">${item.name}</option>`)
})
} else if (_type == 0) {
$('#select-streetid').empty()
$('#select-streetid').append(`<option value="0">请选择乡镇/街道</option>`)
subOrgsList.forEach(item => {
$('#select-streetid').append(`<option value="${item.id}">${item.name}</option>`)
})
}
} else if (_level == 2 && _type == 1) {
$('#communityname').empty()
$('#communityname').append(`<option value="0">请选择社区/村</option>`)
subOrgsList.forEach(item => {
$('#communityname').append(`<option value="${item.id}">${item.name}</option>`)
})
} else {
return false;
}
}
}
function changeSelectType(_level, _this){
let idx = $(_this).val()
if (idx) {
let typeList = droneCaseTypeList.filter(i => {
return i.pId == idx
})
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 infoChangeType(_level, _this){
let idx = $(_this).val()
if (idx) {
let typeList = droneCaseTypeList.filter(i => {
return i.pId == idx
})
if (_level == 1) {
$('#typename-2').empty()
$('#typename-3').empty()
$('#typename-2').append(`<option value="0">请选择案件</option>`)
$('#typename-3').append(`<option value="0">请选择案件</option>`)
typeList.forEach(item => {
$('#typename-2').append(`<option value="${item.id}">${item.name}</option>`)
})
}else if(_level == 2){
$('#typename-3').empty()
$('#typename-3').append(`<option value="0">请选择案件</option>`)
typeList.forEach(item => {
$('#typename-3').append(`<option value="${item.id}">${item.name}</option>`)
})
}
}
}
// 切换省市区
function showModal(id) {
currentCaseId = id
currentImgSrcList = []
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)
$('#typename').val(info.typename)
$('#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)
// 按钮传参
$('.data-id').attr('data-id', info.id)
// 加载照片
$('#case-imglist').empty()
currentImgSrcList = res.result.pic_list
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)
})
}
//处理省市区回显与联动
$('#countyname').empty()
$('#streetname').empty()
$('#communityname').empty()
$('#countyname').append(`<option value="0">请选择区县</option>`)
$('#streetname').append(`<option value="0">请选择乡镇/街道</option>`)
$('#communityname').append(`<option value="0">请选择社区/村</option>`)
let subOrgsStreet = subOrgs.filter(item => { return item.parentId == info.countyid })
let subOrgsCommunity = subOrgs.filter(item => { return item.parentId == info.streetid })
subOrgsCounty.forEach(item => {
$('#countyname').append(`<option value="${item.id}">${item.name}</option>`)
})
if (subOrgsCounty.find(item => { return item.id == info.countyid })) {
$('#countyname').val(info.countyid)
} else {
$('#countyname').val('0')
}
subOrgsStreet.forEach(item => {
$('#streetname').append(`<option value="${item.id}">${item.name}</option>`)
})
if (subOrgsStreet.find(item => { return item.id == info.streetid })) {
$('#streetname').val(info.streetid)
} else {
$('#streetname').val('0')
}
subOrgsCommunity.forEach(item => {
$('#communityname').append(`<option value="${item.id}">${item.name}</option>`)
})
if (subOrgsCommunity.find(item => { return item.id == info.communityid })) {
$('#communityname').val(info.communityid)
} else {
$('#communityname').val('0')
}
// 处理违法类型数据
$('#typename-1').empty()
$('#typename-2').empty()
$('#typename-3').empty()
$('#typename-1').append(`<option value="0">请选择案件</option>`)
$('#typename-2').append(`<option value="0">请选择案件</option>`)
$('#typename-3').append(`<option value="0">请选择案件</option>`)
_droneCaseTypeList = droneCaseTypeList.filter(item => { return item.pId == null })
_droneCaseTypeList.forEach(item => {
$('#typename-1').append(`<option value="${item.id}">${item.name}</option>`)
})
if(info.typeid){
droneCaseTypeList.filter(item => { return item.pId == info.typeid }).forEach(item => {
$('#typename-2').append(`<option value="${item.id}">${item.name}</option>`)
})
}
if(info.sec_typeid){
droneCaseTypeList.filter(item => { return item.pId == info.sec_typeid }).forEach(item => {
$('#typename-3').append(`<option value="${item.id}">${item.name}</option>`)
})
}
$('#typename-1').val(info.typeid || '0')
$('#typename-2').val(info.sec_typeid || '0')
$('#typename-3').val(info.thr_typeid || '0')
} else {
toastr.error(res.message);
currentCaseId = null
}
}
);
}
// 上传文件
function uploadFileFunc(params) {
uploadFile('api/Platform/Upload?project=DroneEnforcement', params, function (res) {
console.log('res::: ', res);
var result = res.result
result.forEach(function (item) {
let img_text = getImageText(item.filePath)
$('#case-imglist').append(img_text)
currentImgSrcList.push(item.filePath)
})
})
}
function copyText() {
var clipboard = new ClipboardJS('#copyButton');
clipboard.on('success', function (e) {
e.clearSelection();
toastr.success('复制成功')
clipboard = null
});
clipboard.on('error', function (e) {
toastr.error('复制失败')
});
clipboard = null
}
function formatFormData(is_agree) {
let caseRouteFormV = $('#caseRouteFormV').serializeArray();
let databaseId = caseRouteFormV.map(item => item.value)
let countyid = $('#countyname').val()
let casecounty = subOrgs.filter(item => { return item.id == countyid })
let communityid = $('#communityname').val()
let casecommunity = subOrgs.filter(item => { return item.id == communityid })
let streetid = $('#streetname').val()
let casestreet = subOrgs.filter(item => { return item.id == streetid })
let typeid = $('#typename-1').val()
let sec_typeid = $('#typename-2').val()
let thr_typeid = $('#typename-3').val()
let casetypes = droneCaseTypeList.filter(item => { return item.id == typeid })
let sec_casetypes = droneCaseTypeList.filter(item => { return item.id == sec_typeid })
let thr_casetypes = droneCaseTypeList.filter(item => { return item.id == thr_typeid })
let _info = {
...infoData.info,
case_description: $('#case_description').val(),
typeid: typeid,
typename: casetypes.length ? casetypes[0].name : null,
sec_typeid:sec_typeid,
sec_typename: sec_casetypes.length ? sec_casetypes[0].name : null,
thr_typeid: thr_typeid,
thr_typename: thr_casetypes.length ? thr_casetypes[0].name : null,
countyid: countyid,
countyname: casecounty.length ? casecounty[0].name : null,
communityid: communityid,
communityname: casecommunity.length ? casecommunity[0].name : null,
streetid: streetid,
streetname: casestreet.length ? casestreet[0].name : null,
address: $('#address').val(),
remark: $('#remark').val(),
is_agree: is_agree,
area: $('#area').val(),
gengdi_area: $('#gengdi_area').val(),
guotukongjianguihua_area: $('#guotukongjianguihua_area').val(),
nongyongdi_area: $('#nongyongdi_area').val(),
shengtaibaohuhongxian_area: $('#shengtaibaohuhongxian_area').val(),
yongjiujibennongtian_area: $('#yongjiujibennongtian_area').val(),
zhongdianquyu_area: $('#zhongdianquyu_area').val(),
}
let data = {
...infoData,
info: _info,
databaseid: databaseId,
pic_list: currentImgSrcList
}
return data
}
function shenheRequest(data) {
$('#spin-div').css("display","block")
postAjaxRequst('/api/DroneCaseinfo/UpdateDroneCaseInfoExamine', data, function (res) {
if (res.code == 200) {
swal({
text: res.message,
icon: "success"
});
} else {
swal({
text: res.message,
icon: "error"
});
}
$('#spin-div').css("display","none")
$('#case-route-model').fadeOut();
$('#myModal').fadeOut()
$("#table_list_1").jqGrid().trigger("reloadGrid")
currentCaseId = null
})
}
//提交审核-同意
function handerSubmitCaseRoute(type) {
if (!type) {
$('#case-route-model').fadeOut();
return false;
}
let caseRouteFormV = $('#caseRouteFormV').serializeArray();
if (!caseRouteFormV.length) {
toastr.error('请选择推送地址')
return false;
}
let data = formatFormData(true)
shenheRequest(data)
}
// 获取推送地址
function LoadDataBase() {
// /api/Orgs/LoadDataBase
getAjaxRequst('/api/Orgs/LoadDataBase', {}, function (res) {
if (res.code == 200) {
console.log(res, 111)
$('#caseRouteForm').empty()
res.result.forEach((item) => {
$('#caseRouteForm').append(
`
<div class="checkbox i-checks case-route-che">
<label><input type="checkbox" name='caseroute' value="${item.id}"> <i></i>${item.database_name}</label>
</div>
`
)
})
$('.i-checks').iCheck({
checkboxClass: 'icheckbox_square-green',
radioClass: 'iradio_square-green',
});
}
})
}
$(document).ready(function () {
$.jgrid.defaults.styleUI = 'Bootstrap';
$("#table_list_1").jqGrid('clearGridData');
$("#table_list_1").jqGrid({
url: baseURL + `/api/DroneCaseinfo/LoadCaseInfoLists?${jsonToUrlParam(tableQueryParams, preTableQueryIgnore)}`,
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: 14,
// rowList: [10, 20, 30],
colNames: ['案件编号', '案件描述', '案件类型', '县', '镇', '判读人', '判读时间', '状态', '操作'],
ondblClickRow: function (rowid, iRow, iCol, e) {
$('#myModal').modal('show')
showModal(rowid)
},
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_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);
});
//图片上传
var $inputImage = $("#inputImage");
if (window.FileReader) {
$inputImage.change(function () {
var fileReader = new FileReader(),
files = this.files, file;
if (!files.length) {
return;
}
file = files[0];
let params = new window.FormData();
for (let i = 0; i < files.length; i++) {
file = files[i];
params.append('files', file)
}
uploadFileFunc(params)
});
} else {
$inputImage.addClass("hide");
}
//获取省市区数据
getSubOrgs()
//获取违法分类数据
getDroneCaseType()
//获取判断人数据
loadPandurenData()
// 剪切板
var clipboard = new ClipboardJS('#copyButton');
clipboard.on('success', function (e) {
e.clearSelection();
toastr.success('复制成功')
clipboard = null
});
clipboard.on('error', function (e) {
toastr.error('复制失败')
clipboard.off()
});
clipboard = null
});
</script>
</body>
</html>