工作站页面隐藏勾边按钮

src/view/components/map-btns.vue

@@ -75,6 +75,7 @@ export default defineComponent({
   name: 'MapBtns',
   emits: ['full', 'change', 'zoom'],
   setup(_, ctx) {
+    const curViewType = computed(() => store.state.curView.type)
     const btns = computed(() => {
       const mapType =
         store.state.curMapType === '2D'
@@ -82,17 +83,20 @@ export default defineComponent({
           : { key: '2D', icon: d2, title: '开启2D地图' }
       const list = [
         // { key: 'search', icon: btn1 },
+        { key: 'dragable', icon: btn8, title: '开启/关闭拖拽功能' },
         { key: 'in', icon: zoomIn, title: '放大地图' },
         { key: 'out', icon: zoomOut, title: '缩小地图' },
         { key: 'full', icon: btn2, title: '全屏' },
         { key: 'points', icon: btn6, title: '显示/隐藏小区点' },
-        { key: 'polyline', icon: btn7 },
-        { key: 'dragable', icon: btn8, title: '开启/关闭拖拽功能' },
         // { key: '', icon: btn4 },
         // { key: '', icon: btn5 },
         // { key: '', icon: btn6 },
       ]
-      return [mapType, ...list]
+
+      const polyline = { key: 'polyline', icon: btn7 }
+      return curViewType.value === 'street'
+        ? [mapType, ...list, polyline]
+        : [mapType, ...list]
     })
     const fullScreen = ref(false)
     const searchModal = ref(false)
@@ -131,7 +135,7 @@ export default defineComponent({
     const searchKey = ref('')
     const caseList = computed(() => store.state.caseList)
     const options = computed(() => {
-      if (store.state.curView.type === 'street') {
+      if (curViewType.value === 'street') {
         return [
           { label: '第一工作站', value: 'workArea1' },
           { label: '第二工作站', value: 'workArea2' },
@@ -148,7 +152,7 @@ export default defineComponent({
       checkboxValues.value = e
     }
     watch(
-      [() => store.state.curView.type, () => store.state.curMapType],
+      [() => curViewType.value, () => store.state.curMapType],
       () => (checkboxValues.value = [])
     )
     return {
@@ -162,6 +166,7 @@ export default defineComponent({
       options,
       checkboxValues,
       handleChange,
+      curViewType,
     }
   },
 })