From e586a88918707e7dde47412afad8f94cbce8fb75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Tue, 29 Jul 2025 13:58:43 +0800
Subject: [PATCH] =?UTF-8?q?feat(bpic=5Feli):=20=E6=B7=BB=E5=8A=A0=E8=AF=84?=
 =?UTF-8?q?=E8=AE=BA=E7=82=B9=E8=B5=9E=E5=92=8C=E7=82=B9=E8=B8=A9=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 updateComment 接口用于更新评论内容和点赞状态
- 实现点赞和点踩的交互逻辑
- 更新评论显示，根据用户点赞状态动态显示图标
-修复了启用/停用规则时状态文本显示错误的问题
---
 public/bpic_eli/risk_history.html | 1994 +++++++++++++++--------------
 1 file changed, 1010 insertions(+), 984 deletions(-)

diff --git a/public/bpic_eli/risk_history.html b/public/bpic_eli/risk_history.html
index 3c70805..5c28fbc 100644
--- a/public/bpic_eli/risk_history.html
+++ b/public/bpic_eli/risk_history.html
@@ -22,516 +22,500 @@
   <![endif]-->
 
   <style>
-      * {
-          margin: 0;
-          padding: 0;
-          box-sizing: border-box;
-      }
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
 
-      html,
-      body {
-          height: 100%;
-          background: #f0f4fa;
-          font-family: 'Microsoft YaHei', Arial, sans-serif;
-          font-size: 14px;
-          color: #333;
-          position: relative;
-      }
+    html,
+    body {
+      height: 100%;
+      background: #f0f4fa;
+      font-family: 'Microsoft YaHei', Arial, sans-serif;
+      font-size: 14px;
+      color: #333;
+      position: relative;
+    }
 
-      .main {
-          width: 100%;
-          height: 100%;
-          padding: 1%;
-          font-size: 0; /* 消除 inline-block 间隙 */
-      }
+    .main {
+      width: 100%;
+      height: 100%;
+      padding: 1%;
+      font-size: 0; /* 消除 inline-block 间隙 */
+    }
 
-      .tree-icon{
-          width: 15px!important;
-          height: 15px!important;
-          margin-right: 10px;
-          //height: 20px;
-      }
-      .left-nav {
-          width: 20%;
-          float: left;
-          height: 100%;
-          display: inline-block;
-          *display: inline;
-          *zoom: 1;
-          vertical-align: top;
-          background: #fff;
-          border-radius: 10px;
-          font-size: 16px; /* 恢复字体 */
-          border: 1px solid #ddd;
-          /* IE8兼容的阴影效果 */
-          filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=3);
-          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
-      }
+    .tree-icon {
+      width: 15px !important;
+      height: 15px !important;
+      margin-right: 10px;
+    }
 
-      .nav-header {
-          font-size: 18px;
-          font-weight: bold;
-          text-align: center;
-          padding: 20px 0;
-          border-bottom: 1px solid #eee;
-          background: #f8f9fa;
-          color: #2c3e50;
-          border-radius: 10px 10px 0 0;
-      }
+    .left-nav {
+      width: 20%;
+      float: left;
+      height: 100%;
+      display: inline-block;
+      *display: inline;
+      *zoom: 1;
+      vertical-align: top;
+      background: #fff;
+      border-radius: 10px;
+      font-size: 16px; /* 恢复字体 */
+      border: 1px solid #ddd;
+      /* IE8兼容的阴影效果 */
+      filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=3);
+      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+    }
 
-      .link {
-          display: block;
-          margin: 15px auto;
-      //text-align: center;
-          background: #fff;
-          text-decoration: none;
-          color: #000;
-          font-size: 14px;
-      //border: 1px solid #ddd;
-          border-radius: 4px;
-          padding: 12px 10px;
-          width: 100%;
-          transition: all 0.3s ease;
-          /* IE8兼容样式 */
-      //*border: 1px solid #ccc;
-      }
+    .nav-header {
+      font-size: 18px;
+      font-weight: bold;
+      text-align: center;
+      padding: 20px 0;
+      border-bottom: 1px solid #eee;
+      background: #f8f9fa;
+      color: #2c3e50;
+      border-radius: 10px 10px 0 0;
+    }
 
-      .link:hover {
-          background: #f5f9ff;
-          border-color: #3498db;
-          color: #000;
-          /* IE8不支持:hover伪类，但定义在这里以防在支持的浏览器中使用 */
-      }
+    .link {
+      display: block;
+      margin: 15px auto;
+      background: #fff;
+      text-decoration: none;
+      color: #000;
+      font-size: 14px;
+      border-radius: 4px;
+      padding: 12px 10px;
+      width: 100%;
+      transition: all 0.3s ease;
+      /* IE8兼容样式 */
+      *border: 1px solid #ccc;
+    }
 
-      .link.active {
-          background: #f0f4fa;
-          color: #3498db;
-      //border-color: #3498db;
-      }
+    .link:hover {
+      background: #f5f9ff;
+      border-color: #3498db;
+      color: #000;
+      /* IE8不支持:hover伪类，但定义在这里以防在支持的浏览器中使用 */
+    }
 
-      .right-container {
-          width: 79%;
-          height: 100%;
-          display: inline-block;
-          *display: inline;
-          *zoom: 1;
-          float: right;
-          background: #fff;
-          border-radius: 10px;
-          font-size: 16px;
-          overflow-y: auto;
-          overflow-x: hidden;
-          border: 1px solid #ddd;
-          /* IE8兼容的阴影效果 */
-          filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=3);
-          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
-      }
+    .link.active {
+      background: #f0f4fa;
+      color: #3498db;
+    }
 
-      .top-container,
-      #detail-container {
-          width: 100%;
-          background: #fff;
-          margin-bottom: 10px;
-          border: 1px solid #eee;
-      }
+    .right-container {
+      width: 79%;
+      height: 100%;
+      display: inline-block;
+      *display: inline;
+      *zoom: 1;
+      float: right;
+      background: #fff;
+      border-radius: 10px;
+      font-size: 16px;
+      overflow-y: auto;
+      overflow-x: hidden;
+      border: 1px solid #ddd;
+      /* IE8兼容的阴影效果 */
+      filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=3);
+      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+    }
 
-      .top-container {
-          border-bottom: 1px solid #eee;
-          padding: 20px;
-          background: #fafbfc;
-      }
+    .top-container,
+    #detail-container {
+      width: 100%;
+      background: #fff;
+      margin-bottom: 10px;
+      border: 1px solid #eee;
+    }
 
-      #detail-container {
-          padding: 20px;
-      }
+    .top-container {
+      border-bottom: 1px solid #eee;
+      padding: 20px;
+      background: #fafbfc;
+    }
 
-      #custom {
-          display: inline-block;
-          font-size: 22px;
-          font-weight: bold;
-          margin-right: 15px;
-      //padding: 0 20px;
-          color: #2c3e50;
-      }
+    #detail-container {
+      padding: 20px;
+    }
 
-      #time {
-          font-size: 14px;
-          margin-top: 8px;
-          color: #7f8c8d;
-      }
+    #custom {
+      display: inline-block;
+      font-size: 22px;
+      font-weight: bold;
+      margin-right: 15px;
+      color: #2c3e50;
+    }
 
-      .custom-container {
-          display: block;
-          margin: 10px 0 20px 0;
-      }
+    #time {
+      font-size: 14px;
+      margin-top: 8px;
+      color: #7f8c8d;
+    }
 
-      #docs {
-          padding: 15px 20px;
-          font-size: 14px;
-          line-height: 1.6;
-          background: #2c3e50;
-          color: #ecf0f1;
-          border-radius: 4px;
-          margin: 15px 0;
-      }
+    .custom-container {
+      display: block;
+      margin: 10px 0 20px 0;
+    }
 
-      #insured {
-          padding: 10px 0;
-          font-weight: bold;
-          color: #2c3e50;
-          border-bottom: 1px solid #eee;
-      }
+    #docs {
+      padding: 15px 20px;
+      font-size: 14px;
+      line-height: 1.6;
+      background: #2c3e50;
+      color: #ecf0f1;
+      border-radius: 4px;
+      margin: 15px 0;
+    }
 
