From 63c6cb816ad151d65d6ed30a15122989a9483b57 Mon Sep 17 00:00:00 2001
From: Sliverber <2622874537@qq.com>
Date: Fri, 8 Mar 2024 09:52:38 +0800
Subject: [PATCH] 11

---
 package.json              |   1 -
 src/views/order/index.vue | 135 +++++++++++++++++++++++++++++---------
 2 files changed, 104 insertions(+), 32 deletions(-)

diff --git a/package.json b/package.json
index 685dd2c..77ecbe1 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,6 @@
     "js-cookie": "2.2.0",
     "jsonlint": "1.6.3",
     "jszip": "^3.10.1",
-    "mapbox-gl": "^3.2.0",
     "mpvue-calendar": "^2.3.7",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
diff --git a/src/views/order/index.vue b/src/views/order/index.vue
index 78b80d5..bfa8906 100644
--- a/src/views/order/index.vue
+++ b/src/views/order/index.vue
@@ -1122,27 +1122,22 @@
                       </div>
                     </div>
                   </div>
-              </div>
-              <div class="fkuanbox_tit">
-                    放款记录
+                  <div class="fkuanbox_tit">
+                   逾期记录
                   </div>
                   <div class="fkuanbox">
                     <div class="fkuanbox_li">
                       <div class="fkuanbox_cont">
                         
-                      </div>
-                      <div class="fkuanbox_cont">
-                        近1月
-                      </div>
-                      <div class="fkuanbox_cont">
-                        近3月
                       </div>
                       <div class="fkuanbox_cont">
                         近6月
                       </div>
+                     
                       <div class="fkuanbox_cont">
                         近12月
                       </div>
+                      
                       <div class="fkuanbox_cont">
                         近24月
                       </div>
@@ -1150,7 +1145,7 @@
                     </div>
                     <div class="fkuanbox_li">
                       <div class="fkuanbox_cont">
-                        贷款笔数
+                        M0+笔数
                       </div>
                       <div class="fkuanbox_cont">
                        1
@@ -1161,17 +1156,12 @@
                       <div class="fkuanbox_cont">
                        2
                       </div>
-                      <div class="fkuanbox_cont">
-                        5
-                      </div>
-                      <div class="fkuanbox_cont">
-                       10
-                      </div>
+                    
                      
                     </div>
                     <div class="fkuanbox_li">
                       <div class="fkuanbox_cont">
-                        贷款总金额
+                        M1+笔数
                       </div>
                       <div class="fkuanbox_cont">
                         (0，500)
@@ -1182,17 +1172,12 @@
                       <div class="fkuanbox_cont">
                         [1000，2000)
                       </div>
-                      <div class="fkuanbox_cont">
-                        [3000，5000)
-                      </div>
-                      <div class="fkuanbox_cont">
-                        [10000，20000)
-                      </div>
+                    
                      
                     </div>
                     <div class="fkuanbox_li">
                       <div class="fkuanbox_cont">
-                        贷款机构数
+                        累计金额
                       </div>
                       <div class="fkuanbox_cont">
                        1
@@ -1203,16 +1188,74 @@
                       <div class="fkuanbox_cont">
                        2
                       </div>
-                      <div class="fkuanbox_cont">
-                        5
-                      </div>
-                      <div class="fkuanbox_cont">
-                       10
-                      </div>
+                  
                      
                     </div>
                   
                   </div>
+                  <div class="fkuanbox_tit">
+                    逾期记录等级说明：M0+表示7~30天以内；M1+表示30~60天以内
+                  </div>
+                  <div class="fkuanbox_tit">
+                    履约记录
+                  </div>
+                  <div class="cxbox">
+                  
+                    <div class="cxli">
+                      <div class="cxcont">
+                        <div class="cxtop">
+                          最近一次履约距今天数
+                        </div>
+                        <div class="cxbot">
+                          10
+                        </div>
+                      </div>
+                      <div class="cxcont">
+                        <div class="cxtop">
+                          当前履约贷款已结清订单数机构数
+                        </div>
+                        <div class="cxbot">
+                          1
+                        </div>
+                      </div>
+                      <div class="cxcont">
+                        <div class="cxtop">
+                          信用贷款时长
+                        </div>
+                        <div class="cxbot">
+                          1
+                        </div>
+                      </div>
+                    </div>
+                    <div class="cxli">
+                      <div class="cxcont">
+                        <div class="cxtop">
+                          最近一次贷款放贷时间
+                        </div>
+                        <div class="cxbot">
+                          
+                        </div>
+                      </div>
+                      <div class="cxcont">
+                        <div class="cxtop">
+                         
+                        </div>
+                        <div class="cxbot">
+                         
+                        </div>
+                      </div>
+                      <div class="cxcont">
+                        <div class="cxtop">
+                          
+                        </div>
+                        <div class="cxbot">
+                          
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+              </div>
+               
            </div>
            
           </div>
@@ -1345,7 +1388,7 @@ import { expressAllApi } from '@/api/sms';
 import { checkPermi } from '@/utils/permission';
 import { installmentBillList } from '@/api/installment' // 权限判断函数
 import { integralListApi } from '@/api/marketing';
-import mapboxgl from 'mapbox-gl';
+
 // import VueImageLightbox from 'vue-image-lightbox';
 export default {
   name: 'orderlistDetails',
@@ -3035,6 +3078,36 @@ export default {
             }
           }
         }
+        .fkuanbox_tit{
+          margin-top: 40px;
+          margin-left: 40px;
+          width: 100%;
+          font-weight: 500;
+          font-size: 18px;
+          color: #E83535;
+          line-height: 19px;
+          text-align: left;
+        }
+        .fkuanbox{
+          width: 90%;
+          display: flex;
+          flex-wrap: wrap;
+          
+         .fkuanbox_li{
+          margin-top: 10px;
+          display: flex;
+          justify-content: space-between;
+          flex-wrap: nowrap;
+          .fkuanbox_cont{
+            width: 183px;
+            font-weight: 400;
+            font-size: 14px;
+            color: #E83535;
+            line-height: 19px;
+            text-align: center;
+          }
+         }
+        }
       }
     }
     .noreport {