fix z-index

src/components/QmDialog.vue

@@ -31,7 +31,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onUnmounted, reactive, ref } from "vue";
+import { defineComponent, onMounted, onUnmounted, reactive, ref } from "vue";
 import { CloseOutlined } from "@ant-design/icons-vue";
 import { store } from "@/features/mark/store";
 
@@ -43,7 +43,7 @@ export default defineComponent({
     top: { type: String, default: "10%" },
     width: { type: String, default: "30%" },
     height: { type: String, default: "30%" },
-    zIndex: { type: Number, default: 1000 },
+    zIndex: { type: Number, default: 1020 },
   },
   emits: ["close"],
   setup({ top, width, height, title, zIndex }) {
@@ -135,6 +135,10 @@ export default defineComponent({
       resizeHandler.value.removeEventListener("mouseout", handleResizeMouseOut);
     };
 
+    onMounted(() => {
+      increaseZIndex();
+    });
+
     onUnmounted(() => {
       if (title) {
         sessionStorage.setItem(
@@ -164,7 +168,7 @@ export default defineComponent({
 
 <style scoped>
 .dialog-container {
-  z-index: 1000;
+  z-index: 1020;
   position: absolute;
   min-width: 100px;
   background-color: white;

src/features/mark/MarkHeader.vue

@@ -467,6 +467,7 @@ export default defineComponent({
   background-color: #5d6d7d !important;
 }
 .assistant-table {
+  z-index: 5500;
   border-collapse: separate;
   border-spacing: 0 0.5em;
 }