提交增加工具栏提醒

src/views/home/Header.vue

@@ -19,7 +19,11 @@
                v-for="item,index in isCheck.data"
                :key="item.name"
                @click="changeImage(index,item.imageName)">
+            <div  class="bottom">
+              <el-tooltip class="item" effect="light" :content="item.name" placement="bottom-start">
             <img class="tab-icon" :src="item.click? item.iconOn: item.icon" alt="">
+              </el-tooltip>
+            </div>
           </div>
         </div>
       </div>
@@ -71,7 +75,8 @@ export default {
   import SelectForUnit from './SelectForUnit.vue'
   import { asideShow } from '@/store/index'
   import {ElMessage} from "element-plus";
-
+  import { ElTooltip} from 'element-plus'
+  import 'element-plus/es/components/tooltip/style/index'
   // 地图方法
   import {fullExtent, calculation, clearMap, setCamera} from "@/utils/map/ArcgisUtil";
   import {setCenter} from "@/utils/map/Common";
@@ -122,14 +127,14 @@ export default {
   })
   const  isCheck=ref({
     data: [
-      { name: '搜索', icon: require('@/assets/imgs/header/ssou-wei.png'), iconOn: require('@/assets/imgs/header/ssou-select.png'), imageName: 'ssou' ,click:false,checkIoc:showSelect},
-      { name: '回放', icon: require('@/assets/imgs/area/bj_wei.png'), iconOn: require('@/assets/imgs/area/bj_select.png'), imageName: 'hf' ,click:false,checkIoc:checkArea},
+      { name: '搜索企业或船舶', icon: require('@/assets/imgs/header/ssou-wei.png'), iconOn: require('@/assets/imgs/header/ssou-select.png'), imageName: 'ssou' ,click:false,checkIoc:showSelect},
+      { name: '区域轨迹回放', icon: require('@/assets/imgs/area/bj_wei.png'), iconOn: require('@/assets/imgs/area/bj_select.png'), imageName: 'hf' ,click:false,checkIoc:checkArea},
       { name: '图层', icon: require('@/assets/imgs/header/tc-wei.png'), iconOn: require('@/assets/imgs/header/tc-select.png'), imageName: 'tc' ,click:false,checkIoc:checkTool},
-      { name: '收缩', icon: require('@/assets/imgs/header/ss-wei.png'), iconOn: require('@/assets/imgs/header/ss-select.png'), imageName: 'ss' ,click:false,checkIoc:checkSouXiao},
-      { name: '全景', icon: require('@/assets/imgs/page_ylcbq/qj-wei.png'), iconOn: require('@/assets/imgs/page_ylcbq/qj-xuan.png'), imageName: 'qj' ,click:false,checkIoc:checkQuanjing},
-      { name: '测量', icon: require('@/assets/imgs/page_ylcbq/cl-wei.png'), iconOn: require('@/assets/imgs/page_ylcbq/cl-xuan.png'), imageName: 'cl' ,click:false,checkIoc:checkRuale},
-      { name: '测面', icon: require('@/assets/imgs/page_ylcbq/cm-wei.png'), iconOn: require('@/assets/imgs/page_ylcbq/cm-xuan.png'), imageName: 'cm' ,click:false,checkIoc:checkCeMian},
-      { name: '清除', icon: require('@/assets/imgs/page_ylcbq/qc-wei.png'), iconOn: require('@/assets/imgs/page_ylcbq/qc-xuan.png'), imageName: 'qc' ,click:false,checkIoc:checkClear},
+      { name: '收缩两侧', icon: require('@/assets/imgs/header/ss-wei.png'), iconOn: require('@/assets/imgs/header/ss-select.png'), imageName: 'ss' ,click:false,checkIoc:checkSouXiao},
+      { name: '切换全景视角', icon: require('@/assets/imgs/page_ylcbq/qj-wei.png'), iconOn: require('@/assets/imgs/page_ylcbq/qj-xuan.png'), imageName: 'qj' ,click:false,checkIoc:checkQuanjing},
+      { name: '测距离', icon: require('@/assets/imgs/page_ylcbq/cl-wei.png'), iconOn: require('@/assets/imgs/page_ylcbq/cl-xuan.png'), imageName: 'cl' ,click:false,checkIoc:checkRuale},
+      { name: '测面积', icon: require('@/assets/imgs/page_ylcbq/cm-wei.png'), iconOn: require('@/assets/imgs/page_ylcbq/cm-xuan.png'), imageName: 'cm' ,click:false,checkIoc:checkCeMian},
+      { name: '清除图层', icon: require('@/assets/imgs/page_ylcbq/qc-wei.png'), iconOn: require('@/assets/imgs/page_ylcbq/qc-xuan.png'), imageName: 'qc' ,click:false,checkIoc:checkClear},
 
     ]})
   const global_aside = asideShow()

src/views/home/cpns/tools/Tools.vue

@@ -24,7 +24,6 @@ export default {
 <script setup>
   import {onMounted, onBeforeUnmount, ref,watch} from 'vue'
 import bus from '@/utils/bus'
-import 'element-plus/es/components/date-picker/style/css'
   import {setBoat} from "@/utils/map/Boat";
   import {addLayer, clearMap, setOpacity} from "@/utils/map/ArcgisUtil";
   import {addLayerByName} from '@/utils/map/Layer'