From ef654c5d2d580fda070a3a65cfcecbc244cd90ad 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: Thu, 21 Aug 2025 11:51:12 +0800
Subject: [PATCH] =?UTF-8?q?feat(risk=5Fhistory):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=AE=A1=E6=89=B9=E6=84=8F=E8=A7=81=E5=BC=B9=E7=AA=97=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD-=20=E6=96=B0=E5=A2=9E=E5=AE=A1=E6=89=B9=E6=84=8F?=
 =?UTF-8?q?=E8=A7=81=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F=E5=92=8C=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E5=85=83=E7=B4=A0-=20=E5=AE=9E=E7=8E=B0=E6=89=93?=
 =?UTF-8?q?=E5=BC=80=E5=92=8C=E5=85=B3=E9=97=AD=E5=BC=B9=E7=AA=97=E7=9A=84?=
 =?UTF-8?q?=20JavaScript=20=E5=87=BD=E6=95=B0-=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4=E5=AE=A1=E6=89=B9=E6=84=8F=E8=A7=81=E7=9A=84?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=EF=BC=8C=E4=BC=98=E5=85=88=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E4=B8=AD=E7=9A=84=E5=86=85=E5=AE=B9-=20?=
 =?UTF-8?q?=E5=B0=86=E5=8E=9F=E5=AE=A1=E6=89=B9=E6=84=8F=E8=A7=81=E6=96=87?=
 =?UTF-8?q?=E6=9C=AC=E6=A1=86=E8=AE=BE=E7=BD=AE=E4=B8=BA=E7=A6=81=E7=94=A8?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=EF=BC=8C=E9=80=9A=E8=BF=87=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E8=BF=9B=E8=A1=8C=E7=BC=96=E8=BE=91-=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=AE=A1=E6=89=B9=E6=84=8F=E8=A7=81=E6=8F=90=E4=BA=A4=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E7=9A=84=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/bpic_eli/risk_history.html | 201 ++++++++++++++++++++++++++++--
 1 file changed, 193 insertions(+), 8 deletions(-)

diff --git a/public/bpic_eli/risk_history.html b/public/bpic_eli/risk_history.html
index 30b2a05..e787d1a 100644
--- a/public/bpic_eli/risk_history.html
+++ b/public/bpic_eli/risk_history.html
@@ -39,6 +39,93 @@
         position: relative;
       }
 
+      #error-msg {
+        color: red;
+        margin-top: 5px;
+        font-size: 14px;
+      }
+
+      /* 审批意见弹窗样式 */
+      #examDialogTextarea {
+        //width: 100%;
+        height: 120px;
+        padding: 10px;
+        box-sizing: border-box;
+        border: 1px solid #dcdfe6;
+        border-radius: 4px;
+        resize: vertical;
+        font-family: 'Helvetica Neue', Helvetica, 'PingFang SC',
+          'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+        font-size: 14px;
+        margin: 5px;
+      }
+
+      #examDialogErrorMessage {
+        margin: 0 5px 5px 10px;
+        text-align: left;
+      }
+
+      #examDialogOverlay {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.5);
+        z-index: 999;
+        display: none;
+      }
+
+      #examDialog {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 500px;
+        max-width: 90%;
+        background: #fff;
+        border-radius: 4px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+        z-index: 1000;
+        display: none;
+      }
+
+      #examDialog .title {
+        padding: 15px;
+        border-bottom: 1px solid #e8e8e8;
+        position: relative;
+        font-size: 16px;
+        font-weight: 500;
+      }
+
+      #examDialog .dialog-close {
+        position: absolute;
+        top: 12px;
+        right: 12px;
+        width: 24px;
+        height: 24px;
+        line-height: 24px;
+        border: none;
+        background: transparent;
+        font-size: 18px;
+        cursor: pointer;
+        color: #999;
+      }
+
+      #examDialog .dialog-action {
+        padding: 15px;
+        text-align: right;
+        border-top: 1px solid #e8e8e8;
+      }
+
+      #examDialog .dialog-action button {
+        margin-left: 10px;
+        padding: 8px 16px;
+        border-radius: 4px;
+        border: 1px solid #dcdfe6;
+        cursor: pointer;
+      }
+
       #error-msg {
         text-align: left;
         color: Red;
@@ -610,9 +697,10 @@
         background: #3498db;
         color: white;
         border: 1px solid #3498db;
-        padding: 10px 20px;
+        padding: 5px 10px;
         border-radius: 8px;
-        float: right;
+        //float: right;
+        margin-left: 50px;
         cursor: pointer;
       }
     </style>
@@ -675,11 +763,11 @@
           </div>
           <div class="flex">
             <span>审批意见</span>
