shichao
/
PanDuWeb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

详情案件类型三级下拉选

main
Zhufu 2024-07-24 14:57:46 +08:00
parent f0805fe514
commit 198faaf671
2 changed files with 146 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

127
table_daishenhe.html
View File

@ -158,19 +158,19 @@
<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>
<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>
<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>
<option value="0">请选择案件</option>
</select>
</div>
<label class="form-item-label">县/区：</label>
@ -233,24 +233,38 @@
</div>
</div>
</div>
<div class="col-md-3">
<div class="col-md-6">
<div class="form-group">
<label class="col-sm-4 control-label">案件类型：</label>
<div class="col-sm-8">
<div class="input-group col-sm-12">
<select id="typename" name="typename"
<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">
<option value="">请选择案件类型</option>
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-6">
<div class="col-md-3">
<div class="form-group">
<label class="col-sm-2 control-label">案件详情：</label>
<div class="col-sm-10">
<label class="col-sm-4 control-label">案件详情：</label>
<div class="col-sm-8">
<input type="text" id="case_description" class="form-control">
</div>
</div>
@ -615,7 +629,7 @@
droneCaseTypeList = res.result;
_droneCaseTypeList = droneCaseTypeList.filter(item => { return item.pId == null })
$('#select-typeid-1').empty()
$('#select-typeid-1').append(`<option value="0">请选择案件类型</option>`)
$('#select-typeid-1').append(`<option value="0">请选择案件</option>`)
_droneCaseTypeList.forEach(item => {
$('#select-typeid-1').append(`<option value="${item.id}">${item.name}</option>`)
})
@ -840,7 +854,6 @@
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()
@ -858,6 +871,29 @@
}
}
}
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
@ -935,18 +971,49 @@
$('#communityname').val('0')
}
// 处理违法类型数据
$('#typename').empty()
$('#typename').append(`<option value="0">请选择案件类型</option>`)
$('#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').append(`<option value="${item.id}">${item.name}</option>`)
$('#typename-1').append(`<option value="${item.id}">${item.name}</option>`)
})
if (_droneCaseTypeList.find(item => { return item.id == info.typeid })) {
$('#typename').val(info.typeid)
} else {
$('#typename').val('0')
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')
}
} else {
toastr.error(res.message);
currentCaseId = null
@ -982,14 +1049,24 @@
function formatFormData(is_agree) {
let caseRouteFormV = $('#caseRouteFormV').serializeArray();
let databaseId = caseRouteFormV.map(item => item.value)
let typeid = $('#typename').val()
let casetypes = droneCaseTypeList.filter(item => { return item.id == typeid })
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_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 })
let _info = {
...infoData.info,

57
table_yishenhe.html
View File

@ -78,19 +78,19 @@
<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>
<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>
<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>
<option value="0">请选择案件</option>
</select>
</div>
<label class="form-item-label">县/区：</label>
@ -153,21 +153,29 @@
</div>
</div>
</div>
<div class="col-md-3">
<div class="col-md-6">
<div class="form-group">
<label class="col-sm-4 control-label">案件类型：</label>
<div class="col-sm-8">
<div class="input-group col-sm-12">
<input readonly type="text" id="typename"
<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-6">
<div class="col-md-3">
<div class="form-group">
<label class="col-sm-2 control-label">案件详情：</label>
<div class="col-sm-10">
<label class="col-sm-4 control-label">案件详情：</label>
<div class="col-sm-8">
<input readonly type="text" id="case_description"
class="form-control">
</div>
@ -576,7 +584,7 @@
droneCaseTypeList = res.result;
_droneCaseTypeList = droneCaseTypeList.filter(item => { return item.pId == null })
$('#select-typeid-1').empty()
$('#select-typeid-1').append(`<option value="0">请选择案件类型</option>`)
$('#select-typeid-1').append(`<option value="0">请选择案件</option>`)
_droneCaseTypeList.forEach(item => {
$('#select-typeid-1').append(`<option value="${item.id}">${item.name}</option>`)
})
@ -601,7 +609,6 @@
let info = res.result.info
$('#case_no').val(info.case_no)
$('#case_description').val(info.case_description)
$('#typename').val(info.typename)
$('#countyname').val(info.countyname)
$('#streetname').val(info.streetname)
$('#communityname').val(info.communityname)
@ -629,6 +636,30 @@
$('#case-imglist').append(img_text)
})
}
$('#typename-1').val('')
$('#typename-1').val('')
$('#typename-1').val('')
let typeData = droneCaseTypeList.find(item => { return item.id == info.typeid })
if(typeData){
if(typeData.pId == null){
$('#typename-1').val(info.typename)
}else{
let pTypeData = droneCaseTypeList.find(item => { return item.id == typeData.pId})
if(pTypeData.pId == null){
$('#typename-1').val(pTypeData.name)
$('#typename-2').val(typeData.name)
}else{
let pPTypeData = droneCaseTypeList.find(item => { return item.id == pTypeData.pId})
$('#typename-1').val(pPTypeData.name)
$('#typename-2').val(pTypeData.name)
$('#typename-3').val(typeData.name)
}
}
}else{
$('#typename-1').val('')
$('#typename-2').val('')
$('#typename-3').val('')
}
} else {
toastr.error(res.message);
currentCaseId = null