ibp工具栏

src/drawApp/ibpDrawApp.ts

@@ -7,11 +7,7 @@ import { IBPButtonData } from './graphics/IBPButtonInteraction';
 import { errorNotify, successNotify } from 'src/utils/CommonNotify';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { toStorageTransform } from './graphics/GraphicDataBase';
-import {
+import { IBPButton, IBPButtonTemplate } from 'src/graphics/IBPButton/IBPButton';
-  IBPButton,
-  IBPButtonTemplate,
-  IIBPButtonData,
-} from 'src/graphics/IBPButton/IBPButton';
 import { IbpAlarm, IbpAlarmTemplate } from 'src/graphics/ibpAlarm/IbpAlarm';
 import { IbpKey, IbpKeyTemplate } from 'src/graphics/ibpKey/IbpKey';
 import { Arrow, ArrowTemplate } from 'src/graphics/arrow/Arrow';

src/layouts/IBPDrawLayout.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, reactive, ref } from 'vue';
+import { onMounted, reactive, ref, watch } from 'vue';
 import { useIBPDrawStore } from '../stores/ibp-draw-store';
 import { useRoute, useRouter } from 'vue-router';
 import { IBPButton } from 'src/graphics/IBPButton/IBPButton';
@@ -34,6 +34,14 @@ function toggleRightDrawer() {
   onResize();
 }
 
+watch(
+  () => ibpDrawStore.drawAssistant,
+  (da) => {
+    if (!da) {
+      selectUtil.value = '';
+    }
+  }
+);
 const selectUtil = ref('');
 const utilsOption: ControlItem[] = reactive([]);
 const drawSelect = (item: string) => {
@@ -124,6 +132,7 @@ function backConfirm() {
             </QMenu>
           </QBtn>
           <QBtnToggle
+            class="q-ml-sm"
             v-model="selectUtil"
             :options="utilsOption"
             color="brown"