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>