Merge branch 'main' of http://123.132.248.154:10000/HC_YFZX/CaiYuanYiTiHua

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

@@ -25,6 +25,20 @@
         </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"
@@ -35,13 +49,47 @@
       <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 } from 'ant-design-vue';
-  import { BellOutlined } from '@ant-design/icons-vue';
+  import { Popover, Tabs, Badge, Button } from 'ant-design-vue';
+  import {
+    BellOutlined,
+    CloseOutlined,
+    FileSearchOutlined,
+    StarFilled,
+  } from '@ant-design/icons-vue';
   import { tabListData } from './data';
   import { useDesign } from '@/hooks/web/useDesign';
   import { useMessage } from '@/hooks/web/useMessage';
@@ -54,6 +102,8 @@
   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();
@@ -69,6 +119,9 @@
   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++) {
@@ -164,7 +217,6 @@
         const res = message + '\n' + time;
         return h('pre', {}, res);
       },
-
       duration: 3,
     });
     getList();
@@ -176,6 +228,17 @@
   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';
@@ -219,4 +282,92 @@
       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

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