diff --git a/src/assets/img/zheke/fillOut.png b/src/assets/img/zheke/fillOut.png
new file mode 100644
index 0000000..ece33ba
Binary files /dev/null and b/src/assets/img/zheke/fillOut.png differ
diff --git a/src/assets/img/zheke/lb_left.png b/src/assets/img/zheke/lb_left.png
new file mode 100644
index 0000000..68f03fc
Binary files /dev/null and b/src/assets/img/zheke/lb_left.png differ
diff --git a/src/assets/img/zheke/lb_right.png b/src/assets/img/zheke/lb_right.png
new file mode 100644
index 0000000..96566e9
Binary files /dev/null and b/src/assets/img/zheke/lb_right.png differ
diff --git a/src/components/Dropdown/Dropdown.vue b/src/components/Dropdown/Dropdown.vue
new file mode 100644
index 0000000..adc1adc
--- /dev/null
+++ b/src/components/Dropdown/Dropdown.vue
@@ -0,0 +1,169 @@
+<template>
+    <div ref="dropdownRef" class="dropdown">
+        <!-- Dropdown button -->
+        <button @click="toggleDropdown" style="width: 100%;">
+            {{ selectedOption }}
+            <!-- <svg
+          :class="isOpen ? 'down' : ''"
+          aria-hidden="true"
+          class="icon icon-caret"
+          role="presentation"
+          viewBox="0 0 10 6"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
+            fill="currentColor"
+            fill-rule="evenodd"
+          ></path>
+        </svg> -->
+        </button>
+        <!-- Dropdown menu -->
+        <ul v-if="isOpen" class="dropdown-menu">
+            <li v-for="(option, index) in options" :key="index" @click="selectOption(option)">
+                {{ option.label }}
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script>
+import { ref, onMounted, onUnmounted, nextTick } from "vue";
+
+export default {
+    name: "DropdownMenu",
+    props: {
+        options: {
+            type: Array,
+            required: true,
+        },
+        title:{
+            type: String,
+            required: true
+        }
+    },
+    setup(props) {
+        // Reactive variables
+        const isOpen = ref(false); // Dropdown open/close state
+        const selectedOption = ref(props.title); // Currently selected option 默认是标题
+        const dropdownRef = ref(null); // Reference to dropdown element
+        const { proxy } = getCurrentInstance();
+        // Toggle dropdown open/close state
+        const toggleDropdown = () => {
+            isOpen.value = !isOpen.value;
+        };
+
+        // Select an option from the dropdown
+        const selectOption = (option) => {
+            selectedOption.value = option.label; // Update selected option
+            if (!option.value) {
+                selectedOption.value = props.title
+            }
+            isOpen.value = false; // Close the dropdown
+            // 将选择的值传递给父组件
+            proxy.$emit("getOption", option.value);
+        };
+
+        // Close dropdown when clicking outside
+        const closeDropdown = (event) => {
+            if (!dropdownRef.value.contains(event.target)) {
+                isOpen.value = false;
+            }
+        };
+        // 清除选择数据
+        const clearOption = () => {
+            selectedOption.value = props.title;
+        }
+
+        // Lifecycle hook: mounted
+        onMounted(() => {
+            nextTick(() => {
+                document.addEventListener("click", closeDropdown); // Listen for click events outside dropdown
+            });
+        });
+
+        // Lifecycle hook: unmounted
+        onUnmounted(() => {
+            document.removeEventListener("click", closeDropdown); // Remove event listener when component is unmounted
+        });
+
+        return {
+            isOpen,
+            selectedOption,
+            toggleDropdown,
+            selectOption,
+            dropdownRef,
+            clearOption
+        };
+        defineExpose({
+            clearOption
+        })
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+
+.dropdown button {
+    background: none;
+    color: inherit;
+    padding: 0;
+    border: none;
+    cursor: pointer;
+    font-size: inherit;
+    font-weight: inherit;
+}
+
+.dropdown-menu {
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%, 10px);
+    // background-color: #f9f9f9;
+    background: rgba(0, 0, 0, 0.8);
+    min-width: 180px;
+    max-height: 300px;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
+    z-index: 1;
+    margin: 0;
+    padding: 0;
+    overflow-y: auto;
+}
+
+.dropdown-menu li {
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+    cursor: pointer;
+    font-size: 16px;
+    line-height: 1.5;
+    font-weight: 500;
+}
+
+.dropdown-menu li:hover {
+    background-color: rgb(35, 83, 147);
+}
+
+.icon-caret {
+    color: #666;
+    stroke: #666;
+    height: 1.3rem;
+    width: 1.3rem;
+    margin-left: 0.3rem;
+    stroke-width: 0.02rem;
+    pointer-events: auto;
+    transition: transform 0.2s ease-in-out;
+
+    &.down {
+        transform: rotate(180deg);
+    }
+}
+
+/* 设置滚动条的宽度 */
+::-webkit-scrollbar {
+    display: none;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/zk-item/zk-item.vue b/src/components/zk-item/zk-item.vue
index df3494d..bf89a58 100644
--- a/src/components/zk-item/zk-item.vue
+++ b/src/components/zk-item/zk-item.vue
@@ -54,6 +54,7 @@ $item_title_content-height: calc(100% - 38px);
     width: 100%;
     height: 2px;
     background: repeating-linear-gradient(90deg, #2C3E50 2%, #68C6DE 10%, #2C3E50 40%, #11181f 80%, #11181f 100%);
+    margin-bottom: 10px;
 }
 
 :deep(.dv-border-box-content) {
diff --git a/src/stores/setting/setting.ts b/src/stores/setting/setting.ts
index a48e753..00d692e 100644
--- a/src/stores/setting/setting.ts
+++ b/src/stores/setting/setting.ts
@@ -3,7 +3,7 @@ import { defineStore } from 'pinia'
 // import { storeToRefs } from 'pinia';
 export const useSettingStore = defineStore('setting', () => {
   const settingShow = ref(false);//设置弹窗显隐
-  const isScale = ref(true);//是否进行全局适配 --- 默认是适配的
+  const isScale = ref(false);//是否进行全局适配 --- 默认是适配的
   const indexConfig = ref({
     leftBottomSwiper: true,//左轮播
     rightBottomSwiper: true,//右下轮播
diff --git a/src/utils/china.json b/src/utils/china.json
new file mode 100644
index 0000000..f1e6220
--- /dev/null
+++ b/src/utils/china.json
@@ -0,0 +1 @@
+{"type":"FeatureCollection","features":[{"type":"Feature","id":3334,"properties":{"name":"新疆","cp":[84.9023,41.748],"childNum":18,"adcode":650000},"geometry":{"type":"Polygon","coordinates":[[[96.416,42.7588],[96.3281,42.9346],[95.8887,43.2422],[95.5371,43.9014],[95.3613,44.0332],[95.3613,44.2969],[94.7461,44.3408],[93.5156,44.9561],[91.582,45.0879],[90.8789,45.2197],[90.7031,45.5273],[90.7031,45.7471],[91.0547,46.0107],[90.8789,46.3184],[91.0547,46.582],[90.8789,46.9775],[90.5273,47.2412],[90.3516,47.6807],[90.0879,47.8564],[89.7363,47.8564],[89.5605,48.0322],[89.1211,47.9883],[88.6816,48.1641],[88.5059,48.3838],[87.9785,48.6035],[88.0664,48.7354],[87.7148,48.9111],[87.8906,48.999],[87.8027,49.1748],[86.8359,49.1309],[86.748,48.9551],[86.8359,48.8232],[86.5723,48.5596],[85.7813,48.4277],[85.5176,48.1201],[85.6934,47.2852],[85.5176,47.0654],[84.9023,46.8896],[84.7266,47.0215],[83.6719,47.0215],[83.0566,47.2412],[82.2656,45.6592],[82.5293,45.2197],[82.0898,45.2197],[81.7383,45.3955],[79.9805,44.9561],[79.9805,44.8242],[80.4199,44.6045],[80.4199,44.165],[80.7715,43.1982],[80.4199,43.0664],[80.5078,42.8906],[80.2441,42.8467],[80.1563,42.627],[80.2441,42.2754],[80.1563,42.0557],[78.1348,41.3965],[78.1348,41.2207],[77.6074,41.001],[76.9043,41.001],[76.377,40.3857],[75.7617,40.2979],[75.5859,40.6494],[75.2344,40.4297],[74.7949,40.5176],[74.8828,40.3418],[74.0039,40.0342],[73.8281,39.7705],[73.916,39.6826],[73.916,39.5068],[73.4766,39.375],[73.8281,38.9795],[73.7402,38.8477],[73.8281,38.584],[74.0918,38.54],[74.1797,38.6719],[74.3555,38.6719],[74.8828,38.4521],[74.9707,37.749],[74.8828,37.5732],[75.1465,37.4414],[74.8828,37.2217],[74.5313,37.2217],[74.5313,37.0898],[74.7949,37.0459],[74.8828,36.9141],[75.0586,37.002],[75.4102,36.958],[75.498,36.7383],[75.8496,36.6943],[76.0254,36.4746],[75.9375,36.0352],[76.2012,35.8154],[76.5527,35.8594],[76.8164,35.6396],[77.4316,35.4639],[78.0469,35.5078],[78.0469,35.2441],[78.2227,34.7168],[79.0137,34.3213],[79.1016,34.4531],[79.8047,34.4971],[79.8926,34.8047],[80.2441,35.2002],[80.332,35.1563],[80.2441,35.2881],[80.4199,35.4199],[81.6504,35.2441],[82.002,35.332],[82.4414,35.7275],[82.8809,35.6836],[83.1445,35.4199],[84.1992,35.376],[85.0781,35.7275],[85.6055,35.6836],[86.1328,35.8594],[86.2207,36.167],[87.3633,36.4307],[88.5938,36.4746],[88.7695,36.3428],[89.209,36.2988],[89.7363,36.0791],[89.9121,36.0791],[90,36.2549],[90.8789,36.0352],[91.0547,36.0791],[91.0547,36.5186],[90.791,36.6064],[90.7031,36.7822],[91.3184,37.0898],[91.0547,37.4414],[90.5273,37.8369],[90.6152,38.3203],[90.3516,38.2324],[90.1758,38.4961],[92.373,39.0234],[92.373,39.1113],[92.373,39.3311],[92.6367,39.6387],[93.0762,40.6494],[93.8672,40.6934],[94.043,41.0889],[94.5703,41.4844],[95.1855,41.792],[95.2734,41.6162],[95.9766,41.9238],[96.2402,42.2314],[96.0645,42.3193],[95.9766,42.4951],[96.416,42.7148],[96.416,42.7588]]]},"bbox":[73.4766,34.3213,96.416,49.1748]},{"type":"Feature","id":7037,"properties":{"name":"西藏","cp":[88.7695,31.6846],"childNum":7,"adcode":540000},"geometry":{"type":"Polygon","coordinates":[[[79.0137,34.3213],[78.9258,34.1455],[78.6621,34.1016],[78.6621,33.6621],[79.1016,33.1787],[79.2773,32.5635],[78.9258,32.3438],[78.75,32.6953],[78.3984,32.5195],[78.4863,32.124],[78.75,31.9043],[78.6621,31.8164],[78.8379,31.5967],[78.75,31.333],[79.0137,31.0693],[79.7168,30.9375],[80.0684,30.5859],[81.0352,30.2344],[81.2109,30.0146],[81.3867,30.3662],[82.0898,30.3223],[82.1777,30.0586],[83.2324,29.5752],[83.584,29.1797],[84.1113,29.2676],[84.1992,29.2236],[84.2871,28.8721],[84.4629,28.7402],[84.9023,28.5645],[85.166,28.6523],[85.166,28.3447],[85.6055,28.2568],[85.6934,28.3447],[86.0449,27.9053],[86.1328,28.125],[86.4844,27.9053],[86.5723,28.125],[86.748,28.125],[87.0996,27.8174],[87.7148,27.8174],[87.8906,27.9492],[88.1543,27.9053],[88.6816,28.125],[88.8574,27.9932],[88.7695,27.4219],[89.0332,27.2021],[89.1211,27.334],[89.1211,27.5977],[89.6484,28.1689],[89.8242,28.2129],[90.7031,28.0811],[91.0547,27.8613],[91.4063,28.0371],[91.582,27.9053],[91.582,27.5537],[92.0215,27.4658],[92.1094,26.8506],[93.6035,26.9385],[93.8672,27.0264],[94.2188,27.5537],[95.2734,27.9492],[95.3613,28.125],[95.7129,28.2568],[96.5039,28.125],[97.0313,27.7295],[97.3828,27.9053],[97.2949,28.0811],[97.5586,28.5205],[98.1738,28.125],[98.2617,28.3887],[98.3496,28.125],[98.7012,28.2129],[98.7891,28.3447],[98.6133,28.5205],[98.7012,28.916],[98.7891,29.0039],[98.7891,28.8721],[98.9648,28.8281],[98.9648,29.1357],[99.1406,29.2676],[98.9648,30.7617],[98.6133,31.2012],[98.877,31.4209],[98.4375,31.8604],[98.1738,32.3438],[97.7344,32.5195],[97.3828,32.5635],[97.2949,32.0801],[96.7676,31.9922],[96.8555,31.6846],[96.5039,31.7285],[96.2402,31.9482],[96.1523,31.5967],[95.9766,31.8164],[95.8008,31.6846],[95.4492,31.8164],[95.3613,31.9922],[95.3613,32.168],[95.2734,32.2119],[95.1855,32.3438],[95.0098,32.2998],[95.1855,32.4316],[94.6582,32.6074],[94.1309,32.4316],[93.7793,32.5635],[93.5156,32.4756],[92.9883,32.7393],[92.2852,32.7393],[92.1973,32.8271],[91.9336,32.8271],[91.4063,33.1348],[90.7031,33.1348],[90.0879,33.4863],[89.6484,34.0137],[89.8242,34.3652],[89.7363,34.6729],[89.8242,34.8486],[89.5605,34.8926],[89.4727,35.2441],[89.4727,35.376],[89.7363,35.4199],[89.7363,35.7715],[89.4727,35.9033],[89.3848,36.0352],[89.7363,36.0791],[89.209,36.2988],[88.7695,36.3428],[88.5938,36.4746],[87.3633,36.4307],[86.2207,36.167],[86.1328,35.8594],[85.6055,35.6836],[85.0781,35.7275],[84.1992,35.376],[83.1445,35.4199],[82.8809,35.6836],[82.4414,35.7275],[82.002,35.332],[81.6504,35.2441],[80.4199,35.4199],[80.2441,35.2881],[80.332,35.1563],[80.2441,35.2002],[79.8926,34.8047],[79.8047,34.4971],[79.1016,34.4531],[79.0137,34.3213]]]},"bbox":[78.3984,26.8506,99.1406,36.4746]},{"type":"Feature","id":6463,"properties":{"name":"内蒙古","cp":[117.5977,44.3408],"childNum":12,"adcode":150000},"geometry":{"type":"Polygon","coordinates":[[[97.207,42.8027],[97.8223,41.748],[97.8223,41.6162],[97.4707,41.4844],[98.3496,40.9131],[98.3496,40.5615],[98.6133,40.6494],[98.5254,40.7373],[98.7891,40.6055],[98.9648,40.7813],[99.0527,40.6934],[99.2285,40.8691],[99.9316,41.001],[100.1953,40.6494],[100.1074,40.2539],[99.4922,39.8584],[100.0195,39.7705],[100.5469,39.4189],[100.8105,39.4189],[100.9863,38.9355],[101.25,39.0234],[101.3379,38.7598],[101.7773,38.6719],[102.041,38.8916],[101.8652,39.1113],[102.4805,39.2432],[103.0078,39.1113],[103.3594,39.3311],[104.0625,39.4189],[104.2383,38.9795],[103.4473,38.3643],[103.5352,38.1445],[103.3594,38.0127],[103.4473,37.8369],[104.3262,37.4414],[105.8203,37.793],[105.9082,38.7158],[106.3477,39.2871],[106.7871,39.375],[106.9629,38.9795],[106.5234,38.3203],[106.7871,38.1885],[107.3145,38.1006],[107.666,37.8809],[108.1934,37.6172],[108.7207,37.7051],[108.8086,38.0127],[108.8965,37.9688],[109.0723,38.0127],[108.9844,38.3203],[109.9512,39.1553],[109.8633,39.2432],[110.2148,39.2871],[110.127,39.4629],[110.6543,39.2871],[111.0938,39.5947],[111.0938,39.375],[111.3574,39.4189],[111.4453,39.6387],[111.9727,39.5947],[112.3242,40.2539],[112.7637,40.166],[113.2031,40.3857],[113.5547,40.3418],[113.8184,40.5176],[114.082,40.5176],[114.082,40.7373],[113.9063,41.1328],[113.9941,41.2207],[113.9063,41.4404],[114.2578,41.5723],[114.1699,41.792],[114.5215,42.1436],[114.873,42.0996],[114.9609,41.6162],[115.2246,41.5723],[115.9277,41.9238],[116.0156,41.792],[116.2793,42.0117],[116.8066,42.0117],[116.8945,42.4072],[117.334,42.4512],[117.5098,42.583],[117.7734,42.627],[118.0371,42.4072],[117.9492,42.2314],[118.125,42.0557],[118.3008,42.0996],[118.3008,41.792],[118.125,41.748],[118.3887,41.3086],[119.2676,41.3086],[119.4434,41.6162],[119.2676,41.7041],[119.3555,42.2754],[119.5313,42.3633],[119.8828,42.1875],[120.1465,41.7041],[120.498,42.0996],[121.4648,42.4951],[121.7285,42.4512],[121.9922,42.7148],[122.3438,42.6709],[122.3438,42.8467],[122.7832,42.7148],[123.1348,42.8027],[123.3105,42.9785],[123.5742,43.0225],[123.6621,43.374],[123.3105,43.5059],[123.4863,43.7256],[123.1348,44.4727],[122.3438,44.2529],[122.0801,44.8682],[122.2559,45.2637],[121.9043,45.7031],[121.7285,45.7471],[121.8164,46.0107],[122.2559,45.791],[122.4316,45.8789],[122.6953,45.7031],[122.7832,46.0107],[123.2227,46.2305],[123.0469,46.582],[123.5742,46.6699],[123.5742,46.8896],[123.5742,46.8457],[123.4863,46.9775],[123.3984,46.9775],[123.3984,46.8896],[123.0469,46.7139],[122.4316,47.373],[124.2773,48.5156],[124.4531,48.1201],[124.8047,49.1309],[125.2441,49.1748],[125.1563,49.834],[125.332,50.1416],[125.7715,50.5371],[125.7715,50.7568],[126.0352,51.0205],[125.332,51.6357],[125.0684,51.6357],[124.8926,51.3721],[124.541,51.3721],[124.3652,51.2842],[123.6621,51.3721],[123.3105,51.2402],[122.959,51.3281],[122.6074,52.0752],[122.6953,52.251],[122.168,52.5146],[121.9922,52.2949],[121.7285,52.2949],[121.6406,52.4268],[121.2012,52.5586],[121.8164,53.042],[121.4648,53.3496],[120.8496,53.2617],[120.0586,52.7344],[120.0586,52.6025],[120.4102,52.6465],[120.6738,52.5146],[120.5859,52.3389],[120.7617,52.251],[120.7617,52.1191],[120.6738,51.9434],[120.1465,51.6797],[119.707,51.0645],[119.5313,50.8887],[119.5313,50.7568],[119.1797,50.3613],[119.3555,50.3174],[119.2676,50.0977],[118.5645,49.9219],[117.7734,49.5264],[116.7188,49.834],[115.8398,48.5596],[115.8398,48.252],[115.4883,48.1641],[115.5762,47.9004],[115.9277,47.6807],[116.1914,47.8564],[116.8066,47.9004],[117.334,47.6807],[117.8613,48.0322],[118.4766,47.9883],[119.707,47.1973],[119.9707,46.7139],[119.707,46.626],[119.0918,46.6699],[118.916,46.7578],[118.7402,46.7139],[118.3008,46.7578],[117.7734,46.5381],[117.4219,46.582],[117.334,46.3623],[116.543,46.2744],[116.2793,45.9668],[116.1914,45.7031],[115.6641,45.4395],[114.5215,45.3955],[114.1699,44.9561],[113.6426,44.7363],[111.9727,45.0879],[111.7969,45],[111.4453,44.3848],[111.9727,43.8135],[111.9727,43.6816],[111.0059,43.3301],[110.3906,42.7588],[109.4238,42.4512],[107.4023,42.4512],[105.7324,41.9238],[105.0293,41.5723],[104.502,41.6602],[104.502,41.8799],[103.8867,41.792],[103.3594,41.8799],[102.7441,42.1436],[102.041,42.2314],[101.7773,42.4951],[100.8105,42.6709],[99.4922,42.583],[97.207,42.8027]]]},"bbox":[97.207,37.4414,126.0352,53.3496]},{"type":"Feature","id":7462,"properties":{"name":"青海","cp":[96.2402,35.4199],"childNum":8,"adcode":630000},"geometry":{"type":"Polygon","coordinates":[[[89.7363,36.0791],[89.3848,36.0352],[89.4727,35.9033],[89.7363,35.7715],[89.7363,35.4199],[89.4727,35.376],[89.4727,35.2441],[89.5605,34.8926],[89.8242,34.8486],[89.7363,34.6729],[89.8242,34.3652],[89.6484,34.0137],[90.0879,33.4863],[90.7031,33.1348],[91.4063,33.1348],[91.9336,32.8271],[92.1973,32.8271],[92.2852,32.7393],[92.9883,32.7393],[93.5156,32.4756],[93.7793,32.5635],[94.1309,32.4316],[94.6582,32.6074],[95.1855,32.4316],[95.0098,32.2998],[95.1855,32.3438],[95.2734,32.2119],[95.3613,32.168],[95.3613,31.9922],[95.4492,31.8164],[95.8008,31.6846],[95.9766,31.8164],[96.1523,31.5967],[96.2402,31.9482],[96.5039,31.7285],[96.8555,31.6846],[96.7676,31.9922],[97.2949,32.0801],[97.3828,32.5635],[97.7344,32.5195],[97.4707,32.6953],[97.3828,32.8711],[97.7344,33.3984],[97.4707,33.5742],[97.3828,33.8818],[97.7344,33.9258],[97.6465,34.1016],[97.8223,34.1895],[98.4375,34.0576],[98.877,33.1787],[99.2285,33.0469],[99.2285,32.915],[99.7559,32.7393],[99.8438,33.0029],[100.1074,32.8711],[100.1074,32.6514],[100.3711,32.7393],[100.7227,32.5195],[100.7227,32.6514],[101.25,32.6953],[101.1621,33.2227],[101.6016,33.1348],[101.7773,33.2227],[101.6895,33.3105],[101.7773,33.5303],[101.6016,33.5303],[101.5137,33.7061],[101.25,33.6621],[100.8105,34.2773],[100.9863,34.3652],[101.6895,34.1016],[102.1289,34.2773],[102.2168,34.4092],[101.9531,34.6289],[101.9531,34.8486],[102.3926,35.2002],[102.3047,35.4199],[102.4805,35.5957],[102.832,35.5957],[102.6563,35.7715],[102.9199,35.9033],[102.9199,36.0791],[103.0078,36.2549],[102.832,36.3428],[102.5684,36.7383],[102.6563,36.8262],[102.4805,36.958],[102.5684,37.1777],[102.1289,37.4414],[101.9531,37.7051],[101.7773,37.6172],[101.5137,37.8809],[101.1621,37.8369],[100.7227,38.2324],[100.459,38.2764],[100.1074,38.4961],[100.0195,38.4521],[100.1953,38.2764],[99.8438,38.3643],[99.1406,38.9355],[98.7891,39.0674],[98.6133,38.9355],[98.3496,39.0234],[98.1738,38.8037],[97.0313,39.1992],[97.1191,38.584],[96.6797,38.4521],[96.6797,38.1885],[96.416,38.2324],[96.2402,38.1006],[95.7129,38.3643],[95.4492,38.2764],[95.0098,38.4082],[94.5703,38.3643],[94.3066,38.7598],[93.8672,38.7158],[93.6914,38.9355],[93.1641,38.9795],[93.1641,39.1992],[92.373,39.1113],[92.373,39.0234],[90.1758,38.4961],[90.3516,38.2324],[90.6152,38.3203],[90.5273,37.8369],[91.0547,37.4414],[91.3184,37.0898],[90.7031,36.7822],[90.791,36.6064],[91.0547,36.5186],[91.0547,36.0791],[90.8789,36.0352],[90,36.2549],[89.9121,36.0791],[89.7363,36.0791]]]},"bbox":[89.3848,31.5967,103.0078,39.1992]},{"type":"Feature","id":9067,"properties":{"name":"四川","cp":[102.9199,30.1904],"childNum":21,"adcode":510000},"geometry":{"type":"Polygon","coordinates":[[[101.7773,33.5303],[101.6895,33.3105],[101.7773,33.2227],[101.6016,33.1348],[101.1621,33.2227],[101.25,32.6953],[100.7227,32.6514],[100.7227,32.5195],[100.3711,32.7393],[100.1074,32.6514],[100.1074,32.8711],[99.8438,33.0029],[99.7559,32.7393],[99.2285,32.915],[99.2285,33.0469],[98.877,33.1787],[98.4375,34.0576],[97.8223,34.1895],[97.6465,34.1016],[97.7344,33.9258],[97.3828,33.8818],[97.4707,33.5742],[97.7344,33.3984],[97.3828,32.8711],[97.4707,32.6953],[97.7344,32.5195],[98.1738,32.3438],[98.4375,31.8604],[98.877,31.4209],[98.6133,31.2012],[98.9648,30.7617],[99.1406,29.2676],[99.2285,28.3008],[99.4043,28.1689],[99.4043,28.5205],[99.668,28.8281],[100.1953,28.3447],[100.0195,28.125],[100.2832,27.7295],[100.3711,27.8174],[100.7227,27.8613],[101.1621,27.1582],[101.1621,27.0264],[101.4258,26.7188],[101.4258,26.8066],[101.4258,26.5869],[101.6895,26.3672],[101.6016,26.2354],[101.8652,26.0596],[102.1289,26.1035],[102.5684,26.3672],[102.6563,26.1914],[103.0078,26.3672],[102.9199,27.29],[103.4473,27.7734],[103.4473,28.125],[103.7988,28.3008],[103.8867,28.6523],[104.4141,28.6084],[104.2383,28.4326],[104.4141,28.2568],[104.4141,28.125],[104.3262,28.0371],[104.4141,27.9492],[104.8535,27.9053],[105.0293,28.0811],[105.2051,27.9932],[105.293,27.7295],[105.5566,27.7734],[105.6445,27.6416],[106.3477,27.8174],[106.1719,28.125],[105.9082,28.125],[105.6445,28.4326],[105.9961,28.7402],[106.3477,28.5205],[106.2598,28.8721],[105.8203,28.96],[105.7324,29.2676],[105.4688,29.3115],[105.293,29.5313],[105.7324,29.8828],[105.5566,30.1025],[105.6445,30.2783],[105.8203,30.4541],[106.2598,30.1904],[106.6113,30.3223],[106.7871,30.0146],[107.0508,30.0146],[107.4902,30.6299],[107.4023,30.7617],[107.4902,30.8496],[107.9297,30.8496],[108.1934,31.5088],[108.5449,31.6846],[108.2813,31.9043],[108.3691,32.168],[108.5449,32.2119],[108.2813,32.2559],[108.0176,32.168],[107.4023,32.5195],[107.2266,32.4316],[107.1387,32.4756],[107.0508,32.6953],[106.3477,32.6514],[106.084,32.7393],[106.084,32.8711],[105.5566,32.7393],[105.4688,32.915],[105.3809,32.8711],[105.3809,32.7393],[105.2051,32.6074],[104.4141,32.7393],[104.3262,32.8711],[104.4141,33.0469],[104.3262,33.2227],[104.4141,33.3105],[104.2383,33.3984],[104.1504,33.6182],[103.1836,33.7939],[103.0957,34.1895],[102.9199,34.3213],[102.2168,33.9258],[102.4805,33.4424],[101.8652,33.0908],[101.9531,33.4424],[101.8652,33.5742],[101.7773,33.5303]]]},"bbox":[97.3828,26.0596,108.5449,34.3213]},{"type":"Feature","id":4496,"properties":{"name":"黑龙江","cp":[128.1445,48.5156],"childNum":13,"adcode":230000},"geometry":{"type":"Polygon","coordinates":[[[121.4648,53.3496],[121.8164,53.042],[121.2012,52.5586],[121.6406,52.4268],[121.7285,52.2949],[121.9922,52.2949],[122.168,52.5146],[122.6953,52.251],[122.6074,52.0752],[122.959,51.3281],[123.3105,51.2402],[123.6621,51.3721],[124.3652,51.2842],[124.541,51.3721],[124.8926,51.3721],[125.0684,51.6357],[125.332,51.6357],[126.0352,51.0205],[125.7715,50.7568],[125.7715,50.5371],[125.332,50.1416],[125.1563,49.834],[125.2441,49.1748],[124.8047,49.1309],[124.4531,48.1201],[124.2773,48.5156],[122.4316,47.373],[123.0469,46.7139],[123.3984,46.8896],[123.3984,46.9775],[123.4863,46.9775],[123.5742,46.8457],[123.5742,46.8896],[123.5742,46.6699],[123.0469,46.582],[123.2227,46.2305],[123.9258,46.2305],[124.0137,45.7471],[124.3652,45.4395],[124.8926,45.5273],[125.0684,45.3955],[125.6836,45.5273],[125.7715,45.3076],[126.0352,45.1758],[126.5625,45.2637],[126.9141,45.1318],[127.0898,45],[127.002,44.7803],[127.0898,44.6045],[127.5293,44.6045],[127.7051,44.1211],[128.0566,44.1211],[128.0566,44.3408],[128.4082,44.4727],[128.4961,44.165],[128.8477,43.5498],[129.1992,43.5938],[129.2871,43.8135],[129.8145,43.9014],[129.9023,44.0332],[129.9902,43.8574],[130.3418,43.9893],[130.5176,43.6377],[130.8691,43.418],[131.3086,43.4619],[131.2207,43.7256],[131.3086,44.0771],[131.0449,44.8682],[131.5723,45.0439],[131.9238,45.3516],[132.8906,45.0439],[133.0664,45.1318],[133.2422,45.5273],[133.418,45.5713],[133.5059,45.835],[133.9453,46.2744],[133.8574,46.5381],[134.209,47.1533],[134.209,47.2852],[134.3848,47.4609],[134.5605,47.4609],[134.7363,47.6807],[134.5605,47.9883],[134.7363,48.252],[135.0879,48.4277],[134.209,48.3838],[133.5059,48.1201],[133.0664,48.1201],[132.627,47.9443],[132.5391,47.7246],[131.0449,47.6807],[130.6934,48.1201],[130.8691,48.2959],[130.5176,48.6475],[130.6934,48.8672],[130.2539,48.8672],[129.4629,49.4385],[129.1113,49.3506],[128.7598,49.5703],[127.793,49.6143],[127.5293,49.8779],[127.6172,50.2295],[127.3535,50.2734],[127.2656,50.7568],[126.9141,51.1084],[127.002,51.3281],[126.8262,51.2842],[126.9141,51.3721],[126.4746,51.9434],[126.5625,52.1631],[126.3867,52.207],[126.3867,52.2949],[126.2109,52.5146],[126.0352,52.6025],[126.123,52.7783],[125.6836,52.9102],[125.5957,53.0859],[125.0684,53.2178],[124.8926,53.0859],[123.6621,53.5693],[121.4648,53.3496]]]},"bbox":[121.2012,43.418,135.0879,53.5693]},{"type":"Feature","id":8743,"properties":{"name":"甘肃","cp":[95.7129,40.166],"childNum":14,"adcode":620000},"geometry":{"type":"Polygon","coordinates":[[[96.416,42.7148],[95.9766,42.4951],[96.0645,42.3193],[96.2402,42.2314],[95.9766,41.9238],[95.2734,41.6162],[95.1855,41.792],[94.5703,41.4844],[94.043,41.0889],[93.8672,40.6934],[93.0762,40.6494],[92.6367,39.6387],[92.373,39.3311],[92.373,39.1113],[93.1641,39.1992],[93.1641,38.9795],[93.6914,38.9355],[93.8672,38.7158],[94.3066,38.7598],[94.5703,38.3643],[95.0098,38.4082],[95.4492,38.2764],[95.7129,38.3643],[96.2402,38.1006],[96.416,38.2324],[96.6797,38.1885],[96.6797,38.4521],[97.1191,38.584],[97.0313,39.1992],[98.1738,38.8037],[98.3496,39.0234],[98.6133,38.9355],[98.7891,39.0674],[99.1406,38.9355],[99.8438,38.3643],[100.1953,38.2764],[100.0195,38.4521],[100.1074,38.4961],[100.459,38.2764],[100.7227,38.2324],[101.1621,37.8369],[101.5137,37.8809],[101.7773,37.6172],[101.9531,37.7051],[102.1289,37.4414],[102.5684,37.1777],[102.4805,36.958],[102.6563,36.8262],[102.5684,36.7383],[102.832,36.3428],[103.0078,36.2549],[102.9199,36.0791],[102.9199,35.9033],[102.6563,35.7715],[102.832,35.5957],[102.4805,35.5957],[102.3047,35.4199],[102.3926,35.2002],[101.9531,34.8486],[101.9531,34.6289],[102.2168,34.4092],[102.1289,34.2773],[101.6895,34.1016],[100.9863,34.3652],[100.8105,34.2773],[101.25,33.6621],[101.5137,33.7061],[101.6016,33.5303],[101.7773,33.5303],[101.8652,33.5742],[101.9531,33.4424],[101.8652,33.0908],[102.4805,33.4424],[102.2168,33.9258],[102.9199,34.3213],[103.0957,34.1895],[103.1836,33.7939],[104.1504,33.6182],[104.2383,33.3984],[104.4141,33.3105],[104.3262,33.2227],[104.4141,33.0469],[104.3262,32.8711],[104.4141,32.7393],[105.2051,32.6074],[105.3809,32.7393],[105.3809,32.8711],[105.4688,32.915],[105.9082,33.0029],[105.9961,33.1787],[105.7324,33.3984],[105.9961,33.6182],[106.5234,33.5303],[106.4355,33.9258],[106.6113,34.1455],[106.5234,34.2773],[106.6992,34.3213],[106.3477,34.585],[106.5234,34.7607],[106.6113,35.0684],[106.9629,35.0684],[107.2266,34.8926],[107.666,34.9365],[107.8418,35.0244],[107.7539,35.1123],[107.7539,35.2881],[108.5449,35.2881],[108.6328,35.5518],[108.5449,35.8594],[108.6328,35.9912],[108.7207,36.3428],[107.3145,36.9141],[107.3145,37.0898],[106.6113,37.0898],[106.6113,36.7822],[106.4355,36.5625],[106.5234,36.4746],[106.5234,36.2549],[106.875,36.123],[106.9629,35.8154],[106.6992,35.6836],[106.4355,35.6836],[106.5234,35.332],[106.3477,35.2441],[106.2598,35.4199],[106.084,35.376],[105.9961,35.4199],[105.9082,35.4199],[105.9961,35.4639],[105.8203,35.5518],[105.7324,35.7275],[105.3809,35.7715],[105.293,35.9912],[105.4688,36.123],[105.2051,36.6943],[105.293,36.8262],[104.8535,37.2217],[104.5898,37.2217],[104.5898,37.4414],[104.3262,37.4414],[103.4473,37.8369],[103.3594,38.0127],[103.5352,38.1445],[103.4473,38.3643],[104.2383,38.9795],[104.0625,39.4189],[103.3594,39.3311],[103.0078,39.1113],[102.4805,39.2432],[101.8652,39.1113],[102.041,38.8916],[101.7773,38.6719],[101.3379,38.7598],[101.25,39.0234],[100.9863,38.9355],[100.8105,39.4189],[100.5469,39.4189],[100.0195,39.7705],[99.4922,39.8584],[100.1074,40.2539],[100.1953,40.6494],[99.9316,41.001],[99.2285,40.8691],[99.0527,40.6934],[98.9648,40.7813],[98.7891,40.6055],[98.5254,40.7373],[98.6133,40.6494],[98.3496,40.5615],[98.3496,40.9131],[97.4707,41.4844],[97.8223,41.6162],[97.8223,41.748],[97.207,42.8027],[96.416,42.7148]]]},"bbox":[92.373,32.6074,108.7207,42.8027]},{"type":"Feature","id":6518,"properties":{"name":"云南","cp":[101.8652,25.1807],"childNum":16,"adcode":530000},"geometry":{"type":"Polygon","coordinates":[[[98.1738,28.125],[98.3496,27.5098],[98.5254,27.6416],[98.7012,27.5098],[98.7891,26.5869],[98.7012,26.1475],[98.6133,26.0596],[98.7012,25.8838],[98.5254,25.8398],[98.3496,25.5762],[98.1738,25.6201],[98.1738,25.4004],[97.8223,25.2686],[97.7344,24.8291],[97.5586,24.7412],[97.5586,24.4336],[97.6465,24.4336],[97.7344,24.126],[97.5586,23.9063],[97.7344,23.8623],[98.1738,24.082],[98.877,24.126],[98.7012,23.9502],[98.877,23.2031],[99.4922,23.0713],[99.3164,22.7197],[99.4043,22.5879],[99.2285,22.1484],[99.9316,22.0605],[100.1074,21.4893],[100.6348,21.4453],[101.1621,21.7529],[101.25,21.1816],[101.6016,21.2256],[101.7773,21.1377],[101.8652,21.6211],[101.6016,22.1924],[101.7773,22.5],[101.8652,22.3682],[102.3047,22.4121],[102.4805,22.7637],[103.0957,22.4561],[103.3594,22.8076],[103.5352,22.5879],[103.623,22.7637],[103.9746,22.5439],[104.1504,22.8076],[104.3262,22.6758],[104.7656,22.8516],[104.8535,23.1592],[105.293,23.3789],[105.5566,23.2031],[105.6445,23.4229],[106.1719,23.5547],[106.1719,23.8184],[105.9961,24.126],[105.5566,24.126],[105.4688,24.0381],[105.2051,24.082],[105.0293,24.4336],[104.7656,24.4775],[104.6777,24.3457],[104.502,24.7412],[104.6777,24.9609],[104.5898,25.0488],[104.8535,25.2246],[104.3262,25.708],[104.6777,26.4111],[104.4141,26.6748],[103.8867,26.543],[103.7109,26.7627],[103.7109,26.9824],[103.623,27.0264],[103.8867,27.4219],[104.1504,27.2461],[104.4141,27.4658],[104.5898,27.334],[105.2051,27.3779],[105.293,27.7295],[105.2051,27.9932],[105.0293,28.0811],[104.8535,27.9053],[104.4141,27.9492],[104.3262,28.0371],[104.4141,28.125],[104.4141,28.2568],[104.2383,28.4326],[104.4141,28.6084],[103.8867,28.6523],[103.7988,28.3008],[103.4473,28.125],[103.4473,27.7734],[102.9199,27.29],[103.0078,26.3672],[102.6563,26.1914],[102.5684,26.3672],[102.1289,26.1035],[101.8652,26.0596],[101.6016,26.2354],[101.6895,26.3672],[101.4258,26.5869],[101.4258,26.8066],[101.4258,26.7188],[101.1621,27.0264],[101.1621,27.1582],[100.7227,27.8613],[100.3711,27.8174],[100.2832,27.7295],[100.0195,28.125],[100.1953,28.3447],[99.668,28.8281],[99.4043,28.5205],[99.4043,28.1689],[99.2285,28.3008],[99.1406,29.2676],[98.9648,29.1357],[98.9648,28.8281],[98.7891,28.8721],[98.7891,29.0039],[98.7012,28.916],[98.6133,28.5205],[98.7891,28.3447],[98.7012,28.2129],[98.3496,28.125],[98.2617,28.3887],[98.1738,28.125]]]},"bbox":[97.5586,21.1377,106.1719,29.2676]},{"type":"Feature","id":475,"properties":{"name":"广西","cp":[108.2813,23.6426],"childNum":14,"adcode":450000},"geometry":{"type":"Polygon","coordinates":[[[104.502,24.7412],[104.6777,24.3457],[104.7656,24.4775],[105.0293,24.4336],[105.2051,24.082],[105.4688,24.0381],[105.5566,24.126],[105.9961,24.126],[106.1719,23.8184],[106.1719,23.5547],[105.6445,23.4229],[105.5566,23.2031],[105.5566,23.0713],[105.9082,22.9395],[106.6992,22.8955],[106.7871,22.7637],[106.6113,22.4121],[106.6992,22.0166],[107.0508,21.9287],[107.0508,21.7969],[107.4023,21.6211],[107.8418,21.6211],[108.2813,21.4893],[108.6328,21.665],[108.7207,21.5332],[109.0723,21.5332],[109.0723,20.9619],[109.248,20.874],[109.1602,21.3574],[109.5996,21.4453],[109.7754,21.4014],[109.7754,21.6211],[109.8633,21.665],[109.9512,21.8408],[110.3027,21.8848],[110.3027,22.1484],[110.6543,22.1484],[110.7422,22.2803],[110.7422,22.5439],[111.2695,22.8076],[111.4453,23.0273],[111.3574,23.4668],[111.6211,23.6865],[111.6211,23.8184],[111.7969,23.8184],[111.8848,23.9941],[111.8848,24.2139],[112.0605,24.3457],[111.8848,24.6533],[112.0605,24.7412],[111.709,24.7852],[111.5332,24.6533],[111.3574,25.1367],[111.0938,24.9609],[111.0059,25.0049],[111.4453,25.8398],[111.2695,25.8838],[111.2695,26.2354],[111.1816,26.3232],[110.5664,26.3232],[110.2148,25.9717],[109.9512,26.1914],[109.7754,25.8838],[109.5117,26.0156],[109.3359,25.708],[108.9844,25.752],[109.0723,25.5322],[108.6328,25.5762],[108.6328,25.3125],[108.3691,25.5322],[108.1934,25.4443],[108.1055,25.2246],[107.8418,25.1367],[107.7539,25.2246],[107.4902,25.2246],[107.2266,25.6201],[106.9629,25.4883],[107.0508,25.2686],[106.875,25.1807],[106.1719,24.9609],[106.1719,24.7852],[105.9961,24.6533],[105.2051,24.9609],[104.6777,24.6094],[104.502,24.7412]]]},"bbox":[104.502,20.874,112.0605,26.3232]},{"type":"Feature","id":7489,"properties":{"name":"湖南","cp":[111.5332,27.3779],"childNum":14,"adcode":430000},"geometry":{"type":"Polygon","coordinates":[[[109.248,28.4766],[109.3359,28.2568],[109.3359,27.9053],[109.4238,27.5977],[108.8086,27.1143],[108.8965,27.0264],[109.3359,27.1582],[109.5117,27.0264],[109.5117,26.8066],[109.3359,26.7188],[109.4238,26.5869],[109.248,26.3232],[109.4238,26.2793],[109.5117,26.0156],[109.7754,25.8838],[109.9512,26.1914],[110.2148,25.9717],[110.5664,26.3232],[111.1816,26.3232],[111.2695,26.2354],[111.2695,25.8838],[111.4453,25.8398],[111.0059,25.0049],[111.0938,24.9609],[111.3574,25.1367],[111.5332,24.6533],[111.709,24.7852],[112.0605,24.7412],[112.1484,24.873],[112.2363,25.1807],[112.5879,25.1367],[112.8516,24.917],[113.0273,24.9609],[113.0273,25.2246],[112.8516,25.3564],[113.2031,25.5322],[113.6426,25.3125],[113.9063,25.4443],[113.9941,26.0596],[114.2578,26.1475],[113.9941,26.1914],[114.082,26.5869],[113.9063,26.6309],[113.9063,26.9385],[113.7305,27.1143],[113.8184,27.29],[113.6426,27.3779],[113.6426,27.5977],[113.7305,27.9492],[114.2578,28.3447],[114.082,28.5645],[114.1699,28.8281],[113.9063,29.0479],[113.7305,29.0918],[113.6426,29.3115],[113.7305,29.5752],[113.5547,29.707],[113.5547,29.8389],[113.0273,29.4434],[112.9395,29.4873],[113.0273,29.751],[112.9395,29.7949],[112.6758,29.5752],[112.5,29.6191],[112.2363,29.5313],[111.7969,29.9268],[110.8301,30.1465],[110.4785,30.0146],[110.6543,29.751],[110.4785,29.6631],[109.7754,29.751],[109.6875,29.6191],[109.5117,29.6191],[109.248,29.1357],[109.248,28.4766]]]},"bbox":[108.8086,24.6533,114.2578,30.1465]},{"type":"Feature","id":8954,"properties":{"name":"陕西","cp":[109.5996,35.6396],"childNum":10,"adcode":610000},"geometry":{"type":"Polygon","coordinates":[[[105.4688,32.915],[105.5566,32.7393],[106.084,32.8711],[106.084,32.7393],[106.3477,32.6514],[107.0508,32.6953],[107.1387,32.4756],[107.2266,32.4316],[107.4023,32.5195],[108.0176,32.168],[108.2813,32.2559],[108.5449,32.2119],[109.0723,31.9482],[109.248,31.7285],[109.5996,31.7285],[109.5117,32.4316],[109.6875,32.6074],[110.127,32.6074],[110.127,32.7393],[109.7754,32.915],[109.7754,33.0469],[109.4238,33.1348],[109.5996,33.2666],[110.3027,33.1787],[110.5664,33.2666],[110.7422,33.1348],[111.0059,33.2666],[111.0059,33.5303],[110.6543,33.8379],[110.6543,34.1455],[110.4785,34.2334],[110.3906,34.585],[110.2148,34.6729],[110.2148,34.8926],[110.5664,35.6396],[110.4785,36.123],[110.3906,37.002],[110.8301,37.6611],[110.4785,37.9688],[110.4785,38.1885],[110.8301,38.4961],[110.918,38.7158],[111.1816,39.2432],[111.0938,39.375],[111.0938,39.5947],[110.6543,39.2871],[110.127,39.4629],[110.2148,39.2871],[109.8633,39.2432],[109.9512,39.1553],[108.9844,38.3203],[109.0723,38.0127],[108.8965,37.9688],[108.8086,38.0127],[108.7207,37.7051],[108.1934,37.6172],[107.666,37.8809],[107.3145,37.6172],[107.3145,37.0898],[107.3145,36.9141],[108.7207,36.3428],[108.6328,35.9912],[108.5449,35.8594],[108.6328,35.5518],[108.5449,35.2881],[107.7539,35.2881],[107.7539,35.1123],[107.8418,35.0244],[107.666,34.9365],[107.2266,34.8926],[106.9629,35.0684],[106.6113,35.0684],[106.5234,34.7607],[106.3477,34.585],[106.6992,34.3213],[106.5234,34.2773],[106.6113,34.1455],[106.4355,33.9258],[106.5234,33.5303],[105.9961,33.6182],[105.7324,33.3984],[105.9961,33.1787],[105.9082,33.0029],[105.4688,32.915]]]},"bbox":[105.4688,31.7285,111.1816,39.5947]},{"type":"Feature","id":9213,"properties":{"name":"广东","cp":[113.4668,22.8076],"childNum":21,"adcode":440000},"geometry":{"type":"Polygon","coordinates":[[[109.7754,21.4014],[109.7754,21.4014],[109.5996,20.918],[109.8633,20.3027],[109.8633,20.127],[110.0391,20.127],[110.3906,20.127],[110.5664,20.2588],[110.6543,20.2588],[110.4785,20.874],[110.7422,20.918],[110.6543,21.2256],[110.7422,21.3574],[111.2695,21.3574],[111.5332,21.4893],[112.2363,21.5332],[112.4121,21.4453],[112.9395,21.5771],[113.1152,21.8408],[113.5547,22.0166],[113.9941,21.7969],[114.082,21.9287],[114.4336,22.0166],[114.3457,22.1484],[113.8184,22.1924],[113.9941,22.5],[114.3457,22.5439],[114.6094,22.3682],[115.0488,22.6758],[115.5762,22.6318],[115.6641,22.7637],[115.9277,22.7197],[116.543,22.8516],[116.6309,23.1152],[116.8945,23.3789],[117.334,23.2471],[117.1582,23.5547],[116.9824,23.9063],[116.9824,24.1699],[116.7188,24.6533],[116.543,24.6094],[116.3672,24.873],[116.2793,24.7852],[115.9277,24.917],[115.752,24.7852],[115.8398,24.5654],[115.4004,24.7852],[114.4336,24.5215],[114.1699,24.6973],[114.4336,24.9609],[114.6973,25.1367],[114.7852,25.2686],[114.6094,25.4004],[113.9941,25.2686],[113.9063,25.4443],[113.6426,25.3125],[113.2031,25.5322],[112.8516,25.3564],[113.0273,25.2246],[113.0273,24.9609],[112.8516,24.917],[112.5879,25.1367],[112.2363,25.1807],[112.1484,24.873],[112.0605,24.7412],[111.8848,24.6533],[112.0605,24.3457],[111.8848,24.2139],[111.8848,23.9941],[111.7969,23.8184],[111.6211,23.8184],[111.6211,23.6865],[111.3574,23.4668],[111.4453,23.0273],[111.2695,22.8076],[110.7422,22.5439],[110.7422,22.2803],[110.6543,22.1484],[110.3027,22.1484],[110.3027,21.8848],[109.9512,21.8408],[109.8633,21.665],[109.7754,21.6211],[109.7754,21.4014]],[[113.5986,22.1649],[113.6096,22.1265],[113.5547,22.11],[113.5437,22.2034],[113.5767,22.2034],[113.5986,22.1649]]]},"bbox":[109.5996,20.127,117.334,25.5322]},{"type":"Feature","id":2557,"properties":{"name":"吉林","cp":[126.4746,43.5938],"childNum":9,"adcode":220000},"geometry":{"type":"Polygon","coordinates":[[[123.2227,46.2305],[122.7832,46.0107],[122.6953,45.7031],[122.4316,45.8789],[122.2559,45.791],[121.8164,46.0107],[121.7285,45.7471],[121.9043,45.7031],[122.2559,45.2637],[122.0801,44.8682],[122.3438,44.2529],[123.1348,44.4727],[123.4863,43.7256],[123.3105,43.5059],[123.6621,43.374],[123.8379,43.4619],[124.2773,43.2422],[124.4531,42.8467],[124.7168,43.0664],[124.8926,43.0664],[124.8926,42.8027],[125.332,42.1436],[125.4199,42.0996],[125.332,41.9678],[125.332,41.6602],[125.7715,41.2207],[125.5957,40.9131],[125.6836,40.8691],[126.123,40.957],[126.4746,41.3965],[126.6504,41.6602],[126.9141,41.792],[127.1777,41.5723],[127.0898,41.5283],[128.1445,41.3525],[128.3203,41.5723],[128.0566,42.0117],[128.9355,42.0117],[129.375,42.4512],[129.7266,42.4951],[129.9023,43.0225],[130.166,42.9785],[130.2539,42.8906],[130.2539,42.7588],[130.6055,42.4512],[130.6055,42.6709],[130.4297,42.7148],[131.1328,42.9346],[131.3086,43.3301],[131.3086,43.4619],[130.8691,43.418],[130.5176,43.6377],[130.3418,43.9893],[129.9902,43.8574],[129.9023,44.0332],[129.8145,43.9014],[129.2871,43.8135],[129.1992,43.5938],[128.8477,43.5498],[128.4961,44.165],[128.4082,44.4727],[128.0566,44.3408],[128.0566,44.1211],[127.7051,44.1211],[127.5293,44.6045],[127.0898,44.6045],[127.002,44.7803],[127.0898,45],[126.9141,45.1318],[126.5625,45.2637],[126.0352,45.1758],[125.7715,45.3076],[125.6836,45.5273],[125.0684,45.3955],[124.8926,45.5273],[124.3652,45.4395],[124.0137,45.7471],[123.9258,46.2305],[123.2227,46.2305]]]},"bbox":[121.7285,40.8691,131.3086,46.2305]},{"type":"Feature","id":1274,"properties":{"name":"河北","cp":[115.4004,37.9688],"childNum":11,"adcode":130000},"geometry":{"type":"MultiPolygon","coordinates":[[[[114.5215,39.5068],[114.3457,39.0674],[113.9063,39.0234],[113.8184,38.9355],[113.8184,38.8037],[113.5547,38.54],[113.5547,38.2764],[113.8184,38.1445],[113.9941,37.7051],[114.1699,37.6611],[113.7305,37.1338],[113.7305,36.8701],[113.4668,36.6504],[113.7305,36.3428],[114.873,36.123],[114.9609,36.0791],[115.1367,36.2109],[115.3125,36.0791],[115.4883,36.167],[115.3125,36.5186],[115.752,36.9141],[116.0156,37.3535],[116.2793,37.3535],[116.2793,37.5732],[116.4551,37.4854],[116.8066,37.8369],[117.4219,37.8369],[117.9492,38.3203],[117.5977,38.6279],[117.2461,38.54],[116.7188,38.8037],[116.7188,38.9355],[116.8945,39.1113],[116.8066,39.5947],[116.543,39.5947],[116.3672,39.4629],[116.1914,39.5947],[115.752,39.5068],[115.4883,39.6387],[115.4004,39.9463],[115.9277,40.2539],[115.752,40.5615],[116.1035,40.6055],[116.1914,40.7813],[116.4551,40.7813],[116.3672,40.9131],[116.6309,41.0449],[116.9824,40.6934],[117.4219,40.6494],[117.2461,40.5176],[117.4219,40.21],[117.6855,40.0781],[117.6855,39.9902],[117.5098,39.9902],[117.5098,39.7705],[117.6855,39.5947],[117.9492,39.5947],[117.8613,39.4189],[118.0371,39.2432],[118.0371,39.1992],[118.125,39.0234],[118.4766,38.9355],[118.916,39.0674],[119.4434,39.4189],[119.5313,39.6826],[119.8828,39.9463],[119.707,40.1221],[119.5313,40.5615],[119.2676,40.5176],[118.8281,40.8252],[119.2676,41.3086],[118.3887,41.3086],[118.125,41.748],[118.3008,41.792],[118.3008,42.0996],[118.125,42.0557],[117.9492,42.2314],[118.0371,42.4072],[117.7734,42.627],[117.5098,42.583],[117.334,42.4512],[116.8945,42.4072],[116.8066,42.0117],[116.2793,42.0117],[116.0156,41.792],[115.9277,41.9238],[115.2246,41.5723],[114.9609,41.6162],[114.873,42.0996],[114.5215,42.1436],[114.1699,41.792],[114.2578,41.5723],[113.9063,41.4404],[113.9941,41.2207],[113.9063,41.1328],[114.082,40.7373],[114.2578,40.6055],[114.3457,40.3857],[114.5215,40.3418],[113.9941,39.9902],[114.3457,39.8584],[114.5215,39.5068]]],[[[117.2461,40.0781],[116.8066,39.9902],[116.8945,39.8145],[116.8945,39.6826],[117.1582,39.6387],[117.1582,39.8145],[117.2461,40.0781]]]]},"bbox":[113.4668,36.0791,119.8828,42.627]},{"type":"Feature","id":1538,"properties":{"name":"湖北","cp":[112.2363,31.1572],"childNum":17,"adcode":420000},"geometry":{"type":"Polygon","coordinates":[[[110.2148,31.1572],[110.0391,30.8057],[109.8633,30.8936],[109.4238,30.542],[109.248,30.6299],[109.1602,30.542],[109.0723,30.6299],[108.8086,30.498],[108.6328,30.5859],[108.457,30.4102],[108.5449,30.2344],[108.457,29.7949],[108.6328,29.8389],[108.9844,29.3115],[109.0723,29.3555],[109.248,29.1357],[109.5117,29.6191],[109.6875,29.6191],[109.7754,29.751],[110.4785,29.6631],[110.6543,29.751],[110.4785,30.0146],[110.8301,30.1465],[111.7969,29.9268],[112.2363,29.5313],[112.5,29.6191],[112.6758,29.5752],[112.9395,29.7949],[113.0273,29.751],[112.9395,29.4873],[113.0273,29.4434],[113.5547,29.8389],[113.5547,29.707],[113.7305,29.5752],[113.6426,29.3115],[113.7305,29.0918],[113.9063,29.0479],[114.2578,29.3555],[114.873,29.3994],[115.4883,29.7949],[115.9277,29.707],[116.1035,29.8389],[116.1035,30.1904],[115.752,30.6738],[116.0156,31.0254],[115.5762,31.2012],[115.4004,31.4209],[115.2246,31.4209],[115.1367,31.5967],[114.7852,31.4648],[114.6094,31.5527],[114.5215,31.7725],[114.1699,31.8604],[113.9941,31.7725],[113.8184,31.8604],[113.7305,32.4316],[113.4668,32.2998],[113.2031,32.4316],[112.3242,32.3438],[111.5332,32.6074],[111.0059,33.2666],[110.7422,33.1348],[110.5664,33.2666],[110.3027,33.1787],[109.5996,33.2666],[109.4238,33.1348],[109.7754,33.0469],[109.7754,32.915],[110.127,32.7393],[110.127,32.6074],[109.6875,32.6074],[109.5117,32.4316],[109.5996,31.7285],[109.7754,31.6846],[109.6875,31.5527],[110.127,31.377],[110.2148,31.1572]]]},"bbox":[108.457,29.0479,116.1035,33.2666]},{"type":"Feature","id":154,"properties":{"name":"贵州","cp":[106.6113,26.9385],"childNum":9,"adcode":520000},"geometry":{"type":"Polygon","coordinates":[[[104.1504,27.2461],[103.8867,27.4219],[103.623,27.0264],[103.7109,26.9824],[103.7109,26.7627],[103.8867,26.543],[104.4141,26.6748],[104.6777,26.4111],[104.3262,25.708],[104.8535,25.2246],[104.5898,25.0488],[104.6777,24.9609],[104.502,24.7412],[104.6777,24.6094],[105.2051,24.9609],[105.9961,24.6533],[106.1719,24.7852],[106.1719,24.9609],[106.875,25.1807],[107.0508,25.2686],[106.9629,25.4883],[107.2266,25.6201],[107.4902,25.2246],[107.7539,25.2246],[107.8418,25.1367],[108.1055,25.2246],[108.1934,25.4443],[108.3691,25.5322],[108.6328,25.3125],[108.6328,25.5762],[109.0723,25.5322],[108.9844,25.752],[109.3359,25.708],[109.5117,26.0156],[109.4238,26.2793],[109.248,26.3232],[109.4238,26.5869],[109.3359,26.7188],[109.5117,26.8066],[109.5117,27.0264],[109.3359,27.1582],[108.8965,27.0264],[108.8086,27.1143],[109.4238,27.5977],[109.3359,27.9053],[109.3359,28.2568],[109.248,28.4766],[109.0723,28.2129],[108.7207,28.2129],[108.7207,28.4766],[108.5449,28.3887],[108.5449,28.6523],[108.3691,28.6523],[108.2813,29.0918],[107.8418,29.0039],[107.8418,29.1357],[107.5781,29.2236],[107.4023,29.1797],[107.4023,28.8721],[106.875,28.7842],[106.6992,28.4766],[106.6113,28.5205],[106.6113,28.6523],[106.5234,28.7842],[106.4355,28.7842],[106.5234,28.5645],[106.3477,28.5205],[105.9961,28.7402],[105.6445,28.4326],[105.9082,28.125],[106.1719,28.125],[106.3477,27.8174],[105.6445,27.6416],[105.5566,27.7734],[105.293,27.7295],[105.2051,27.3779],[104.5898,27.334],[104.4141,27.4658],[104.1504,27.2461]]]},"bbox":[103.623,24.6094,109.5117,29.2236]},{"type":"Feature","id":9713,"properties":{"name":"山东","cp":[118.7402,36.4307],"childNum":17,"adcode":370000},"geometry":{"type":"Polygon","coordinates":[[[115.4883,36.167],[115.3125,35.8154],[116.1035,36.0791],[115.4883,35.7275],[115.2246,35.4199],[115.0488,35.376],[114.7852,35.0684],[115.4004,34.8486],[115.5762,34.585],[116.1914,34.585],[116.3672,34.6289],[116.4551,34.8926],[116.8066,34.9365],[117.2461,34.4531],[117.334,34.585],[117.5977,34.4531],[117.9492,34.6729],[118.125,34.6289],[118.2129,34.4092],[118.3887,34.4092],[118.4766,34.6729],[118.7402,34.7168],[118.916,35.0244],[119.2676,35.1123],[119.3555,35.0244],[119.9707,34.9805],[119.707,35.4639],[120.6738,36.0352],[120.9375,35.8594],[120.7617,36.167],[121.377,36.2549],[121.1133,36.4307],[121.1133,36.6064],[121.7285,36.6943],[121.8164,36.8701],[122.4316,36.7822],[122.6074,36.9141],[122.6953,37.3535],[122.6074,37.4854],[122.2559,37.4854],[122.168,37.6172],[121.9043,37.4854],[121.2012,37.6611],[121.0254,37.8369],[120.9375,38.4521],[120.5859,38.1445],[120.498,37.8369],[119.8828,37.3975],[119.707,37.1338],[119.3555,37.1338],[119.0039,37.3535],[119.0039,37.5293],[119.3555,37.6611],[118.916,38.1445],[118.125,38.1445],[117.9492,38.3203],[117.4219,37.8369],[116.8066,37.8369],[116.4551,37.4854],[116.2793,37.5732],[116.2793,37.3535],[116.0156,37.3535],[115.752,36.9141],[115.3125,36.5186],[115.4883,36.167]]]},"bbox":[114.7852,34.4092,122.6953,38.4521]},{"type":"Feature","id":8151,"properties":{"name":"江西","cp":[116.0156,27.29],"childNum":11,"adcode":360000},"geometry":{"type":"Polygon","coordinates":[[[114.2578,28.3447],[113.7305,27.9492],[113.6426,27.5977],[113.6426,27.3779],[113.8184,27.29],[113.7305,27.1143],[113.9063,26.9385],[113.9063,26.6309],[114.082,26.5869],[113.9941,26.1914],[114.2578,26.1475],[113.9941,26.0596],[113.9063,25.4443],[113.9941,25.2686],[114.6094,25.4004],[114.7852,25.2686],[114.6973,25.1367],[114.4336,24.9609],[114.1699,24.6973],[114.4336,24.5215],[115.4004,24.7852],[115.8398,24.5654],[115.752,24.7852],[115.9277,24.917],[115.8398,25.2246],[116.0156,25.2686],[116.1914,25.8838],[116.4551,26.1035],[116.3672,26.2354],[116.6309,26.4551],[116.543,26.8066],[117.0703,27.1143],[117.1582,27.29],[116.9824,27.6416],[117.5098,27.9932],[117.7734,27.8174],[118.3008,28.0811],[118.4766,28.3008],[118.4766,28.3447],[118.3887,28.7842],[118.0371,29.0479],[118.0371,29.1797],[118.2129,29.3994],[118.0371,29.5752],[117.5098,29.6191],[117.1582,29.9268],[117.0703,29.8389],[117.1582,29.707],[116.7188,29.6191],[116.7188,29.751],[116.8945,29.9268],[116.7188,30.0586],[116.2793,29.7949],[116.1035,29.8389],[115.9277,29.707],[115.4883,29.7949],[114.873,29.3994],[114.2578,29.3555],[113.9063,29.0479],[114.1699,28.8281],[114.082,28.5645],[114.2578,28.3447]]]},"bbox":[113.6426,24.5215,118.4766,30.0586]},{"type":"Feature","id":588,"properties":{"name":"河南","cp":[113.4668,33.8818],"childNum":17,"adcode":410000},"geometry":{"type":"Polygon","coordinates":[[[110.3906,34.585],[110.4785,34.2334],[110.6543,34.1455],[110.6543,33.8379],[111.0059,33.5303],[111.0059,33.2666],[111.5332,32.6074],[112.3242,32.3438],[113.2031,32.4316],[113.4668,32.2998],[113.7305,32.4316],[113.8184,31.8604],[113.9941,31.7725],[114.1699,31.8604],[114.5215,31.7725],[114.6094,31.5527],[114.7852,31.4648],[115.1367,31.5967],[115.2246,31.4209],[115.4004,31.4209],[115.4883,31.6846],[115.9277,31.7725],[115.8398,32.5195],[115.5762,32.4316],[115.2246,32.6074],[115.1367,32.8711],[114.873,33.0029],[114.873,33.1348],[115.3125,33.1787],[115.4004,33.5303],[115.5762,33.6621],[115.5762,33.9258],[115.6641,34.0576],[116.0156,33.9697],[116.1914,33.7061],[116.6309,33.9258],[116.543,34.2773],[116.1914,34.4092],[116.1914,34.585],[115.5762,34.585],[115.4004,34.8486],[114.7852,35.0684],[115.0488,35.376],[115.2246,35.4199],[115.4883,35.7275],[116.1035,36.0791],[115.3125,35.8154],[115.4883,36.167],[115.3125,36.0791],[115.1367,36.2109],[114.9609,36.0791],[114.873,36.123],[113.7305,36.3428],[113.6426,35.6836],[113.1152,35.332],[112.7637,35.2002],[112.0605,35.2881],[112.0605,35.0684],[111.7969,35.0684],[111.5332,34.8486],[111.1816,34.8047],[110.8301,34.6289],[110.3906,34.585]]]},"bbox":[110.3906,31.4209,116.6309,36.3428]},{"type":"Feature","id":4549,"properties":{"name":"辽宁","cp":[122.3438,41.0889],"childNum":14,"adcode":210000},"geometry":{"type":"Polygon","coordinates":[[[119.2676,41.3086],[118.8281,40.8252],[119.2676,40.5176],[119.5313,40.5615],[119.707,40.1221],[119.8828,39.9463],[120.5859,40.21],[121.2012,40.8252],[121.7285,40.8252],[121.9922,40.6934],[122.0801,40.3857],[121.2012,39.5508],[121.377,39.1992],[120.9375,38.9795],[121.1133,38.6719],[121.5527,38.7158],[122.0801,39.0234],[123.1348,39.0234],[123.1348,39.4189],[123.3984,39.6826],[124.1016,39.6826],[124.541,40.21],[125.6836,40.8691],[125.5957,40.9131],[125.7715,41.2207],[125.332,41.6602],[125.332,41.9678],[125.4199,42.0996],[125.332,42.1436],[124.8926,42.8027],[124.8926,43.0664],[124.7168,43.0664],[124.4531,42.8467],[124.2773,43.2422],[123.8379,43.4619],[123.6621,43.374],[123.5742,43.0225],[123.3105,42.9785],[123.1348,42.8027],[122.7832,42.7148],[122.3438,42.8467],[122.3438,42.6709],[121.9922,42.7148],[121.7285,42.4512],[121.4648,42.4951],[120.498,42.0996],[120.1465,41.7041],[119.8828,42.1875],[119.5313,42.3633],[119.3555,42.2754],[119.2676,41.7041],[119.4434,41.6162],[119.2676,41.3086]]]},"bbox":[118.8281,38.6719,125.7715,43.4619]},{"type":"Feature","id":7929,"properties":{"name":"山西","cp":[112.4121,37.6611],"childNum":11,"adcode":140000},"geometry":{"type":"Polygon","coordinates":[[[110.918,38.7158],[110.8301,38.4961],[110.4785,38.1885],[110.4785,37.9688],[110.8301,37.6611],[110.3906,37.002],[110.4785,36.123],[110.5664,35.6396],[110.2148,34.8926],[110.2148,34.6729],[110.3906,34.585],[110.8301,34.6289],[111.1816,34.8047],[111.5332,34.8486],[111.7969,35.0684],[112.0605,35.0684],[112.0605,35.2881],[112.7637,35.2002],[113.1152,35.332],[113.6426,35.6836],[113.7305,36.3428],[113.4668,36.6504],[113.7305,36.8701],[113.7305,37.1338],[114.1699,37.6611],[113.9941,37.7051],[113.8184,38.1445],[113.5547,38.2764],[113.5547,38.54],[113.8184,38.8037],[113.8184,38.9355],[113.9063,39.0234],[114.3457,39.0674],[114.5215,39.5068],[114.3457,39.8584],[113.9941,39.9902],[114.5215,40.3418],[114.3457,40.3857],[114.2578,40.6055],[114.082,40.7373],[114.082,40.5176],[113.8184,40.5176],[113.5547,40.3418],[113.2031,40.3857],[112.7637,40.166],[112.3242,40.2539],[111.9727,39.5947],[111.4453,39.6387],[111.3574,39.4189],[111.0938,39.375],[111.1816,39.2432],[110.918,38.7158]]]},"bbox":[110.2148,34.585,114.5215,40.7373]},{"type":"Feature","id":9917,"properties":{"name":"安徽","cp":[117.2461,32.0361],"childNum":17,"adcode":340000},"geometry":{"type":"Polygon","coordinates":[[[116.6309,33.9258],[116.1914,33.7061],[116.0156,33.9697],[115.6641,34.0576],[115.5762,33.9258],[115.5762,33.6621],[115.4004,33.5303],[115.3125,33.1787],[114.873,33.1348],[114.873,33.0029],[115.1367,32.8711],[115.2246,32.6074],[115.5762,32.4316],[115.8398,32.5195],[115.9277,31.7725],[115.4883,31.6846],[115.4004,31.4209],[115.5762,31.2012],[116.0156,31.0254],[115.752,30.6738],[116.1035,30.1904],[116.1035,29.8389],[116.2793,29.7949],[116.7188,30.0586],[116.8945,29.9268],[116.7188,29.751],[116.7188,29.6191],[117.1582,29.707],[117.0703,29.8389],[117.1582,29.9268],[117.5098,29.6191],[118.0371,29.5752],[118.2129,29.3994],[118.7402,29.707],[118.916,29.9707],[118.916,30.3223],[119.3555,30.4102],[119.2676,30.6299],[119.4434,30.6738],[119.6191,31.0693],[119.6191,31.1133],[119.4434,31.1572],[119.3555,31.2891],[118.8281,31.2451],[118.7402,31.377],[118.916,31.5527],[118.3887,31.9482],[118.4766,32.168],[118.6523,32.2119],[118.5645,32.5635],[119.1797,32.4756],[119.1797,32.8271],[118.916,32.959],[118.7402,32.7393],[118.3008,32.7832],[118.2129,33.2227],[118.0371,33.1348],[117.9492,33.2227],[118.125,33.75],[117.7734,33.7061],[117.5977,34.0137],[117.1582,34.0576],[116.8945,34.4092],[116.3672,34.6289],[116.1914,34.585],[116.1914,34.4092],[116.543,34.2773],[116.6309,33.9258]]]},"bbox":[114.873,29.3994,119.6191,34.6289]},{"type":"Feature","id":7071,"properties":{"name":"福建","cp":[118.3008,25.9277],"childNum":9,"adcode":350000},"geometry":{"type":"Polygon","coordinates":[[[118.4766,28.3008],[118.3008,28.0811],[117.7734,27.8174],[117.5098,27.9932],[116.9824,27.6416],[117.1582,27.29],[117.0703,27.1143],[116.543,26.8066],[116.6309,26.4551],[116.3672,26.2354],[116.4551,26.1035],[116.1914,25.8838],[116.0156,25.2686],[115.8398,25.2246],[115.9277,24.917],[116.2793,24.7852],[116.3672,24.873],[116.543,24.6094],[116.7188,24.6533],[116.9824,24.1699],[116.9824,23.9063],[117.1582,23.5547],[117.5098,23.5986],[117.7734,23.7744],[117.8613,23.9941],[118.2129,24.1699],[118.2129,24.3457],[118.4766,24.4336],[118.4766,24.5215],[118.6523,24.5215],[118.916,24.8291],[119.2676,25.0928],[119.4434,25.0049],[119.5313,25.1367],[119.7949,25.2686],[119.9707,25.4004],[119.7949,25.9277],[119.9707,25.9277],[120.0586,26.1914],[120.4102,26.1475],[120.2344,26.2793],[120.498,26.3672],[120.4102,26.6748],[120.2344,26.7188],[120.2344,26.8506],[120.6738,26.8945],[120.7617,27.0264],[120.4102,27.1582],[120.2344,27.4219],[119.7949,27.29],[119.6191,27.6855],[119.2676,27.4219],[118.916,27.4658],[118.7402,28.0371],[118.8281,28.2568],[118.4766,28.3008]]]},"bbox":[115.8398,23.5547,120.7617,28.3008]},{"type":"Feature","id":9595,"properties":{"name":"浙江","cp":[120.498,29.0918],"childNum":11,"adcode":330000},"geometry":{"type":"Polygon","coordinates":[[[118.2129,29.3994],[118.0371,29.1797],[118.0371,29.0479],[118.3887,28.7842],[118.4766,28.3447],[118.4766,28.3008],[118.8281,28.2568],[118.7402,28.0371],[118.916,27.4658],[119.2676,27.4219],[119.6191,27.6855],[119.7949,27.29],[120.2344,27.4219],[120.4102,27.1582],[120.7617,27.0264],[120.9375,27.0264],[120.6738,27.1582],[120.6738,27.334],[121.1133,27.4219],[121.2891,27.9492],[121.5527,28.0371],[121.4648,28.2129],[121.7285,28.2129],[121.7285,28.3447],[121.9922,28.4326],[121.9922,28.8721],[122.3438,28.8721],[122.168,29.5313],[122.6074,29.9268],[122.6074,30.1025],[122.959,30.1465],[122.8711,30.7178],[122.6953,30.8936],[121.9922,30.8057],[121.2891,30.6738],[120.9375,31.0254],[120.498,30.8057],[119.9707,31.1572],[119.6191,31.1133],[119.6191,31.0693],[119.4434,30.6738],[119.2676,30.6299],[119.3555,30.4102],[118.916,30.3223],[118.916,29.9707],[118.7402,29.707],[118.2129,29.3994]]]},"bbox":[118.0371,27.0264,122.959,31.1572]},{"type":"Feature","id":9715,"properties":{"name":"江苏","cp":[120.0586,32.915],"childNum":13,"adcode":320000},"geometry":{"type":"Polygon","coordinates":[[[116.3672,34.6289],[116.8945,34.4092],[117.1582,34.0576],[117.5977,34.0137],[117.7734,33.7061],[118.125,33.75],[117.9492,33.2227],[118.0371,33.1348],[118.2129,33.2227],[118.3008,32.7832],[118.7402,32.7393],[118.916,32.959],[119.1797,32.8271],[119.1797,32.4756],[118.5645,32.5635],[118.6523,32.2119],[118.4766,32.168],[118.3887,31.9482],[118.916,31.5527],[118.7402,31.377],[118.8281,31.2451],[119.3555,31.2891],[119.4434,31.1572],[119.6191,31.1133],[119.9707,31.1572],[120.498,30.8057],[120.9375,31.0254],[121.2012,31.4648],[121.377,31.5088],[121.1133,31.7285],[121.2012,31.8604],[121.9922,31.5967],[121.9922,31.6846],[121.9043,31.9922],[121.4648,32.168],[121.377,32.4756],[121.0254,32.6514],[120.9375,33.0469],[120.3223,34.3652],[119.707,34.585],[119.3555,34.8486],[119.3555,35.0244],[119.2676,35.1123],[118.916,35.0244],[118.7402,34.7168],[118.4766,34.6729],[118.3887,34.4092],[118.2129,34.4092],[118.125,34.6289],[117.9492,34.6729],[117.5977,34.4531],[117.334,34.585],[117.2461,34.4531],[116.8066,34.9365],[116.4551,34.8926],[116.3672,34.6289]]]},"bbox":[116.3672,30.8057,121.9922,35.1123]},{"type":"Feature","id":2503,"properties":{"name":"重庆","cp":[107.7539,30.1904],"childNum":40,"adcode":500000},"geometry":{"type":"Polygon","coordinates":[[[108.5449,31.6846],[108.1934,31.5088],[107.9297,30.8496],[107.4902,30.8496],[107.4023,30.7617],[107.4902,30.6299],[107.0508,30.0146],[106.7871,30.0146],[106.6113,30.3223],[106.2598,30.1904],[105.8203,30.4541],[105.6445,30.2783],[105.5566,30.1025],[105.7324,29.8828],[105.293,29.5313],[105.4688,29.3115],[105.7324,29.2676],[105.8203,28.96],[106.2598,28.8721],[106.3477,28.5205],[106.5234,28.5645],[106.4355,28.7842],[106.5234,28.7842],[106.6113,28.6523],[106.6113,28.5205],[106.6992,28.4766],[106.875,28.7842],[107.4023,28.8721],[107.4023,29.1797],[107.5781,29.2236],[107.8418,29.1357],[107.8418,29.0039],[108.2813,29.0918],[108.3691,28.6523],[108.5449,28.6523],[108.5449,28.3887],[108.7207,28.4766],[108.7207,28.2129],[109.0723,28.2129],[109.248,28.4766],[109.248,29.1357],[109.0723,29.3555],[108.9844,29.3115],[108.6328,29.8389],[108.457,29.7949],[108.5449,30.2344],[108.457,30.4102],[108.6328,30.5859],[108.8086,30.498],[109.0723,30.6299],[109.1602,30.542],[109.248,30.6299],[109.4238,30.542],[109.8633,30.8936],[110.0391,30.8057],[110.2148,31.1572],[110.127,31.377],[109.6875,31.5527],[109.7754,31.6846],[109.5996,31.7285],[109.248,31.7285],[109.0723,31.9482],[108.5449,32.2119],[108.3691,32.168],[108.2813,31.9043],[108.5449,31.6846]]]},"bbox":[105.293,28.2129,110.2148,32.2119]},{"type":"Feature","id":801,"properties":{"name":"宁夏","cp":[105.9961,37.3096],"childNum":5,"adcode":640000},"geometry":{"type":"Polygon","coordinates":[[[104.3262,37.4414],[104.5898,37.4414],[104.5898,37.2217],[104.8535,37.2217],[105.293,36.8262],[105.2051,36.6943],[105.4688,36.123],[105.293,35.9912],[105.3809,35.7715],[105.7324,35.7275],[105.8203,35.5518],[105.9961,35.4639],[106.084,35.4639],[105.9961,35.4199],[106.084,35.376],[106.2598,35.4199],[106.3477,35.2441],[106.5234,35.332],[106.4355,35.6836],[106.6992,35.6836],[106.9629,35.8154],[106.875,36.123],[106.5234,36.2549],[106.5234,36.4746],[106.4355,36.5625],[106.6113,36.7822],[106.6113,37.0898],[107.3145,37.0898],[107.3145,37.6172],[107.666,37.8809],[107.3145,38.1006],[106.7871,38.1885],[106.5234,38.3203],[106.9629,38.9795],[106.7871,39.375],[106.3477,39.2871],[105.9082,38.7158],[105.8203,37.793],[104.3262,37.4414]]]},"bbox":[104.3262,35.2441,107.666,39.375]},{"type":"Feature","id":6205,"properties":{"name":"海南","cp":[109.9512,19.2041],"childNum":18,"adcode":440000},"geometry":{"type":"Polygon","coordinates":[[[108.6328,19.3799],[108.6328,18.457],[108.9844,18.2813],[109.6875,18.1055],[109.8633,18.3691],[110.0391,18.3691],[110.2148,18.5889],[110.5664,18.6768],[110.6543,19.1602],[111.2695,19.9951],[111.0938,19.9512],[110.6543,20.2588],[110.5664,20.2588],[110.3906,20.127],[110.0391,20.127],[109.5996,20.0391],[109.248,19.9512],[109.0723,19.6436],[108.6328,19.3799]]]},"bbox":[108.6328,18.1055,111.2695,20.2588]},{"type":"Feature","id":5971,"properties":{"name":"台湾","cp":[121.0254,23.5986],"childNum":1,"adcode":710000},"geometry":{"type":"Polygon","coordinates":[[[121.9043,25.0488],[121.5527,25.3125],[121.0254,25.0488],[120.1465,23.6865],[120.0586,23.0713],[120.2344,22.5879],[120.6738,22.3242],[120.7617,21.9287],[120.8496,22.0605],[121.0254,22.6758],[121.377,23.1152],[121.6406,24.0381],[121.9043,24.5654],[121.8164,24.7412],[121.9922,25.0049],[121.9043,25.0488]]]},"bbox":[120.0586,21.9287,121.9922,25.3125]},{"type":"Feature","id":1717,"properties":{"name":"北京","cp":[116.4551,40.2539],"childNum":19,"adcode":110000},"geometry":{"type":"Polygon","coordinates":[[[117.4219,40.21],[117.2461,40.5176],[117.4219,40.6494],[116.9824,40.6934],[116.6309,41.0449],[116.3672,40.9131],[116.4551,40.7813],[116.1914,40.7813],[116.1035,40.6055],[115.752,40.5615],[115.9277,40.2539],[115.4004,39.9463],[115.4883,39.6387],[115.752,39.5068],[116.1914,39.5947],[116.3672,39.4629],[116.543,39.5947],[116.8066,39.5947],[116.8945,39.6826],[116.8945,39.8145],[116.8066,39.9902],[117.2461,40.0781],[117.334,40.1221],[117.4219,40.21]]]},"bbox":[115.4004,39.4629,117.4219,41.0449]},{"type":"Feature","id":534,"properties":{"name":"天津","cp":[117.4219,39.4189],"childNum":18,"adcode":120000},"geometry":{"type":"Polygon","coordinates":[[[116.8066,39.5947],[116.8945,39.1113],[116.7188,38.9355],[116.7188,38.8037],[117.2461,38.54],[117.5977,38.6279],[117.8613,39.1113],[118.0371,39.1992],[118.0371,39.2432],[117.8613,39.4189],[117.9492,39.5947],[117.6855,39.5947],[117.5098,39.7705],[117.5098,39.9902],[117.6855,39.9902],[117.6855,40.0781],[117.4219,40.21],[117.334,40.1221],[117.2461,40.0781],[117.1582,39.8145],[117.1582,39.6387],[116.8945,39.6826],[116.8066,39.5947]]]},"bbox":[116.7188,38.54,118.0371,40.21]},{"type":"Feature","id":6606,"properties":{"name":"上海","cp":[121.4648,31.2891],"childNum":19,"adcode":310000},"geometry":{"type":"Polygon","coordinates":[[[120.9375,31.0254],[121.2891,30.6738],[121.9922,30.8057],[121.9043,31.1572],[121.9922,31.5967],[121.2012,31.8604],[121.1133,31.7285],[121.377,31.5088],[121.2012,31.4648],[120.9375,31.0254]]]},"bbox":[120.9375,30.6738,121.9922,31.8604]},{"type":"Feature","id":7377,"properties":{"name":"香港","cp":[114.2578,22.3242],"childNum":1,"adcode":810000},"geometry":{"type":"Polygon","coordinates":[[[114.6094,22.4121],[114.4336,22.4121],[114.4336,22.5439],[114.3457,22.5439],[114.1699,22.5439],[113.9063,22.4121],[113.8184,22.1924],[113.9063,22.1484],[114.3457,22.1484],[114.5215,22.1484],[114.6094,22.4121]]]},"bbox":[113.8184,22.1484,114.6094,22.5439]},{"type":"Feature","id":7266,"properties":{"name":"澳门","cp":[113.5547,22.1484],"childNum":1,"adcode":820000},"geometry":{"type":"Polygon","coordinates":[[[113.5986,22.1649],[113.5767,22.2034],[113.5437,22.2034],[113.5547,22.11],[113.6096,22.1265],[113.5986,22.1649]]]},"bbox":[113.5437,22.11,113.6096,22.2034]}]}
\ No newline at end of file
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index e19391b..0af17fd 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -14,9 +14,10 @@ const wrapperStyle = {};
 </script>
 
 <template>
-  <scale-screen width="1920" height="1080" :delay="500" :fullScreen="false" :boxStyle="{
+  <scale-screen width="1920" height="1080" :delay="500" :fullScreen="true" :boxStyle="{
     background: '#03050C',
-    overflow: isScale ? 'hidden' : 'auto',
+    // overflow: isScale ? 'hidden' : 'auto',
+    overflow:'hidden'
     
     }" :wrapperStyle="wrapperStyle" :autoScale="isScale">
     <div class="content_wrap">
diff --git a/src/views/header.vue b/src/views/header.vue
index 588e233..bac23e4 100644
--- a/src/views/header.vue
+++ b/src/views/header.vue
@@ -5,10 +5,44 @@ const test = () => {
     console.log("test", res);
   })
 };
-const returnHome = () => {
-  history.go(-1)
-  // window.location.href = 'http://nclg.yx.zheke.com/#/login';
-};
+// const returnHome = () => {
+//   history.go(-1)
+// };
+const yearOptions = ref([{ label: '2024年', value: 2024 }, { label: '2023年', value: 2023 }, { label: '2022年', value: 2022 }, { label: '2021年', value: 2021 }, { label: '2020年', value: 2020 }])
+const monthOptions = ref([
+  { label: '/', value: null },
+  { label: '1月', value: 1 },
+  { label: '2月', value: 2 },
+  { label: '3月', value: 3 },
+  { label: '4月', value: 4 },
+  { label: '5月', value: 5 },
+  { label: '6月', value: 6 },
+  { label: '7月', value: 7 },
+  { label: '8月', value: 8 },
+  { label: '9月', value: 9 },
+  { label: '10月', value: 10 },
+  { label: '11月', value: 11 },
+  { label: '12月', value: 12 },
+])
+// 获取选择的年
+const getYear = (val: any) => {
+  console.log(val)
+}
+// 获取选择的月
+const getMonth = (val: any) => {
+  console.log(val)
+}
+const selectYear = ref(null)
+const selectMonth = ref(null)
+const clearSelect = () => {
+  if (selectYear.value) {
+    selectYear.value.clearOption()
+  }
+  if (selectMonth.value) {
+    selectMonth.value.clearOption()
+
+  }
+}
 </script>
 
 <template>
@@ -16,7 +50,7 @@ const returnHome = () => {
     <div class="top-left">
       <div class="title">
         <span class="title-text" @click="test()">新生报道情况</span>
-        <span style="color: yellow;" @click="returnHome()">返回</span>
+        <!-- <span style="color: yellow;" @click="returnHome()">返回</span> -->
       </div>
       <div class="en-title">
         <div class="en-line"></div>
@@ -25,8 +59,14 @@ const returnHome = () => {
     </div>
 
     <div class="change-time">
-      <div class="change-year">切换年份</div>
-      <div class="change-year">切换月份</div>
+      <div class="change-year">
+        <Dropdown :options="yearOptions" title="切换年份" @getOption="getYear" ref="selectYear"></Dropdown>
+      </div>
+
+      <div class="change-year">
+        <Dropdown :options="monthOptions" title="切换月份" @getOption="getMonth" ref="selectMonth"></Dropdown>
+      </div>
+      <div class="change-year" @click="clearSelect">选择今日</div>
     </div>
   </div>
 </template>
@@ -42,9 +82,10 @@ const returnHome = () => {
   margin-bottom: 4px;
 }
 
-.top-left{
+.top-left {
   display: flex;
 }
+
 .title {
   // position: relative;
   width: 300px;
@@ -52,6 +93,7 @@ const returnHome = () => {
   // color: transparent;
   height: 60px;
   line-height: 46px;
+
   .title-text {
     font-family: 'YouSheBiaoTiHei';
     font-size: 38px;
@@ -73,7 +115,8 @@ const returnHome = () => {
   // line-height: 40px;
   padding-top: 10px;
   text-align: center;
-  .en-line{
+
+  .en-line {
     width: 80%;
     height: 2px;
     background-color: #ADC0DE;
@@ -84,12 +127,12 @@ const returnHome = () => {
 .change-time {
   // position: relative;
   // float: right;
-  width: 300px;
+  width: 400px;
   height: 60px;
   display: flex;
   justify-content: space-between;
   font-family: 'YouSheBiaoTiHei';
-  font-size: 18px;
+  font-size: 16px;
 
 
   .change-year {
diff --git a/src/views/index/center-bottom.vue b/src/views/index/center-bottom.vue
deleted file mode 100644
index 6ded596..0000000
--- a/src/views/index/center-bottom.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<script setup lang="ts">
-import { ref, reactive, onMounted, nextTick } from "vue";
-import { installationPlan } from "@/api";
-import { graphic } from "echarts/core";
-import { ElMessage } from "element-plus";
-
-const option = ref({});
-const getData = () => {
-  return 
-  installationPlan()
-    .then((res) => {
-      console.log("中下--安装计划", res);
-      if (res.success) {
-        setOption(res.data);
-      } else {
-        ElMessage({
-          message: res.msg,
-          type: "warning",
-        });
-      }
-    })
-    .catch((err) => {
-      ElMessage.error(err);
-    });
-};
-const setOption = async (newData: any) => {
-  option.value = {
-    tooltip: {
-      trigger: "axis",
-      backgroundColor: "rgba(0,0,0,.6)",
-      borderColor: "rgba(147, 235, 248, .8)",
-      textStyle: {
-        color: "#FFF",
-      },
-      formatter: function (params: any) {
-        // 添加单位
-        var result = params[0].name + "<br>";
-        params.forEach(function (item: any) {
-          if (item.value) {
-            if (item.seriesName == "安装率") {
-              result += item.marker + " " + item.seriesName + " : " + item.value + "%</br>";
-            } else {
-              result += item.marker + " " + item.seriesName + " : " + item.value + "个</br>";
-            }
-          } else {
-            result += item.marker + " " + item.seriesName + " :  - </br>";
-          }
-        });
-        return result;
-      },
-    },
-    legend: {
-      data: ["已安装", "计划安装", "安装率"],
-      textStyle: {
-        color: "#B4B4B4",
-      },
-      top: "0",
-    },
-    grid: {
-      left: "50px",
-      right: "40px",
-      bottom: "30px",
-      top: "20px",
-    },
-    xAxis: {
-      data: newData.category,
-      axisLine: {
-        lineStyle: {
-          color: "#B4B4B4",
-        },
-      },
-      axisTick: {
-        show: false,
-      },
-    },
-    yAxis: [
-      {
-        splitLine: { show: false },
-        axisLine: {
-          lineStyle: {
-            color: "#B4B4B4",
-          },
-        },
-
-        axisLabel: {
-          formatter: "{value}",
-        },
-      },
-      {
-        splitLine: { show: false },
-        axisLine: {
-          lineStyle: {
-            color: "#B4B4B4",
-          },
-        },
-        axisLabel: {
-          formatter: "{value}% ",
-        },
-      },
-    ],
-    series: [
-      {
-        name: "已安装",
-        type: "bar",
-        barWidth: 10,
-        itemStyle: {
-          borderRadius: 5,
-          color: new graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: "#956FD4" },
-            { offset: 1, color: "#3EACE5" },
-          ]),
-        },
-        data: newData.barData,
-      },
-      {
-        name: "计划安装",
-        type: "bar",
-        barGap: "-100%",
-        barWidth: 10,
-        itemStyle: {
-          borderRadius: 5,
-          color: new graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: "rgba(156,107,211,0.8)" },
-            { offset: 0.2, color: "rgba(156,107,211,0.5)" },
-            { offset: 1, color: "rgba(156,107,211,0.2)" },
-          ]),
-        },
-        z: -12,
-        data: newData.lineData,
-      },
-      {
-        name: "安装率",
-        type: "line",
-        smooth: true,
-        showAllSymbol: true,
-        symbol: "emptyCircle",
-        symbolSize: 8,
-        yAxisIndex: 1,
-        itemStyle: {
-          color: "#F02FC2",
-        },
-        data: newData.rateData,
-      },
-    ],
-  };
-};
-onMounted(() => {
-  getData();
-});
-</script>
-
-<template>
-  <v-chart class="chart" :option="option" v-if="JSON.stringify(option) != '{}'" />
-</template>
-
-<style scoped lang="scss"></style>
diff --git a/src/views/index/center-map.vue b/src/views/index/center-map.vue
index 86a6d1b..a88c907 100644
--- a/src/views/index/center-map.vue
+++ b/src/views/index/center-map.vue
@@ -1,124 +1,210 @@
-<script setup lang="ts">
-import { ref, reactive, nextTick } from "vue";
-import { centerMap, GETNOBASE } from "@/api";
-import { registerMap, getMap } from "echarts/core";
-import { optionHandle, regionCodes } from "./center.map";
-import { ElMessage } from "element-plus";
-
-import type { MapdataType } from "./center.map";
-
-const option = ref({});
-const code = ref("china"); //china 代表中国 其他地市是行政编码
-
-withDefaults(
-  defineProps<{
-    // 结束数值
-    title: number | string;
-  }>(),
-  {
-    title: "地图",
-  }
-);
-
-const dataSetHandle = async (regionCode: string, list: object[]) => {
-  const geojson: any = await getGeojson(regionCode);
-  let cityCenter: any = {};
-  let mapData: MapdataType[] = [];
-  //获取当前地图每块行政区中心点
-  geojson.features.forEach((element: any) => {
-    cityCenter[element.properties.name] = element.properties.centroid || element.properties.center;
-  });
-  //当前中心点如果有此条数据中心点则赋值x，y当然这个x,y也可以后端返回进行大点，前端省去多行代码
-  list.forEach((item: any) => {
-    if (cityCenter[item.name]) {
-      mapData.push({
-        name: item.name,
-        value: cityCenter[item.name].concat(item.value),
-      });
-    }
-  });
-  await nextTick();
-
-  option.value = optionHandle(regionCode, list, mapData);
-};
-
-const getData = async (regionCode: string) => {
-  return
-  centerMap({ regionCode: regionCode })
-    .then((res) => {
-      console.log("中上--设备分布", res);
-      if (res.success) {
-        dataSetHandle(res.data.regionCode, res.data.dataList);
-      } else {
-        ElMessage.error(res.msg);
-      }
-    })
-    .catch((err) => {
-      ElMessage.error(err);
-    });
-};
-const getGeojson = (regionCode: string) => {
-  return new Promise<boolean>(async (resolve) => {
-    let mapjson = getMap(regionCode);
-    if (mapjson) {
-      mapjson = mapjson.geoJSON;
-      resolve(mapjson);
-    } else {
-      mapjson = await GETNOBASE(`./map-geojson/${regionCode}.json`).then((data) => data);
-      code.value = regionCode;
-      registerMap(regionCode, {
-        geoJSON: mapjson as any,
-        specialAreas: {},
-      });
-      resolve(mapjson);
-    }
-  });
-};
-getData(code.value);
-
-const mapClick = (params: any) => {
-  // console.log(params);
-  let xzqData = regionCodes[params.name];
-  if (xzqData) {
-    getData(xzqData.adcode);
-  } else {
-    window["$message"].warning("暂无下级地市");
-  }
-};
-</script>
-
 <template>
-  <div class="mapwrap">
-    <div class="quanguo" @click="getData('china')" v-if="code !== 'china'">中国</div>
-    <v-chart class="chart" :option="option" ref="centerMapRef" @click="mapClick"
-      v-if="JSON.stringify(option) != '{}'" />
+  <div>
+    <div id="mapChart" style="width: 100%; height: 100%;display: flex;justify-content: center;"></div>
   </div>
 </template>
 
-<style scoped lang="scss">
-.mapwrap {
-  height: 780px;
-  width: 100%;
-  // padding: 0 0 10px 0;
-  box-sizing: border-box;
-  position: relative;
-  border: 1px solid #f00;
+<script setup>
+import chinaJson from "@/utils/china.json";
+import * as echarts from 'echarts';
+const myChart = ref()
+const getMapChart = (data) => {
+  // data.forEach((item) => {
+  //   item.value = item.num1 + item.num2 + item.num3
+  // })
+  myChart.value = echarts.init(document.getElementById("mapChart"));
+  // 注册默认全国地图的json，小写的china
+  echarts.registerMap("china", chinaJson);
+  let option = {
+    myChart: null,
+    mapName: "china",
+    tooltip: {
+      trigger: "item",
+      borderWidth: 0, //去掉白色边框
+      backgroundColor: 'rgba(0, 0, 0, .5)', //tooltip背景色
+      borderColor: '#2BEDF6', //tooltip边框颜色
+      borderWidth: 0, //去掉白色边框
+      // formatter: function (params) { // 格式化函数，用于自定义 tooltip 的内容
+      //   var html = '<div style="width:120px;background:rgba(0, 0, 0, .5); font-size: 14px; padding-bottom: 3px;">';
+      //   html += '<span style="display:block;width:100%;text-align:center;padding:5px 0; color: #ffffff;border-bottom:1px solid #fff;font-weight:bold">' + (params.name) + '</span>'; // 显示名称
+      //   html += '<span style="margin:3px 0 0 0;padding:0;display:block;width:100%;padding-left:14px;color: #fff;font-size: 12px;">' + '统招本科：' + (params.data.num3 || 0) + '</span>'; // 显示人数
+      //   html += '<span style="margin:0;padding:0;display:block;width:100%;padding-left:14px;color: #fff;font-size: 12px;">' + '统招专科：' + (params.data.num1 || 0) + '</span>'; // 显示人数
+      //   // html += '<span style="margin:0;padding:0;display:block;width:100%;padding-left:14px;color: #fff;font-size: 12px;">'+'统招专升本：' + (params.data.num2 || 0) + '</span>'; // 显示人数
+      //   if (params.data.num2) {
+      //     html += '<span style="margin:0;padding:0;display:block;width:100%;padding-left:14px;color: #fff;font-size: 12px;">' + '统招专升本：' + (params.data.num2 || 0) + '</span>';
+      //   }
+      //   html += '</div>';
+      //   return html;
+      // }
+    },
+    visualMap: {
+      min: 0,
+      max: 100000,
+      left: 26,
+      bottom: 0,
+      showLabel: true,
+      selectedMode: false,
+      textStyle:{
+          color:"#fff"
+        },
+      pieces: [{
+        gte: 200,
+        lte: 10000,
+        label: ">200人",
+        color: "#0145b3",
+        
+      },
+      {
+        gte: 100,
+        lte: 200,
+        label: "100 - 200人",
+        color: "#024fcc"
+      },
+      {
+        gte: 80,
+        lte: 100,
+        label: "80 - 100人",
+        color: "#0263ff"
+      },
+      {
+        gte: 60,
+        lte: 80,
+        label: "60 - 80人",
+        color: "#1b73ff"
+      }, {
+        gte: 40,
+        lt: 60,
+        label: "40 - 60人",
+        color: "#4e92ff"
+      }, {
+        gte: 20,
+        lt: 40,
+        label: "20 - 40人",
+        color: "#81b1ff"
+      }, {
+        gte: 0,
+        lt: 20,
+        label: "0 - 20人",
+        color: "#b3d0ff"
+      }],
+      show: true
+    },
+    geo: {
+      map: "china",
+      zoom: 1.25,
+      roam: false, //放大缩小地图、可拖拽
+      label: {
+        normal: {
+          show: true, //省份名展示
+          fontSize: "12", //省份字体大小
+          color: "#FFFFFF", //省份字体颜色
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            color: "white", //鼠标移入省份字体颜色变化
+            fontSize: "14px", //鼠标移入省份字体大小变化
+          },
+        },
+      },
+      itemStyle: {
+        borderColor: "#aaaaaa", //地图边框颜色
+        // areaColor: "#b4d9f7", //地图背景颜色
+        areaColor: {
+          type: 'linear-gradient',
+          x: 0,
+          y: 1000,
+          x2: 0,
+          y2: 0,
+          colorStops: [
+              {
+                  offset: 0.5,
+                  color: '#0D59C1', // 0% 处的颜色
+              },
+              {
+                  offset: 1,
+                  color: '#b4d9c7', // 100% 处的颜色
+              },
+          ],
+          global: true, // 缺省为 false
+        },
+        borderWidth: 1,
+        emphasis: {
+          show: true,
+          areaColor: "#0063ff", //鼠标放到地图上显示的颜色
+          borderColor: "#6beaf3",
+          shadowOffsetX: 0,
+          shadowOffsetY: 0,
+          shadowBlur: 10,
+          borderWidth: 2,
+          shadowColor: "rgba(0, 0, 0, 0.5)",
+        },
+      },
+      //点击省份后背景颜色改变
+      select: {
+        itemStyle: {
+          // color: "yellow",
+          areaColor: "rgba(0, 0, 0, 0.5)", //点击省份后背景颜色改变
+        },
+      },
+    },
+    series: [
+      {
+        type: "map",
+        map: "中国",
+        mapType: "china",
+        geoIndex: 0, // 解决设置geo后地图重影问题
+        zoom: 1.25,
+        silent: false,
+        selectedMode: false,
+        itemStyle: {
+          areaColor: 'white' // 这里使用了两个颜色值来表示渐变色
+        },
+        // data: data,
 
-  .quanguo {
-    position: absolute;
-    right: 20px;
-    top: -46px;
-    width: 80px;
-    height: 28px;
-    border: 1px solid #00eded;
-    border-radius: 10px;
-    color: #00f7f6;
-    text-align: center;
-    line-height: 26px;
-    letter-spacing: 6px;
-    cursor: pointer;
-    box-shadow: 0 2px 4px rgba(0, 237, 237, 0.5), 0 0 6px rgba(0, 237, 237, 0.4);
-    z-index: 10;
-  }
+        // data:[
+        //   {name: '北京', value1: 10,value:5,value:6},
+        //   {name: '上海', value: 20},
+        //   {name: '广东', value: 30},
+        //   {name: '浙江', value: 40},
+        //   {name: '江苏', value: 50}
+        // ]
+      },
+      {
+        //绘制一个新地图
+        type: 'map',
+        map: 'china',
+        zoom: 1.25,
+        // center: [105.194115019531, 35.582111640625],
+        z: -1,
+        aspectScale: 0.75, //
+        itemStyle: {
+          normal: {
+            areaColor: '#0079bb',
+            borderColor: '#0061f4',
+            borderWidth: '2',
+            shadowColor: '#33434f',
+            shadowOffsetX: 0,
+            shadowOffsetY: 20,
+          },
+        },
+      }
+    ],
+  };
+  option && myChart.value.setOption(option);
 }
-</style>
+
+
+const resize = () => {
+  myChart.value.resize();
+}
+onMounted(() => {
+  getMapChart();
+  window.addEventListener('resize', () => { resize(); getRem(1700, 100) })
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', () => { resize() })
+})
+</script>
+<style></style>
\ No newline at end of file
diff --git a/src/views/index/center-top.vue b/src/views/index/center-top.vue
new file mode 100644
index 0000000..38f55ad
--- /dev/null
+++ b/src/views/index/center-top.vue
@@ -0,0 +1,81 @@
+<script setup lang="ts">
+
+import { ElMessage } from "element-plus";
+
+
+</script>
+
+<template>
+  <div class="center-top">
+    <div class="top-item-img">
+      <div class="top-item-icon">
+        <img src="@/assets/img/zheke/center_top1.png">
+      </div>
+      <div class="top-item">
+        <div class="top-item-title">今日迎新人数</div>
+        <div class="top-item-content">{{ 12404 }}</div>
+      </div>
+
+    </div>
+    <div class="top-item">
+      <div class="top-item-title">今日预报到人数</div>
+      <div class="top-item-content">{{ 12404 }}</div>
+    </div>
+    <div class="top-item">
+      <div class="top-item-title">今日预报到报到率</div>
+      <div class="top-item-content"> 95% </div>
+    </div>
+    <div class="top-item-img">
+      <div class="top-item-icon">
+        <img src="@/assets/img/zheke/center_top2.png">
+      </div>
+      <div class="top-item">
+        <div class="top-item-title">预报到总人数报到率</div>
+        <div class="top-item-content"> 95% </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.center-top {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+
+  .top-item-img {
+    display: flex;
+    flex-direction: row;
+  }
+
+  .top-item {
+    display: flex;
+    flex-direction: column;
+    margin-left: 20px;
+
+    .top-item-title {
+      font-weight: 600;
+      font-size: 16px;
+      color: #FFFFFF;
+      line-height: 32px;
+      text-shadow: 1px 2px 0px rgba(25, 27, 28, 0.22);
+      font-style: italic;
+      // background: #3652AB;
+      background: linear-gradient(180deg,rgba(0,0,0, 0.4) 0%, rgba(76, 127, 220, 0.1) 50%),linear-gradient(90deg,rgba(0,0,0, 0.14) 0%, rgba(76, 127, 220, 0.64) 30%,rgba(0,0,0, 0.14) 100%);
+
+    }
+
+    .top-item-content {
+      font-family: Microsoft YaHei;
+      font-weight: bold;
+      font-size: 26px;
+      color: #FFFFFF;
+      background: linear-gradient(80deg, rgba(112, 162, 253, 0.64) 0%, rgba(255, 255, 255, 0.94) 50%,rgba(182, 198, 229, 0.64) 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  }
+
+
+}
+</style>
diff --git a/src/views/index/center.map.ts b/src/views/index/center.map.ts
deleted file mode 100644
index e5a08bb..0000000
--- a/src/views/index/center.map.ts
+++ /dev/null
@@ -1,399 +0,0 @@
-
-
-//mapData数据结构
-export interface MapdataType {
-    name: string;
-    value: [number, number, number]; //x,y,value  第一个x 第二个y  第三个value
-}
-export const optionHandle = (regionCode: string,
-    list: object[],
-    mapData: MapdataType[]) => {
-    let top = 45;
-    let zoom = ["china"].includes(regionCode) ? 1.05 : 1;
-    return {
-        backgroundColor: "rgba(0,0,0,0)",
-        tooltip: {
-            show: false,
-        },
-        legend: {
-            show: false,
-        },
-        visualMap: {
-            seriesIndex:0,
-            left: 20,
-            bottom: 20,
-            pieces: [
-                { gte: 1000, label: "1000个以上" }, // 不指定 max，表示 max 为无限大（Infinity）。
-                { gte: 600, lte: 999, label: "600-999个" },
-                { gte: 200, lte: 599, label: "200-599个" },
-                { gte: 50, lte: 199, label: "49-199个" },
-                { gte: 10, lte: 49, label: "10-49个" },
-                { lte: 9, label: "1-9个" }, // 不指定 min，表示 min 为无限大（-Infinity）。
-            ],
-            inRange: {
-                // 渐变颜色，从小到大
-                // FFFFFF,EDF7FD,DBF0FA,C9E8F8,B7E1F6,A5D9F3,93D2F1,81CAEF,6FC2EC,5DBBEA,4AB3E8,38ACE5,26A4E3,1C9AD9,1A8DC7,
-                // 1781B5,
-                // 1573A2,136790,105A7E,0E4D6C,0C405A,093348,072636,051A24,020D12
-                color: [
-                    // "#EDF7FD",
-                    "rgba(237,247,253,.8)",
-                    // "#B7E1F6",
-                    "rgba(183,225,246,.9)",
-                    // "#81CAEF",
-                    "rgba(129,202,239,.9)",
-                    // "#38ACE5",
-                    "rgba(56,172,229,.9)",
-                    // "#1781B5",
-                    "rgba(23,129,181,.9)",
-                    // "#105A7E",
-                    "rgba(16,90,126,0.9)"
-                ],
-            },
-            textStyle: {
-                color: "#fff",
-            },
-        },
-        geo: {
-            map: regionCode,
-            roam: false,
-            selectedMode: false, //是否允许选中多个区域
-            zoom: zoom,
-            top: top,
-            // aspectScale: 0.78,
-            show: false,
-        },
-        series: [
-            {
-                name: "MAP",
-                type: "map",
-                map: regionCode,
-                // aspectScale: 0.78,
-                data: list,
-                // data: [1,100],
-                selectedMode: false, //是否允许选中多个区域
-                zoom: zoom,
-                geoIndex: 1,
-                top: top,
-                tooltip: {
-                    show: true,
-                    formatter: function (params: any) {
-                        if (params.data) {
-                            return params.name + "：" + params.data["value"];
-                        } else {
-                            return params.name;
-                        }
-                    },
-                    backgroundColor: "rgba(0,0,0,.6)",
-                    borderColor: "rgba(147, 235, 248, .8)",
-                    textStyle: {
-                        color: "#FFF",
-                    },
-                },
-                label: {
-                    show: false,
-                    color: "#000",
-                    // position: [-10, 0],
-                    formatter: function (val: any) {
-                        // console.log(val)
-                        if (val.data !== undefined) {
-                            return val.name.slice(0, 2);
-                        } else {
-                            return "";
-                        }
-                    },
-                    rich: {},
-                },
-                emphasis: {
-                    label: {
-                        show: false,
-                    },
-                    itemStyle: {
-                        // areaColor: "rgba(56,155,183,.7)",
-                        areaColor:{
-                            type: "radial",
-                            x: 0.5,
-                            y: 0.5,
-                            r: 0.8,
-                            colorStops: [
-                                {
-                                    offset: 0,
-                                    color: "rgba(147, 235, 248, 0)", // 0% 处的颜色
-                                },
-                                {
-                                    offset: 1,
-                                    color: "rgba(56,155,183, .8)", // 100% 处的颜色
-                                },
-                            ],
-                            globalCoord: false, // 缺为 false
-                        },
-                        borderWidth: 1,
-                    },
-                },
-                itemStyle: {
-                    borderColor: "rgba(147, 235, 248, .8)",
-                    borderWidth: 1,
-                    areaColor: {
-                        type: "radial",
-                        x: 0.5,
-                        y: 0.5,
-                        r: 0.8,
-                        colorStops: [
-                            {
-                                offset: 0,
-                                color: "rgba(147, 235, 248, 0)", // 0% 处的颜色
-                            },
-                            {
-                                offset: 1,
-                                color: "rgba(147, 235, 248, .2)", // 100% 处的颜色
-                            },
-                        ],
-                        globalCoord: false, // 缺为 false
-                    },
-                    shadowColor: "rgba(128, 217, 248, .3)",
-                    shadowOffsetX: -2,
-                    shadowOffsetY: 2,
-                    shadowBlur: 10,
-                },
-            },
-            {
-                data: mapData,
-                type: "effectScatter",
-                coordinateSystem: "geo",
-                symbolSize: function (val: any) {
-                    return 4;
-                    // return val[2] / 50;
-                },
-                legendHoverLink: true,
-                showEffectOn: "render",
-                rippleEffect: {
-                    // period: 4,
-                    scale: 6,
-                    color: "rgba(255,255,255, 1)",
-                    brushType: "fill",
-                },
-                tooltip: {
-                    show: true,
-                    formatter: function (params: any) {
-                        if (params.data) {
-                            return params.name + "：" + params.data["value"][2];
-                        } else {
-                            return params.name;
-                        }
-                    },
-                    backgroundColor: "rgba(0,0,0,.6)",
-                    borderColor: "rgba(147, 235, 248, .8)",
-                    textStyle: {
-                        color: "#FFF",
-                    },
-                },
-                label: {
-                    formatter: (param: any) => {
-                        return param.name.slice(0, 2);
-                    },
-
-                    fontSize: 11,
-                    offset: [0, 2],
-                    position: "bottom",
-                    textBorderColor: "#fff",
-                    textShadowColor: "#000",
-                    textShadowBlur: 10,
-                    textBorderWidth: 0,
-                    color: "#FFF",
-                    show: true,
-                },
-                // colorBy: "data",
-                itemStyle: {
-                    color: "rgba(255,255,255,1)",
-                    borderColor: "rgba(2255,255,255,2)",
-                    borderWidth: 4,
-                    shadowColor: "#000",
-                    shadowBlur: 10,
-                },
-            },
-        ],
-        //动画效果
-        // animationDuration: 1000,
-        // animationEasing: 'linear',
-        // animationDurationUpdate: 1000
-    };
-}
-
-
-export const regionCodes: any = {
-    "中国": {
-        "adcode": "100000",
-        "level": "country",
-        "name": "中华人民共和国"
-    },
-    "新疆维吾尔自治区": {
-        "adcode": "650000",
-        "level": "province",
-        "name": "新疆维吾尔自治区"
-    },
-    "湖北省": {
-        "adcode": "420000",
-        "level": "province",
-        "name": "湖北省"
-    },
-    "辽宁省": {
-        "adcode": "210000",
-        "level": "province",
-        "name": "辽宁省"
-    },
-    "广东省": {
-        "adcode": "440000",
-        "level": "province",
-        "name": "广东省"
-    },
-    "内蒙古自治区": {
-        "adcode": "150000",
-        "level": "province",
-        "name": "内蒙古自治区"
-    },
-    "黑龙江省": {
-        "adcode": "230000",
-        "level": "province",
-        "name": "黑龙江省"
-    },
-    "河南省": {
-        "adcode": "410000",
-        "level": "province",
-        "name": "河南省"
-    },
-    "山东省": {
-        "adcode": "370000",
-        "level": "province",
-        "name": "山东省"
-    },
-    "陕西省": {
-        "adcode": "610000",
-        "level": "province",
-        "name": "陕西省"
-    },
-    "贵州省": {
-        "adcode": "520000",
-        "level": "province",
-        "name": "贵州省"
-    },
-    "上海市": {
-        "adcode": "310000",
-        "level": "province",
-        "name": "上海市"
-    },
-    "重庆市": {
-        "adcode": "500000",
-        "level": "province",
-        "name": "重庆市"
-    },
-    "西藏自治区": {
-        "adcode": "540000",
-        "level": "province",
-        "name": "西藏自治区"
-    },
-    "安徽省": {
-        "adcode": "340000",
-        "level": "province",
-        "name": "安徽省"
-    },
-    "福建省": {
-        "adcode": "350000",
-        "level": "province",
-        "name": "福建省"
-    },
-    "湖南省": {
-        "adcode": "430000",
-        "level": "province",
-        "name": "湖南省"
-    },
-    "海南省": {
-        "adcode": "460000",
-        "level": "province",
-        "name": "海南省"
-    },
-    "江苏省": {
-        "adcode": "320000",
-        "level": "province",
-        "name": "江苏省"
-    },
-    "青海省": {
-        "adcode": "630000",
-        "level": "province",
-        "name": "青海省"
-    },
-    "广西壮族自治区": {
-        "adcode": "450000",
-        "level": "province",
-        "name": "广西壮族自治区"
-    },
-    "宁夏回族自治区": {
-        "adcode": "640000",
-        "level": "province",
-        "name": "宁夏回族自治区"
-    },
-    "浙江省": {
-        "adcode": "330000",
-        "level": "province",
-        "name": "浙江省"
-    },
-    "河北省": {
-        "adcode": "130000",
-        "level": "province",
-        "name": "河北省"
-    },
-    "香港特别行政区": {
-        "adcode": "810000",
-        "level": "province",
-        "name": "香港特别行政区"
-    },
-    "台湾省": {
-        "adcode": "710000",
-        "level": "province",
-        "name": "台湾省"
-    },
-    "澳门特别行政区": {
-        "adcode": "820000",
-        "level": "province",
-        "name": "澳门特别行政区"
-    },
-    "甘肃省": {
-        "adcode": "620000",
-        "level": "province",
-        "name": "甘肃省"
-    },
-    "四川省": {
-        "adcode": "510000",
-        "level": "province",
-        "name": "四川省"
-    },
-    "天津市": {
-        "adcode": "120000",
-        "level": "province",
-        "name": "天津市"
-    },
-    "江西省": {
-        "adcode": "360000",
-        "level": "province",
-        "name": "江西省"
-    },
-    "云南省": {
-        "adcode": "530000",
-        "level": "province",
-        "name": "云南省"
-    },
-    "山西省": {
-        "adcode": "140000",
-        "level": "province",
-        "name": "山西省"
-    },
-    "北京市": {
-        "adcode": "110000",
-        "level": "province",
-        "name": "北京市"
-    },
-    "吉林省": {
-        "adcode": "220000",
-        "level": "province",
-        "name": "吉林省"
-    }
-}
\ No newline at end of file
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 29d28ae..d7464a1 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -1,51 +1,59 @@
 <script setup lang="ts">
-import ItemWrap from "@/components/item-wrap";
 import zkItem from "@/components/zk-item";
 import LeftTop from "./left-top.vue";
 import LeftCenter from "./left-center.vue";
 import LeftBottom from "./left-bottom.vue";
 import CenterMap from "./center-map.vue";
-import CenterBottom from "./center-bottom.vue";
+import CenterTop from "./center-top.vue";
 import RightTop from "./right-top.vue";
 import RightCenter from "./right-center.vue";
 import RightBottom from "./right-bottom.vue";
+import RightTopTwo from "./right-top-two.vue";
+import RightBottomTwo from "./right-bottom-two.vue";
+const showRight = ref(true)
+const changeRight = () => {
+  showRight.value = !showRight.value
+};
 </script>
 
 <template>
   <div class="index-box">
     <div class="contetn_left">
-      <zkItem class="contetn_left-top contetn_lr-item" title="迎新进度">
+      <zkItem class="contetn_left-top contetn_lt-item" title="迎新进度">
         <LeftTop />
       </zkItem>
       <zkItem class="contetn_left-center contetn_lr-item" title="">
         <LeftCenter />
       </zkItem>
-      <zkItem
-        class="contetn_left-bottom contetn_lr-item"
-        title=""
-        style="padding: 0 10px 16px 10px"
-      >
+      <zkItem class="contetn_left-bottom contetn_lb-item" title="" >
         <LeftBottom />
       </zkItem>
     </div>
     <div class="contetn_center">
-      <CenterMap class="contetn_center_top" title="全国地图" />
+      <CenterTop class="contetn_center_top" />
+      <CenterMap class="contetn_center_map" title="全国地图" />
     </div>
-    <div class="contetn_right">
-      <zkItem class="contetn_left-bottom contetn_lr-item" title="缴费人数">
+    <div class="contetn_right" v-if="showRight">
+      <div class="change-btn" @click="changeRight"></div>
+      <zkItem class="contetn_left-bottom contetn_rt-one" title="缴费人数">
         <RightTop />
       </zkItem>
-      <zkItem
-        class="contetn_left-bottom contetn_lr-item"
-        title="当日缴费人数"
-        style="padding: 0 10px 16px 10px"
-      >
+      <zkItem class="contetn_left-bottom contetn_rc-item" title="当日缴费人数" style="padding: 0 10px 16px 10px">
         <RightCenter />
       </zkItem>
-      <zkItem class="contetn_left-bottom contetn_lr-item" title="报道人数区域排名 ">
+      <zkItem class="contetn_left-bottom contetn_rb-item" title="报道人数区域排名 ">
         <RightBottom />
       </zkItem>
     </div>
+    <div class="contetn_right" v-else>
+      <div class="change-btn" @click="changeRight"></div>
+      <zkItem class="contetn_left-bottom contetn_rt_two" title="学院报到人数">
+        <RightTopTwo />
+      </zkItem>
+      <zkItem class="contetn_left-bottom contetn_rb-item" title="专业报到人数 ">
+        <RightBottomTwo />
+      </zkItem>
+    </div>
   </div>
 </template>
 
@@ -56,32 +64,75 @@ import RightBottom from "./right-bottom.vue";
   min-height: calc(100% - 64px);
   justify-content: space-between;
 }
+
 //左边 右边 结构一样
 .contetn_left,
 .contetn_right {
   display: flex;
   flex-direction: column;
-  justify-content: space-around;
+  // justify-content: space-around;
   position: relative;
-  width: 540px;
+  width: 470px;
   box-sizing: border-box;
   flex-shrink: 0;
-  border: 2px solid transparent;
-  border-radius: 16px;                        
+  border: 2px solid rgba(107, 163, 247, 0.2);
+  border-radius: 16px;
   background-clip: padding-box, border-box;
   background-origin: padding-box, border-box;
-  background-image: linear-gradient(to bottom, #003, #000), linear-gradient(0deg,rgba(43,74,158,0.18),#5999FC);
+  background-image: linear-gradient(to bottom, rgba(0,0,51,0.1), rgba(0,0,0,0.1)), linear-gradient(0deg, rgba(43, 74, 158, 0.1), rgba(89, 153, 252,0.1));
+  .change-btn{
+    position: absolute;
+    left: -60px;
+    top: calc(50% - 200px);
+    width: 55px;
+    height: 400px;
+    background: url('@/assets/img/zheke/right_change.png');
+    cursor: pointer;
+  }
 }
+
 .contetn_center {
   flex: 1;
   // margin: 0 54px;
   display: flex;
   flex-direction: column;
-  justify-content: space-around;
+  padding-top: 50px;
+  // justify-content: space-around;
+  align-items: center;
+  .contetn_center_top {
+    width: 100%;
+    padding: 0 36px;
+    margin-bottom: 30px;
+  }
+  .contetn_center_map {
+    width: 100%;
+    height: 700px;
+    display: flex;
+    justify-content: center;
+
+  }
 
 }
-
+.contetn_lt-item{
+  height: 300px;
+}
 .contetn_lr-item {
   height: 310px;
 }
+.contetn_lb-item{
+  height: 310px;
+  margin-top: 130px;
+}
+.contetn_rt-one{
+  height: 240px;
+}
+.contetn_rt_two{
+  height: 640px;
+}
+.contetn_rc-item{
+  height: 380px;
+}
+.contetn_rb-item{
+  height: 310px;
+}
 </style>
diff --git a/src/views/index/left-bottom copy.vue b/src/views/index/left-bottom copy.vue
new file mode 100644
index 0000000..65c2b02
--- /dev/null
+++ b/src/views/index/left-bottom copy.vue	
@@ -0,0 +1,176 @@
+<script setup lang="ts">
+import { color } from "echarts";
+import { ElMessage } from "element-plus";
+
+const option = ref({});
+const getData = () => {
+  var dataValArray = 0.63;
+  var datatext = ['17.25', '20', '12', '32', '19'];
+  var datasubtext = ['体育意识', '体育技能', '体育行为', '体育知识', '体质健康'];
+  setOption(datatext, datasubtext, dataValArray)
+};
+const Green = {
+  x: 0,
+  y: 0,
+  x2: 0,
+  y2: 1,
+  colorStops: [{
+    offset: 0,
+    color: '#99da69' // 0% 处的颜色
+  }, {
+    offset: 1,
+    color: '#01babc' // 100% 处的颜色
+  }],
+  globalCoord: false // 缺省为 false
+};
+const setOption = async (datatext: any[], datasubtext: any[], dataValArray: any) => {
+  option.value = {
+    backgroundColor: 'transparent',
+    title: {
+      text: datatext[0] + '%',
+      subtext: datasubtext[0],
+      x: 'center',
+      y: 'center',
+      textStyle: {
+        fontSize: 26,
+        fontWeight: 'normal',
+        color: ['#67828c']
+      },
+      subtextStyle: {
+        color: '#67828c',
+        fontSize: 16,
+        align: 'center',
+      }
+    },
+    series: [{
+      //渐变圆环
+      name: "",
+      type: "pie",
+      radius: ["35%", "50%"],
+      startAngle: 180,
+      hoverAnimation: false,
+      avoidLabelOverlap: true,
+      z: 0,
+      zlevel: 0,
+      label: {
+        show: false,
+        normal: { show: false }
+      },
+      data: [{
+        value: 0,
+        name: "",
+        itemStyle: {
+          normal: {
+            color: Green
+          }
+        }
+      }]
+    },
+    {
+      //仪表盘样式
+      name: "",
+      type: "gauge",
+      radius: "50%",
+      startAngle: 180,
+      clockwise: true,
+      splitNumber: 50,
+      hoverAnimation: true,
+      axisTick: {
+        show: false
+      },
+      splitLine: {
+        length: 20,
+        lineStyle: {
+          width: 1,
+          color: "#fff"
+        }
+      },
+      axisLabel: {
+        show: false
+      },
+      pointer: {
+        show: false
+      },
+      axisLine: {
+        lineStyle: {
+          opacity: 0
+        }
+      },
+      detail: {
+        show: false
+      },
+      data: [{
+        value: Math.round((dataValArray * 100)),
+        name: ""
+      }]
+    },
+    {
+      //进度圆环
+      name: 'Line 1',
+      type: 'pie',
+      startAngle: 180,
+      clockWise: true,
+      radius: ['55%', '56%'],
+      itemStyle: {
+        normal: {
+          label: {
+            show: true
+          },
+          labelLine: {
+            show: false
+          },
+        }
+      },
+      hoverAnimation: false,
+
+      data: [{
+        value: Math.round((dataValArray * 100)),
+        itemStyle: {
+          normal: {
+            color: '#20da97'
+          }
+        }
+      }, {//画中间的图标
+        name: "",
+        value: 0,
+        label: {
+          position: 'inside',
+          // backgroundColor: {
+          //   image: uploadedDataURL
+          // },
+          width: 16,
+          height: 16,
+          borderRadius: 20,
+          padding: 11
+        }
+      }, {
+        value: 100 - Math.round((dataValArray * 100)),
+        name: 'invisible',
+        itemStyle: {
+          normal: {
+            color: 'transparent', //未完成的圆环的颜色
+            label: {
+              show: false
+            },
+            labelLine: {
+              show: false
+            }
+          }
+        }
+      }
+      ]
+    }
+    ]
+  };
+};
+
+onMounted(() => {
+  getData();
+});
+</script>
+
+<template>
+  <v-chart class="chart" :option="option" v-if="JSON.stringify(option) != '{}'" />
+</template>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/index/left-bottom.vue b/src/views/index/left-bottom.vue
index d16e3f9..9252a58 100644
--- a/src/views/index/left-bottom.vue
+++ b/src/views/index/left-bottom.vue
@@ -1,229 +1,81 @@
 <script setup lang="ts">
-import { leftBottom } from "@/api";
-import SeamlessScroll from "@/components/seamless-scroll";
-import { computed, onMounted, reactive } from "vue";
-import { useSettingStore } from "@/stores";
-import { storeToRefs } from "pinia";
-import EmptyCom from "@/components/empty-com";
-import { ElMessage } from "element-plus";
 
-const settingStore = useSettingStore();
-const { defaultOption, indexConfig } = storeToRefs(settingStore);
-const state = reactive<any>({
-  list: [],
-  defaultOption: {
-    ...defaultOption.value,
-    singleHeight: 256,
-    limitScrollNum: 4,
-  },
-  scroll: true,
-});
-
-const getData = () => {
-  return
-  leftBottom( { limitNum: 20 })
-    .then((res) => {
-      console.log("左下--设备提醒", res);
-      if (res.success) {
-        state.list = res.data.list;
-      } else {
-        ElMessage({
-          message: res.msg,
-          type: "warning",
-        });
-      }
-    })
-    .catch((err) => {
-      ElMessage.error(err);
-    });
-};
-const addressHandle = (item: any) => {
-  let name = item.provinceName;
-  if (item.cityName) {
-    name += "/" + item.cityName;
-    if (item.countyName) {
-      name += "/" + item.countyName;
-    }
-  }
-  return name;
-};
-const comName = computed(() => {
-  if (indexConfig.value.leftBottomSwiper) {
-    return SeamlessScroll;
-  } else {
-    return EmptyCom;
-  }
-});
-onMounted(() => {
-  getData();
-});
 </script>
 
 <template>
-  <div class="left_boottom_wrap beautify-scroll-def" :class="{ 'overflow-y-auto': !indexConfig.leftBottomSwiper }">
-    <component
-      :is="comName"
-      :list="state.list"
-      v-model="state.scroll"
-      :singleHeight="state.defaultOption.singleHeight"
-      :step="state.defaultOption.step"
-      :limitScrollNum="state.defaultOption.limitScrollNum"
-      :hover="state.defaultOption.hover"
-      :singleWaitTime="state.defaultOption.singleWaitTime"
-      :wheel="state.defaultOption.wheel"
-    >
-      <ul class="left_boottom">
-        <li class="left_boottom_item" v-for="(item, i) in state.list" :key="i">
-          <span class="orderNum doudong">{{ i + 1 }}</span>
-          <div class="inner_right">
-            <div class="dibu"></div>
-            <div class="flex">
-              <div class="info">
-                <span class="labels">设备ID：</span>
-                <span class="text-content zhuyao doudong wangguan"> {{ item.gatewayno }}</span>
-              </div>
-              <div class="info">
-                <span class="labels">时间：</span>
-                <span class="text-content" style="font-size: 12px"> {{ item.createTime }}</span>
-              </div>
-            </div>
 
-            <span
-              class="types doudong"
-              :class="{
-                typeRed: item.onlineState == 0,
-                typeGreen: item.onlineState == 1,
-              }"
-              >{{ item.onlineState == 1 ? "上线" : "下线" }}</span
-            >
+  <div class="left-bottom">
+    <div class="content">
+      <div class="title">预报到报到率</div>
+      <div class="left-content"></div>
+      <div class="bottom-title">
+        <div class="icons"></div> 
+        <div class="tips">预报到填写总数</div>
+      </div>
+      <div class="bottom-title">
+        <img src="@/assets/img/zheke/fillOut.png" alt="">
+        <div class="tips">预报到填写报到人数</div>
+      </div>
+    </div>
+    <div class="content">
+      <div class="title">预报到填写率</div>
+      <div class="right-content"></div>
+      <div class="bottom-title">
+        <div class="icons"></div>
+        <div class="tips">新生总人数</div>
+      </div>
+      <div class="bottom-title">
+        <img src="@/assets/img/zheke/fillOut.png" alt="">
+        <div class="tips">预报到填写人数</div>
+      </div>
+    </div>
+
 
-            <div class="info addresswrap">
-              <span class="labels">地址：</span>
-              <span class="text-content ciyao" style="font-size: 12px"> {{ addressHandle(item) }}</span>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </component>
   </div>
 </template>
 
 <style scoped lang="scss">
-.left_boottom_wrap {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-}
+.left-bottom {
+  display: flex;
+  justify-content: space-around;
 
-.doudong {
-  overflow: hidden;
-  backface-visibility: hidden;
-}
+  .title {
+    font-family: YouSheBiaoTiHei;
+    font-weight: 400;
+    font-size: 20px;
+    color: #FFFFFF;
+    margin-bottom: 20px;
+  }
 
-.overflow-y-auto {
-  overflow-y: auto;
-}
+  .left-content {
+    width: 105px;
+    height: 105px;
+    background: url("@/assets/img/zheke/lb_left.png");
+    background-size: cover;
+    background-position: center center;
+    margin-bottom: 10px;
+  }
 
-.left_boottom {
-  width: 100%;
-  height: 100%;
+  .right-content {
+    width: 105px;
+    height: 105px;
+    background: url("@/assets/img/zheke/lb_right.png");
+    background-size: cover;
+    background-position: center center;
+    margin-bottom: 10px;
+  }
 
-  .left_boottom_item {
+  .bottom-title {
     display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 8px;
-    font-size: 14px;
-    margin: 10px 0;
-    .orderNum {
-      margin: 0 16px 0 -20px;
-    }
+  }
 
-    .info {
-      margin-right: 10px;
-      display: flex;
-      align-items: center;
-      color: #fff;
-
-      .labels {
-        flex-shrink: 0;
-        font-size: 12px;
-        color: rgba(255, 255, 255, 0.6);
-      }
-
-      .zhuyao {
-        color: $primary-color;
-        font-size: 15px;
-      }
-
-      .ciyao {
-        color: rgba(255, 255, 255, 0.8);
-      }
-
-      .warning {
-        color: #e6a23c;
-        font-size: 15px;
-      }
-    }
-
-    .inner_right {
-      position: relative;
-      height: 100%;
-      width: 380px;
-      flex-shrink: 0;
-      line-height: 1;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      flex-wrap: wrap;
-      .dibu {
-        position: absolute;
-        height: 2px;
-        width: 104%;
-        background-image: url("@/assets/img/zuo_xuxian.png");
-        bottom: -10px;
-        left: -2%;
-        background-size: cover;
-      }
-      .addresswrap {
-        width: 100%;
-        display: flex;
-        margin-top: 8px;
-      }
-    }
-
-    .wangguan {
-      color: #1890ff;
-      font-weight: 900;
-      font-size: 15px;
-      width: 80px;
-      flex-shrink: 0;
-    }
-
-    .time {
-      font-size: 12px;
-      // color: rgba(211, 210, 210,.8);
-      color: #fff;
-    }
-
-    .address {
-      font-size: 12px;
-      cursor: pointer;
-      // @include text-overflow(1);
-    }
-
-    .types {
-      width: 30px;
-      flex-shrink: 0;
-    }
-
-    .typeRed {
-      color: #fc1a1a;
-    }
-
-    .typeGreen {
-      color: #29fc29;
-    }
+  .icons {
+    width: 15px;
+    height: 15px;
+    background: #00214d;
+  }
+  .tips{
+    margin-left: 10px;
   }
 }
 </style>
diff --git a/src/views/index/left-center.vue b/src/views/index/left-center.vue
index b1b69ea..f6ac1cd 100644
--- a/src/views/index/left-center.vue
+++ b/src/views/index/left-center.vue
@@ -1,158 +1,141 @@
 <script setup lang="ts">
-import { ref, reactive } from "vue";
-import { graphic } from "echarts/core";
-import { countUserNum } from "@/api";
-import {ElMessage} from "element-plus"
 
-let colors = ["#0BFC7F", "#A0A0A0", "#F48C02", "#F4023C"];
-const option = ref({});
-const state = reactive({
-  lockNum: 0,
-  offlineNum: 0,
-  onlineNum: 0,
-  alarmNum: 0,
-  totalNum: 0,
-});
-const echartsGraphic = (colors: string[]) => {
-  return new graphic.LinearGradient(1, 0, 0, 0, [
-    { offset: 0, color: colors[0] },
-    { offset: 1, color: colors[1] },
-  ]);
-};
-const getData = () => {
-  return
-  countUserNum().then((res) => {
-    console.log("左中--用户总览",res);
-    if (res.success) {
-      state.lockNum = res.data.lockNum;
-      state.offlineNum = res.data.offlineNum;
-      state.onlineNum = res.data.onlineNum;
-      state.totalNum = res.data.totalNum;
-      state.alarmNum = res.data.alarmNum;
-      setOption();
-    }else{
-      ElMessage.error(res.msg)
-    }
-  }).catch(err=>{
-    ElMessage.error(err)
-  });
-};
-getData();
-const setOption = () => {
-  option.value = {
-    title: {
-      top: "center",
-      left: "center",
-      text: [`{value|${state.totalNum}}`, "{name|总数}"].join("\n"),
-      textStyle: {
-        rich: {
-          value: {
-            color: "#ffffff",
-            fontSize: 24,
-            fontWeight: "bold",
-            lineHeight: 20,
-            padding:[4,0,4,0]
-          },
-          name: {
-            color: "#ffffff",
-            lineHeight: 20,
-          },
-        },
-      },
-    },
-    tooltip: {
-      trigger: "item",
-      backgroundColor: "rgba(0,0,0,.6)",
-      borderColor: "rgba(147, 235, 248, .8)",
-      textStyle: {
-        color: "#FFF",
-      },
-    },
-    series: [
-      {
-        name: "用户总览",
-        type: "pie",
-        radius: ["40%", "70%"],
-        // avoidLabelOverlap: false,
-        itemStyle: {
-          borderRadius: 6,
-          borderColor: "rgba(255,255,255,0)",
-          borderWidth: 2,
-        },
-        color: colors,
-        label: {
-          show: true,
-          formatter: "   {b|{b}}   \n   {c|{c}个}   {per|{d}%}  ",
-          //   position: "outside",
-          rich: {
-            b: {
-              color: "#fff",
-              fontSize: 12,
-              lineHeight: 26,
-            },
-            c: {
-              color: "#31ABE3",
-              fontSize: 14,
-            },
-            per: {
-              color: "#31ABE3",
-              fontSize: 14,
-            },
-          },
-        },
-        emphasis: {
-          show: false,
-        },
-        legend: {
-          show: false,
-        },
-        tooltip: { show: true },
-
-        labelLine: {
-          show: true,
-          length: 20, // 第一段线 长度
-          length2: 36, // 第二段线 长度
-          smooth: 0.2,
-          lineStyle: {},
-        },
-        data: [
-          {
-            value: state.onlineNum,
-            name: "在线",
-            itemStyle: {
-              color: echartsGraphic(["#0BFC7F", "#A3FDE0"]),
-            },
-          },
-          {
-            value: state.offlineNum,
-            name: "离线",
-            itemStyle: {
-              color: echartsGraphic(["#A0A0A0", "#DBDFDD"]),
-            },
-          },
-          {
-            value: state.lockNum,
-            name: "锁定",
-            itemStyle: {
-              color: echartsGraphic(["#F48C02", "#FDDB7D"]),
-            },
-          },
-          {
-            value: state.alarmNum,
-            name: "异常",
-            itemStyle: {
-              color: echartsGraphic(["#F4023C", "#FB6CB7"]),
-            },
-          },
-        ],
-      },
-    ],
-  };
-};
 </script>
 
 <template>
-  <v-chart class="chart" :option="option" />
+  <div class="left-center">
+    <div class="items">
+      <div class="title-bg">
+        <img class="line" src="@/assets/img/zheke/title_line1.png">
+        <img class="icons" src="@/assets/img/zheke/left_center1.png">
+      </div>
+      <div class="content">
+        <div class="content-left">
+          <div class="content-title title-top">统招本科</div>
+          <p class="item-title">统招本科总人数</p>
+          <p class="item-content">12,000</p>
+        </div>
+        <div class="content-right">
+          <div class="right-title title-top item-title">报到率
+            <span class="title-num numBlue">84.5%</span>
+          </div>
+          <p class="item-title">今日报到人数</p>
+          <p class="item-content numBlue">3,000</p>
+        </div>
+      </div>
+    </div>
+    <div class="items">
+      <div class="title-bg">
+        <img class="line" src="@/assets/img/zheke/title_line2.png">
+        <img class="icons" src="@/assets/img/zheke/left_center2.png">
+      </div>
+      <div class="content">
+        <div class="content-left">
+          <div class="content-title title-top tGreen">统招专科</div>
+          <p class="item-title">统招专科总人数</p>
+          <p class="item-content">12,000</p>
+        </div>
+        <div class="content-right">
+          <div class="right-title title-top item-title">报到率
+            <span class="title-num numGreen">84.5%</span>
+          </div>
+          <p class="item-title">今日报到人数</p>
+          <p class="item-content numGreen">3,000</p>
+        </div>
+      </div>
+    </div>
+    <div class="items">
+      <div class="title-bg">
+        <img class="line" src="@/assets/img/zheke/title_line3.png">
+        <img class="icons" src="@/assets/img/zheke/left_center3.png">
+      </div>
+      <div class="content">
+        <div class="content-left">
+          <div class="content-title title-top tGray">统招专升本</div>
+          <p class="item-title">统招专升本总人数</p>
+          <p class="item-content">12,000</p>
+        </div>
+        <div class="content-right">
+          <div class="right-title title-top item-title">报到率
+            <span class="title-num numGrey">84.5%</span>
+          </div>
+          <p class="item-title">今日报到人数</p>
+          <p class="item-content numGrey">3,000</p>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.items {
+  position: relative;
+  display: flex;
+  margin-bottom: 20px;
+
+  .line {
+    position: absolute;
+    top: 0;
+    left: 80px;
+  }
+
+  .content {
+    padding: 10px 0 0 15px;
+    display: flex;
+
+    .content-left {
+      width: 140px;
+      margin-right: 20px;
+    }
+
+    .content-title {
+      font-weight: bold;
+      font-size: 18px;
+      color: #AFCAE1;
+      font-style: italic;
+    }
+
+    .title-top {
+      height: 40px;
+
+      .title-num {
+        font-family: YouSheBiaoTiHei;
+        font-weight: 400;
+        font-size: 24px;
+      }
+    }
+
+    .item-title {
+      font-weight: 400;
+      font-size: 14px;
+      color: #BCD3DF;
+      line-height: 25px;
+      font-style: italic;
+      opacity: 0.89;
+    }
+
+    .item-content {
+      font-family: YouSheBiaoTiHei;
+      font-weight: 400;
+      font-size: 24px;
+      color: #F1F6FB;
+    }
+
+    .numBlue {
+      color: #69cbff;
+    }
+    .numGreen{
+      color: #73eba8;
+    }
+    .numGrey{
+      color: #84baef;
+    }
+    .tGreen{
+     color: #a9d9c7;
+    }
+    .tGray{
+      color: #9499b9;
+    }
+  }
+}
+</style>
diff --git a/src/views/index/left-top.vue b/src/views/index/left-top.vue
index ab112d9..4284c85 100644
--- a/src/views/index/left-top.vue
+++ b/src/views/index/left-top.vue
@@ -5,9 +5,115 @@
 </script>
 
 <template>
-
+    <div class="left-top">
+        <div class="top-item-img">
+            <div class="top-item-icon">
+                <img src="@/assets/img/zheke/left_top1.png">
+            </div>
+            <div class="top-item">
+                <div class="top-item-title">已报到人数</div>
+                <div class="top-item-content">{{ 11024 }}</div>
+            </div>
+        </div>
+        <div class="top-item-img">
+            <div class="top-item-icon">
+                <img src="@/assets/img/zheke/left_top2.png">
+            </div>
+            <div class="top-item">
+                <div class="top-item-title title-red">未报到人数</div>
+                <div class="top-item-content content-red"> {{ 11024 }} </div>
+            </div>
+        </div>
+    </div>
+    <div class="left-bottom">
+        <div class="bottom-item">
+            <div class="bottom-item-title">预报到总人数</div>
+            <div class="bottom-item-content"> {{ 11024 }} </div>
+        </div>
+        <div class="bottom-item">
+            <div class="bottom-item-title">录取总人数</div>
+            <div class="bottom-item-content"> {{ 11024 }} </div>
+        </div>
+        <div class="bottom-item">
+            <div class="bottom-item-title">迎新总进度</div>
+            <div class="bottom-item-content"> 95% </div>
+        </div>
+    </div>
 </template>
 
 <style scoped lang="scss">
+.left-top {
+    width: 100%;
+    display: flex;
+    justify-content: space-around;
 
+    .top-item-img {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .top-item {
+        display: flex;
+        flex-direction: column;
+        padding-top: 10px;
+
+        .top-item-title {
+            font-family: YouSheBiaoTiHei;
+            font-weight: 400;
+            font-size: 24px;
+            color: #FFFFFF;
+            line-height: 28px;
+            text-shadow: 1px 2px 0px rgba(25, 27, 28, 0.22);
+            // background: #3652AB;
+            background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(76, 127, 220, 0.1) 50%), linear-gradient(90deg, rgba(126, 219, 254, 0.14) 0%, rgba(126, 219, 254, 0.9) 10%, rgba(0, 0, 0, 0.14) 100%);
+
+        }
+
+        .top-item-content {
+            font-family: YouSheBiaoTiHei;
+            font-weight: 400;
+            font-size: 36px;
+            color: #FFFFFF;
+            background: linear-gradient(80deg, rgba(112, 162, 253, 0.64) 0%, rgba(182, 198, 229, 0.64) 50%, rgba(255, 255, 255, 0.94) 100%, );
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+
+        .title-red {
+            background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(76, 127, 220, 0.1) 50%), linear-gradient(90deg, rgba(228, 140, 140, 0.14) 0%, rgba(247, 118, 93, 0.9) 10%, rgba(0, 0, 0, 0.14) 100%);
+
+        }
+
+        .content-red {
+            background: linear-gradient(80deg, rgba(255, 131, 106, 0.8) 0%, rgba(230, 152, 152, 0.64) 50%, rgba(255, 255, 255, 0.94) 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+    }
+
+
+}
+
+.left-bottom {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 30px;
+    padding: 0 20px;
+
+    .bottom-item {
+        font-family: Microsoft YaHei;
+        font-weight: bold;
+        font-size: 20px;
+        color: #fbeedb;
+        text-shadow: 0px 2px 6px rgba(27, 24, 19, 0.31);
+        font-style: italic;
+        // background: linear-gradient(0deg, rgba(152,115,58,1) 0%, rgba(205,169,114,1) 41.89453125%, rgba(232,215,190,1) 84.1796875%, rgba(255,236,221,0.27) 100%);
+        // -webkit-background-clip: text;
+        // -webkit-text-fill-color: transparent;
+        .bottom-item-content{
+            margin-top: 10px;
+            font-size: 26px;
+        }
+    }
+}
 </style>
diff --git a/src/views/index/right-bottom-two.vue b/src/views/index/right-bottom-two.vue
new file mode 100644
index 0000000..aca0e76
--- /dev/null
+++ b/src/views/index/right-bottom-two.vue
@@ -0,0 +1,71 @@
+<script setup lang="ts">
+import { color } from "echarts";
+import { ElMessage } from "element-plus";
+
+const option = ref({});
+const getData = () => {
+  let dateList = ['飞行棋制造工程', '航空服务艺术与管理', '空中乘务', '飞行技术', '航空航天工程', "飞行器数字化制造技术"]
+  let numList = [1, 5, 2, 4, 9, 6]
+  setOption(dateList, numList)
+};
+const setOption = async (xData: any[], yData: any[]) => {
+  option.value = {
+    xAxis: {
+      type: "category",
+      data: xData,
+      boundaryGap: true, // 是否留白，从原点开始
+      axisLabel: {
+        color: "#fff",
+        fontWeight: "500",
+      },
+    },
+    yAxis: {
+      show: false,
+    },
+    tooltip: {
+      trigger: "axis",
+      backgroundColor: "rgba(0,0,0,.6)",
+      borderColor: "rgba(147, 235, 248, .8)",
+      textStyle: {
+        color: "#FFF",
+      },
+    },
+    grid: {
+      //布局
+      show: false,
+      left: "10px",
+      right: "30px",
+      bottom: "0px",
+      top: "20px",
+      containLabel: true,
+      // borderColor: "#1F63A3",
+    },
+    series: [
+      {
+        data: yData,
+        type: "bar",
+        smooth: false,
+        name: "当日缴费人数",
+        color: "#2265ff",
+        label: {
+          show: true, // 开启显示  
+          position: 'top', // 在上方显示  
+          color: '#999',
+          fontSize: 12,
+
+        }
+      }
+    ],
+  };
+};
+
+onMounted(() => {
+  getData();
+});
+</script>
+
+<template>
+  <v-chart class="chart" :option="option" v-if="JSON.stringify(option) != '{}'" />
+</template>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/index/right-bottom.vue b/src/views/index/right-bottom.vue
index 2b630a9..95c89e3 100644
--- a/src/views/index/right-bottom.vue
+++ b/src/views/index/right-bottom.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { rightBottom } from "@/api";
 import SeamlessScroll from "@/components/seamless-scroll";
-import { computed, onMounted, reactive } from "vue";
 import { useSettingStore } from "@/stores";
 import { storeToRefs } from "pinia";
 import EmptyCom from "@/components/empty-com";
@@ -13,30 +12,731 @@ const state = reactive<any>({
   list: [],
   defaultOption: {
     ...defaultOption.value,
-    singleHeight: 252,
+    singleHeight: 205, //单步运动停止的高度，与滚动盒子的高度进行适配
     limitScrollNum: 3,
-    // step:3
+    // singleWaitTime:3000, // 停顿间隔
+    step:1 //滚动速度，数字越大，滚动越快
   },
   scroll: true,
 });
 
 const getData = () => {
-  return
-  rightBottom({ limitNum: 20 })
-    .then((res) => {
-      console.log("右下", res);
-      if (res.success) {
-        state.list = res.data.list;
-      } else {
-        ElMessage({
-          message: res.msg,
-          type: "warning",
-        });
-      }
-    })
-    .catch((err) => {
-      ElMessage.error(err);
-    });
+  state.list = [
+    {
+      "provinceName": "北京",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "上海",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "天津",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "重庆",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "河北",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 1
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "山西",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "内蒙古",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "辽宁",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "吉林",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "黑龙江",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "江苏",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "浙江",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "安徽",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "福建",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "江西",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "山东",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 1
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "河南",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 1
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "湖北",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 2
+        }
+      ]
+    },
+    {
+      "provinceName": "湖南",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "广东",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "广西",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "海南",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "四川",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "贵州",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "云南",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "西藏",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "陕西",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "甘肃",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "青海",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "宁夏",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "香港",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "澳门",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "台湾",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    },
+    {
+      "provinceName": "新疆",
+      "progress": 0,
+      "degreesDto": [
+        {
+          "degreesName": "统招专科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招专升本",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        },
+        {
+          "degreesName": "统招本科",
+          "paymentCompleted": 0,
+          "nonPayment": 0
+        }
+      ]
+    }
+  ]
 };
 
 const comName = computed(() => {
@@ -46,75 +746,34 @@ const comName = computed(() => {
     return EmptyCom;
   }
 });
-function montionFilter(val: any) {
-  // console.log(val);
-  return val ? Number(val).toFixed(2) : "--";
-}
-const handleAddress = (item: any) => {
-  return `${item.provinceName}/${item.cityName}/${item.countyName}`;
-};
+
 onMounted(() => {
   getData();
 });
 </script>
 
 <template>
-  <div class="right_bottom_wrap beautify-scroll-def" :class="{ 'overflow-y-auto': !indexConfig.rightBottomSwiper }">
-    <component
-      :is="comName"
-      :list="state.list"
-      v-model="state.scroll"
-      :singleHeight="state.defaultOption.singleHeight"
-      :step="state.defaultOption.step"
-      :limitScrollNum="state.defaultOption.limitScrollNum"
-      :hover="state.defaultOption.hover"
-      :singleWaitTime="state.defaultOption.singleWaitTime"
-      :wheel="state.defaultOption.wheel"
-    >
-      <ul class="right_bottom">
-        <li class="right_center_item" v-for="(item, i) in state.list" :key="i">
-          <span class="orderNum">{{ i + 1 }}</span>
-          <div class="inner_right">
-            <div class="dibu"></div>
-            <div class="flex">
-              <div class="info">
-                <span class="labels">设备ID：</span>
-                <span class="text-content zhuyao"> {{ item.gatewayno }}</span>
-              </div>
-              <div class="info">
-                <span class="labels">型号：</span>
-                <span class="text-content"> {{ item.terminalno }}</span>
-              </div>
-              <div class="info">
-                <span class="labels">告警值：</span>
-                <span class="text-content warning"> {{ montionFilter(item.alertvalue) }}</span>
-              </div>
-            </div>
 
-            <div class="flex">
-              <div class="info">
-                <span class="labels shrink-0"> 地址：</span>
-                <span class="ciyao truncate" style="font-size: 12px; width: 220px" :title="handleAddress(item)">
-                  {{ handleAddress(item) }}</span
-                >
-              </div>
-              <div class="info time shrink-0">
-                <span class="labels">时间：</span>
-                <span class="text-content" style="font-size: 12px"> {{ item.createtime }}</span>
-              </div>
-            </div>
-            <div class="flex">
-              <div class="info">
-                <span class="labels">报警内容：</span>
-                <span class="text-content ciyao" :class="{ warning: item.alertdetail }">
-                  {{ item.alertdetail || "无" }}</span
-                >
-              </div>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </component>
+  <div class="right_bottom">
+    <div class="table-title">
+      <div class="title-item">排名</div>
+      <div class="title-item">省份/地市 </div>
+      <div class="title-item">本科</div>
+      <div class="title-item">专科</div>
+      <div class="title-item">专升本</div>
+    </div>
+    <div class="right_bottom_wrap" :class="{ 'overflow-y-auto': !indexConfig.rightBottomSwiper }">
+      <component :is="comName" :list="state.list" v-model="state.scroll"
+        :singleHeight="state.defaultOption.singleHeight" :step="state.defaultOption.step"
+        :limitScrollNum="state.defaultOption.limitScrollNum" :hover="state.defaultOption.hover"
+        :singleWaitTime="state.defaultOption.singleWaitTime" :wheel="state.defaultOption.wheel">
+        <div class="table-row" v-for="(item, i) in state.list">
+          <div class="row-item">{{ i + 1 }}</div>
+          <div class="row-item">{{ item.provinceName }}</div>
+          <div class="row-item" v-for="(peo) in item.degreesDto">{{ peo.paymentCompleted }}</div>
+        </div>
+      </component>
+    </div>
   </div>
 </template>
 
@@ -123,69 +782,46 @@ onMounted(() => {
   width: 100%;
   height: 100%;
 
-  .right_center_item {
+  .table-title {
     display: flex;
+    height: 50px;
     align-items: center;
-    justify-content: center;
-    height: auto;
-    padding: 10px;
-    font-size: 14px;
-    color: #fff;
+    color: #545e70;
+    border-radius: 10px 10px 0px 0px;
+    border: 1px solid #33343F;
 
-    .orderNum {
-      margin: 0 20px 0 -20px;
-    }
+    .title-item {
+      width: 100px;
+      text-align: center;
 
-    .inner_right {
-      position: relative;
-      height: 100%;
-      width: 400px;
-      flex-shrink: 0;
-      line-height: 1.5;
-
-      .dibu {
-        position: absolute;
-        height: 2px;
-        width: 104%;
-        background-image: url("@/assets/img/zuo_xuxian.png");
-        bottom: -12px;
-        left: -2%;
-        background-size: cover;
-      }
-    }
-
-    .info {
-      margin-right: 10px;
-      display: flex;
-      align-items: center;
-
-      .labels {
-        flex-shrink: 0;
-        font-size: 12px;
-        color: rgba(255, 255, 255, 0.6);
-      }
-
-      .zhuyao {
-        color: $primary-color;
-        font-size: 15px;
-      }
-
-      .ciyao {
-        color: rgba(255, 255, 255, 0.8);
-      }
-
-      .warning {
-        color: #e6a23c;
-        font-size: 15px;
-      }
     }
   }
 }
 
 .right_bottom_wrap {
   overflow: hidden;
-  width: 100%;
-  height: 252px;
+  height: 210px;
+
+  .table-row {
+    display: flex;
+    height: 50px;
+    border-bottom: 1px solid #33343F;
+    border-top: 1px solid #33343F;
+    line-height: 50px;
+    margin-bottom: 2px;
+    color:#E6E6FB;
+    &:hover{
+      background: repeating-linear-gradient(0deg, #0042b3 0%, #0049ca 50%, #0042b3 100%);
+    }
+
+    .row-item {
+      width: 100px;
+      text-align: center;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
 }
 
 .overflow-y-auto {
diff --git a/src/views/index/right-center.vue b/src/views/index/right-center.vue
index 889c623..ca9b9b7 100644
--- a/src/views/index/right-center.vue
+++ b/src/views/index/right-center.vue
@@ -1,44 +1,151 @@
 <script setup lang="ts">
-import { ref, reactive } from "vue";
-import CapsuleChart from "@/components/datav/capsule-chart";
-import { ranking } from "@/api";
 import { ElMessage } from "element-plus";
 
-const config = ref({
-  showValue: true,
-  unit: "次",
-});
-const data = ref([]);
+const option = ref({});
 const getData = () => {
-  return
-  ranking()
-    .then((res) => {
-      console.log("右中--报警排名", res);
-      if (res.success) {
-        data.value = res.data;
-      } else {
-        ElMessage({
-          message: res.msg,
-          type: "warning",
-        });
-      }
-    })
-    .catch((err) => {
-      ElMessage.error(err);
-    });
+  let dateList = ['2021-11', '2021-12', '2022-01', '2022-02', '2022-03', "2022-04"]
+  let numList = [1, 5, 2, 4, 9, 6]
+  let numList2 = [6, 5, 4, 3, 2, 1]
+  setOption(dateList, numList, numList2)
 };
-getData();
+const setOption = async (xData: any[], yData: any[], yData2: any[]) => {
+  option.value = {
+    xAxis: {
+      type: "category",
+      data: xData,
+      boundaryGap: false, // 不留白，从原点开始
+      splitLine: {
+        // show: false,
+        // lineStyle: {
+        //   color: "rgba(31,99,163,.2)",
+        // },
+      },
+      axisLine: {
+        show: false, // 去除轴线
+        // lineStyle: {
+        //   color: "rgba(31,99,163,.1)",
+        // },
+      },
+      axisLabel: {
+        color: "#fff",
+        fontWeight: "500",
+      },
+    },
+    yAxis: {
+      type: "value",
+      splitLine: {
+        show: false, // 去除网格线
+        lineStyle: {
+          color: "rgba(31,99,163,.2)",
+        },
+      },
+      axisLine: {
+        show: false,
+        lineStyle: {
+          color: "rgba(31,99,163,.1)",
+        },
+      },
+      axisLabel: {
+        color: "#fff", // 轴标文字颜色
+        fontWeight: "500",
+      },
+    },
+    tooltip: {
+      trigger: "axis",
+      backgroundColor: "rgba(0,0,0,.6)",
+      borderColor: "rgba(147, 235, 248, .8)",
+      textStyle: {
+        color: "#FFF",
+      },
+    },
+    grid: {
+      //布局
+      show: false,
+      left: "10px",
+      right: "30px",
+      bottom: "0px",
+      top: "100px",
+      containLabel: true,
+      // borderColor: "#1F63A3",
+    },
+    series: [
+      {
+        data: yData,
+        type: "line",
+        smooth: false,
+        symbol: "circle", // 拐点样式 -- 这里是个圆
+        symbolSize:7, // 拐点大小
+        name: "当日缴费人数",
+        // color: "rgba(9,202,243,.7)",
+        color:'#fff',
+        markPoint: {
+          data: [
+            {
+              name: "最大值",
+              type: "max",
+              valueDim: "y",
+              symbol: "circle",
+              symbolSize: [60, 26],
+              symbolOffset: [0, -20],
+              itemStyle: {
+                color: "rgba(0,0,0,0)",
+              },
+              label: {
+                color: "#09CAF3",
+                backgroundColor: "rgba(9,202,243,0.1)",
+
+                borderRadius: 6,
+                borderColor: "rgba(9,202,243,.5)",
+                padding: [7, 14],
+                formatter: "报警2：{c}",
+                borderWidth: 0.5,
+              },
+            },
+            {
+              name: "最大值",
+              type: "max",
+              valueDim: "y",
+              symbol: "circle",
+              symbolSize: 6,
+              itemStyle: {
+                color: "#09CAF3",
+                shadowColor: "#09CAF3",
+                shadowBlur: 8,
+              },
+              label: {
+                formatter: "",
+              },
+            },
+          ],
+        },
+        lineStyle: {
+          width: 4, // 线条宽度  
+          color: {
+            type: 'linear', // 线性渐变  
+            x: 0, // 渐变方向为从左到右  
+            y: 0,
+            x2: 0,
+            y2: 1, // 渐变方向也可以设置为从下到上，调整 x2 和 y2 的值  
+            colorStops: [
+              // { offset: 0, color: 'rgba(0, 254, 157, 1)' }, // 0% 处的颜色  
+              { offset: 0, color: 'rgba(2, 221, 241, 1)' }, // 50% 处的颜色  
+              { offset: 1, color: 'rgba(0, 254, 157, 1)' } // 100% 处的颜色  -- 顶点处颜色
+            ],
+            global: false // 缺省为 false  
+          },
+        },
+      }
+    ],
+  };
+};
+
+onMounted(() => {
+  getData();
+});
 </script>
 
 <template>
-  <div class="right_bottom">
-    <CapsuleChart :config="config" style="width: 100%; height: 260px" :data="data" />
-  </div>
+  <v-chart class="chart" :option="option" v-if="JSON.stringify(option) != '{}'" />
 </template>
 
-<style scoped lang="scss">
-.right_bottom {
-  box-sizing: border-box;
-  padding: 0 16px;
-}
-</style>
+<style scoped lang="scss"></style>
diff --git a/src/views/index/right-top-two.vue b/src/views/index/right-top-two.vue
new file mode 100644
index 0000000..91cfd6e
--- /dev/null
+++ b/src/views/index/right-top-two.vue
@@ -0,0 +1,260 @@
+<script setup lang="ts">
+import { rightBottom } from "@/api";
+import SeamlessScroll from "@/components/seamless-scroll";
+import { useSettingStore } from "@/stores";
+import { storeToRefs } from "pinia";
+import EmptyCom from "@/components/empty-com";
+import { ElMessage } from "element-plus";
+
+const settingStore = useSettingStore();
+const { defaultOption, indexConfig } = storeToRefs(settingStore);
+const state = reactive<any>({
+  list: [],
+  defaultOption: {
+    ...defaultOption.value,
+    singleHeight: 535, //单步运动停止的高度，与滚动盒子的高度进行适配
+    limitScrollNum: 3,
+    // singleWaitTime:3000, // 停顿间隔
+    step: 1 //滚动速度，数字越大，滚动越快
+  },
+  scroll: true,
+});
+
+const getData = () => {
+  state.list = [
+    {
+      "collegeName": "机电工程学院",
+      "collegeId": "08db7155-bdf1-4633-884e-95735ef931f2",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "美术与设计学院",
+      "collegeId": "08db81af-0a80-4dd8-8bd6-06e7020530b9",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "人文教育学院",
+      "collegeId": "08db81af-168b-402d-87d1-bdd7ee3c4c47",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "体育学院",
+      "collegeId": "08db81af-2af2-491e-8a45-a15a4fd43431",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "医学院",
+      "collegeId": "08db81af-5df9-4b57-834e-3ee6bbf307d4",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "音乐学院",
+      "collegeId": "08db81af-73b7-40e0-8103-2c38a19d03cc",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "冰冰艺术学院",
+      "collegeId": "08dc6f26-c565-49d7-8dc8-2bc8926d8516",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "社会科学研究院",
+      "collegeId": "08dc70b7-825a-4298-83cc-e3eaf08abf52",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 3
+    },
+    {
+      "collegeName": "绿色生态学院",
+      "collegeId": "08dc70b7-a640-49af-8ab7-9f520aac02d9",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 2
+    },
+    {
+      "collegeName": "建筑工程学院",
+      "collegeId": "08db81ae-fc5f-424e-868b-503bd234e8f2",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "计算机信息工程学院",
+      "collegeId": "08db81ae-e39d-4155-8d7a-c118d629e422",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "航天航空学院",
+      "collegeId": "08db7156-2004-4be4-8dfe-1ac36ebdb422",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "外国语学院",
+      "collegeId": "08db716b-7370-4ef3-812e-7edd113ff017",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "电子与信息学院",
+      "collegeId": "08db721b-e050-4480-8087-60a179e75d16",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "工商管理学院",
+      "collegeId": "08db751e-3c7a-406a-814e-f81580e3e1c3",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "财经学院",
+      "collegeId": "08db7882-089f-4105-8d01-920fa1e7327a",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "传媒学院",
+      "collegeId": "08db81ae-3f52-4765-8c8b-459f4b947a2c",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "法学院",
+      "collegeId": "08db81ae-721b-4e41-8fd7-4ecdb0b00508",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 2
+    },
+    {
+      "collegeName": "国际交流学院",
+      "collegeId": "08db81ae-9d43-4ae0-8d0f-541ba77af10d",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    },
+    {
+      "collegeName": "xie学院",
+      "collegeId": "08dc79fe-336b-49db-8c74-7e1a3184f2d7",
+      "isTeacher": false,
+      "reportNumber": 0,
+      "totalNumber": 0
+    }
+  ]
+};
+
+const comName = computed(() => {
+  if (indexConfig.value.rightBottomSwiper) {
+    return SeamlessScroll;
+  } else {
+    return EmptyCom;
+  }
+});
+
+onMounted(() => {
+  getData();
+});
+</script>
+
+<template>
+
+  <div class="right_bottom">
+    <div class="table-title">
+      <div class="title-item">序号</div>
+      <div class="title-item">学院名称 </div>
+      <div class="title-item">已报到人数</div>
+      <div class="title-item">总人数</div>
+      <div class="title-item">报到率</div>
+    </div>
+    <div class="right_bottom_wrap" :class="{ 'overflow-y-auto': !indexConfig.rightBottomSwiper }">
+      <component :is="comName" :list="state.list" v-model="state.scroll"
+        :singleHeight="state.defaultOption.singleHeight" :step="state.defaultOption.step"
+        :limitScrollNum="state.defaultOption.limitScrollNum" :hover="state.defaultOption.hover"
+        :singleWaitTime="state.defaultOption.singleWaitTime" :wheel="state.defaultOption.wheel">
+        <div class="table-row" v-for="(item, i) in state.list">
+          <div class="row-item">{{ i + 1 }}</div>
+          <div class="row-item">{{ item.collegeName }}</div>
+          <div class="row-item">{{ item.reportNumber }}</div>
+          <div class="row-item">{{ item.totalNumber }}</div>
+          <div class="row-item">{{ '0%' }}</div>
+          <!-- <div class="row-item" v-for="(peo) in item.degreesDto">{{ peo.paymentCompleted }}</div> -->
+        </div>
+      </component>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.right_bottom {
+  width: 100%;
+  height: 100%;
+
+  .table-title {
+    display: flex;
+    height: 50px;
+    align-items: center;
+    color: #545e70;
+    border-radius: 10px 10px 0px 0px;
+    border: 1px solid #33343F;
+
+    .title-item {
+      width: 100px;
+      text-align: center;
+
+    }
+  }
+}
+
+.right_bottom_wrap {
+  overflow: hidden;
+  height: 530px;
+
+  .table-row {
+    display: flex;
+    height: 50px;
+    border-bottom: 1px solid #33343F;
+    border-top: 1px solid #33343F;
+    line-height: 50px;
+    margin-bottom: 2px;
+    color: #E6E6FB;
+
+    &:hover {
+      background: repeating-linear-gradient(0deg, #0042b3 0%, #0049ca 50%, #0042b3 100%);
+    }
+
+    .row-item {
+      width: 100px;
+      text-align: center;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}
+
+.overflow-y-auto {
+  overflow-y: auto;
+}
+</style>
diff --git a/src/views/index/right-top.vue b/src/views/index/right-top.vue
index 0a144c5..22a8ec7 100644
--- a/src/views/index/right-top.vue
+++ b/src/views/index/right-top.vue
@@ -1,233 +1,88 @@
 <script setup lang="ts">
-import { ref, onMounted } from "vue";
-import { alarmNum } from "@/api";
-import { graphic } from "echarts/core";
-import { ElMessage } from "element-plus";
 
-const option = ref({});
-const getData = () => {
-  return
-  alarmNum()
-    .then((res) => {
-      console.log("右上--报警次数 ", res);
-      if (res.success) {
-        setOption(res.data.dateList, res.data.numList, res.data.numList2);
-      } else {
-        ElMessage({
-          message: res.msg,
-          type: "warning",
-        });
-      }
-    })
-    .catch((err) => {
-      ElMessage.error(err);
-    });
-};
-const setOption = async (xData: any[], yData: any[], yData2: any[]) => {
-  option.value = {
-    xAxis: {
-      type: "category",
-      data: xData,
-      boundaryGap: false, // 不留白，从原点开始
-      splitLine: {
-        show: true,
-        lineStyle: {
-          color: "rgba(31,99,163,.2)",
-        },
-      },
-      axisLine: {
-        // show:false,
-        lineStyle: {
-          color: "rgba(31,99,163,.1)",
-        },
-      },
-      axisLabel: {
-        color: "#7EB7FD",
-        fontWeight: "500",
-      },
-    },
-    yAxis: {
-      type: "value",
-      splitLine: {
-        show: true,
-        lineStyle: {
-          color: "rgba(31,99,163,.2)",
-        },
-      },
-      axisLine: {
-        lineStyle: {
-          color: "rgba(31,99,163,.1)",
-        },
-      },
-      axisLabel: {
-        color: "#7EB7FD",
-        fontWeight: "500",
-      },
-    },
-    tooltip: {
-      trigger: "axis",
-      backgroundColor: "rgba(0,0,0,.6)",
-      borderColor: "rgba(147, 235, 248, .8)",
-      textStyle: {
-        color: "#FFF",
-      },
-    },
-    grid: {
-      //布局
-      show: true,
-      left: "10px",
-      right: "30px",
-      bottom: "10px",
-      top: "32px",
-      containLabel: true,
-      borderColor: "#1F63A3",
-    },
-    series: [
-      {
-        data: yData,
-        type: "line",
-        smooth: true,
-        symbol: "none", //去除点
-        name: "报警1次数",
-        color: "rgba(252,144,16,.7)",
-        areaStyle: {
-          //右，下，左，上
-          color: new graphic.LinearGradient(
-            0,
-            0,
-            0,
-            1,
-            [
-              {
-                offset: 0,
-                color: "rgba(252,144,16,.7)",
-              },
-              {
-                offset: 1,
-                color: "rgba(252,144,16,.0)",
-              },
-            ],
-            false
-          ),
-        },
-        markPoint: {
-          data: [
-            {
-              name: "最大值",
-              type: "max",
-              valueDim: "y",
-              symbol: "rect",
-              symbolSize: [60, 26],
-              symbolOffset: [0, -20],
-              itemStyle: {
-                color: "rgba(0,0,0,0)",
-              },
-              label: {
-                color: "#FC9010",
-                backgroundColor: "rgba(252,144,16,0.1)",
-                borderRadius: 6,
-                padding: [7, 14],
-                borderWidth: 0.5,
-                borderColor: "rgba(252,144,16,.5)",
-                formatter: "报警1：{c}",
-              },
-            },
-            {
-              name: "最大值",
-              type: "max",
-              valueDim: "y",
-              symbol: "circle",
-              symbolSize: 6,
-              itemStyle: {
-                color: "#FC9010",
-                shadowColor: "#FC9010",
-                shadowBlur: 8,
-              },
-              label: {
-                formatter: "",
-              },
-            },
-          ],
-        },
-      },
-      {
-        data: yData2,
-        type: "line",
-        smooth: true,
-        symbol: "none", //去除点
-        name: "报警2次数",
-        color: "rgba(9,202,243,.7)",
-        areaStyle: {
-          //右，下，左，上
-          color: new graphic.LinearGradient(
-            0,
-            0,
-            0,
-            1,
-            [
-              {
-                offset: 0,
-                color: "rgba(9,202,243,.7)",
-              },
-              {
-                offset: 1,
-                color: "rgba(9,202,243,.0)",
-              },
-            ],
-            false
-          ),
-        },
-        markPoint: {
-          data: [
-            {
-              name: "最大值",
-              type: "max",
-              valueDim: "y",
-              symbol: "rect",
-              symbolSize: [60, 26],
-              symbolOffset: [0, -20],
-              itemStyle: {
-                color: "rgba(0,0,0,0)",
-              },
-              label: {
-                color: "#09CAF3",
-                backgroundColor: "rgba(9,202,243,0.1)",
-
-                borderRadius: 6,
-                borderColor: "rgba(9,202,243,.5)",
-                padding: [7, 14],
-                formatter: "报警2：{c}",
-                borderWidth: 0.5,
-              },
-            },
-            {
-              name: "最大值",
-              type: "max",
-              valueDim: "y",
-              symbol: "circle",
-              symbolSize: 6,
-              itemStyle: {
-                color: "#09CAF3",
-                shadowColor: "#09CAF3",
-                shadowBlur: 8,
-              },
-              label: {
-                formatter: "",
-              },
-            },
-          ],
-        },
-      },
-    ],
-  };
-};
-onMounted(() => {
-  getData();
-});
 </script>
 
 <template>
-  <v-chart class="chart" :option="option" v-if="JSON.stringify(option) != '{}'" />
+  <div class="right-top">
+    <div class="items">
+      <div class="item-title">已缴费人数</div>
+      <div class="item-content">12,120</div>
+    </div>
+    <div class="items item-two">
+      <div class="item-title">已报到未缴费人数</div>
+      <div class="item-content">4,049</div>
+    </div>
+    <div class="items item-three">
+      <div class="item-title">生活用品缴费人数</div>
+      <div class="item-content">4,049</div>
+    </div>
+  </div>
+
 </template>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.right-top {
+  display: flex;
+
+  .items {
+    width: 150px;
+    height: 140px;
+    background: url("@/assets/img/zheke/right_top1.png");
+    background-size: cover;
+    background-position: center center;
+    text-align: center;
+    padding-top: 20px;
+    transform: scale(0.9);
+
+    .item-title {
+      font-weight: bold;
+      font-size: 18px;
+      color: #79BFED;
+      line-height: 26px;
+    }
+
+    .item-content {
+      font-family: YouSheBiaoTiHei;
+      font-weight: 400;
+      font-size: 30px;
+      color: #F1FBFF;
+      background: linear-gradient(179deg, rgba(126, 216, 254, 1) 0%, rgba(255, 255, 255, 1) 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  }
+
+  .item-two {
+    background: url("@/assets/img/zheke/right_top2.png");
+    background-size: cover;
+    background-position: center center;
+
+    .item-title {
+      color: #fd89ac;
+    }
+
+    .item-content {
+      color: #F1FBFF;
+      background: linear-gradient(179deg, rgba(253, 137, 172, 1) 0%, rgba(255, 255, 255, 1) 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  }
+
+  .item-three {
+    background: url("@/assets/img/zheke/right_top3.png");
+    background-size: cover;
+    background-position: center center;
+
+    .item-title {
+      color: #4bf1d8;
+    }
+    .item-content {
+      color: #F1FBFF;
+      background: linear-gradient(179deg, rgba(75, 241, 216, 1) 0%, rgba(255, 255, 255, 1) 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  }
+}
+</style>