-      .iconfont {
-          font-family: "iconfont" !important;
-          font-size: 16px;
-          font-style: normal;
-          -webkit-font-smoothing: antialiased;
-          -moz-osx-font-smoothing: grayscale;
-          /* IE8兼容 */
-          *font-family: 'iconfont';
-          *zoom: 1;
-      }
+    #insured {
+      padding: 10px 0;
+      font-weight: bold;
+      color: #2c3e50;
+      border-bottom: 1px solid #eee;
+    }
 
-      .tree-item-header {
-          background: #fff!important;
-          padding: 5px 20px;
-          margin: 5px 0;
-          cursor: pointer;
-          border-radius: 4px;
-          border:none!important;
-          font-weight: bold;
-          color: #2c3e50;
-          transition: background 0.3s;
-          /* IE8兼容样式 */
-          *zoom: 1; /* 触发IE hasLayout */
-          *background: #fff;
-      }
+    .iconfont {
+      font-family: "iconfont" !important;
+      font-size: 16px;
+      font-style: normal;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      /* IE8兼容 */
+      *font-family: 'iconfont';
+      *zoom: 1;
+    }
 
-      .tree-item-header:hover {
-          background: #e3e9f2;
-          /* IE8不支持:hover伪类 */
-      }
+    .tree-item-header {
+      background: #fff !important;
+      padding: 5px 20px;
+      margin: 5px 0;
+      cursor: pointer;
+      border-radius: 4px;
+      border: none !important;
+      font-weight: bold;
+      color: #2c3e50;
+      transition: background 0.3s;
+      /* IE8兼容样式 */
+      *zoom: 1; /* 触发IE hasLayout */
+      *background: #fff;
+    }
 
-      .tree-item-header::before{
-          margin-right: 10px;
-      }
-      .result-container-item {
-          padding: 0 10px;
-          margin-bottom: 20px;
-      }
+    .tree-item-header:hover {
+      background: #e3e9f2;
+      /* IE8不支持:hover伪类 */
+    }
 
-      .result-container-item-child-ul {
-          list-style: none;
-          background: #F9F9F9!important;
-          margin: 10px 20px;
-          padding: 10px;
-      //padding-left: 20px;
-      }
+    .tree-item-header::before {
+      margin-right: 10px;
+    }
 
-      ul {
-          list-style: none;
-      }
-      li {
-          list-style: none;
-      }
-      .index {
-          margin: 0 10px;
-          display: inline-block;
-      //padding: 1px 8px;
-      //border: 1px solid #9fa8da;
-      //background: #9fa8da;
-          width: 25px;
-          height: 25px;
-          line-height: 25px;
-          text-align: center;
-          border-radius: 50%;
-          color: #fff;
-          background-image: url('./round.png');
-          background-repeat: no-repeat;
-          background-size: cover;
-      }
-      .result-container-item-child-ul li {
-          font-size: 14px;
-          line-height: 1.8;
-      //padding: 10px 15px;
-          margin: 8px 0;
-          padding: 5px 0;
-      //background: #fff;
-      //border: 1px solid #eee;
-          border-radius: 4px;
-          cursor: pointer;
-          transition: all 0.3s;
-          border:none!important;
-          /* IE8兼容样式 */
-      //*border: 1px solid #ddd;
-      }
+    .result-container-item {
+      padding: 0 10px;
+      margin-bottom: 20px;
+    }
 
-      .result-container-item-child-ul li:hover {
-          background: #f8f9ff;
-          border-color: #3498db;
-          /* IE8不支持:hover伪类 */
-      }
+    .result-container-item-child-ul {
+      list-style: none;
+      background: #F9F9F9 !important;
+      margin: 10px 20px;
+      padding: 10px;
+    }
 
-      .result-container-item-child-ul li:before {
-      //content: '•';
-          color: #3498db;
-          font-weight: bold;
-          margin-right: 10px;
-          /* IE8不支持:before伪元素 */
-      }
+    ul {
+      list-style: none;
+    }
 
-      /* 添加降级样式 */
-      .no-js-warning {
-          color: #e74c3c;
-          text-align: center;
-          padding: 30px;
-          font-weight: bold;
-          font-size: 16px;
-          background: #fadbd8;
-          border: 1px solid #f5b7b1;
-          border-radius: 4px;
-          margin: 20px;
-      }
+    li {
+      list-style: none;
+    }
 
-      /* 为不支持flex的浏览器提供备选方案 */
-      .custom-container > * {
-          display: inline-block;
-          vertical-align: top;
-      }
+    .index {
+      margin: 0 10px;
+      display: inline-block;
+      width: 25px;
+      height: 25px;
+      line-height: 25px;
+      text-align: center;
+      border-radius: 50%;
+      color: #fff;
+      background-image: url('./round.png');
+      background-repeat: no-repeat;
+      background-size: cover;
+    }
 
-      /* 添加加载状态提示 */
-      .loading {
-          text-align: center;
-          padding: 30px;
-          color: #7f8c8d;
-      }
+    .result-container-item-child-ul li {
+      font-size: 14px;
+      line-height: 1.8;
+      margin: 8px 0;
+      padding: 5px 0;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: all 0.3s;
+      border: none !important;
+      /* IE8兼容样式 */
+      *border: 1px solid #ddd;
+    }
 
-      .loading-spinner {
-          display: inline-block;
-          width: 20px;
-          height: 20px;
-          border: 3px solid #f3f3f3;
-          border-top: 3px solid #3498db;
-          border-radius: 50%;
-          animation: spin 1s linear infinite;
-          /* IE8不支持动画 */
-          *border: 3px solid #3498db;
-      }
+    .result-container-item-child-ul li:hover {
+      background: #f8f9ff;
+      border-color: #3498db;
+      /* IE8不支持:hover伪类 */
+    }
 
-      @keyframes spin {
-          0% {
-              transform: rotate(0deg);
-          }
-          100% {
-              transform: rotate(360deg);
-          }
-      }
+    .result-container-item-child-ul li:before {
+      color: #3498db;
+      font-weight: bold;
+      margin-right: 10px;
+      /* IE8不支持:before伪元素 */
+    }
 
-      .section-title {
-          font-size: 18px;
-          font-weight: bold;
-          margin: 25px 0 15px 0;
-          padding-bottom: 10px;
-          border-bottom: 2px solid #3498db;
-          color: #2c3e50;
-      }
+    /* 添加降级样式 */
+    .no-js-warning {
+      color: #e74c3c;
+      text-align: center;
+      padding: 30px;
+      font-weight: bold;
+      font-size: 16px;
+      background: #fadbd8;
+      border: 1px solid #f5b7b1;
+      border-radius: 4px;
+      margin: 20px;
+    }
 
-      .empty-message {
-          text-align: center;
-          padding: 40px 20px;
-          color: #95a5a6;
-      }
+    /* 为不支持flex的浏览器提供备选方案 */
+    .custom-container > * {
+      display: inline-block;
+      vertical-align: top;
+    }
 
-      .png-icon {
-          vertical-align: middle;
-          margin: -2px 10px 0 10px;
-          outline: none;
-          border: none;
-          display: inline-block;
-          /* IE8兼容 */
-          *display: inline;
-          *zoom: 1;
-      }
-      //.empty-message:before {
-      //  content: 'ℹ';
-      //  font-size: 32px;
-      //  display: block;
-      //  margin-bottom: 10px;
-      //  /* IE8不支持:before */
-      //}
+    /* 添加加载状态提示 */
+    .loading {
+      text-align: center;
+      padding: 30px;
+      color: #7f8c8d;
+    }
 
