地图
This commit is contained in:
13684185576
@ -35,30 +35,27 @@
|
||||
<div ref="searchBox">
|
||||
<el-form :model="searchList" ref="searchFormRef" :inline="true">
|
||||
<el-form-item label="类型">
|
||||
<el-cascader @change="changeCascader" :disabled="readonly_lx" v-model="searchList.lx" clearable :options="cascaderList" :props="{ checkStrictly: true }" placeholder="请选择类型"/>
|
||||
<el-cascader ref="cascaRef" @change="changeCascader" :disabled="readonly_lx" v-model="searchList.lx" clearable
|
||||
:options="cascaderList" :props="{ checkStrictly: true,multiple: true }" placeholder="请选择类型" />
|
||||
</el-form-item>
|
||||
<el-form-item label="人员">
|
||||
<el-input @change="changeRy" v-model="searchList.ry" :disabled="readonly_ry" clearable placeholder="请输入姓名或身份证"></el-input>
|
||||
<el-input @change="changeRy" v-model="searchList.ry" :disabled="readonly_ry" clearable
|
||||
placeholder="请输入姓名或身份证"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="地点">
|
||||
<div class="flex align-center">
|
||||
<el-select v-model="searchList.dd" @change="changeBm" style="width: 180px;" :disabled="readonly_dd" placeholder="行政区划">
|
||||
<el-select v-model="searchList.dd" @change="changeBm" style="width: 180px;" :disabled="readonly_dd"
|
||||
placeholder="行政区划">
|
||||
<el-option label="区域" value="1"></el-option>
|
||||
<el-option label="部门" value="2"></el-option>
|
||||
</el-select>
|
||||
<el-input @change="changeRy" :disabled="readonly_dd" v-model="searchList.xxdz" clearable placeholder="请输入详细地址"></el-input>
|
||||
<el-input @change="changeRy" :disabled="readonly_dd" v-model="searchList.xxdz" clearable
|
||||
placeholder="请输入详细地址"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间">
|
||||
<el-date-picker
|
||||
v-model="searchList.datetimes"
|
||||
type="datetimerange"
|
||||
unlink-panels
|
||||
:range-separator="'至'"
|
||||
start-placeholder="开始日期时间"
|
||||
end-placeholder="结束日期时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
/>
|
||||
<el-date-picker v-model="searchList.datetimes" type="datetimerange" unlink-panels :range-separator="'至'"
|
||||
start-placeholder="开始日期时间" end-placeholder="结束日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSearch">查询</el-button>
|
||||
@ -70,16 +67,9 @@
|
||||
<li class="list-item" ref="listBoxRef" v-for="(it, idx) in list" :key="idx">
|
||||
<div class="comm-title title-s">{{ it.title }}</div>
|
||||
<div class="list-table">
|
||||
<MyTable
|
||||
:tableData="it.tableList"
|
||||
:tableColumn="it.tableColumn"
|
||||
:key="idx+''+it.keyCount"
|
||||
:fixed="false"
|
||||
:tableHeight="pageData.tableHeight"
|
||||
:tabelModel="it.title"
|
||||
:tableConfiger="pageData.tableConfiger"
|
||||
:controlsWidth="pageData.controlsWidth"
|
||||
>
|
||||
<MyTable :tableData="it.tableList" :tableColumn="it.tableColumn" :key="idx + '' + it.keyCount" :fixed="false"
|
||||
:tableHeight="pageData.tableHeight" :tabelModel="it.title" :tableConfiger="pageData.tableConfiger"
|
||||
:controlsWidth="pageData.controlsWidth">
|
||||
<template #jqlbdm="{ row }">
|
||||
<DictTag :tag="false" :value="row.jqlbdm" :options="JQLB" />
|
||||
</template>
|
||||
@ -87,12 +77,8 @@
|
||||
<el-link type="primary" size="small" @click="handleHs(row)">网上会商</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages
|
||||
@changeNo="changeNo($event,it.title)"
|
||||
@changeSize="changeSize($event,it.title)"
|
||||
:tableHeight="pageData.tableHeight"
|
||||
:pageConfiger="{ ...it.pageConfiger }"
|
||||
></Pages>
|
||||
<Pages @changeNo="changeNo($event, it.title)" @changeSize="changeSize($event, it.title)"
|
||||
:tableHeight="pageData.tableHeight" :pageConfiger="{ ...it.pageConfiger }"></Pages>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
@ -122,7 +108,7 @@ const { JQLB} = proxy.$dict("JQLB"); //获取字典数据
|
||||
const readonly_lx = ref(false)
|
||||
const readonly_ry = ref(false)
|
||||
const readonly_dd = ref(false)
|
||||
|
||||
const cascaRef=ref()
|
||||
const showModel = ref(false);
|
||||
const detaileRef = ref();
|
||||
const searchBox = ref();
|
||||
@ -150,11 +136,13 @@ const obj = reactive({
|
||||
const searchList = ref({})
|
||||
let cascaderList = ref([
|
||||
{ value: '01', label: '网络舆情', leaf: true },
|
||||
{ value: '02', label: '警情',children:[
|
||||
{
|
||||
value: '02', label: '警情', children: [
|
||||
{ value: '021', label: '治安警情', leaf: true },
|
||||
{ value: '022', label: '刑事警情', leaf: true },
|
||||
{ value: '023', label: '交通警情', leaf: true },
|
||||
] },
|
||||
]
|
||||
},
|
||||
{ value: '03', label: '案件', leaf: true },
|
||||
{ value: '04', label: '风险隐患', leaf: true },
|
||||
])
|
||||
@ -240,7 +228,16 @@ const pageData = reactive({
|
||||
},
|
||||
controlsWidth: 120, //操作栏宽度
|
||||
});
|
||||
|
||||
watch(() => JQLB.value, (val) => {
|
||||
if (val) {
|
||||
cascaderList.value[1].children = val.map((el) => {
|
||||
return { value: el.dm, label: el.zdmc, leaf: true }
|
||||
})
|
||||
}
|
||||
},
|
||||
{
|
||||
deep: true, immediate: true
|
||||
})
|
||||
onMounted(() => {
|
||||
// getCount(); //获取统计数据
|
||||
tabHeightFn()
|
||||
@ -324,11 +321,16 @@ const handleHs = (val) =>{
|
||||
}
|
||||
|
||||
const handleYP = () => {
|
||||
let arr=cascaRef.value.getCheckedNodes()
|
||||
searchForm.value.jqlbdms=arr.map((el)=>{
|
||||
return el.value
|
||||
})
|
||||
let params = {
|
||||
hskssj: searchForm.value.kssj,
|
||||
hsjssj: searchForm.value.jssj,
|
||||
jqlbdms:searchForm.value.jqlbdms
|
||||
}
|
||||
qcckPost(params,'/mosty-gsxt/wshs/getDcypbg').then(res=>{
|
||||
qcckPost(params, '/mosty-gsxt/lzJcjPjdb/getJqDcypbg').then(res => {
|
||||
let data = res || {};
|
||||
let html = `<p class="html_bt">${data.bt}</p>`
|
||||
html += `<p>${data.head}</p>`
|
||||
@ -342,6 +344,9 @@ const handleYP = () =>{
|
||||
|
||||
// 选择类型
|
||||
const changeCascader = (val) => {
|
||||
console.log(val,'val');
|
||||
console.log(cascaRef.value.getCheckedNodes(),'++++++++');
|
||||
|
||||
readonly_lx.value = false;
|
||||
readonly_ry.value = val ? true : false
|
||||
readonly_dd.value = val ? true : false
|
||||
@ -403,12 +408,14 @@ const tabHeightFn = () => {
|
||||
padding-top: 15px;
|
||||
box-sizing: border-box;
|
||||
color: #000;
|
||||
|
||||
.leftbox {
|
||||
width: 500px;
|
||||
height: 100%;
|
||||
margin-right: 10px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.rightbox {
|
||||
flex: 1 0 0;
|
||||
background: #fff;
|
||||
@ -431,27 +438,35 @@ const tabHeightFn = () => {
|
||||
height: 60px;
|
||||
font-size: 24px;
|
||||
position: relative;
|
||||
|
||||
.sircle {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sircleL1 {
|
||||
@include common(8px, 0.5);
|
||||
}
|
||||
|
||||
.sircleL2 {
|
||||
@include common(12px, 0.75);
|
||||
}
|
||||
|
||||
.sircleL3 {
|
||||
@include common(16px);
|
||||
}
|
||||
|
||||
.sircleR1 {
|
||||
@include common(16px);
|
||||
}
|
||||
|
||||
.sircleR2 {
|
||||
@include common(12px, 0.75);
|
||||
}
|
||||
|
||||
.sircleR3 {
|
||||
@include common(8px, 0.5);
|
||||
}
|
||||
|
||||
.btn {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
@ -466,9 +481,11 @@ const tabHeightFn = () => {
|
||||
overflow-y: auto;
|
||||
padding: 10px 20px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.comm-title {
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -496,6 +513,7 @@ const tabHeightFn = () => {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow: hidden;
|
||||
|
||||
.list-item {
|
||||
width: 49.5%;
|
||||
height: calc(100% / 2 - 5px);
|
||||
@ -505,18 +523,22 @@ const tabHeightFn = () => {
|
||||
padding: 4px 4px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 5px;
|
||||
|
||||
.title-s {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.list-table {
|
||||
margin-top: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.list-item:nth-child(2n+1) {
|
||||
margin-right: 1%;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .searchBox {
|
||||
margin-bottom: 0 !important;
|
||||
padding: 2px !important;
|
||||
@ -525,6 +547,7 @@ const tabHeightFn = () => {
|
||||
::v-deep .el-table .table_blue_row {
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
::v-deep .el-table th.el-table__cell {
|
||||
font-size: 13px;
|
||||
background: #EFF5F7;
|
||||
@ -549,6 +572,7 @@ const tabHeightFn = () => {
|
||||
::v-deep .el-link {
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.html_bt>>>p {
|
||||
color: red;
|
||||
}
|
||||
@ -556,6 +580,4 @@ const tabHeightFn = () => {
|
||||
::v-deep .el-date-editor .el-range-separator {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
@ -5,9 +5,9 @@ function resolve(dir) {
|
||||
}
|
||||
|
||||
// const serverHost = "http://47.108.232.77:9537"//波哥
|
||||
const serverHost = "http://192.168.0.231:8006"//线上
|
||||
// const serverHost = "http://192.168.0.231:8006"//线上
|
||||
// const serverHost = "http://192.168.1.117:8006"//周
|
||||
// const serverHost = "http://192.168.1.98:8006"//毛毛
|
||||
const serverHost = "http://192.168.1.98:8006"//毛毛
|
||||
|
||||
module.exports = {
|
||||
// configureWebpack: {
|
||||
|
||||
Reference in New Issue
Block a user