<!--
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2022-08-18 16:18:17
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2024-12-21 17:33:38
|
* @FilePath: \srs-police-affairs\src\views\comprehensiveSearch\index.vue
|
* @Description: 辖区管理
|
*
|
* Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved.
|
-->
|
|
<template>
|
<div class="comprehen-page container">
|
<div v-show="boxShow" class="container-content" ref="containerContent">
|
<div class="menu-chang-btns">
|
<el-button @click="change(1)" :type="searchIndex == 1 ? 'primary' : ''">地址搜索</el-button>
|
<el-button @click="change(2)" :type="searchIndex == 2 ? 'primary' : ''">企业搜索</el-button>
|
</div>
|
|
<div class="search-result-box">
|
<addressSearch v-if="searchIndex == 1"></addressSearch>
|
<companySearch v-if="searchIndex == 2"></companySearch>
|
</div>
|
</div>
|
|
<!-- <PoliceDetailPopup ref="PoliceDetailPopup"></PoliceDetailPopup> -->
|
</div>
|
</template>
|
|
<script>
|
import addressSearch from './components/addressSearch'
|
import companySearch from './components/companySearch'
|
|
import { initMapPosition } from '@/utils/mapPositionInit'
|
|
export default {
|
// 将当前实例注入到子组件
|
provide() {
|
return {
|
cSearchEle: this,
|
}
|
},
|
|
components: {
|
addressSearch,
|
companySearch
|
},
|
|
data() {
|
return {
|
boxShow: false,
|
searchIndex: 1,
|
}
|
},
|
|
created() {
|
const that = this
|
|
that.$nextTick(() => {
|
initMapPosition()
|
})
|
},
|
|
mounted() {
|
this.$parent.$parent.resize('400px', true)
|
|
this.$nextTick(() => {
|
this.$EventBus.$emit('closeMxTileset')
|
})
|
},
|
|
watch: {
|
},
|
|
computed: {
|
},
|
|
methods: {
|
change(type) {
|
this.searchIndex = type
|
},
|
|
// 大小重置
|
boxResize(val) {
|
this.boxShow = val
|
},
|
},
|
|
destroyed() {
|
this.$parent.$parent.resize('0px')
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.container {
|
position: relative;
|
width: 100%;
|
height: 100%;
|
|
&-content {
|
display: flex;
|
flex-direction: column;
|
width: 100%;
|
height: 100%;
|
color: #fff;
|
background: $bg-color;
|
|
.menu-chang-btns {
|
display: flex;
|
justify-content: flex-start;
|
align-items: center;
|
}
|
|
.search-result-box {
|
height: 0;
|
flex: 1;
|
}
|
}
|
}
|
</style>
|