-      .actions{
-          height: 40px;
+    .loading-spinner {
+      display: inline-block;
+      width: 20px;
+      height: 20px;
+      border: 3px solid #f3f3f3;
+      border-top: 3px solid #3498db;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+      /* IE8不支持动画 */
+      *border: 3px solid #3498db;
+    }
 
+    @keyframes spin {
+      0% {
+        transform: rotate(0deg);
       }
-      .actions button{
-          height: 30px;
-          margin: 5px 10px 5px 0;
-          background: #fff;
-          width: auto;
-          outline: none;
-          border:none
-      }
-      .actions button img{
-          background: #fff;
-          cursor: pointer;
-          width: 15px;
-      }
-      .dialog-action button{
-      //height: 30px;
-          outline:none;
-          padding: 10px 20px;
-          cursor: pointer;
-          border-radius: 5px;
-          border: 1px solid #f0f4fa;
+      100% {
+        transform: rotate(360deg);
       }
+    }
 
-      /* 美化后的dialog样式 */
-      .dialog {
-          position: absolute;
-          width: 50%;
-          min-width: 300px;
-          background: #fff;
-          left: 25%;
-          top: 50%;
-          margin-top: -150px;
-          border: 1px solid #ccc;
-          text-align: center;
-          border-radius: 8px;
-          box-shadow: 0 4px 12px rgba(0,0,0,0.2);
-          /* IE8兼容的阴影效果 */
-          filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=5);
-          z-index: 1000;
-          font-family: 'Microsoft YaHei', Arial, sans-serif;
-          /* IE8 居中对齐 */
-          *left: 0;
-          *top: 0;
-          *margin-left: 25%;
-          *margin-top: 100px;
-      }
+    .section-title {
+      font-size: 18px;
+      font-weight: bold;
+      margin: 25px 0 15px 0;
+      padding-bottom: 10px;
+      border-bottom: 2px solid #3498db;
+      color: #2c3e50;
+    }
 
-      .dialog .title {
-          font-size: 18px;
-          font-weight: bold;
-          padding: 20px 30px;
-          text-align: left;
-          background: #f8f9fa;
-          border-bottom: 1px solid #eee;
-          border-radius: 8px 8px 0 0;
-          color: #2c3e50;
-          position: relative;
-          zoom: 1; /* 触发IE hasLayout */
-      }
+    .empty-message {
+      text-align: center;
+      padding: 40px 20px;
+      color: #95a5a6;
+    }
 
-      .dialog-close {
-          position: absolute;
-          right: 15px;
-          top: 50%;
-          /* IE8兼容的垂直居中 */
-          *top: 20px;
-          background: none;
-          border: none;
-          font-size: 24px;
-          font-weight: bold;
-          color: #aaa;
-          cursor: pointer;
-          padding: 0;
-          width: 30px;
-          height: 30px;
-          line-height: 30px;
-          text-align: center;
-          /* IE8兼容方案 */
-          *line-height: 24px;
-      }
+    .png-icon {
+      vertical-align: middle;
+      margin: -2px 10px 0 10px;
+      outline: none;
+      border: none;
+      display: inline-block;
+      /* IE8兼容 */
+      *display: inline;
+      *zoom: 1;
+    }
 
-      .dialog-close:hover {
-          color: #333;
-          background: #eee;
-          border-radius: 50%;
-      }
+    .actions {
+      height: 40px;
+    }
 
-      .dialog textarea {
-          text-align: left;
-          width: 90%;
-          padding: 15px;
-          margin: 20px 0;
-          outline: none;
-          border: 1px solid #ddd;
-          height: 150px;
-          border-radius: 4px;
-          font-family: 'Microsoft YaHei', Arial, sans-serif;
-          font-size: 14px;
-          resize: none;
-          /* IE8 兼容 */
-          *padding: 10px;
-          *width: 85%;
-      }
+    .actions button {
+      height: 30px;
+      margin: 5px 10px 5px 0;
+      background: #fff;
+      width: auto;
+      outline: none;
+      border: none
+    }
 
-      .dialog textarea:focus {
-          border-color: #3498db;
-          /* IE8 不支持 box-shadow */
-          *border-color: #3498db;
-      }
+    .actions button img {
+      background: #fff;
+      cursor: pointer;
+      width: 15px;
+    }
 
-      .dialog-action {
-          text-align: right;
-          padding: 0 20px 20px;
-          zoom: 1; /* 触发IE hasLayout */
-      }
+    .dialog-action button {
+      outline: none;
+      padding: 10px 20px;
+      cursor: pointer;
+      border-radius: 5px;
+      border: 1px solid #f0f4fa;
+    }
 
-      .dialog-action button {
-          padding: 8px 20px;
-          cursor: pointer;
-          border-radius: 4px;
-          border: 1px solid #ddd;
-          font-size: 14px;
-          font-weight: 500;
-          margin-left: 10px;
-          /* IE8 兼容 */
-          *padding: 5px 15px;
-          *border: 1px solid #ccc;
-          *zoom: 1;
-      }
+    /* 美化后的dialog样式 */
+    .dialog {
+      position: absolute;
+      width: 50%;
+      min-width: 300px;
+      background: #fff;
+      left: 25%;
+      top: 50%;
+      margin-top: -150px;
+      border: 1px solid #ccc;
+      text-align: center;
+      border-radius: 8px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+      /* IE8兼容的阴影效果 */
+      filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=5);
+      z-index: 1000;
+      font-family: 'Microsoft YaHei', Arial, sans-serif;
+      /* IE8 居中对齐 */
+      *left: 0;
+      *top: 0;
+      *margin-left: 25%;
+      *margin-top: 100px;
+    }
 
-      .dialog-action button:first-child {
-          margin-left: 0;
-      }
+    .dialog .title {
+      font-size: 18px;
+      font-weight: bold;
+      padding: 20px 30px;
+      text-align: left;
+      background: #f8f9fa;
+      border-bottom: 1px solid #eee;
+      border-radius: 8px 8px 0 0;
+      color: #2c3e50;
+      position: relative;
+      zoom: 1; /* 触发IE hasLayout */
+    }
 
-      /* IE8 不支持 :hover 伪类在非 a 标签上，但可以定义以防在支持的浏览器中使用 */
-      .dialog-action button:hover {
-          opacity: 0.9;
-          /* IE8 不支持 opacity */
-          *filter: alpha(opacity=90);
-      }
+    .dialog-close {
+      position: absolute;
+      right: 15px;
+      top: 50%;
+      /* IE8兼容的垂直居中 */
+      *top: 20px;
+      background: none;
+      border: none;
+      font-size: 24px;
+      font-weight: bold;
+      color: #aaa;
+      cursor: pointer;
+      padding: 0;
+      width: 30px;
+      height: 30px;
+      line-height: 30px;
+      text-align: center;
+      /* IE8兼容方案 */
+      *line-height: 24px;
+    }
 
-      .dialog-action button:last-child {
-          background: #fff;
-          color: #333;
-          border: 1px solid #ccc;
-      }
+    .dialog-close:hover {
+      color: #333;
+      background: #eee;
+      border-radius: 50%;
+    }
 
-      /* 遮罩层 */
-      .dialog-overlay {
-          position: fixed;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-          background: rgba(0,0,0,0.5);
-          z-index: 999;
-          display: none;
-          /* IE8 兼容方案 */
-          *position: absolute;
-          *top: 0;
-          *left: 0;
-          *width: 100%;
-          *height: 100%;
-          *background: #000;
-          *filter: alpha(opacity=50);
-      }
+    .dialog textarea {
+      text-align: left;
+      width: 90%;
+      padding: 15px;
+      margin: 20px 0;
+      outline: none;
+      border: 1px solid #ddd;
+      height: 150px;
+      border-radius: 4px;
+      font-family: 'Microsoft YaHei', Arial, sans-serif;
+      font-size: 14px;
+      resize: none;
+      /* IE8 兼容 */
+      *padding: 10px;
+      *width: 85%;
+    }
 
+    .dialog textarea:focus {
+      border-color: #3498db;
+      /* IE8 不支持 box-shadow */
+      *border-color: #3498db;
+    }
 
