From 066e899dac0090e31d71f8a998706fe1ae757eec Mon Sep 17 00:00:00 2001
From: fengxiang <361798944@qq.com>
Date: Thu, 21 Dec 2023 15:42:47 +0800
Subject: [PATCH] =?UTF-8?q?fix():=20=E5=AE=A2=E8=AF=89=E5=B7=A5=E5=8D=95?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CustomerServieMgm/ComplainManage/index.scss    |  4 +-
 .../CustomerServieMgm/ComplainManage/loadable.jsx  | 63 ++++++++++++----------
 2 files changed, 37 insertions(+), 30 deletions(-)

diff --git a/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/index.scss b/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/index.scss
index ab09e44..da84bf2 100644
--- a/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/index.scss
+++ b/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/index.scss
@@ -652,11 +652,11 @@ $color-primary: var(--color-primary);
 
         &:not(&:first-child) {
           padding-left: 20px;
-          margin-bottom: 30px;
+          margin-bottom: 20px;
         }
 
         >div {
-          margin-bottom: 10px;
+          margin-bottom: 8px;
         }
 
       }
diff --git a/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/loadable.jsx b/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/loadable.jsx
index 80056a9..461a58e 100644
--- a/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/loadable.jsx
+++ b/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/loadable.jsx
@@ -1971,37 +1971,44 @@ function ComplainManage(props) {
           </div>
           <div className="row-title">计算模型详情</div>
           <div className="rule-group">
-            <div className="rule-text">规则名称：{modelData?.name || "-"}</div>
+            <div className="rule-text">规则名称：{modelData?.name || ""}</div>
             <div className="rule-text">收费标准：</div>
-            <div className="rule-list">
-              <div>
-                生效日期：<span>{modelData?.date || "-"}</span>
-              </div>
-              {modelData?.list?.length
-                ? modelData.list.map((v, i) => {
-                    return (
-                      <div key={"v" + i}>
-                        <div>
-                          时段{i + 1}：
-                          <span>
-                            {v?.period || "-"}，最高金额：
-                            {v?.max || "0"}
-                          </span>
-                        </div>
-                        {v?.section?.length
-                          ? v.section.map((k, j) => {
-                              return (
+            {modelData?.list?.length
+              ? modelData.list.map((m, n) => {
+                  return (
+                    <div className="rule-list" key={"m" + n}>
+                      <div>
+                        生效日期：<span>{m?.date || "-"}</span>
+                      </div>
+                      {m?.details?.length
+                        ? m.details.map((v, i) => {
+                            return (
+                              <div key={"v" + n + i}>
                                 <div>
-                                  区间{j + 1}：<span>计费方式：{k || "-"}</span>
+                                  时段{i + 1}：
+                                  <span>
+                                    {v?.period || "-"}，最高金额：
+                                    {v?.max || "0"}
+                                  </span>
                                 </div>
-                              );
-                            })
-                          : null}
-                      </div>
-                    );
-                  })
-                : null}
-            </div>
+                                {v?.section?.length
+                                  ? v.section.map((k, j) => {
+                                      return (
+                                        <div key={"k" + n + i + j}>
+                                          区间{j + 1}：
+                                          <span>计费方式：{k || "-"}</span>
+                                        </div>
+                                      );
+                                    })
+                                  : null}
+                              </div>
+                            );
+                          })
+                        : null}
+                    </div>
+                  );
+                })
+              : null}
           </div>
         </div>
       </Modal>