积分退回 内容调整

积分退回 内容调整

src/forge/Information/Pages/scoreDetail.jsx

@@ -12,10 +12,9 @@ export const memberStatusEnum = {
 }
 const transactionTypeMap = {
   add: { className: 'green', prefix: '+', valueKey: 'points', status: '已到账', statusClass: 'green' },
-  // TODO: 后续添加更多 transactionType
   deduct: { className: 'red', prefix: '-', valueKey: 'points', status: '已支付', statusClass: 'blue' },
   freezed: { className: 'orange', prefix: '-', valueKey: 'points', status: '冻结中', statusClass: 'orange' },
-  // unfrozen: { className: 'blue', prefix: '', valueKey: 'points', status: '已解冻' },
+  unfreezed: { className: 'green', prefix: '+', valueKey: 'points', status: '已退回', statusClass: 'gray'  },
 };
 
 function getPointsShow(item) {
@@ -84,7 +83,16 @@ function scoreDetail(props){
                   <td style={{textAlign: 'center'}}>
                     <span className={`tag ${item.pointsShow?.statusClass}`}>{item.pointsShow?.status}</span>
                   </td>
-                  <td className="remark">{item.reason}</td>
+                  <td className="remark">
+                    {item.reason}
+                    {
+                      item.replyContent &&
+                      <div className="reply">
+                        <i className='iconfont icon-xiaoxi2 font-12 mr8'></i>
+                        管理员：{item.replyContent}
+                      </div>
+                    }
+                  </td>
                 </tr>
               ))}
             </tbody>

src/forge/Information/indexUser.scss

@@ -509,6 +509,10 @@
         color: #f5383b;
         background-color: rgba(245, 56, 59, 0.08);
       }
+      .gray{
+        color: #818598;
+        background-color: rgba(129, 133, 152, 0.08);
+      }
       &.time{
         color:#4a5377;
         font-size:14px;
@@ -537,10 +541,27 @@
         &.orange{
           color:#e05a00;
         }
+        &.gray{
+          color:#818598;
+        }
       }
       &.remark{
         color:#4a5377;
         font-size:14px;
+        .reply{
+          margin-top: 8px;
+          padding: 7px 5px;
+          display: flex;
+          align-items: center;
+          font-size: 12px;
+          font-family: alibabaReg;
+          color: #1b6fc4;
+          background-color: rgba(27, 111, 196, 0.03);
+          i{
+            padding-top: 2px;
+            margin-left: 10px;
+          }
+        }
       }
     }
     tbody tr:not(:last-child){