From 1854859a1d7df3272b34d2d667addcce41d1d0e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= Date: Mon, 28 Jul 2025 16:55:50 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=20=E9=A3=8E=E7=AD=9B=E8=AE=B0=E5=BD=95?= =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/bpic_eli/risk_history.html | 1579 ++++++++++++++++------------- public/bpic_eli/toDown.png | Bin 0 -> 370 bytes public/bpic_eli/toRight.png | Bin 0 -> 337 bytes 3 files changed, 879 insertions(+), 700 deletions(-) create mode 100644 public/bpic_eli/toDown.png create mode 100644 public/bpic_eli/toRight.png diff --git a/public/bpic_eli/risk_history.html b/public/bpic_eli/risk_history.html index 2296012..05395ca 100644 --- a/public/bpic_eli/risk_history.html +++ b/public/bpic_eli/risk_history.html @@ -1,345 +1,357 @@ - - - - - 历史风险记录 + + + + + 历史风险记录 - - - + + + - - - - - -
-
-
历史风险筛查结果
-
-
- - 数据加载中... -
-
-
-
-
-
- 客户名称 - 时间 -
-
-

投保人

-
- - - -
-
-
-
风险摘要信息将显示在这里
-
-
-
-
请选择左侧记录查看详细信息
-
-
-
-
-
+ /* 美化后的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 .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 */ + } + + .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-close:hover { + color: #333; + background: #eee; + border-radius: 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); + } + + + + - -
-
查看评价
- -
- - + +
+
+
历史风险筛查结果
+
+
+ + 数据加载中...
+
+
+
+
+ 客户名称 + 时间 +
+
+

投保人

+
+ + + +
+
+
+
风险摘要信息将显示在这里
+
+
+
+
请选择左侧记录查看详细信息
+
+
+
+
+
+ + +
+ - - + - + ) + } + + // 添加关闭对话框的函数 + function closeDialog() { + document.getElementById('commentDialog').style.display = 'none'; + document.getElementById('dialogOverlay').style.display = 'none'; + } + + // 添加保存评论的函数 + function saveComment() { + var comment = document.getElementById('commentText').value; + alert('评论已保存: ' + comment); + closeDialog(); + } + + // 显示对话框 + function showDialog() { + document.getElementById('commentDialog').style.display = 'block'; + document.getElementById('dialogOverlay').style.display = 'block'; + } + + // 页面加载完成后为按钮添加点击事件 + window.onload = function() { + var buttons = document.querySelectorAll('.actions button'); + buttons[2].onclick = function() { + showDialog(); + } + } + + // 添加错误处理函数 + function handleError(errorMsg, url, line) { + console.log('Error occurred: ' + errorMsg + ' at ' + url + ':' + line) + // 可以在这里添加用户友好的错误提示 + return true // 阻止浏览器默认的错误处理 + } + + // 设置全局错误处理 + window.onerror = handleError + + + diff --git a/public/bpic_eli/toDown.png b/public/bpic_eli/toDown.png new file mode 100644 index 0000000000000000000000000000000000000000..32b6617762bc2231f496bd9243232dad347a6119 GIT binary patch literal 370 zcmV-&0ge8NP)P000>X1^@s6#OZ}&00001b5ch_0Itp) z=>Px$EJ;K`R7gwhl)*{@Q51&1S+r3}d=qt}fe?g&5>yMHqz4FkmbNW2kOU=Y6S}cS zi6U2RoFC4>Fy6T{SHVR%tKrU>^WFcy|2+{0c%lO^I6{J4mR%3PJ@5jIfWM#)?&1^R z3AhIC1o;5Yto9YS*%Ktd7#Ld5M?spvJ8)`?Q`^BViUg1&1MBqz^pbS7fj6LTA7{W- zpdtY#z@_#01}@?auhJ3T2b2pCFndpS0eJx~h}J?tg@8Or0#X=io-@h*hNg$k0N%R*EykS=T`1W?wlv=c3xZJJG=Wd~`9lCnLw>W+{g>;8{j8v_hOTH&Z5 QmjD0&07*qoM6N<$f|x#+UjP6A literal 0 HcmV?d00001 diff --git a/public/bpic_eli/toRight.png b/public/bpic_eli/toRight.png new file mode 100644 index 0000000000000000000000000000000000000000..12732e1b5f3f12633792b3822e7ba6cbb7eb942e GIT binary patch literal 337 zcmV-X0j~auP)P000>X1^@s6#OZ}&00001b5ch_0Itp) z=>Px$3rR#lR7gv;);mfBK@bMuZ$Uvt5Ck#M1DKd>VxWPji5Kt|h6)B|BElMpkvA|j zF!BMuLOqjH;6fwVJ3V7h+CBeA(^FM5@b@!?2W;aErv+RL7pN@~*+aZwz7#4!B6|amrBEp{ zhMqCk_C#Hf$lm%X)R{I=S0u7`aF2;lA0(iC++jL7(NS|}muVgKMI!4QCrRj2(~kE3 z6RCcZ>UUE8>xzP`S|`;jzIyMf-i2duRh=i*C*uk}v0QV;AK