-            <textarea id="exam-textarea"></textarea>
+            <textarea id="exam-textarea" disabled></textarea>
             <div id="examErrorMessage"></div>
           </div>
 
-          <button onClick="submitExam()">修改审批意见</button>
+          <button onClick="openExamDialog()">修改审批意见</button>
 
           <div style="clear:both"></div>
         </div>
@@ -729,6 +817,35 @@
         </button>
       </div>
     </div>
+
+    <!-- 审批意见弹窗 -->
+    <div
+      class="dialog-overlay"
+      id="examDialogOverlay"
+      onclick="closeExamDialog()"
+    ></div>
+    <div class="dialog" id="examDialog" style="display: none;">
+      <div class="title">
+        <span>修改审批意见</span>
+        <button class="dialog-close" onclick="closeExamDialog()" type="button">
+          ×
+        </button>
+      </div>
+      <textarea id="examDialogTextarea" placeholder="请输入审批意见"></textarea>
+      <div id="examDialogErrorMessage"></div>
+      <div class="dialog-action">
+        <button
+          style="background: #3498db; color: white; border: 1px solid #3498db;"
+          onclick="submitExam()"
+          type="button"
+        >
+          确定
+        </button>
+        <button onclick="closeExamDialog()" type="button">
+          取消
+        </button>
+      </div>
+    </div>
     <!-- 全局 Toast 提示 -->
     <div id="globalToast" class="toast" style="display:none;">
       <span id="toastMessage"></span>
@@ -1589,30 +1706,98 @@
       // 提交审批意见功能
       function submitExam() {
         var exam = document.getElementById('exam-textarea')
+        var examDialogTextarea = document.getElementById('examDialogTextarea')
         var examErrorMessage = document.getElementById('examErrorMessage')
+        var examDialogErrorMessage = document.getElementById(
+          'examDialogErrorMessage'
+        )
+
+        // 优先使用弹窗中的文本框
+        var examValue =
+          examDialogTextarea && examDialogTextarea.value
+            ? examDialogTextarea.value
+            : exam.value
+
         examErrorMessage.innerHTML = ''
-        if (!exam.value) {
-          examErrorMessage.innerHTML =
-            '<span style="color:red;margin-left: 70px" >请填写审批意见</span>'
+        examDialogErrorMessage.innerHTML = ''
+
+        if (!examValue) {
+          if (
+            examDialogTextarea &&
+            examDialogTextarea.style.display !== 'none'
+          ) {
+            // 在弹窗中显示错误
+            examDialogErrorMessage.innerHTML =
+              '<span style="color:red;margin-left: 10px" >请填写审批意见</span>'
+          } else {
+            // 在原位置显示错误
+            examErrorMessage.innerHTML =
+              '<span style="color:red;margin-left: 10px" >请填写审批意见</span>'
+          }
           return false
         }
+
         // TODO: 实现审批意见提交逻辑
         DOMHandler.setServiceUrl(
           Config.serviceUrl.riskCheckRecordEx,
           JSON.stringify({
             resultId: StateManager.resultId,
-            approveOpinion: exam.value
+            approveOpinion: examValue
           }),
           function(res) {
             if (res) {
               var result = JSON.parse(res)
               if (result.content.result === '0') {
+                // 更新原textarea的值
+                if (exam) {
+                  exam.value = examValue
+                }
                 alert('修改审批意见成功')
+                closeExamDialog() // 关闭弹窗
               }
             }
           }
         )
       }
+
+      // 打开审批意见弹窗
+      function openExamDialog() {
+        var exam = document.getElementById('exam-textarea')
+        var examDialog = document.getElementById('examDialog')
+        var examDialogOverlay = document.getElementById('examDialogOverlay')
+        var examDialogTextarea = document.getElementById('examDialogTextarea')
+
+        // 将原textarea的值设置到弹窗textarea中
+        if (exam && examDialogTextarea) {
+          examDialogTextarea.value = exam.value
+        }
+
+        // 显示弹窗
+        if (examDialog && examDialogOverlay) {
+          examDialog.style.display = 'block'
+          examDialogOverlay.style.display = 'block'
+        }
+      }
+
+      // 关闭审批意见弹窗
+      function closeExamDialog() {
+        var examDialog = document.getElementById('examDialog')
+        var examDialogOverlay = document.getElementById('examDialogOverlay')
+        var examDialogErrorMessage = document.getElementById(
+          'examDialogErrorMessage'
+        )
+
+        // 隐藏弹窗
+        if (examDialog && examDialogOverlay) {
+          examDialog.style.display = 'none'
+          examDialogOverlay.style.display = 'none'
+        }
+
+        // 清空错误信息
+        if (examDialogErrorMessage) {
+          examDialogErrorMessage.innerHTML = ''
+        }
+      }
     </script>
   </body>
 </html>