+    .dialog-action {
+      text-align: right;
+      padding: 0 20px 20px;
+      zoom: 1; /* 触发IE hasLayout */
+    }
+
+    .dialog-action button {
+      padding: 8px 20px;
+      cursor: pointer;
+      border-radius: 4px;
+      border: 1px solid #ddd;
+      font-size: 14px;
+      font-weight: 500;
+      margin-left: 10px;
+      /* IE8 兼容 */
+      *padding: 5px 15px;
+      *border: 1px solid #ccc;
+      *zoom: 1;
+    }
+
+    .dialog-action button:first-child {
+      margin-left: 0;
+    }
+
+    /* IE8 不支持 :hover 伪类在非 a 标签上，但可以定义以防在支持的浏览器中使用 */
+    .dialog-action button:hover {
+      opacity: 0.9;
+      /* IE8 不支持 opacity */
+      *filter: alpha(opacity=90);
+    }
+
+    .dialog-action button:last-child {
+      background: #fff;
+      color: #333;
+      border: 1px solid #ccc;
+    }
+
+    /* 遮罩层 */
+    .dialog-overlay {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.5);
+      z-index: 999;
+      display: none;
+      /* IE8 兼容方案 */
+      *position: absolute;
+      *top: 0;
+      *left: 0;
+      *width: 100%;
+      *height: 100%;
+      *background: #000;
+      *filter: alpha(opacity=50);
+    }
   </style>
 </head>
 <body>
@@ -585,584 +569,626 @@
 </div>
 
 <!-- 悬浮弹窗 -->
-<div class='dialog-overlay' id='dialogOverlay' onclick="closeDialog()"></div>
+<div class='dialog-overlay' id='dialogOverlay' onclick="DialogHandler.closeDialog()"></div>
 <div class='dialog' id='commentDialog' style='display: none;'>
   <div class='title'>
     <span>查看评价</span>
-    <button class="dialog-close" onclick="closeDialog()" type="button">×</button>
+    <button class="dialog-close" onclick="DialogHandler.closeDialog()" type="button">×</button>
   </div>
   <textarea id="commentText" placeholder="请输入您的评价..."></textarea>
   <div class='dialog-action'>
-    <button style='background: #3498db; color: white; border: 1px solid #3498db;' onclick="saveComment()" type="button">保存</button>
-    <button onclick="closeDialog()" type="button">关闭</button>
+    <button style='background: #3498db; color: white; border: 1px solid #3498db;' onclick="DialogHandler.saveComment()" type="button">保存</button>
+    <button onclick="DialogHandler.closeDialog()" type="button">关闭</button>
   </div>
 </div>
 
-
 <script src="ajax.js"></script>
 <script>
