Sat Jul 22 18:17:00 CST 2023 inscode

46583d49 · 63f1bb74d2451104dc7d8b9f · 744f8710 · 46583d49 · 46583d49
隐藏空白更改
内联并排

Showing with 16 addition and 9 deletion

index.html index.html +2 -2

src/components/GameChart.vue src/components/GameChart.vue +14 -7

未找到文件。
--- a/index.html
+++ b/index.html
@@ -9,12 +9,12 @@
  <meta name="referrer" content="no-referrer" />
  <title>csdn 用户快捷查分改文</title>
 </head>
-<style>
+<!-- <style>
  body{
    background: #262626;
    color:#fff;
  }
-</style>
+</style> -->

 <body>
  <div id="app"></div>

--- a/src/components/GameChart.vue
+++ b/src/components/GameChart.vue
@@ -16,18 +16,22 @@
        </div>
    </div>
    <div>
-        参赛报名人数：{{ state.totlaNum }}
+       <div>
+        参赛报名总人数：{{ state.totlaNum }}
+       </div>
+       <div>
+        参赛报名有效人数：{{ state.totalRealNum }}
+       </div>
    </div>

-    <div style="display:flex">
-        <div id="barChartId" style="flex:1;width:600px;height:900px;border: 1px solid #333;">
+    <div style="display:flex;justify-content: space-between;">
+        <div style="flex:1; min-width:600px;height:600px;border: 1px solid #333;">
            <div style="width: 100%;min-width:600px;font-weight: 600;text-align: center;">{{ state.clickCity }}</div>
            <div id="barChartId" style="min-width:600px;height:600px;margin: 0 auto;">
-
            </div>
        </div>
-        <div style="width: 700px;height:900px;border: 1px solid #333;">
-            <a-table :scroll="{ x: 600, y: 750 }" :columns="state.columns" :data-source="state.dataSource"
+        <div style="width: 600px;height:600px;border: 1px solid #333;">
+            <a-table :scroll="{ x: 600, y: 450 }" :columns="state.columns" :data-source="state.dataSource"
                :loading="state.loading" :pagination="state.pagination" bordered style="border-bottom:1px solid #f0f0f0;">
                <template #bodyCell="{ column, record }">
                    <template v-if="column.key === 'imgSrc'">
@@ -54,6 +58,7 @@ const state = reactive({
    title: 'vue3 ts antd 参赛选手所在城市',
    clickCity: '全国',
    maxCityNum: 0,
+    totalRealNum:0,
    totlaNum: '',
    linesCoord: [],
    focusCity: '广东省',
@@ -212,9 +217,11 @@ function renderEchartBar() {
    }
    const myChart = echarts.init(domInstance);
    const option = {
+        backgroundColor: 'rgba(0,0,0,0)',//背景色
        title: {
            text: '中国地图',
-            subtext: 'chinaJson'
+            subtext: 'chinaJson',
+            color:'#fff'
        },
        visualMap: { // 设置视觉映射
            min: 0,