| | |
| | | </div> --> |
| | | |
| | | <div class="data-left-item left-3"> |
| | | <div class="title" style="font-size:30px">å¨åºè½´æ¿ç»è®¡</div> |
| | | <div class="title" style="font-size:30px">å¨åºè½´æ¿ç»è®¡ã</div> |
| | | <br /> |
| | | <div id="chart-vright-3" class="left-item"> |
| | | <el-scrollbar style="height: 90%"> |
| | | <el-table :data="homeData.containerCount1" style="width: 100%;" class="styleTable"> |
| | | <el-table :data="homeData.containerCount" style="width: 100%;" class="styleTable"> |
| | | <el-table-column prop="materiel_id" label="车å"> |
| | | </el-table-column> |
| | | <el-table-column prop="containerdtl_type" label="è½´æ¿åå·"> |
| | |
| | | <div class="text">å¼å¸¸è´§ä½</div> |
| | | <div class="num">{{homeData.errorCount}}</div> |
| | | </div> |
| | | |
| | | <div class="data-foot-line"></div> |
| | | </div> |
| | | <div class="center-top-num" style=""> |
| | |
| | | <div class="text">彿¥æµéæ°é</div> |
| | | <div class="num">{{homeData.measureCount}}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="text">å¯å
¥è½´æ¿ææè´§ä½æ°é</div> |
| | | <div class="num">{{644 - homeData.containerTotol[3]}}</div> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="title">䏿¥åºå
¥åºç»è®¡</div> |
| | | <div id="chart-vcenter" style="height:400px;" class="chart-vcenter"></div> --> |
| | | <div class="title" style="font-size:30px">å¨åºè½´æ¿åæ ¼æ°ç»è®¡</div> |
| | | <div id="chart-vleft-3" style="height: calc(100% - 30px)"></div> |
| | | <div class="title" style="font-size:40px">å¨åºè½´æ¿åæ ¼æ°ç»è®¡</div> |
| | | <div id="chart-vleft-3" style="height: calc(100% - 30px); font-size: 120px;"></div> |
| | | <div class="data-foot-line"></div> |
| | | </div> |
| | | <div class="data-right"> |
| | |
| | | border: 1px solid #00c1b3; |
| | | flex: 1; |
| | | } */ |
| | | #chart-vleft-3{ |
| | | font-size: 50px; |
| | | } |
| | | .text,.num{ |
| | | font-size: 22px; |
| | | } |
| | | .right-3, |
| | | .left-3 { |
| | | display: flex; |
| | |
| | | display: flex; |
| | | padding: 5px 10px; |
| | | margin: 0 10px; |
| | | font-size: 14px; |
| | | line-height: 30px; |
| | | font-size: 40px; |
| | | line-height: 35px; |
| | | } |
| | | |
| | | .right-3 .item:last-child, |
| | |
| | | ::v-deep .el-table .cell { |
| | | background-color: transparent !important; |
| | | color: rgb(171, 185, 182); |
| | | font-size: 12px; |
| | | line-height: 15px !important; |
| | | font-size: 25px; |
| | | line-height: 25px !important; |
| | | padding: 0px; |
| | | margin-top: -2px !important; |
| | | text-align: center !important; |