From be224bbe5dc45489b038be2603dd0d0c299f7474 Mon Sep 17 00:00:00 2001
From: JiangQiming <291854119@qq.com>
Date: Tue, 28 Mar 2023 17:52:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20bug#11011=E3=80=8111072=E3=80=8111077?=
 =?UTF-8?q?=E3=80=8111079?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/images/home/Frame 4528(1).png          | Bin 0 -> 2378 bytes
 public/images/home/Frame 4528.png             | Bin 0 -> 1948 bytes
 public/images/home/Frame 4529.png             | Bin 0 -> 1441 bytes
 src/api/account/notificationRecord.ts         |   1 -
 src/components/Layout/components/Notice.vue   |  43 +++++++++++++++---
 src/views/Log/index.vue                       |  10 +++-
 src/views/device/Instance/index.vue           |   3 ++
 .../components/ComprehensiveHome/index.vue    |  10 ++--
 .../home/components/DevOpsHome/index.vue      |  10 ++--
 .../home/components/DeviceHome/index.vue      |   2 +-
 10 files changed, 59 insertions(+), 20 deletions(-)
 create mode 100644 public/images/home/Frame 4528(1).png
 create mode 100644 public/images/home/Frame 4528.png
 create mode 100644 public/images/home/Frame 4529.png

diff --git a/public/images/home/Frame 4528(1).png b/public/images/home/Frame 4528(1).png
new file mode 100644
index 0000000000000000000000000000000000000000..b2c5b38f57c091c08c1180c421d5b0eb22649e40
GIT binary patch
literal 2378
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

literal 0
HcmV?d00001

diff --git a/public/images/home/Frame 4528.png b/public/images/home/Frame 4528.png
new file mode 100644
index 0000000000000000000000000000000000000000..1361f5e5fc3b80336ca1ef4e7acb263076057381
GIT binary patch
literal 1948
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

literal 0
HcmV?d00001

