修改

src/api/dataScreen.js

+import request from '@/utils/http/index';
+// 分布地图(调解中心分布/案员分布)
+export const getMapByTenant = (params) => {
+  return request.get('/Loan/getMapByTenant', params);
+};
+// 保存客户
+// export const saveCustomer = (data) => {
+//     return request.post('/customer/save', data);
+// };
\ No newline at end of file

src/views/data-screen/assets/china.json

@@ -8557,7 +8557,7 @@
       "type": "Feature",
       "properties": {
         "adcode": 150000,
-        "name": "内蒙古",
+        "name": "内蒙古自治区",
         "center": [
           111.670801,
           40.818311
@@ -93664,7 +93664,7 @@
       "type": "Feature",
       "properties": {
         "adcode": 640000,
-        "name": "宁夏",
+        "name": "宁夏回族自治区",
         "center": [
           106.278179,
           38.46637

src/views/data-screen/components/ChinaMapChart.vue

@@ -6,13 +6,30 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import echarts, { ECOption } from "@/components/ECharts/config";
+<script setup>
+import echarts from "@/components/ECharts/config";
 import ECharts from "@/components/ECharts/index.vue";
 import mapJson from "../assets/china.json";
+import { getMapByTenant } from '@/api/dataScreen';
+import { reactive, ref } from 'vue';
+const mapData = ref([]);
 
-echarts.registerMap("china", mapJson as Parameters<typeof echarts.registerMap>[1]);
-
+echarts.registerMap("china", mapJson);
+getMapByTenant().then(res => {
+    mapData.value = []
+    if (res.result) {
+        res.result.forEach(element => {
+            const findindex = mapData.value.findIndex(item => item.name === element.province)
+            if (findindex === -1) {
+                mapData.value.push({
+                    name: element.province
+                })
+            }
+        });
+    }
+}).catch(() => {
+    mapData.value = []
+})
 // var geoCoordMap = {
 //     台湾: [121.5135, 25.0308],
 //     哈尔滨: [127.9688, 45.368],
@@ -335,7 +352,7 @@ var mapData = [{
           devicesUseLv: '0%',
       }
   ];
-const option: ECOption = {
+const option = {
   tooltip: {
         show: true,
         formatter: function(params) {
@@ -394,8 +411,9 @@ const option: ECOption = {
         type: "map",
         map: 'china',
         aspectScale: 0.75,
-        top: 100,
-        zoom:1.3,
+        selectedMode: false,
+        top: 125,
+        zoom:1.53,
         label: {
             normal: {
                 show: false,
@@ -405,7 +423,7 @@ const option: ECOption = {
             emphasis: {
                 show: true,
                 fontSize: "14",
-                color: "rgba(0,0,0,0.7)"
+                color: "rgba(255,255,255,1)"
             }
         },
         itemStyle: {
@@ -416,7 +434,7 @@ const option: ECOption = {
                 borderColor: "rgba(255,255,255,0.3)"
             },
             emphasis: {
-                areaColor: "#29f5fa",
+                areaColor: "#0196fa",
                 // shadowOffsetX: 0,
                 // shadowOffsetY: 0,
                 // borderWidth: 0

src/views/data-screen/index.scss

@@ -109,7 +109,8 @@
         display: flex;
         flex-direction: column;
         justify-content: space-between;
-        width: 394px;
+        width: 500px;
+        background: #100c476b;
         height: 100%;
         margin-right: 40px;
         .dataScreen-top,
@@ -122,19 +123,13 @@
         }
         .dataScreen-top {
           height: 37%;
-          background: url("./images/dataScreen-main-lt.png") no-repeat;
-          background-size: 100% 100%;
         }
         .dataScreen-center {
           height: 30%;
-          background: url("./images/dataScreen-main-lc.png") no-repeat;
-          background-size: 100% 100%;
         }
         .dataScreen-bottom {
           height: 27%;
           margin-bottom: 0;
-          background: url("./images/dataScreen-main-lb.png") no-repeat;
-          background-size: 100% 100%;
         }
       }
       .dataScreen-ct {
@@ -144,12 +139,27 @@
         justify-content: space-between;
         height: 100%;
         margin-right: 40px;
+        .dataScreen-Number {
+          height: 90px;
+          text-align: center;
+          position: relative;
+          margin-top: 58px;
+        }
+        .number-box{
+          height: 90px;
+          width: 120px;
+          background-color: rgba(255, 255, 255, 0.1);
+          border: 1px solid rgba(255, 255, 255, 0.2);
+          border-radius: 10px;
+        }
+        .number-title{
+          color: #05e8fe;
+        }
         .dataScreen-map {
           position: relative;
           box-sizing: border-box;
           flex: 1;
           width: 100%;
-          margin-top: 78px;
           .dataScreen-map-title {
             position: absolute;
             top: 10px;
@@ -203,16 +213,15 @@
           width: 100%;
           height: 252px;
           padding-top: 54px;
-          background: url("./images/dataScreen-main-cb.png") no-repeat;
-          background-size: 100% 100%;
         }
       }
       .dataScreen-rg {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
-        width: 394px;
+        width: 500px;
         height: 100%;
+        background: #100c476b;
         .dataScreen-top,
         .dataScreen-center,
         .dataScreen-bottom {
@@ -223,19 +232,13 @@
         }
         .dataScreen-top {
           height: 37%;
-          background: url("./images/dataScreen-main-rt.png") no-repeat;
-          background-size: 100% 100%;
         }
         .dataScreen-center {
           height: 30%;
-          background: url("./images/dataScreen-main-rc.png") no-repeat;
-          background-size: 100% 100%;
         }
         .dataScreen-bottom {
           height: 27%;
           margin-bottom: 0;
-          background: url("./images/dataScreen-main-rb.png") no-repeat;
-          background-size: 100% 100%;
         }
       }
       .dataScreen-main-title {

src/views/data-screen/index.vue

@@ -45,6 +45,12 @@
           </div>
         </div>
         <div class="dataScreen-ct">
+          <div class="dataScreen-Number">
+            <div class="number-box">
+              <p class="number-title  text-lg pt-3">案人总数</p>
+              <p class=" text-xl text-white  pt-2">1222 <span class=" text-base text-gray-400">件</span></p>
+            </div>
+          </div>
           <div class="dataScreen-map">
             <div class="dataScreen-map-title">调解中心分布点</div>
             <!-- <vue3-seamless-scroll

src/views/infoGather/customerGather/components/Customer.vue

@@ -426,6 +426,8 @@ const handleQuery = () => {
   }
   getDebtInfo(form.value.idCard).then(res => {
     if(res.result) {
+      res.result.creditCard = res.result.creditCard || []
+      res.result.lending = res.result.lending || []
       form.value = res.result
       cardConfig.data = res.result.creditCard
       creditArr.value = res.result.lending