代码提交

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%;

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>