| | |
| | | <div class="text">当月入库总数</div> |
| | | </div> |
| | | <div class="content01"> |
| | | <div class="pic01" /> |
| | | <div class="number">12%</div> |
| | | <div class="text">当月延期占比</div> |
| | | <!-- <div class="pic01" />--> |
| | | <!-- <div class="number">12%</div>--> |
| | | <div id="pie01" ref="pie01" class="pie01" /> |
| | | <div class="text" style="margin-top: -10px">当月延期占比</div> |
| | | </div> |
| | | |
| | | </div> |
| | |
| | | <el-table-column |
| | | prop="jgdh" |
| | | label="加工单号" |
| | | width="207" |
| | | /> |
| | | <el-table-column |
| | | prop="cpmc" |
| | |
| | | <div class="content_head">供应商延期交货排行</div> |
| | | <div class="content_body"> |
| | | <el-table |
| | | ref="tableDataRank" |
| | | :data="tableDataRank" |
| | | style="width: 100%;" |
| | | :header-cell-style="headerCellStyle" |
| | |
| | | <el-table-column |
| | | prop="xh" |
| | | label="序号" |
| | | width="70" |
| | | width="75" |
| | | /> |
| | | <el-table-column |
| | | prop="cj" |
| | |
| | | <el-table-column |
| | | prop="cx" |
| | | label="产线" |
| | | width="100" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | prop="cp" |
| | | width="138" |
| | | label="产品" |
| | | /> |
| | | <el-table-column |
| | |
| | | |
| | | <script> |
| | | import './kbCommon.css' |
| | | import { bar03, loadEcharts } from '@/utils/myEcharts' |
| | | import { loadEcharts, pie01 } from '@/utils/myEcharts' |
| | | import * as echarts from 'echarts' |
| | | |
| | | export default { |
| | | name: 'Index2', |
| | |
| | | |
| | | // 获取echarts |
| | | getEcharts() { |
| | | loadEcharts('bar03', bar03('本周入库量汇总')) |
| | | loadEcharts('bar04', bar03('本周出货量汇总')) |
| | | loadEcharts('pie01', pie01()) |
| | | |
| | | // setInterval(() => { |
| | | // loadEcharts('pie01', pie01()) |
| | | // }, 5000) |
| | | }, |
| | | |
| | | // 获取当前时间 |
| | |
| | | background: url("../../assets/images/pic01.png"); |
| | | } |
| | | |
| | | .pie01{ |
| | | height: 200px; |
| | | width: 200px; |
| | | margin-top: -30px; |
| | | } |
| | | |
| | | .number { |
| | | margin-top: -50px; |
| | | font-size: 18px; |
| | |
| | | ::v-deep .el-table__body-wrapper { |
| | | background-color: #000; |
| | | } |
| | | |
| | | ::v-deep .el-table__body-wrapper::-webkit-scrollbar { |
| | | /* width: 0;宽度为0暗藏 */ |
| | | width: 0; |
| | | } |
| | | </style> |