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

@@ -25,20 +25,6 @@
         </Tabs>
       </template>
     </Popover>
-    <!-- 云查询内容提示 -->
-    <div class="cloudquery-notice" v-if="cloudQueryVisible">
-      <div class="cloudquery-title">
-        <span class="title-box">云查询结果</span>
-        <CloseOutlined @click="closeCloudQuery" />
-      </div>
-      <div class="cloudquery-content">
-        <span class="desc-box">您有一条云查询结果，请查收</span>
-      </div>
-      <div class="cloudquery-btn">
-        <a-button type="primary" @click="handCloudQuery">查看</a-button>
-      </div>
-    </div>
-    <!-- 流程任务详情 -->
     <a-modal
       width="100%"
       wrap-class-name="full-modal"
@@ -49,47 +35,13 @@
       <template #footer> </template>
       <Look ref="posRef" :processId="processId" />
     </a-modal>
-    <!-- 消息详情 -->
     <DetailModal @register="registerModal" />
-    <!-- 云查询结果 -->
-    <a-modal
-      v-model:open="open"
-      :footer="false"
-      @cancel="open = false"
-      :width="compare ? '1020px' : '510px'"
-      style="top: 20px"
-    >
-      <div class="modal-content-div">
-        <div class="title-text">
-          {{ compare ? '国家云查询结果(对比模式)' : '国家云查询结果' }}
-          <Icon
-            class="split-button"
-            style="font-size: 20px"
-            icon="bi:layout-split"
-            @click="changeCompare"
-          />
-        </div>
-        <div style="display: flex; width: 100%">
-          <div :style="`display: block; width: ${compare ? '50%' : '100%'};`">
-            <CloudQueryModal />
-          </div>
-          <div style="display: block; width: 50%; margin-left: 20px" v-if="compare">
-            <CloudQueryModal />
-          </div>
-        </div>
-      </div>
-    </a-modal>
   </div>
 </template>
 <script lang="ts" setup>
   import { computed, onMounted, ref, h } from 'vue';
-  import { Popover, Tabs, Badge, Button } from 'ant-design-vue';
-  import {
-    BellOutlined,
-    CloseOutlined,
-    FileSearchOutlined,
-    StarFilled,
-  } from '@ant-design/icons-vue';
+  import { Popover, Tabs, Badge } from 'ant-design-vue';
+  import { BellOutlined } from '@ant-design/icons-vue';
   import { tabListData } from './data';
   import { useDesign } from '@/hooks/web/useDesign';
   import { useMessage } from '@/hooks/web/useMessage';
@@ -102,8 +54,6 @@
   import { getDetail } from '@/api/sys/WFSchemeInfo';
   import { flowStore } from '@/store/modules/flow';
   import DetailModal from '@/views/demo/message/msg/DetailModal.vue';
-  import CloudQueryModal from '@/views/dashboard/test/SearchMenu/CloudQueryModal/index.vue';
-  import Icon from '@/components/Icon/Icon.vue';
 
   const flowWfDataStore = flowStore();
   const [registerModal, { openModal: openLookModal }] = useModal();
@@ -119,9 +69,6 @@
   const taskId = ref('');
   const isRead: any = ref(0);
   const type = ref('');
-  const cloudQueryVisible = ref(true);
-  const compare = ref(false);
-  const open = ref(false);
   const count = computed(() => {
     let count = 0;
     for (let i = 0; i < listData.value.length; i++) {
@@ -217,6 +164,7 @@
         const res = message + '\n' + time;
         return h('pre', {}, res);
       },
+
       duration: 3,
     });
     getList();
@@ -228,17 +176,6 @@
   function closeMolder() {
     auditOpen.value = false;
   }
-  // 查看云查询结果
-  function handCloudQuery() {
-    open.value = true;
-  }
-  function closeCloudQuery() {
-    cloudQueryVisible.value = false;
-  }
-  const changeCompare = () => {
-    compare.value = !compare.value;
-    console.log('compare.value', compare.value);
-  };
 </script>
 <style lang="less">
   @prefix-cls: ~'@{namespace}-header-notify';
@@ -282,92 +219,4 @@
       height: 85%;
     }
   }
-  .cloudquery-notice {
-    background: @component-background;
-    padding: 10px 24px;
-    border-radius: 10px;
-    position: fixed;
-    top: 90px;
-    right: 20px;
-    width: 360px;
-    .cloudquery-title {
-      display: flex;
-      justify-content: space-between;
-      font-size: 16px;
-    }
-    .cloudquery-content {
-      font-size: 14px;
-    }
-    .cloudquery-btn {
-      display: flex;
-      justify-content: flex-end;
-    }
-  }
-</style>
-<style lang="scss" scoped>
-  .modal-content-div {
-    padding: 53px 20px 10px 20px;
-    width: 100%;
-    .title-text {
-      display: flex;
-      justify-content: center;
-      font-size: 18px;
-      color: #2f83d9;
-      text-decoration: underline;
-      font-weight: 600;
-      position: relative;
-    }
-    .split-button {
-      font-size: 20px;
-      display: inline-flex;
-      position: absolute;
-      right: 8px;
-      top: 2px;
-      color: #000000a3;
-      cursor: pointer;
-    }
-  }
-  .search-menu {
-    width: 50px;
-    height: 355px;
-    background-color: #fff;
-    position: absolute;
-    top: 30px;
-    left: 20px;
-    border-radius: 25px;
-    padding-top: 19px;
-  }
-  .active {
-    background: repeating-linear-gradient(to left, rgb(38, 51, 231), rgb(20, 118, 230));
-    color: #fff;
-  }
-  .menu-item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin-bottom: 7px;
-    cursor: pointer;
-    .item-icon {
-      font-size: 20px;
-      margin-bottom: 2px;
-      width: 40px;
-      height: 40px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      border-radius: 50%;
-      transition: 0.2s;
-    }
-    .item-text {
-      user-select: none;
-    }
-  }
-  .menu-content {
-    padding: 10px;
-    background: #fff;
-    position: absolute;
-    top: 0px;
-    left: 70px;
-    width: 420px;
-  }
 </style>

src/views/demo/tiankongdi/cloudquery/index.vue

@@ -0,0 +1,6 @@
+<template>
+  <Test />
+</template>
+<script lang="ts" setup>
+  import Test from '@/views/dashboard/test/index.vue';
+</script>