云查询对比样式修改

src/components/CloudQueryContent/index.vue

@@ -21,18 +21,20 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from "vue"
+import { ref, onMounted, defineEmits } from "vue"
 import Icon from '@/components/Icon/Icon.vue';
 import CloudQueryModal from './CloudQueryModal/index.vue';
 import { useCloudQueryStore } from '@/store/modules/cloudquery';
 import { LoadCloudQueryById } from '@/api/demo/cloudQuery'
 
 const useCloudQuery = useCloudQueryStore();
+const emits = defineEmits(['changeCompare'])
 const compare = ref(false);
 const info = ref({})
 const changeCompare = () => {
   compare.value = !compare.value;
   console.log('compare.value', compare.value);
+  emits('changeCompare', compare.value)
 };
 onMounted(() => {
   let id = useCloudQuery.getCloudQueryInfo.id

src/layouts/default/header/components/notify/index.vue

@@ -61,7 +61,7 @@
       style="top: 20px"
       :destroyOnClose="true"
     >
-      <CloudQueryContent />
+      <CloudQueryContent @changeCompare="changeCompare"/>
     </a-modal>
   </div>
 </template>
@@ -235,8 +235,8 @@
   function closeCloudQuery() {
     cloudQueryVisible.value = false;
   }
-  const changeCompare = () => {
+  const changeCompare = (value) => {
-    compare.value = !compare.value;
+    compare.value = value;
     console.log('compare.value', compare.value);
   };
 </script>