From 2a0089acdd963cc5953773715ca74ce4e575d2c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9C002001lixiaobang=E2=80=9D?= <2547956374@qq.com>
Date: Wed, 12 Apr 2023 09:16:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                 |   2 +-
 src/assets/images/faTingImg/anjianTitle.png | Bin 0 -> 1182 bytes
 src/views/court.vue                         |  28 +++++++++++++++++---
 3 files changed, 26 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/images/faTingImg/anjianTitle.png

diff --git a/src/App.vue b/src/App.vue
index a961037..bfd3f35 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -213,7 +213,7 @@ import {getData} from './api/index.js'
 #app {
   // width: 6144px;
   // height: 1920px;
-  background: rgba(1, 1, 7, 0.7);
+  background: rgba(1, 1, 7, 0);
   // overflow: hidden;
   .header {
     height: 15%;
diff --git a/src/assets/images/faTingImg/anjianTitle.png b/src/assets/images/faTingImg/anjianTitle.png
new file mode 100644
index 0000000000000000000000000000000000000000..7945cc909e33b14ed0a4c44554c2a77fee4eb7a3
GIT binary patch
literal 1182
zcmV;P1Y!G$P)<h;3K|Lk000e1NJLTq005%^000sQ1^@s6H~MZ+000DKNkl<ZXo2mT
zTWB106o<cEw`pplk<^N!BB^%-eGn7{5fNQ!^`RgXp|n~-qX9+nf`Y}Oh_!-LnkMmr
z7Yf!3#-a~a5o<;3g^E?773&SPEo$m5Hnw$l<-~7cU1m1%v9t4o5Hgwh&+MLW&N;s`
zQ>fKyOjU&~yJOGUzy-kPz&2oSY^<HpGv#%19hfrytu!4t1vnXa6Zq->e9%&1%kB~|
zD|iA%fl3Rw3cy9c)4(R+F5n$tf7*rSkhYDc0p|es_<IrXj9jJZAlVD9Mgzp4<vL&{
z@G|fL@K*|4vG97}R^UqDcHkl4U0|%;qtV9d0?q|)0uGgr^^<_u37iF72K))EE&}7g
zE?_QjFEAfC0w|^|64~<+V1*}M23+n1<!V258UJPSutGjYQ@)9!e9f1)x$-w&GNU~Q
zd<WbJEC-%4#cl`oB`g>uj{rM8=9b8&-VMJ_a!2IKhN83{29%BeSHMc(J^4sd2XF##
z1+ZApahomQSV?fACckdOxxf>g2&}OYO<Fv*ZPdWr3ET%9Yd`s84rHcPFuN_X#S5q&
z0NxM(kn+K2YJ3+0bAac8XMvCF39r<!b8Ogbw%abb0ol>OE2h#)(+T$5W8Mv1ZMu$L
z;7Q;IpxW+H%b<!f5uV{vli1@zl>}m#lq21DvBy6lQ#%@&D%IVth9&;-y%}*UaJ@ai
zX#%#@9<xya@khY#-X%+cLx5r6>m0~TDM0E4uGOrp1_n)De<ys<8NjK68$Yjl%x2re
z|5VRX!UD0wAHds|+s}Y`&W|1hHYD_saUov-tNgnxoCClw?H<7lsoQ?9EL5xP6`Lz2
z_J`-$Pj<`B3(lvL_W##0r;Kqb9ylV9QRmOJ3@54P1<cZ6?WhmLb7e+*jcb>2?r7l+
zI^|`K{EV~$krv|{to6MbngyDb7gOemvCeV85(l0G_5{r(J=cM)apO8*oR=8)B#y@9
zWn%+Fy>gYPq%w`$PY137&IX2@9etV51BSCY2Drww9Bz88B|cZSR5Pw?^#${6*#;dA
zHfG7Hz2yB)Yc952hk5xVsmDx$u|w+P>B>nur8OFx=9C;D9;K7M*{3m&>AZ7gSG$b!
z4CB5}!@9GHk&0eor9<%G<alS<o0`2xBa8)SLFWTE2w6OPeoeBIdV|?!&$7+zusuaS
zW6ZXy#(CIh(q+MVG@&BaOk`16zX9%WWcV=fmh<WfUK(qCw*$$gzI_qtb)7^fWyBum
ziv7Tcrs{8V5ZgvI<2`8n`{kiWJ{nbj31^*LO_#HUayOxRW-K~O?AQ4Wd4fGD-)uOg
zOMpH{Jwy3Su`N|K?nAokJ|72<q?p&>=_MbC^vT<&mh5UB#;TM@ntekHo;1X)YnniA
zu&3PC%ChImv?|7bxjkX0e56fM_W0W2&%lLpH<839Uaob{7?%5BYxratu4sDgaM4r{
w^Y<CEqe)(_4So){cl>RN424GtI4c1E00>+_NI$UO_5c6?07*qoM6N<$f(-aLWB>pF

literal 0
HcmV?d00001

diff --git a/src/views/court.vue b/src/views/court.vue
index e8e0ea2..ab29182 100644
--- a/src/views/court.vue
+++ b/src/views/court.vue
@@ -24,7 +24,12 @@
           </div>
         </div>
       </div>
-      <div class="leftTwo"></div>
+      <div class="leftTwo">
+          <div class="caseTitle">
+              案件统计
+          </div>
+          <div id="caseEcharts"></div>
+      </div>
       <div class="leftThree"></div>
     </div>
     <div class="right"></div>
@@ -88,7 +93,6 @@ export default {
       .courtHouse {
         height: calc(100% - 30%);
         width: 100%;
-        border: 1px solid red;
         display: flex;
           flex-wrap: nowrap;
           justify-content: space-around;
@@ -137,7 +141,12 @@ export default {
     .leftTwo {
       width: 100%;
       height: 35%;
-      border: 1px solid blue;
+      position: relative;
+      #caseEcharts{
+          width: 100%;
+          height: calc(100% - 16%);
+          border: 1px solid blue;
+      }
     }
     .leftThree {
       width: 100%;
@@ -168,4 +177,17 @@ export default {
   padding-left: 12%;
   box-sizing: border-box;
 }
+.caseTitle{
+  width: 23%;
+  height: 10%;
+  background: url("../assets/images/faTingImg/anjianTitle.png") no-repeat;
+  background-size: 100% 100%;
+  color: #fff;
+  font-size: 0.8rem;
+  display: flex;
+  align-items: center;
+  padding-left: 5%;
+  box-sizing: border-box; 
+  margin-top: 2%; 
+}
 </style>
\ No newline at end of file