From 6fee10c352ae2e8b69f73389493cd03d22280d0a Mon Sep 17 00:00:00 2001
From: leiqiaochu <leiqiaochu@aossci.com>
Date: Thu, 13 Jul 2023 16:05:27 +0800
Subject: [PATCH] fix: bug#16263

---
 src/views/notice/Config/Log/index.vue         | 40 ++++++++++++++++---
 .../notice/Template/Log/components/Record.vue |  1 -
 src/views/notice/Template/Log/index.vue       | 33 +++++++++++++--
 3 files changed, 64 insertions(+), 10 deletions(-)

diff --git a/src/views/notice/Config/Log/index.vue b/src/views/notice/Config/Log/index.vue
index 9f8e3fb8..6b151f60 100644
--- a/src/views/notice/Config/Log/index.vue
+++ b/src/views/notice/Config/Log/index.vue
@@ -38,8 +38,8 @@
             <template #action="slotProps">
                 <AIcon
                     type="ExclamationCircleOutlined"
-                    style="color: #1d39c4; cursor: pointer"
-                    @click="handleDetail(slotProps.context)"
+                    :class="Object.keys(slotProps.context).length == 0 ? 'disableIcon' : 'Icon'"
+                    @click="handleDetail(slotProps)"
                 />
             </template>
         </JProTable>
@@ -51,6 +51,7 @@ import configApi from '@/api/notice/config';
 import { PropType } from 'vue';
 import moment from 'moment';
 import { Modal } from 'ant-design-vue';
+import Record from '../../Template/Log/components/Record.vue'
 
 type Emits = {
     (e: 'update:visible', data: boolean): void;
@@ -152,19 +153,46 @@ const handleError = (e: any) => {
 /**
  * 查看详情
  */
-const handleDetail = (e: any) => {
-    Modal.info({
+const handleDetail = (data: any) => {
+    if(Object.keys(data.context).length == 0){
+        Modal.info({
         title: '详情信息',
         content: h(
-            'p',
+            "p",
             {
+               
                 style: {
                     maxHeight: '300px',
                     overflowY: 'auto',
                 },
             },
-            JSON.stringify(e),
+            '模板中不存在变量'
         ),
     });
+    }else{
+        Modal.info({
+        title: '详情信息',
+        content: h(
+            Record,
+            {
+                data:data,
+                style: {
+                    maxHeight: '300px',
+                    overflowY: 'auto',
+                },
+            },
+        ),
+    });
+    }  
 };
 </script>
+<style lang="less" scoped>
+.disableIcon{
+    color:darkgrey ;
+    cursor:pointer;
+}
+.Icon{
+    color:#1d39c4;
+    cursor:pointer;
+}
+</style>
diff --git a/src/views/notice/Template/Log/components/Record.vue b/src/views/notice/Template/Log/components/Record.vue
index c217a176..f4c10fa8 100644
--- a/src/views/notice/Template/Log/components/Record.vue
+++ b/src/views/notice/Template/Log/components/Record.vue
@@ -27,7 +27,6 @@ const replaceData = async (data: any) => {
     context.value = data.context
     if (context.value.detailJson) {
         context.value.detailJson = context.value.detailJson.replace(/\\\"/g, '\"')
-
     }
     if (context.value.hasOwnProperty('userIdList') || context.value.hasOwnProperty('toUser')) {
         templateApi.getUser(
diff --git a/src/views/notice/Template/Log/index.vue b/src/views/notice/Template/Log/index.vue
index 53092c5b..8b66da5b 100644
--- a/src/views/notice/Template/Log/index.vue
+++ b/src/views/notice/Template/Log/index.vue
@@ -34,7 +34,7 @@
             <template #action="slotProps">
                 <AIcon
                     type="ExclamationCircleOutlined"
-                    style="color: #1d39c4; cursor: pointer"
+                    :class="Object.keys(slotProps.context).length == 0 ? 'disableIcon' : 'Icon'"
                     @click="handleDetail(slotProps)"
                 />
             </template>
@@ -148,8 +148,24 @@ const handleError = (e: any) => {
 /**
  * 查看详情
  */
-const handleDetail = (data:any) => {
-    Modal.info({
+ const handleDetail = (data: any) => {
+    if(Object.keys(data.context).length == 0){
+        Modal.info({
+        title: '详情信息',
+        content: h(
+            "p",
+            {
+               
+                style: {
+                    maxHeight: '300px',
+                    overflowY: 'auto',
+                },
+            },
+            '模板中不存在变量'
+        ),
+    });
+    }else{
+        Modal.info({
         title: '详情信息',
         content: h(
             Record,
@@ -162,5 +178,16 @@ const handleDetail = (data:any) => {
             },
         ),
     });
+    }  
 };
 </script>
+<style lang="less" scoped>
+.disableIcon{
+    color:darkgrey ;
+    cursor:pointer;
+}
+.Icon{
+    color:#1d39c4;
+    cursor:pointer;
+}
+</style>