|
@@ -8,14 +8,14 @@
|
|
|
<div class="search-input">
|
|
<div class="search-input">
|
|
|
<el-autocomplete
|
|
<el-autocomplete
|
|
|
v-model="searchText"
|
|
v-model="searchText"
|
|
|
- popper-class="custom-dropdown"
|
|
|
|
|
|
|
+ popper-class="home-custom-dropdown"
|
|
|
:popper-append-to-body="false"
|
|
:popper-append-to-body="false"
|
|
|
:fetch-suggestions="querySearchAsync"
|
|
:fetch-suggestions="querySearchAsync"
|
|
|
:placeholder="selectType == '0' ? '请输入地址' : '请输入员工'"
|
|
:placeholder="selectType == '0' ? '请输入地址' : '请输入员工'"
|
|
|
clearable :clear-icon="CloseBold"
|
|
clearable :clear-icon="CloseBold"
|
|
|
@select="handleSelect"
|
|
@select="handleSelect"
|
|
|
:fit-input-width="false"
|
|
:fit-input-width="false"
|
|
|
- :width="400"
|
|
|
|
|
|
|
+ show-overflow-tooltip
|
|
|
>
|
|
>
|
|
|
<template #append>
|
|
<template #append>
|
|
|
<el-select v-model="selectType" placeholder="请选择搜索类型" style="width: 80px">
|
|
<el-select v-model="selectType" placeholder="请选择搜索类型" style="width: 80px">
|
|
@@ -27,10 +27,11 @@
|
|
|
<template #default="{ item }">
|
|
<template #default="{ item }">
|
|
|
<el-tooltip
|
|
<el-tooltip
|
|
|
:content="item.value"
|
|
:content="item.value"
|
|
|
- placement="top"
|
|
|
|
|
|
|
+ placement="right"
|
|
|
effect="dark"
|
|
effect="dark"
|
|
|
|
|
+ :disabled="!isOverflow"
|
|
|
>
|
|
>
|
|
|
- <div class="text-ellipsis">
|
|
|
|
|
|
|
+ <div class="text-ellipsis" @mouseenter="handleMouseEnter($event)">
|
|
|
{{ item.value }}
|
|
{{ item.value }}
|
|
|
</div>
|
|
</div>
|
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
@@ -65,7 +66,6 @@ import commonAPI from "@/api/common";
|
|
|
import Map from "@/components/Map.vue";
|
|
import Map from "@/components/Map.vue";
|
|
|
import Header from "@/components/Header.vue";
|
|
import Header from "@/components/Header.vue";
|
|
|
import DrawMap from "@/components/DrawMap.vue";
|
|
import DrawMap from "@/components/DrawMap.vue";
|
|
|
-import { showLoading, hideLoading } from "@/utils/loading";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
name: "IndexView",
|
|
name: "IndexView",
|
|
@@ -82,6 +82,7 @@ export default {
|
|
|
selectType:'0',
|
|
selectType:'0',
|
|
|
ygDataList:[],
|
|
ygDataList:[],
|
|
|
loginType: sessionStorage.getItem("gisLoginType") || '',
|
|
loginType: sessionStorage.getItem("gisLoginType") || '',
|
|
|
|
|
+ isOverflow: false,
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
mounted() {
|
|
mounted() {
|
|
@@ -94,6 +95,11 @@ export default {
|
|
|
initData(){
|
|
initData(){
|
|
|
this.getDmsDataList();
|
|
this.getDmsDataList();
|
|
|
},
|
|
},
|
|
|
|
|
+ handleMouseEnter(e) {
|
|
|
|
|
+ const dom = e.target
|
|
|
|
|
+ // 判断内容是否溢出:scrollWidth > clientWidth
|
|
|
|
|
+ this.isOverflow = dom.scrollWidth > dom.clientWidth
|
|
|
|
|
+ },
|
|
|
getDmsDataList(){
|
|
getDmsDataList(){
|
|
|
const that = this;
|
|
const that = this;
|
|
|
let requestParams = {
|
|
let requestParams = {
|
|
@@ -283,7 +289,7 @@ export default {
|
|
|
color: #fff !important;
|
|
color: #fff !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.custom-dropdown {
|
|
|
|
|
|
|
+.home-custom-dropdown {
|
|
|
width: 400px !important;
|
|
width: 400px !important;
|
|
|
max-width: 400px;
|
|
max-width: 400px;
|
|
|
overflow: auto;
|
|
overflow: auto;
|