From e438e52d71f081c8bc8d8914174d635bfc2cec88 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Sat, 12 Nov 2022 14:19:16 +0800
Subject: [PATCH] 1

---
 src/views/home/components/leftContainer.vue |   50 ++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 44 insertions(+), 6 deletions(-)

diff --git a/src/views/home/components/leftContainer.vue b/src/views/home/components/leftContainer.vue
index 4c425f1..3d1639a 100644
--- a/src/views/home/components/leftContainer.vue
+++ b/src/views/home/components/leftContainer.vue
@@ -3,9 +3,16 @@
         <div class="person-box">
             <div class="title">
                 <div>
-                    <span class="peopleTap" :class="{ choosed: peopletype == 0 }"
-                        @click="peopleTabClick(0)">现有人员</span>/
-                    <span class="peopleTap" :class="{ choosed: peopletype == 1 }" @click="peopleTabClick(1)">重点人员</span>
+                    <span
+                        class="peopleTap"
+                        :class="{ choosed: peopletype == 0 }"
+                        @click="peopleTabClick(0)"
+                    >现有人员</span>/
+                    <span
+                        class="peopleTap"
+                        :class="{ choosed: peopletype == 1 }"
+                        @click="peopleTabClick(1)"
+                    >重点人员</span>
                 </div>
                 <div>
                     共
@@ -28,7 +35,12 @@
                 </div>
             </div>
             <div id="PersonEcharts" class="echarts-box"></div>
-            <div class="back" title="返回上一级" v-show="dataDeep == 2 && peopletype == 0" @click="backBegin"></div>
+            <div
+                class="back"
+                title="返回上一级"
+                v-show="dataDeep == 2 && peopletype == 0"
+                @click="backBegin"
+            ></div>
         </div>
         <div class="house-box">
             <div class="title">现有房屋</div>
@@ -247,6 +259,32 @@
                     {
                         data: yDate,
                         type: 'bar',
+                        barWidth: '40%',
+                        itemStyle: {
+                            normal: {
+                                color: function (params) {
+
+                                    return new global.echarts.graphic.LinearGradient(
+                                        0, 0, 0, 1,
+                                        [
+                                            { offset: 0, color: '#06B5D7' },
+                                            { offset: 0.5, color: '#44C0C1' },
+                                            { offset: 1, color: '#71C8B1' },
+                                        ]
+                                    )
+                                }
+                            },
+                            emphasis: {
+                                color: new global.echarts.graphic.LinearGradient(
+                                    0, 0, 0, 1,
+                                    [
+                                        { offset: 0, color: '#71C8B1' },
+                                        { offset: 0.7, color: '#44C0C1' },
+                                        { offset: 1, color: '#06B5D7' }
+                                    ]
+                                )
+                            }
+                        },
                     }
                 ],
                 grid: {
@@ -857,7 +895,7 @@
                 color: #fff;
             }
 
-            &>div:nth-of-type(2) {
+            & > div:nth-of-type(2) {
                 font-size: 14px;
             }
         }
@@ -879,7 +917,7 @@
                 border: 1px solid rgba(20, 50, 123, 1);
                 cursor: pointer;
 
-                &>div {
+                & > div {
                     height: 26px;
                     line-height: 26px;
                 }

--
Gitblit v1.9.3