diff --git a/public/images/home/Frame 4529.png b/public/images/home/Frame 4529.png
new file mode 100644
index 0000000000000000000000000000000000000000..2457d3fa21c60d86187adcda4fa9cb40bde4c432
GIT binary patch
literal 1441
zcmV;S1z!4zP)<h;3K|Lk000e1NJLTq002k;002M;1^@s6xxO(f00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1vW`UK~#7F?V4R~
z+eQ$_XGsc?{89xd+PDZ%`6aMhJC$xAoxr|<-4j?jL6j3zK0%xl)IEXK6DYPDSjmfA
zAgJx2fR&d>a3pSKD3V^SNSPliG6DAYB2rvY%m2>K?9LECqtR$I8jVJy(P%UpjYgx<
zXfzs)=39Wl66tpPWhfLXbX?nf{2IPNmLgF1{IYH__8brE(w`lE=KMu%WAy?e(*5Us
z6-;vw=Qk=bKrwILUOz{1jzJQK-~f9TJ@eb^-TUrCBA@lHjxEdT;{EzjezOdeTF_bV
z!#;rBzPBOg12&m7HUp+znDwE!7f;t8twF{pvmku13J1ICoul#>C`4mC96lU#zJ|vy
z{Kkxxxn=#~{}z1}iF?|+>W5h$-mmhe_y0Czj4}&4J-^&zjJ@>ENfg;{ob>){8esUs
zjK|}eRVZw88=8#qGR$}Gf-^QiajWiEovrmp4ag8>7K9H{^^ZCKJIJZp4@!re;{&^p
zf5FBrSseO3S>Gm2DcgP~T&mL)gbYz85aYr_qEiiOQ(JpDU|@d?yN4&t(~Z^o*2Zdw
zzN1fPy1KajDKk`B&_K9pJ*Z8$e^W;BexCbnfG{Gq=)W?yB4q*@oF93|7;!3R81CgZ
zQwwsffu@>mACRvK6UJjwEFR5F%?zzbahSi7BTxqg_+9iz6zxpIs7^k8>eOm$gUI(j
zzifdZj28sRnoP!aDatt)Z2M%)SX<S?Qkg&$s*O^qg(kT_a{;Yn>zALJkP@1n=IFNX
zJ9Ng5a9URIs2bGXS+x&`&*BV15UHn_vxdRxWENNYbK)S(G`pYx*TEn7UvRzyA>uff
zan)WZm5w1Li7kkPu~t_0!`3k5c=6_~MZP8Wf67)Q{uk%Ys+<|dHut6*Odb4h8>=ly
zNNj<~hgh69IWu>&5=P{tchwdxRTh9mv~F*Y{lz72YsRC|TGFW&S)lH_4^_*yX%$=#
zy1r~-{C>~?x$7*7h?@cXGqDYU4!u!J*sn-F$T4l({u5+zVuWf{P;_$kc3?Cyb<zlH
zgCq8@cWw$(E-qHohD`huXH9~_jE3#BQ6dR$2tQcVhJ*1PBUg=>tZ)MfiDW?(LGYt<
z_l-?kfL0#jM1e8`qJO;QpHCnm(ZjryuE;BaB}38F$vVQ_l0(c%g>9Up5-W;HE9J~n
z4?$24i7oIkL1~vb#9JulxM>Wc`|f>pkvLr1<|HAOKyH-kc;{KC9%O1y9={e-As#fX
z#)eVD$a)AViM`dpKYt~h=59q3dp4RGVC~S7qxR$nC1s}A0@0}CnZS~<OAltUls1f0
zZ;V9}ZC1Y~E1KKHPWw{<MI;hvTr9T5Q7d3R269C15A78}5s3tnM~zYoPMJ9;=Bx+@
zOjUmp=Y!-?Gm1r}b3ZOK{lSH-s{SMvNFFsxLF8>koZb0GRsBhoQKV7xPZW+?QZP59
zyg#V~az>4-AGO5&nXZ~Ups+uwbJCO?zdOm-im3dJA7TNsY!-_<kb=|#$=i>h#Qiey
zcJQa?*EjCF0W*pGG`S!`P2n(yREStj39Ij;V0*u=fBzSxKv`WZt5itV)f9CC(RO3{
zZjVEnM0pTS1r-;hEM(QbtfIj(OV3KIDC~_h4+;_#NtabHP%2QsOH_%iXrVBE(O|Un
zqJdI@h-ozOeM4+3az&<TRG+(;p)elG1qyfz<6bMe&++CVj7Q|USX5~Hf%S90?Bb?E
vIzeqkVbIH#nKWGFcn!mNxw-!1E69m2U|Qzyxg>QD00000NkvXXu0mjf<H4Cl

literal 0
HcmV?d00001

diff --git a/src/api/account/notificationRecord.ts b/src/api/account/notificationRecord.ts
index 9a8c4219..25f14b70 100644
--- a/src/api/account/notificationRecord.ts
+++ b/src/api/account/notificationRecord.ts
@@ -6,7 +6,6 @@ export const getList_api = (data: object): any => server.get(`/notifications/_qu
 export const getListByUnRead_api = (data: object): any => server.post(`/notifications/_query`, data)
 // 修改记录状态
 export const changeStatus_api = (type: '_read' | '_unread', data: string[]): any => server.post(`/notifications/${type}`, data)
-export const read = (id: string): any => server.get(`notifications/${id}/read`)
 
 
 const encodeParams = (params: Record<string, any>) => {
diff --git a/src/components/Layout/components/Notice.vue b/src/components/Layout/components/Notice.vue
index 898c9777..54716086 100644
--- a/src/components/Layout/components/Notice.vue
+++ b/src/components/Layout/components/Notice.vue
@@ -5,10 +5,13 @@
             :trigger="['click']"
             @visible-change="visibleChange"
         >
-            <div class="icon-content">
+            <!-- <div class="icon-content">
                 <AIcon type="BellOutlined" style="font-size: 16px" />
                 <span class="unread" v-show="total > 0">{{ total }}</span>
-            </div>
+            </div> -->
+            <j-badge :count="total" :offset="[3, -3]">
+                <AIcon type="BellOutlined" style="font-size: 16px" />
+            </j-badge>
             <template #overlay>
                 <div>
                     <NoticeInfo :data="list" @on-action="handleRead" />
@@ -26,6 +29,9 @@ import { notification, Button } from 'ant-design-vue';
 import { changeStatus_api } from '@/api/account/notificationRecord';
 import { useUserInfo } from '@/store/userInfo';
 
+import { useMenuStore } from '@/store/menu';
+
+const { jumpPage } = useMenuStore();
 const updateCount = computed(() => useUserInfo().$state.alarmUpdateCount);
 
 const total = ref(0);
@@ -44,29 +50,37 @@ const subscribeNotice = () => {
                         class="ellipsis"
                         style={{ cursor: 'pointer' }}
                         onClick={() => {
-                            changeStatus_api('_read', [resp.id]);
+                            {
+                                /* changeStatus_api('_read', [resp.id]); */
+                            }
+                            read('', resp);
                         }}
                     >
                         {resp?.payload?.message}
                     </div>
                 ),
                 onClick: () => {
-                    changeStatus_api('_read', [resp.id]);
+                    // changeStatus_api('_read', [resp.id])
+                    read('', resp);
                 },
                 key: resp.payload.id,
                 btn: (
                     <Button
                         type="primary"
                         size="small"
-                        onClick={() => {
-                            changeStatus_api('_read', [resp.id]).then(
+                        onClick={(e) => {
+                            {
+                                /* changeStatus_api('_read', [resp.id]).then(
                                 (resp: any) => {
                                     if (resp.status === 200) {
                                         notification.close(resp.payload.id);
                                         getList();
                                     }
                                 },
-                            );
+                            ); */
+                            }
+                            e.stopPropagation();
+                            read('_read', resp);
                         }}
                     >
                         标记已读
@@ -75,6 +89,21 @@ const subscribeNotice = () => {
             });
         });
 };
+
+const read = (type: string, data: any) => {
+    changeStatus_api('_read', [data.payload.id]).then((resp: any) => {
+        if (resp.status !== 200) return;
+
+        notification.close(data.payload.id);
+        getList();
+        if (type !== '_read') {
+            jumpPage('account/NotificationRecord', {
+                row: data.payload.detail,
+            });
+        }
+    });
+};
+
 const getList = () => {
     loading.value = true;
     const params = {
diff --git a/src/views/Log/index.vue b/src/views/Log/index.vue
index 9193b21f..ebe1b006 100644
--- a/src/views/Log/index.vue
+++ b/src/views/Log/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <page-container :tabList="list" @tabChange="onTabChange">
+    <page-container :tabList="list" :tabActiveKey="activeKey" @tabChange="onTabChange">
         <AccessLog v-if="activeKey === '1'" />
         <SystemLog v-else />
     </page-container>
@@ -8,7 +8,9 @@
 import { defineComponent, ref } from 'vue';
 import AccessLog from './Access/index.vue';
 import SystemLog from './System/index.vue';
+import {useRouterParams} from "@/utils/hooks/useParams";
 
+const routerParams = useRouterParams()
 const activeKey = ref('1');
 
 const list = [
@@ -25,4 +27,10 @@ const list = [
 const onTabChange = (e: string) => {
     activeKey.value = e;
 };
+
+onMounted(() => {
+    if (routerParams.params.value.tab === 'system') {
+        activeKey.value = '2';
+    }
+});
 </script>
diff --git a/src/views/device/Instance/index.vue b/src/views/device/Instance/index.vue
index b1628251..79f2d09f 100644
--- a/src/views/device/Instance/index.vue
+++ b/src/views/device/Instance/index.vue
@@ -565,6 +565,9 @@ onMounted(() => {
     if (routerParams.params.value.type === 'add') {
         handleAdd();
     }
+    if (routerParams.params.value.type === 'import') {
+        importVisible.value = true;
+    }
 });
 
 const handleParams = (config: Record<string, any>) => {
diff --git a/src/views/home/components/ComprehensiveHome/index.vue b/src/views/home/components/ComprehensiveHome/index.vue
index 3be3776e..59f36bb0 100644
--- a/src/views/home/components/ComprehensiveHome/index.vue
+++ b/src/views/home/components/ComprehensiveHome/index.vue
@@ -193,31 +193,31 @@ const opsStepDetails: recommendList[] = [
         title: '协议管理',
         details:
             '根据业务需求自定义开发对应的产品（设备模型）接入协议，并上传到平台。',
-        iconUrl: '/images/home/bottom-1.png',
+        iconUrl: '/images/home/Frame 4528.png',
         linkUrl: 'link/Protocol',
     },
     {
         title: '证书管理',
         details: '统一维护平台内的证书，用于数据通信加密。',
-        iconUrl: '/images/home/bottom-6.png',
+        iconUrl: '/images/home/Frame 4528.png',
         linkUrl: 'link/Certificate',
     },
     {
         title: '网络组件',
         details: '根据不同的传输类型配置平台底层网络组件相关参数。',
-        iconUrl: '/images/home/bottom-3.png',
+        iconUrl: '/images/home/Frame 4529.png',
         linkUrl: 'link/Type',
     },
     {
         title: '设备接入网关',
         details: '根据不同的传输类型，关联消息协议，配置设备接入网关相关参数。',
-        iconUrl: '/images/home/bottom-4.png',
+        iconUrl: '/images/home/Frame 4528(1).png',
         linkUrl: 'link/AccessConfig',
     },
     {
         title: '日志管理',
         details: '监控系统日志，及时处理系统异常。',
-        iconUrl: '/images/home/bottom-5.png',
+        iconUrl: '/images/home/Frame 4528.png',
         linkUrl: 'Log',
         params: {
             tab: 'system',
diff --git a/src/views/home/components/DevOpsHome/index.vue b/src/views/home/components/DevOpsHome/index.vue
index cc698a68..484ef5f4 100644
--- a/src/views/home/components/DevOpsHome/index.vue
+++ b/src/views/home/components/DevOpsHome/index.vue
@@ -53,31 +53,31 @@ const opsStepDetails: recommendList[] = [
         title: '协议管理',
         details:
             '根据业务需求自定义开发对应的产品（设备模型）接入协议，并上传到平台。',
-        iconUrl: '/images/home/bottom-1.png',
+        iconUrl: '/images/home/Frame 4528.png',
         linkUrl: 'link/Protocol',
     },
     {
         title: '证书管理',
         details: '统一维护平台内的证书，用于数据通信加密。',
-        iconUrl: '/images/home/bottom-6.png',
+        iconUrl: '/images/home/Frame 4528.png',
         linkUrl: 'link/Certificate',
     },
     {
         title: '网络组件',
         details: '根据不同的传输类型配置平台底层网络组件相关参数。',
-        iconUrl: '/images/home/bottom-3.png',
+        iconUrl: '/images/home/Frame 4529.png',
         linkUrl: 'link/Type',
     },
     {
         title: '设备接入网关',
         details: '根据不同的传输类型，关联消息协议，配置设备接入网关相关参数。',
-        iconUrl: '/images/home/bottom-4.png',
+        iconUrl: '/images/home/Frame 4528(1).png',
         linkUrl: 'link/AccessConfig',
     },
     {
         title: '日志管理',
         details: '监控系统日志，及时处理系统异常。',
-        iconUrl: '/images/home/bottom-5.png',
+        iconUrl: '/images/home/Frame 4528.png',
         linkUrl: 'Log',
         params: {
             tab: 'system',
diff --git a/src/views/home/components/DeviceHome/index.vue b/src/views/home/components/DeviceHome/index.vue
index 3a12d888..79d14997 100644
--- a/src/views/home/components/DeviceHome/index.vue
+++ b/src/views/home/components/DeviceHome/index.vue
@@ -139,7 +139,7 @@ const deviceStepDetails: recommendList[] = [
         linkUrl: 'device/Instance',
         auth: devicePermission('import'),
         params: {
-            import: true,
+            type: 'import',
         },
     },
 ];