PanDuWeb/table_daishenhe.html

1305 lines
67 KiB
HTML
Raw Normal View History

2024-07-17 15:42:30 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2024-07-18 17:18:42 +08:00
<title>待审核</title>
2024-07-17 15:42:30 +08:00
<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">
2024-07-18 15:10:33 +08:00
<link rel="shortcut icon" href="favicon.ico">
<link href="css/bootstrap.min.css?v=3.3.7" rel="stylesheet">
2024-07-17 15:42:30 +08:00
<!-- jqgrid-->
2024-07-18 15:10:33 +08:00
<link href="css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
2024-07-17 15:42:30 +08:00
<link href="css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
2024-07-18 15:10:33 +08:00
<link href="css/plugins/iCheck/custom.css" rel="stylesheet">
2024-07-17 15:42:30 +08:00
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css?v=4.1.0" rel="stylesheet">
2024-07-20 09:02:14 +08:00
<link href="css/plugins/dropzone/basic.css" rel="stylesheet">
<link href="css/plugins/dropzone/dropzone.css" rel="stylesheet">
2024-07-18 15:10:33 +08:00
2024-07-17 15:42:30 +08:00
<style>
/* Additional style to fix warning dialog position */
#alertmod_table_list_2 {
top: 900px !important;
}
.lightBoxGallery {
2024-07-24 08:50:23 +08:00
height: 150px;
2024-07-17 15:42:30 +08:00
overflow: auto;
padding: 10px;
border: 1px solid #f5f5f5;
border-radius: 10px;
}
.lightBoxGallery img {
margin: 5px;
2024-07-24 08:50:23 +08:00
height: 100px;
min-width: 50px;
2024-07-17 15:42:30 +08:00
}
#copy-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -10;
}
2024-07-18 15:10:33 +08:00
.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;
}
2024-07-24 08:50:23 +08:00
.myModal {
2024-07-19 10:00:30 +08:00
display: none;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 22221;
}
2024-07-24 08:50:23 +08:00
.form-item-label {
2024-07-20 09:02:14 +08:00
padding-top: 7px;
margin-bottom: 0;
text-align: center;
width: 110px;
}
2024-07-24 08:50:23 +08:00
.info-dt {
2024-07-20 09:02:14 +08:00
margin-top: 8px;
}
2024-07-24 08:50:23 +08:00
.image-ibox {
position: relative;
display: inline-block;
}
.image-ibox-close {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
.modal-content {
padding: 0 40px;
}
2024-07-17 15:42:30 +08:00
</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">
2024-07-20 09:02:14 +08:00
<div style="height: 50px;">
2024-07-24 08:50:23 +08:00
<form class="form-horizontal" id="search-form">
2024-07-20 09:02:14 +08:00
<div class="form-group" style="display: flex;margin-left: 0px;">
<label class="form-item-label">案件编号</label>
<div style="width: 120px;">
2024-07-24 08:50:23 +08:00
<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)">
2024-07-24 14:57:46 +08:00
<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)">
2024-07-24 14:57:46 +08:00
<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)">
2024-07-24 14:57:46 +08:00
<option value="0">请选择案件</option>
2024-07-24 08:50:23 +08:00
</select>
2024-07-20 09:02:14 +08:00
</div>
2024-07-24 08:50:23 +08:00
<label class="form-item-label">县/区:</label>
<div style="width: 120px;">
2024-07-24 08:50:23 +08:00
<select id="select-countyid" name="countyid" data-placeholder="选择县/区..."
class="chosen-select" onchange="handleOrgschange(0,1,this)">
<option value="">请选择县/区</option>
</select>
2024-07-20 09:02:14 +08:00
</div>
2024-07-24 08:50:23 +08:00
<label class="form-item-label">乡镇/街道:</label>
<div style="width: 147px;">
2024-07-24 08:50:23 +08:00
<select id="select-streetid" name="streetid" data-placeholder="选择乡镇/街道"
class="chosen-select" tabindex="2"
onchange="handleOrgschange(0,2,this)">
<option value="">请选择乡镇/街道</option>
</select>
2024-07-20 09:02:14 +08:00
</div>
2024-07-24 08:50:23 +08:00
<label class="form-item-label">判读人:</label>
<div style="width: 130px;">
2024-07-24 08:50:23 +08:00
<select id="select-panduren" name="identification_userid"
data-placeholder="选择判读人员" class="chosen-select" tabindex="2">
<option value="0">请选择判读人员</option>
</select>
2024-07-20 09:02:14 +08:00
</div>
2024-07-24 08:50:23 +08:00
<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>
2024-07-20 09:02:14 +08:00
</div>
</div>
</form>
</div>
2024-07-17 15:42:30 +08:00
<table id="table_list_1"></table>
<div id="pager_list_1"></div>
</div>
</div>
</div>
2024-07-19 10:00:30 +08:00
<div class="myModal" id="myModal">
2024-07-17 15:42:30 +08:00
<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>
2024-07-24 08:50:23 +08:00
<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>
2024-07-24 14:57:46 +08:00
<div class="col-md-6">
2024-07-24 08:50:23 +08:00
<div class="form-group">
2024-07-24 14:57:46 +08:00
<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"
2024-07-24 08:50:23 +08:00
data-placeholder="选择案件类型" class="chosen-select"
2024-07-24 14:57:46 +08:00
tabindex="2" onchange="infoChangeType(3,this)">
<option value="">请选择案件</option>
2024-07-24 08:50:23 +08:00
</select>
</div>
</div>
</div>
</div>
2024-07-24 14:57:46 +08:00
<div class="col-md-3">
2024-07-24 08:50:23 +08:00
<div class="form-group">
2024-07-24 14:57:46 +08:00
<label class="col-sm-4 control-label">案件详情:</label>
<div class="col-sm-8">
2024-07-24 08:50:23 +08:00
<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>
2024-07-17 15:42:30 +08:00
</div>
</div>
</div>
</div>
2024-07-24 08:50:23 +08:00
</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>
2024-07-18 15:10:33 +08:00
</div>
2024-07-24 08:50:23 +08:00
<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>
2024-07-18 15:10:33 +08:00
</div>
</div>
2024-07-17 15:42:30 +08:00
</div>
</div>
</div>
2024-07-18 15:10:33 +08:00
</div>
2024-07-24 08:50:23 +08:00
</div>
2024-07-17 15:42:30 +08:00
<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.7"></script>
2024-07-18 15:10:33 +08:00
<link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
2024-07-17 15:42:30 +08:00
<!-- 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>
2024-07-18 10:15:26 +08:00
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
2024-07-18 15:10:33 +08:00
<script src="js/plugins/toastr/toastr.min.js"></script>
2024-07-24 08:50:23 +08:00
<script src="https://www.itxst.com/package/clipboardjs/clipboard.min.js"></script>
<script src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
2024-07-17 15:42:30 +08:00
<!-- 自定义js -->
2024-07-18 15:10:33 +08:00
<script src="js/plugins/iCheck/icheck.min.js"></script>
2024-07-17 15:42:30 +08:00
<script src="js/content.js?v=1.0.0"></script>
<script src="js/request.js"></script>
2024-07-20 09:02:14 +08:00
<script src="js/plugins/dropzone/dropzone.js"></script>
2024-07-24 08:50:23 +08:00
<script src="js/index.js"></script>
2024-07-17 15:42:30 +08:00
<!-- Page-Level Scripts -->
<script>
2024-07-18 15:10:33 +08:00
var currentCaseId = null;
var currentTable = null;
2024-07-20 09:02:14 +08:00
let infoData = null
2024-07-24 08:50:23 +08:00
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_examine: 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
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()
2024-07-24 14:57:46 +08:00
$('#select-typeid-1').append(`<option value="0">请选择案件</option>`)
2024-07-24 08:50:23 +08:00
_droneCaseTypeList.forEach(item => {
$('#select-typeid-1').append(`<option value="${item.id}">${item.name}</option>`)
2024-07-24 08:50:23 +08:00
})
}
})
}
// 加载判读人​/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')
2024-07-24 08:50:23 +08:00
$("#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
2024-07-24 08:50:23 +08:00
preTableQueryIgnore = params.filter(item => item.value == '0' || item.value == '').map((item) => item.name)
if(typeIdData == '0' || typeIdData == ''){
preTableQueryIgnore.push('typeid')
}
2024-07-24 08:50:23 +08:00
$("#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);
2024-07-18 10:15:26 +08:00
// myModal
if (_type == 1) {
2024-07-18 15:10:33 +08:00
LoadDataBase();
$('#case-route-model').fadeIn();
2024-07-24 08:50:23 +08:00
} else if (_type == 2) {
2024-07-18 10:15:26 +08:00
swal("请输入不通过原因:", {
content: "input",
2024-07-24 08:50:23 +08:00
buttons: {
cancel: "取消",
confirm: "确定"
}
2024-07-18 10:15:26 +08:00
}).then((value) => {
2024-07-24 08:50:23 +08:00
if (value !== null) {
if (value == "") {
swal({
text: `请输入不通过原因`
, icon: "warning"
});
return false;
2024-07-18 15:10:33 +08:00
}
2024-07-24 08:50:23 +08:00
let data = formatFormData(false)
data.info.examinecomments = value
shenheRequest(data)
2024-07-18 15:10:33 +08:00
} else {
swal({
2024-07-24 08:50:23 +08:00
text: `取消操作`,
icon: "warning"
2024-07-18 15:10:33 +08:00
});
return false;
}
});
2024-07-24 08:50:23 +08:00
} else if (_type == 3) {
2024-07-19 11:02:47 +08:00
swal({
2024-07-24 08:50:23 +08:00
title: '确定要关闭该线索吗?',
icon: 'warning',
buttons: {
2024-07-19 11:02:47 +08:00
cancel: "取消",
confirm: {
text: "确定",
value: true,
},
}
}).then(res => {
2024-07-24 08:50:23 +08:00
if (res !== null) {
2024-07-19 11:02:47 +08:00
getAjaxRequst(
"/api/DroneCaseinfo/CloseDroneCaseInfo?id=" + id, {},
function (res) {
if (res.code == 200) {
$("#table_list_1")
.jqGrid("clearGridData")
2024-07-19 13:45:46 +08:00
.jqGrid("setGridParam", { url: baseURL + '/api/DroneCaseinfo/LoadCaseInfoLists?is_Reviewer=1&is_examine=0&is_intact=1' })
2024-07-19 11:02:47 +08:00
.trigger("reloadGrid");
2024-07-24 08:50:23 +08:00
swal({
text: res.message,
icon: "success"
})
2024-07-19 11:02:47 +08:00
}
}
)
2024-07-24 08:50:23 +08:00
} else {
return false
2024-07-19 11:02:47 +08:00
}
})
}
2024-07-18 10:15:26 +08:00
}
2024-07-24 08:50:23 +08:00
//删除乱码的转义字符
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>`)
})
}
}
}
2024-07-24 14:57:46 +08:00
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>`)
})
}
}
}
2024-07-24 08:50:23 +08:00
// 切换省市区
2024-07-18 10:15:26 +08:00
function showModal(id) {
2024-07-18 15:10:33 +08:00
currentCaseId = id
2024-07-24 08:50:23 +08:00
currentImgSrcList = []
2024-07-18 10:15:26 +08:00
getAjaxRequst(
"/api/DroneCaseinfo/GetCaseInfo?id=" + id, {},
function (res) {
if (res.code == 200) {
2024-07-20 09:02:14 +08:00
infoData = res.result
2024-07-18 10:15:26 +08:00
let info = res.result.info
2024-07-24 08:50:23 +08:00
$('#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
2024-07-18 10:15:26 +08:00
if (res.result.pic_list && res.result.pic_list.length > 0) {
2024-07-24 08:50:23 +08:00
res.result.pic_list.map(item => {
let img_text = getImageText(item)
$('#case-imglist').append(img_text)
})
2024-07-18 10:15:26 +08:00
}
2024-07-24 08:50:23 +08:00
//处理省市区回显与联动
$('#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')
}
// 处理违法类型数据
2024-07-24 14:57:46 +08:00
$('#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>`)
2024-07-24 08:50:23 +08:00
_droneCaseTypeList = droneCaseTypeList.filter(item => { return item.pId == null })
_droneCaseTypeList.forEach(item => {
2024-07-24 14:57:46 +08:00
$('#typename-1').append(`<option value="${item.id}">${item.name}</option>`)
2024-07-24 08:50:23 +08:00
})
2024-07-24 14:57:46 +08:00
let typeData = droneCaseTypeList.find(item => { return item.id == info.typeid })
if(typeData){
if(typeData.pId == null){
$('#typename-1').val(info.typeid)
droneCaseTypeList.filter(item => { return item.pId == info.typeid }).forEach(item => {
$('#typename-2').append(`<option value="${item.id}">${item.name}</option>`)
})
}else{
let pTypeData = droneCaseTypeList.find(item => { return item.id == typeData.pId})
if(pTypeData.pId == null){
$('#typename-1').val(pTypeData.id)
$('#typename-2').val(typeData.id)
droneCaseTypeList.filter(item => { return item.pId == typeData.id }).forEach(item => {
$('#typename-3').append(`<option value="${item.id}">${item.name}</option>`)
})
}else{
let pPTypeData = droneCaseTypeList.find(item => { return item.id == pTypeData.pId})
$('#typename-1').val(pPTypeData.id)
$('#typename-2').val(pTypeData.id)
$('#typename-3').val(typeData.id)
droneCaseTypeList.filter(item => { return item.pId == pPTypeData.id }).forEach(item => {
$('#typename-2').append(`<option value="${item.id}">${item.name}</option>`)
})
droneCaseTypeList.filter(item => { return item.pId == pTypeData.id }).forEach(item => {
$('#typename-3').append(`<option value="${item.id}">${item.name}</option>`)
})
}
}
}else{
$('#typename-1').val('0')
$('#typename-2').val('0')
$('#typename-3').val('0')
2024-07-24 08:50:23 +08:00
}
2024-07-18 10:15:26 +08:00
} else {
toastr.error(res.message);
2024-07-18 15:10:33 +08:00
currentCaseId = null
2024-07-18 10:15:26 +08:00
}
}
);
}
2024-07-24 08:50:23 +08:00
// 上传文件
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)
})
})
}
2024-07-17 15:42:30 +08:00
function copyText() {
2024-07-24 08:50:23 +08:00
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
2024-07-18 15:10:33 +08:00
}
2024-07-24 08:50:23 +08:00
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 })
2024-07-24 14:57:46 +08:00
let typeid_1 = $('#typename-1').val()
let typeid_2 = $('#typename-2').val()
let typeid_3 = $('#typename-3').val()
let typeid = '0'
if(typeid_3 != '0' && typeid_3 != ''){
typeid = typeid_3
}else if(typeid_2 != '0' && typeid_2 != ''){
typeid = typeid_2
}else if(typeid_1 != '0' && typeid_1 != ''){
typeid = typeid_1
}
let casetypes = droneCaseTypeList.filter(item => { return item.id == typeid })
2024-07-24 08:50:23 +08:00
let _info = {
2024-07-20 09:02:14 +08:00
...infoData.info,
case_description: $('#case_description').val(),
2024-07-24 08:50:23 +08:00
typeid: typeid,
typename: casetypes.length ? 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,
2024-07-20 09:02:14 +08:00
address: $('#address').val(),
remark: $('#remark').val(),
2024-07-24 08:50:23 +08:00
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(),
2024-07-20 09:02:14 +08:00
}
2024-07-18 15:10:33 +08:00
let data = {
2024-07-20 09:02:14 +08:00
...infoData,
2024-07-24 08:50:23 +08:00
info: _info,
databaseid: databaseId,
pic_list: currentImgSrcList
2024-07-18 15:10:33 +08:00
}
2024-07-24 08:50:23 +08:00
return data
}
function shenheRequest(data) {
2024-07-18 15:10:33 +08:00
postAjaxRequst('/api/DroneCaseinfo/UpdateDroneCaseInfoExamine', data, function (res) {
if (res.code == 200) {
swal({
text: res.message,
icon: "success"
});
} else {
swal({
text: res.message,
icon: "error"
});
}
$('#case-route-model').fadeOut();
$('#myModal').fadeOut()
$("#table_list_1").jqGrid().trigger("reloadGrid")
currentCaseId = null
})
}
2024-07-24 08:50:23 +08:00
//提交审核-同意
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)
}
// 获取推送地址
2024-07-18 15:10:33 +08:00
function LoadDataBase() {
// /api/Orgs/LoadDataBase
getAjaxRequst('/api/Orgs/LoadDataBase', {}, function (res) {
if (res.code == 200) {
2024-07-24 08:50:23 +08:00
console.log(res, 111)
2024-07-18 15:10:33 +08:00
$('#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',
});
}
})
2024-07-17 15:42:30 +08:00
}
$(document).ready(function () {
$.jgrid.defaults.styleUI = 'Bootstrap';
2024-07-17 17:09:01 +08:00
$("#table_list_1").jqGrid('clearGridData');
$("#table_list_1").jqGrid({
2024-07-24 08:50:23 +08:00
url: baseURL + `/api/DroneCaseinfo/LoadCaseInfoLists?${jsonToUrlParam(tableQueryParams, preTableQueryIgnore)}`,
2024-07-17 17:09:01 +08:00
loadBeforeSend: function (jqXHR) {
2024-07-18 10:15:26 +08:00
jqXHR.setRequestHeader("X-Token", localStorage.getItem('token'));
2024-07-17 17:09:01 +08:00
},
jsonReader: {
2024-07-18 10:15:26 +08:00
root: "root",
page: "page",
total: "total",
records: "totalCount"
2024-07-17 17:09:01 +08:00
},
datatype: "json",
height: "100%",
autowidth: true,
shrinkToFit: true,
rowNum: 14,
2024-07-18 10:15:29 +08:00
// rowList: [10, 20, 30],
2024-07-19 14:02:37 +08:00
colNames: ['案件编号', '案件描述', '案件类型', '县', '镇', '判读人', '判读时间', '状态', '操作'],
2024-07-19 09:36:11 +08:00
ondblClickRow: function (rowid, iRow, iCol, e) {
$('#myModal').modal('show')
showModal(rowid)
},
2024-07-17 17:09:01 +08:00
colModel: [
{
name: 'case_no',
index: 'case_no',
align: 'center',
2024-07-18 15:44:27 +08:00
width: 100,
2024-07-17 17:09:01 +08:00
},
{
2024-07-19 14:02:37 +08:00
name: 'case_description',
index: 'case_description',
2024-07-17 17:09:01 +08:00
align: 'center',
},
{
name: 'typename',
index: 'typename',
align: 'center',
width: 100
},
{
2024-07-17 17:16:56 +08:00
name: 'countyname',
index: 'countyname',
align: 'center',
2024-07-18 15:44:27 +08:00
width: 50,
2024-07-17 17:16:56 +08:00
},
{
name: 'streetname',
index: 'streetname',
align: 'center',
2024-07-18 15:44:27 +08:00
width: 50,
2024-07-17 17:16:56 +08:00
},
2024-07-17 17:09:01 +08:00
{
name: 'identification_user',
index: 'identification_user',
width: 80,
align: 'center',
},
{
name: 'identification_time',
index: 'identification_time',
width: 80,
align: 'center',
sorttype: "date"
},
2024-07-18 15:10:33 +08:00
{
name: '操作',
align: "center",
2024-07-18 15:44:27 +08:00
width: 50,
2024-07-18 15:10:33 +08:00
formatter: function (value, grid, rows) {
if (rows.is_examine == 0) {
return `<p><span class="badge badge-warning">待审核</span></p>`;
} else {
return `<p><span class="badge badge-primary">已审核</span></p>`;
}
2024-07-17 15:42:30 +08:00
2024-07-18 15:10:33 +08:00
}
},
2024-07-17 17:09:01 +08:00
{
name: '操作',
align: "center",
2024-07-18 15:44:27 +08:00
width: 50,
2024-07-17 17:09:01 +08:00
formatter: function (value, grid, rows) {
var id = rows.id;
2024-07-18 10:15:26 +08:00
return `<button type="button" onClick="showModal('${id}')" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
2024-07-17 17:09:01 +08:00
审核
</button>`;
2024-07-17 15:42:30 +08:00
}
2024-07-17 17:09:01 +08:00
}
],
pager: "#pager_list_1",
viewrecords: true,
caption: "",
hidegrid: false
2024-07-17 15:42:30 +08:00
});
// Add responsive to jqGrid
$(window).bind('resize', function () {
var width = $('.jqGrid_wrapper').width();
$('#table_list_1').setGridWidth(width);
});
2024-07-24 08:50:23 +08:00
//图片上传
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");
2024-07-20 09:02:14 +08:00
}
2024-07-24 08:50:23 +08:00
//获取省市区数据
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
2024-07-17 15:42:30 +08:00
});
</script>
</body>
</html>