-  var noNav = getQueryParam('noNav')
-  var noPadding = getQueryParam('noPT')
-  if (noPadding) {
-    document.getElementById('main')
-    main.style.padding = '0'
-  }
-
-  if (noNav) {
-    var leftNav = document.getElementById('leftNav')
-    var rightContainer = document.getElementById('right-container')
-    leftNav.style.display = 'none'
-    rightContainer.style.width = '100%'
-  }
-  // 添加错误处理函数
-  function handleError(errorMsg, url, line) {
-    console.log('Error occurred: ' + errorMsg + ' at ' + url + ':' + line)
-    // 可以在这里添加用户友好的错误提示
-    return true // 阻止浏览器默认的错误处理
-  }
-
-  // 设置全局错误处理
-  window.onerror = handleError
-
-  var navList = [] //侧边列表
-  var navCheckRecord = {}
-
-  // objectToQueryString 函数必须定义
-
-  var ipConfig = {
-    ip: getQueryParam('ip') || 'http://39.104.123.254:7196'
-  }
-
-  var serviceUrl = {
-    queryResult: {
-      url: '/riskCheckRecordEx/queryResult',
-      method: 'get',
-      data: {}
+  // 工具函数模块
+  var Utils = {
+    // 获取URL参数
+    getQueryParam: function(name) {
+      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+      var r = window.location.search.substr(1).match(reg);
+      if (r != null) return unescape(r[2]);
+      return null;
     },
-    queryDetail: {
-      url: '/riskCheckRecordEx/queryDetail',
-      method: 'get',
-      data: {}
+
+    // 对象转查询字符串
+    objectToQueryString: function(obj) {
+      var parts = [];
+      for (var key in obj) {
+        if (obj.hasOwnProperty(key)) {
+          parts.push(encodeURIComponent(key) + "=" + encodeURIComponent(obj[key]));
+        }
+      }
+      return parts.length > 0 ? "?" + parts.join("&") : "";
     },
-    download: {
-      url: '/bpic/image/download',
-      method: 'get',
-      data: {}
+
+    // 错误处理函数
+    handleError: function(errorMsg, url, line) {
+      console.log('Error occurred: ' + errorMsg + ' at ' + url + ':' + line);
+      return true;
+    }
+  };
+
+  // 配置模块
+  var Config = {
+    ipConfig: {
+      ip: Utils.getQueryParam('ip') || 'http://39.104.123.254:7196'
     },
-    updateComment:{
-      url: '/commentEx/update',
-      method: 'post',
-      data: {
-        "taCode":'',
-        resultId:'',
-         isLike:'', //  0 不赞也不踩 1 赞 2 踩
-        commentContent:'',
+
+    serviceUrl: {
+      queryResult: {
+        url: '/riskCheckRecordEx/queryResult',
+        method: 'get',
+        data: {}
+      },
+      queryDetail: {
+        url: '/riskCheckRecordEx/queryDetail',
+        method: 'get',
+        data: {}
+      },
+      download: {
+        url: '/bpic/image/download',
+        method: 'get',
+        data: {}
+      },
+      updateComment: {
+        url: '/commentEx/update',
+        method: 'post',
+        data: {
+          "taCode": '',
+          resultId: '',
+          isLike: '', //  0 不赞也不踩 1 赞 2 踩
+          commentContent: '',
+        }
       }
     }
+  };
 
-  }
+  // 状态管理模块
+  var StateManager = {
+    navList: [], // 侧边列表
+    navCheckRecord: {},
+    resultId: '',
+    isLike: 0,
+    taCode: Utils.getQueryParam('taCode') || 'C123504032025600027' // 默认值作为后备
+  };
 
+  // DOM操作模块
+  var DOMHandler = {
+    // 设置服务URL并发送请求
+    setServiceUrl: function(service, data, callback) {
+      var baseUrl = Config.ipConfig.ip + service.url;
+      var params = Utils.objectToQueryString(data);
+      var url = service.method === 'get' ? baseUrl + params : baseUrl;
 
-
-
-  var resultId = ''
-
-  function setServiceUrl(service, data, callback) {
-    var baseUrl = ipConfig.ip + service.url
-    var params = objectToQueryString(data)
-    var url = service.method === 'get' ? baseUrl + params : baseUrl
-
-    if (service.method === 'get') {
-      get(url, function(responseData) {
-        callback(responseData)
-      })
-    } else {
-      post(url, data, function(responseData) {
-        callback(responseData)
-      })
-    }
-  }
-  // 从URL获取taCode
-  var taCode = getQueryParam('taCode') || 'C123504032025600027' // 默认值作为后备
-
-  function getNavList() {
-    // 移除加载提示
-    var loadingElement = document.getElementById('loadingNav')
-    if (loadingElement) {
-      loadingElement.parentNode.removeChild(loadingElement)
-    }
-
-
-    var params = {
-      taCode: taCode
-    }
-    var doc = document.getElementById('navBody')
-
-    setServiceUrl(serviceUrl.queryResult, params, function(data) {
-      try {
-        var jsonData = JSON.parse(data)
-        navList = jsonData.content.content.resultList
-        navCheckRecord = jsonData.content.content.riskCheckRecord
-        var custom = document.getElementById('custom')
-        var docs = document.getElementById('docs')
-        custom.innerHTML = navCheckRecord.orgName || '未知客户'
-
-        var insured = document.getElementById('insured')
-        insured.innerHTML =
-          '被保险人名称：' + (navCheckRecord.insuredName || '未知')
-
-        if (!navList || navList.length === 0) {
-          doc.innerHTML = '<div class="empty-message">暂无历史记录</div>'
-          return
-        }
-
-        for (var i = 0; i < navList.length; i++) {
-          var navItem = navList[i]
-          var a = document.createElement('a')
-          a.href = '#'
-          a.className = 'link'
-          // 为不支持某些CSS属性的浏览器添加额外样式
-          // a.style.border = '1px solid #ddd'
-          a.style.display = 'block'
-          a.innerHTML =
-            (navItem.hasRisk === 1
-              ? '<img src="error.png" class="png-icon">'
-              : '<img src="right.png" class="png-icon">') +
-            navItem.taSubmitDate +
-            (navItem.hasRisk === 1
-              ? '<span >【有风险】</span>'
-              : '<span >【无风险】</span>')
-
-          a.onclick = (function(index, item) {
-            return function() {
-              // ✅ 阻止默认跳转（IE8 兼容）
-              if (window.event) {
-                window.event.returnValue = false // IE8
-              }
-              // 防止冒泡（可选）
-              if (window.event) window.event.cancelBubble = true
-              // 移除所有已存在的active类
-              var links = document.querySelectorAll
-                ? document.querySelectorAll('.link')
-                : document.getElementsByTagName('a')
-              for (var j = 0; j < links.length; j++) {
-                if (links[j].className.indexOf('link') !== -1) {
-                  links[j].className = links[j].className.replace(
-                    ' active',
-                    ''
-                  )
-                }
-              }
-
-              // 为当前点击的链接添加active类
-              this.className += ' active'
-
-              // 确保字段存在且是字符串
-              if (
-                navList[index].checkSummary &&
-                typeof navList[index].checkSummary === 'string'
-              ) {
-                var text = navList[index].checkSummary
-                text = text.replace(/\n\n/g, '</p><p>') // 段落
-                text = text.replace(/\n/g, '<br/>') // 剩余单换行
-                text = '<p>' + text + '</p>'
-                text = text.replace(/<p><\/p>/g, '<p>&nbsp;</p>') // 防止空段落出错
-
-                navList[index].checkSummary = text
-              } else {
-                navList[index].checkSummary = '<p>暂无风险摘要信息</p>' // 防止报错
-              }
-              docs.innerHTML = navList[index].checkSummary
-
-
-              // 赞 踩的控制
-              var cai = document.getElementById('cai')
-              var zan = document.getElementById('zan')
-              var commentText =  document.getElementById('commentText')
-              commentText.value = navList[index].commentContent
-              cai.innerHTML = '<img src="cai.png">'
-              zan.innerHTML = '<img src="zan.png">'
-
-              if (navList[index].isLike === 1) {
-                zan.innerHTML = '<img src="zan-f.png">'
-              }
-              if (navList[index].isLike === -1) {
-                cai.innerHTML = '<img src="cai-f.png">'
-              }
-
-
-
-
-              isLike = navList[index].isLike
-              getDetail(navList[index])
-
-              return false // 再次确保不跳转
-            }
-          })(i, navItem) // 传入当前 index 和 item
-          doc.appendChild(a)
-        }
-
-        // 默认点击第一个导航项
-        if (navList.length > 0) {
-          // 使用setTimeout确保DOM完全渲染后再触发点击
-          setTimeout(function() {
-            var firstLink =
-              doc.querySelector('.link') || doc.getElementsByTagName('a')[0]
-            if (firstLink && typeof firstLink.onclick === 'function') {
-              // 手动触发点击事件
-              if (firstLink.onclick) {
-                firstLink.onclick()
-              }
-            }
-          }, 0)
-        }
-      } catch (e) {
-        console.error('解析数据失败', e)
-        doc.innerHTML =
-          '<div style="color:#e74c3c;padding:20px;text-align:center;">加载数据失败，请稍后重试</div>'
+      if (service.method === 'get') {
+        get(url, function(responseData) {
+          callback(responseData);
+        });
+      } else {
+        post(url, data, function(responseData) {
+          callback(responseData);
+        });
       }
-    })
-  }
+    },
 
-  // 添加降级处理：如果在一定时间内未加载成功，则显示错误信息
-  setTimeout(function() {
-    var loadingElement = document.getElementById('loadingNav')
-    if (loadingElement) {
-      loadingElement.innerHTML = '加载超时，请检查网络连接或稍后重试'
-      loadingElement.style.color = '#e74c3c'
-    }
-  }, 10000) // 10秒后超时
+    // 获取导航列表
+    getNavList: function() {
+      // 移除加载提示
+      var loadingElement = document.getElementById('loadingNav');
+      if (loadingElement) {
+        loadingElement.parentNode.removeChild(loadingElement);
+      }
 
-  getNavList()
+      var params = {
+        taCode: StateManager.taCode
+      };
+      var doc = document.getElementById('navBody');
 
-  function getDetail(navItem) {
-    // 从URL获取taCode
-
-
-    resultId = navItem.id
-    var taCode = getQueryParam('taCode') || navCheckRecord.taCode
-
-    // 🔹 调用详情接口（假设用 recordId 查询）
-    serviceUrl.queryDetail.data = {
-      resultId: navItem.id,
-      recordId: navItem.recordId,
-      taCode: taCode
-    }
-
-    var time = document.getElementById('time')
-    time.innerHTML = ''
-
-    // 添加加载提示
-    var resultDom = document.getElementById('detail-container')
-    resultDom.innerHTML =
-      '<div class="loading"><span class="loading-spinner"></span>正在加载详情...</div>'
-
-    setServiceUrl(
-      serviceUrl.queryDetail,
-      serviceUrl.queryDetail.data,
-      function(detailData) {
+      DOMHandler.setServiceUrl(Config.serviceUrl.queryResult, params, function(data) {
         try {
-          var detailJson = JSON.parse(detailData)
-          var result = detailJson.content.content.ruleTypeList
-          var fileStorageInfoList =
-            detailJson.content.content.fileBizTypeDictList
+          var jsonData = JSON.parse(data);
+          StateManager.navList = jsonData.content.content.resultList;
+          StateManager.navCheckRecord = jsonData.content.content.riskCheckRecord;
+          var custom = document.getElementById('custom');
+          var docs = document.getElementById('docs');
+          custom.innerHTML = StateManager.navCheckRecord.orgName || '未知客户';
 
-          time.innerHTML =
-            (navCheckRecord.taLatestSubmitDate || '未知时间') +
-            ' 共【' +
-            (result ? result.length : 0) +
-            '】条风险提示'
+          var insured = document.getElementById('insured');
+          insured.innerHTML =
+            '被保险人名称：' + (StateManager.navCheckRecord.insuredName || '未知');
 
-          var arrs = []
-          if (result && result.length > 0) {
-            result[0].tabName = '风险筛查结果'
-            for (var i = 0; i < result.length; i++) {
-              arrs.push(result[i])
-            }
-          }
-          if (fileStorageInfoList && fileStorageInfoList.length > 0) {
-            fileStorageInfoList[0].tabName = '影像件'
-            for (var i = 0; i < fileStorageInfoList.length; i++) {
-              arrs.push(fileStorageInfoList[i])
-            }
+          if (!StateManager.navList || StateManager.navList.length === 0) {
+            doc.innerHTML = '<div class="empty-message">暂无历史记录</div>';
+            return;
           }
 
-          if (arrs.length === 0) {
-            resultDom.innerHTML =
-              '<div class="empty-message"><img src="empty.png" alt="" style="width:200px;margin: 0 auto"><p>暂无风险</p></div>'
-            return
-          }
+          for (var i = 0; i < StateManager.navList.length; i++) {
+            var navItem = StateManager.navList[i];
+            var a = document.createElement('a');
+            a.href = '#';
+            a.className = 'link';
+            // 为不支持某些CSS属性的浏览器添加额外样式
+            // a.style.border = '1px solid #ddd'
+            a.style.display = 'block';
+            a.innerHTML =
+              (navItem.hasRisk === 1
+                ? '<img src="error.png" class="png-icon">'
+                : '<img src="right.png" class="png-icon">') +
+              navItem.taSubmitDate +
+              (navItem.hasRisk === 1
+                ? '<span >【有风险】</span>'
+                : '<span >【无风险】</span>');
 
-          resultDom.innerHTML = ''
-
-          // 开始生成页面
-          for (var ind = 0; ind < arrs.length; ind++) {
-            var resultDetail = arrs[ind]
-
-            // 设置标题
-            var docH4 = document.createElement('h4')
-            if (resultDetail.tabName) {
-              docH4.innerHTML = resultDetail.tabName
-              docH4.className = 'section-title'
-              resultDom.appendChild(docH4)
-            }
-
-            var treeItem = document.createElement('div')
-            treeItem.className = 'tree-item-header '
-            // 添加降级样式
-            treeItem.style.background = '#f0f4fa'
-            treeItem.style.cursor = 'pointer'
-            // treeItem.style.border = '1px solid #d6dde6'
-
-            // 创建img元素而不是使用innerHTML，提高IE8兼容性
-            var treeIcon = document.createElement('img');
-            treeIcon.src = './toRight.png';
-            treeIcon.className = 'tree-icon';
-            treeIcon.alt = '';
-            // 为IE8添加特殊属性
-            treeIcon.setAttribute('alt', '');
-            treeIcon.style.verticalAlign = 'middle';
-            treeIcon.style.marginRight = '10px';
-
-            var textNode = document.createTextNode(resultDetail.typeName
-              ? resultDetail.typeName
-              : resultDetail.dictLabel);
-
-            treeItem.appendChild(treeIcon);
-            treeItem.appendChild(textNode);
-
-            resultDom.appendChild(treeItem)
-
-            // 设置二级标题子元素
-            var resultContainer = document.createElement('div')
-            resultContainer.className = 'result-container-item'
-            resultContainer.id = 'result-container-' + ind
-            // 默认隐藏内容，点击标题展开
-            resultContainer.style.display = 'none'
-
-            var childItemUl = document.createElement('ul')
-            childItemUl.className = 'result-container-item-child-ul'
-
-            if (resultDetail.children && resultDetail.children.length > 0) {
-              for (
-                var childIndex = 0;
-                childIndex < resultDetail.children.length;
-                childIndex++
-              ) {
-                var child = resultDetail.children[childIndex]
-
-                var childItem = document.createElement('li')
-                childItem.className = 'result-container-item-child'
-                childItem.innerHTML =
-                  '<span class="index">' +
-                  Number(childIndex + 1) +
-                  '</span>' +
-                  ((child.ruleName ? child.ruleName : child.fileName) ||
-                    '未知项目')
-
-                childItem.style.cursor = 'pointer'
-                // 为不支持某些CSS属性的浏览器添加兼容样式
-                childItem.style.listStyle = 'none'
-                childItem.style.marginLeft = '0px'
-
-                // 为IE8添加特殊样式
-                childItem.style.border = '1px solid #eee'
-
-                childItem.onclick = (function(index, item) {
-                  return function() {
-                    if (item.filePath) {
-                      window.open(
-                        ipConfig.ip +
-                        serviceUrl.download.url +
-                        '?fileId=' +
-                        item.id
-                      )
-                    } else {
-                      // alert('该文件暂无链接')
-                    }
-                  }
-                })(childIndex, child)
-                childItemUl.appendChild(childItem)
-
-                resultContainer.appendChild(childItemUl)
-              }
-            } else {
-              var emptyLi = document.createElement('li')
-              emptyLi.innerHTML = '暂无数据'
-              emptyLi.style.color = '#95a5a6'
-              emptyLi.style.fontStyle = 'italic'
-              childItemUl.appendChild(emptyLi)
-              resultContainer.appendChild(childItemUl)
-            }
-
-            resultDom.appendChild(resultContainer)
-
-            // 绑定点击事件展开/收起内容
-            treeItem.onclick = (function(index, item, iconElement) {
+            a.onclick = (function(index, item) {
               return function() {
-                var resultContainer = document.getElementById(
-                  'result-container-' + index
-                )
-                if (resultContainer.style.display === 'none') {
-                  resultContainer.style.display = 'block'
-                  // 使用setAttribute提高IE8兼容性
-                  iconElement.setAttribute('src', './toDown.png');
-                } else {
-                  resultContainer.style.display = 'none'
-                  iconElement.setAttribute('src', './toRight.png');
+                // ✅ 阻止默认跳转（IE8 兼容）
+                if (window.event) {
+                  window.event.returnValue = false; // IE8
                 }
-              }
-            })(ind, resultDetail, treeIcon)
-
-            resultDom.style.minHeight = 30 * arrs.length + 'px'
-            resultDom.style.overflowY = 'auto'
-
-            // 如果arrs有结果，默认打开第一个result-container-0
-            if (arrs.length > 0) {
-              // 使用setTimeout确保DOM完全渲染后再触发点击
-              setTimeout(function() {
-                var firstTreeItem =
-                  resultDom.querySelector('.tree-item-header') ||
-                  resultDom.getElementsByClassName('tree-item-header')[0]
-                var firstResultContainer =
-                  resultDom.querySelector('#result-container-0') ||
-                  resultDom.getElementById('result-container-0')
-
-                if (firstTreeItem && firstResultContainer) {
-                  // 显示第一个结果容器
-                  firstResultContainer.style.display = 'block'
-                  // 更新第一个树项的图标为展开状态
-                  var firstIcon = firstTreeItem.getElementsByTagName('img')[0];
-                  if (firstIcon) {
-                    firstIcon.setAttribute('src', './toDown.png');
+                // 防止冒泡（可选）
+                if (window.event) window.event.cancelBubble = true;
+                // 移除所有已存在的active类
+                var links = document.querySelectorAll
+                  ? document.querySelectorAll('.link')
+                  : document.getElementsByTagName('a');
+                for (var j = 0; j < links.length; j++) {
+                  if (links[j].className.indexOf('link') !== -1) {
+                    links[j].className = links[j].className.replace(
+                      ' active',
+                      ''
+                    );
                   }
                 }
-              }, 0)
-            }
+
+                // 为当前点击的链接添加active类
+                this.className += ' active';
+
+                // 确保字段存在且是字符串
+                if (
+                  StateManager.navList[index].checkSummary &&
+                  typeof StateManager.navList[index].checkSummary === 'string'
+                ) {
+                  var text = StateManager.navList[index].checkSummary;
+                  text = text.replace(/\n\n/g, '</p><p>'); // 段落
+                  text = text.replace(/\n/g, '<br/>'); // 剩余单换行
+                  text = '<p>' + text + '</p>';
+                  text = text.replace(/<p><\/p>/g, '<p>&nbsp;</p>'); // 防止空段落出错
+
+                  StateManager.navList[index].checkSummary = text;
+                } else {
+                  StateManager.navList[index].checkSummary = '<p>暂无风险摘要信息</p>'; // 防止报错
+                }
+                docs.innerHTML = StateManager.navList[index].checkSummary;
+
+                // 赞 踩的控制
+                var cai = document.getElementById('cai');
+                var zan = document.getElementById('zan');
+                var commentText = document.getElementById('commentText');
+                commentText.value = StateManager.navList[index].commentContent;
+                cai.innerHTML = '<img src="cai.png">';
+                zan.innerHTML = '<img src="zan.png">';
+
+                if (StateManager.navList[index].isLike === 1) {
+                  zan.innerHTML = '<img src="zan-f.png">';
+                }
+                if (StateManager.navList[index].isLike === -1) {
+                  cai.innerHTML = '<img src="cai-f.png">';
+                }
+
+                StateManager.isLike = StateManager.navList[index].isLike;
+                DOMHandler.getDetail(StateManager.navList[index]);
+
+                return false; // 再次确保不跳转
+              };
+            })(i, navItem); // 传入当前 index 和 item
+            doc.appendChild(a);
+          }
+
+          // 默认点击第一个导航项
+          if (StateManager.navList.length > 0) {
+            // 使用setTimeout确保DOM完全渲染后再触发点击
+            setTimeout(function() {
+              var firstLink =
+                doc.querySelector('.link') || doc.getElementsByTagName('a')[0];
+              if (firstLink && typeof firstLink.onclick === 'function') {
+                // 手动触发点击事件
+                if (firstLink.onclick) {
+                  firstLink.onclick();
+                }
+              }
+            }, 0);
           }
         } catch (e) {
-          console.error('Detail parse error:', e)
-          resultDom.innerHTML =
-            '<div style="color:#e74c3c;padding:20px;text-align:center;">加载详情失败，请稍后重试</div>'
+          console.error('解析数据失败', e);
+          doc.innerHTML =
+            '<div style="color:#e74c3c;padding:20px;text-align:center;">加载数据失败，请稍后重试</div>';
         }
-      }
-    )
-  }
+      });
+    },
 
-  // 添加关闭对话框的函数
-  function closeDialog() {
-    document.getElementById('commentDialog').style.display = 'none';
-    document.getElementById('dialogOverlay').style.display = 'none';
-  }
+    // 获取详情
+    getDetail: function(navItem) {
+      // 从URL获取taCode
+      StateManager.resultId = navItem.id;
+      var taCode = Utils.getQueryParam('taCode') || StateManager.navCheckRecord.taCode;
 
-  // 添加保存评论的函数
-  function saveComment() {
-    var params = {
-      commentContent: document.getElementById('commentText').value,
-      resultId:resultId,
-      taCode:taCode,
-      isLike:isLike
+      // 🔹 调用详情接口（假设用 recordId 查询）
+      Config.serviceUrl.queryDetail.data = {
+        resultId: navItem.id,
+        recordId: navItem.recordId,
+        taCode: taCode
+      };
+
+      var time = document.getElementById('time');
+      time.innerHTML = '';
+
+      // 添加加载提示
+      var resultDom = document.getElementById('detail-container');
+      resultDom.innerHTML =
+        '<div class="loading"><span class="loading-spinner"></span>正在加载详情...</div>';
+
+      DOMHandler.setServiceUrl(
+        Config.serviceUrl.queryDetail,
+        Config.serviceUrl.queryDetail.data,
+        function(detailData) {
+          try {
+            var detailJson = JSON.parse(detailData);
+            var result = detailJson.content.content.ruleTypeList;
+            var fileStorageInfoList =
+              detailJson.content.content.fileBizTypeDictList;
+
+            time.innerHTML =
+              (StateManager.navCheckRecord.taLatestSubmitDate || '未知时间') +
+              ' 共【' +
+              (result ? result.length : 0) +
+              '】条风险提示';
+
+            var arrs = [];
+            if (result && result.length > 0) {
+              result[0].tabName = '风险筛查结果';
+              for (var i = 0; i < result.length; i++) {
+                arrs.push(result[i]);
+              }
+            }
+            if (fileStorageInfoList && fileStorageInfoList.length > 0) {
+              fileStorageInfoList[0].tabName = '影像件';
+              for (var i = 0; i < fileStorageInfoList.length; i++) {
+                arrs.push(fileStorageInfoList[i]);
+              }
+            }
+
+            if (arrs.length === 0) {
+              resultDom.innerHTML =
+                '<div class="empty-message"><img src="empty.png" alt="" style="width:200px;margin: 0 auto"><p>暂无风险</p></div>';
+              return;
+            }
+
+            resultDom.innerHTML = '';
+
+            // 开始生成页面
+            for (var ind = 0; ind < arrs.length; ind++) {
+              var resultDetail = arrs[ind];
+
+              // 设置标题
+              var docH4 = document.createElement('h4');
+              if (resultDetail.tabName) {
+                docH4.innerHTML = resultDetail.tabName;
+                docH4.className = 'section-title';
+                resultDom.appendChild(docH4);
+              }
+
+              var treeItem = document.createElement('div');
+              treeItem.className = 'tree-item-header ';
+              // 添加降级样式
+              treeItem.style.background = '#f0f4fa';
+              treeItem.style.cursor = 'pointer';
+              // treeItem.style.border = '1px solid #d6dde6';
+
+              // 创建img元素而不是使用innerHTML，提高IE8兼容性
+              var treeIcon = document.createElement('img');
+              treeIcon.src = './toRight.png';
+              treeIcon.className = 'tree-icon';
+              treeIcon.alt = '';
+              // 为IE8添加特殊属性
+              treeIcon.setAttribute('alt', '');
+              treeIcon.style.verticalAlign = 'middle';
+              treeIcon.style.marginRight = '10px';
+
+              var textNode = document.createTextNode(resultDetail.typeName
+                ? resultDetail.typeName
+                : resultDetail.dictLabel);
+
+              treeItem.appendChild(treeIcon);
+              treeItem.appendChild(textNode);
+
+              resultDom.appendChild(treeItem);
+
+              // 设置二级标题子元素
+              var resultContainer = document.createElement('div');
+              resultContainer.className = 'result-container-item';
+              resultContainer.id = 'result-container-' + ind;
+              // 默认隐藏内容，点击标题展开
+              resultContainer.style.display = 'none';
+
+              var childItemUl = document.createElement('ul');
+              childItemUl.className = 'result-container-item-child-ul';
+
+              if (resultDetail.children && resultDetail.children.length > 0) {
+                for (
+                  var childIndex = 0;
+                  childIndex < resultDetail.children.length;
+                  childIndex++
+                ) {
+                  var child = resultDetail.children[childIndex];
+
+                  var childItem = document.createElement('li');
+                  childItem.className = 'result-container-item-child';
+                  childItem.innerHTML =
+                    '<span class="index">' +
+                    Number(childIndex + 1) +
+                    '</span>' +
+                    ((child.ruleName ? child.ruleName : child.fileName) ||
+                      '未知项目');
+
+                  childItem.style.cursor = 'pointer';
+                  // 为不支持某些CSS属性的浏览器添加兼容样式
+                  childItem.style.listStyle = 'none';
+                  childItem.style.marginLeft = '0px';
+
+                  // 为IE8添加特殊样式
+                  childItem.style.border = '1px solid #eee';
+
+                  childItem.onclick = (function(index, item) {
+                    return function() {
+                      if (item.filePath) {
+                        window.open(
+                          Config.ipConfig.ip +
+                          Config.serviceUrl.download.url +
+                          '?fileId=' +
+                          item.id
+                        );
+                      } else {
+                        // alert('该文件暂无链接')
+                      }
+                    };
+                  })(childIndex, child);
+                  childItemUl.appendChild(childItem);
+
+                  resultContainer.appendChild(childItemUl);
+                }
+              } else {
+                var emptyLi = document.createElement('li');
+                emptyLi.innerHTML = '暂无数据';
+                emptyLi.style.color = '#95a5a6';
+                emptyLi.style.fontStyle = 'italic';
+                childItemUl.appendChild(emptyLi);
+                resultContainer.appendChild(childItemUl);
+              }
+
+              resultDom.appendChild(resultContainer);
+
+              // 绑定点击事件展开/收起内容
+              treeItem.onclick = (function(index, item, iconElement) {
+                return function() {
+                  var resultContainer = document.getElementById(
+                    'result-container-' + index
+                  );
+                  if (resultContainer.style.display === 'none') {
+                    resultContainer.style.display = 'block';
+                    // 使用setAttribute提高IE8兼容性
+                    iconElement.setAttribute('src', './toDown.png');
+                  } else {
+                    resultContainer.style.display = 'none';
+                    iconElement.setAttribute('src', './toRight.png');
+                  }
+                };
+              })(ind, resultDetail, treeIcon);
+
+              resultDom.style.minHeight = 30 * arrs.length + 'px';
+              resultDom.style.overflowY = 'auto';
+
+              // 如果arrs有结果，默认打开第一个result-container-0
+              if (arrs.length > 0) {
+                // 使用setTimeout确保DOM完全渲染后再触发点击
+                setTimeout(function() {
+                  var firstTreeItem =
+                    resultDom.querySelector('.tree-item-header') ||
+                    resultDom.getElementsByClassName('tree-item-header')[0];
+                  var firstResultContainer =
+                    resultDom.querySelector('#result-container-0') ||
+                    resultDom.getElementById('result-container-0');
+
+                  if (firstTreeItem && firstResultContainer) {
+                    // 显示第一个结果容器
+                    firstResultContainer.style.display = 'block';
+                    // 更新第一个树项的图标为展开状态
+                    var firstIcon = firstTreeItem.getElementsByTagName('img')[0];
+                    if (firstIcon) {
+                      firstIcon.setAttribute('src', './toDown.png');
+                    }
+                  }
+                }, 0);
+              }
+            }
+          } catch (e) {
+            console.error('Detail parse error:', e);
+            resultDom.innerHTML =
+              '<div style="color:#e74c3c;padding:20px;text-align:center;">加载详情失败，请稍后重试</div>';
+          }
+        }
+      );
     }
+  };
 
-    console.log(params)
-    setServiceUrl(serviceUrl.updateComment, JSON.stringify(params),function(e){
-      console.log(e)
-      closeDialog();
+  // 对话框模块
+  var DialogHandler = {
+    // 关闭对话框
+    closeDialog: function() {
+      document.getElementById('commentDialog').style.display = 'none';
+      document.getElementById('dialogOverlay').style.display = 'none';
+    },
 
-    })
-  }
-
-  // 显示对话框
-  function showDialog() {
-    document.getElementById('commentDialog').style.display = 'block';
-    document.getElementById('dialogOverlay').style.display = 'block';
-  }
-
-
-  var isLike = 0
-  // 页面加载完成后为按钮添加点击事件
-  window.onload = function() {
-    var cai=document.getElementById('cai');
-    var ping=document.getElementById('ping');
-    ping.onclick=function(){
-      showDialog();
-    }
-    var zan=document.getElementById('zan');
-    zan.onclick=function(){
-      var dataParams = {
-        taCode:taCode,
-        resultId:resultId,
-        commentContent: document.getElementById('commentText').value
-      }
-
-      // 点赞 点菜
-      var img = zan.innerHTML;
-      if(img.indexOf('zan-f.png')!==-1){
-        dataParams.isLike = 0
-        isLike = 0
-      } else {
-        dataParams.isLike = 1
-        isLike = 1
-      }
-      cai.innerHTML= '<img src="./cai.png">'
-      setServiceUrl(serviceUrl.updateComment, JSON.stringify(dataParams),function(e){
-        var result = JSON.parse(e)
+    // 保存评论
+    saveComment: function() {
+      var params = {
+        commentContent: document.getElementById('commentText').value,
+        resultId: StateManager.resultId,
+        taCode: StateManager.taCode,
+        isLike: StateManager.isLike
+      };
 
+      console.log(params);
+      DOMHandler.setServiceUrl(Config.serviceUrl.updateComment, JSON.stringify(params), function(e) {
+        var result = JSON.parse(e);
         if(result.content.result === '0'){
-          if(isLike === 1){
-            zan.innerHTML= '<img src="./zan-f.png">'
+          EventHandler.findNavItem({commentContent: params.commentContent})
+          DialogHandler.closeDialog();
+
+        }
+      });
+    },
+
+    // 显示对话框
+    showDialog: function() {
+      document.getElementById('commentDialog').style.display = 'block';
+      document.getElementById('dialogOverlay').style.display = 'block';
+    }
+  };
+  // 事件处理模块
+  var EventHandler = {
+    // 页面加载完成后为按钮添加点击事件
+    init: function() {
+      var cai = document.getElementById('cai');
+      var ping = document.getElementById('ping');
+      var zan = document.getElementById('zan');
+
+      ping.onclick = function() {
+        DialogHandler.showDialog();
+      };
+
+      zan.onclick = function() {
+        var dataParams = {
+          taCode: StateManager.taCode,
+          resultId: StateManager.resultId,
+          commentContent: document.getElementById('commentText').value
+        };
+
+        // 点赞 点菜
+        var img = zan.innerHTML;
+        if (img.indexOf('zan-f.png') !== -1) {
+          dataParams.isLike = 0;
+          StateManager.isLike = 0;
+        } else {
+          dataParams.isLike = 1;
+          StateManager.isLike = 1;
+        }
+        cai.innerHTML = '<img src="./cai.png">';
+
+        DOMHandler.setServiceUrl(Config.serviceUrl.updateComment, JSON.stringify(dataParams), function(e) {
+          var result = JSON.parse(e);
+          if (result.content.result === '0') {
+            if (StateManager.isLike === 1) {
+              zan.innerHTML = '<img src="./zan-f.png">';
+            }
+            if (StateManager.isLike === 0) {
+              zan.innerHTML = '<img src="./zan.png">';
+            }
+            EventHandler.findNavItem({isLike: StateManager.isLike})
           }
-          if(isLike === 0){
-            zan.innerHTML= '<img src="./zan.png">'
+        });
+      };
+
+      cai.onclick = function() {
+        var dataParams = {
+          taCode: StateManager.taCode,
+          resultId: StateManager.resultId,
+          commentContent: document.getElementById('commentText').value
+        };
+
+        var img = cai.innerHTML;
+        if (img.indexOf('cai-f.png') !== -1) {
+          // cai.innerHTML= '<img src="./cai.png">'
+          dataParams.isLike = 0;
+          StateManager.isLike = 0;
+        } else {
+          // cai.innerHTML= '<img src="./cai-f.png">'
+          dataParams.isLike = -1;
+          StateManager.isLike = -1;
+        }
+        zan.innerHTML = '<img src="./zan.png">';
+
+        DOMHandler.setServiceUrl(Config.serviceUrl.updateComment, JSON.stringify(dataParams), function(e) {
+          var result = JSON.parse(e);
+          console.log(result);
+          if (result.content.result === '0') {
+            if (StateManager.isLike === -1) {
+              cai.innerHTML = '<img src="./cai-f.png">';
+            }
+            if (StateManager.isLike === 0) {
+              cai.innerHTML = '<img src="./cai.png">';
+            }
+
+            EventHandler.findNavItem({isLike: StateManager.isLike})
+          }
+        });
+      };
+    },
+    findNavItem: function(option) {
+      StateManager.navList.forEach(function(item) {
+        if (item.id === StateManager.resultId) {
+          if(option.isLike){
+            item.isLike = option.isLike;
+
+          }
+          if(option.commentContent){
+            item.commentContent = option.commentContent;
           }
         }
-      })
+      });
 
     }
-    cai.onclick=function(){
-      var dataParams = {
-        taCode:taCode,
-        resultId:resultId,
-        commentContent: document.getElementById('commentText').value
-      }
+  };
 
-      var img = cai.innerHTML;
-      if(img.indexOf('cai-f.png')!==-1){
-        // cai.innerHTML= '<img src="./cai.png">'
-        dataParams.isLike = 0
-        isLike = 0
-      } else {
-        // cai.innerHTML= '<img src="./cai-f.png">'
-        dataParams.isLike = -1
-        isLike = -1
-      }
-      zan.innerHTML = '<img src="./zan.png">'
+  // 主程序入口
+  (function() {
+    // 设置全局错误处理
+    window.onerror = Utils.handleError;
 
-      setServiceUrl(serviceUrl.updateComment, JSON.stringify(dataParams),function(e){
-        var result = JSON.parse(e)
-        console.log(result)
-        if(result.content.result === '0'){
-          if(isLike === -1){
-            cai.innerHTML= '<img src="./cai-f.png">'
-          }
-          if(isLike === 0){
-           cai.innerHTML= '<img src="./cai.png">'
-          }
-        }
-      })
+    var noNav = Utils.getQueryParam('noNav');
+    var noPadding = Utils.getQueryParam('noPT');
+
+    if (noPadding) {
+      document.getElementById('main').style.padding = '0';
     }
-  }
 
-  // 添加错误处理函数
-  function handleError(errorMsg, url, line) {
-    console.log('Error occurred: ' + errorMsg + ' at ' + url + ':' + line)
-    // 可以在这里添加用户友好的错误提示
-    return true // 阻止浏览器默认的错误处理
-  }
+    if (noNav) {
+      var leftNav = document.getElementById('leftNav');
+      var rightContainer = document.getElementById('right-container');
+      leftNav.style.display = 'none';
+      rightContainer.style.width = '100%';
+    }
 
-  // 设置全局错误处理
-  window.onerror = handleError
+    // 添加降级处理：如果在一定时间内未加载成功，则显示错误信息
+    setTimeout(function() {
+      var loadingElement = document.getElementById('loadingNav');
+      if (loadingElement) {
+        loadingElement.innerHTML = '加载超时，请检查网络连接或稍后重试';
+        loadingElement.style.color = '#e74c3c';
+      }
+    }, 10000); // 10秒后超时
 
+    // 获取导航列表
+    DOMHandler.getNavList();
+
+    // 页面加载完成后初始化事件
+    window.onload = function() {
+      EventHandler.init();
+    };
+  })();
 </script>
 </body>
 </html>