| | |
| | | <!-- 1--> |
| | | <div class="kb_left_top kb_pd10"> |
| | | <div class="kb_left_top_block"> |
| | | <div class="headTitle">成品入库单</div> |
| | | <div class="headTitle">成品入库单:</div> |
| | | <div class="content"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%;" |
| | | :header-cell-style="headerCellStyle" |
| | | :cell-style="cellStyle" |
| | | height="214" |
| | | height="240" |
| | | > |
| | | <el-table-column |
| | | prop="xh" |
| | |
| | | </div> |
| | | </div> |
| | | <div class="kb_left_top_block"> |
| | | <div class="headTitle">成品出库单</div> |
| | | <div class="headTitle">成品出库单:</div> |
| | | <div class="content"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%;" |
| | | :header-cell-style="headerCellStyle" |
| | | :cell-style="cellStyle" |
| | | height="214" |
| | | height="240" |
| | | > |
| | | <el-table-column |
| | | prop="xh" |
| | |
| | | <div class="kb_right kb_pd10"> |
| | | <div class="kb_right_top kb_pd10"> |
| | | <div class="kb_right_top_content"> |
| | | <div class="content_head">库存排行</div> |
| | | <div class="content_head">库存排行:</div> |
| | | <div class="content_body"> |
| | | <el-table |
| | | ref="tableDataRank" |
| | |
| | | style="width: 100%;" |
| | | :header-cell-style="headerCellStyle" |
| | | :cell-style="cellStyle" |
| | | height="888" |
| | | height="923" |
| | | > |
| | | <el-table-column |
| | | prop="xh" |
| | |
| | | }, |
| | | headerCellStyle() { |
| | | return { |
| | | backgroundColor: '#000', |
| | | backgroundColor: 'rgb(30 ,33, 46)', |
| | | padding: '10px 0', |
| | | textAlign: 'center', |
| | | color: '#fff', |
| | | borderRight: '1px solid rgba(255,255,255,0.6)' |
| | | color: '#07acc2', |
| | | border: 'none' |
| | | } |
| | | }, |
| | | cellStyle() { |
| | | return { |
| | | padding: '8px 0', |
| | | textAlign: 'center', |
| | | backgroundColor: '#000', |
| | | backgroundColor: 'rgba(30, 33, 46 )', |
| | | // backgroundColor: 'transparent', |
| | | color: '#fff', |
| | | borderRight: '1px solid rgba(255,255,255,0.6)' |
| | | border: 'none' |
| | | } |
| | | } |
| | | } |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | $kbBorderColor: #09d8f2; |
| | | |
| | | .kb_content { |
| | | display: flex; |
| | |
| | | width: 100%; |
| | | height: 267px; |
| | | display: flex; |
| | | border: 1px solid rgba(255, 255, 255, 0.6); |
| | | flex-direction: column; |
| | | |
| | | .headTitle{ |
| | | line-height: 54px; |
| | | border-bottom: 1px solid rgba(255, 255, 255, 0.6); |
| | | text-align: center; |
| | | font-size: 26px; |
| | | //line-height: 54px; |
| | | //border-bottom: 1px solid rgba(255, 255, 255, 0.6); |
| | | //text-align: center; |
| | | //font-size: 26px; |
| | | line-height: 20px; |
| | | font-size: 18px; |
| | | margin-bottom: 10px; |
| | | margin-top: -10px; |
| | | |
| | | } |
| | | |
| | | .content{ |
| | | |
| | | border: 1px solid $kbBorderColor; |
| | | } |
| | | } |
| | | |
| | |
| | | .content01{ |
| | | width: 48%; |
| | | height: 100%; |
| | | border: 1px solid rgba(255,255,255,0.6); |
| | | border: 1px solid $kbBorderColor; |
| | | border-radius: 5px; |
| | | } |
| | | } |
| | | } |
| | |
| | | width: 100%; |
| | | |
| | | .kb_right_top_content { |
| | | border: 1px solid rgba(255, 255, 255, 0.6); |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .content_head { |
| | | font-size: 26px; |
| | | height: 55px; |
| | | line-height: 55px; |
| | | border-bottom: 1px solid rgba(255, 255, 255, 0.6); |
| | | text-align: center; |
| | | line-height: 20px; |
| | | font-size: 18px; |
| | | margin-bottom: 10px; |
| | | margin-top: -10px; |
| | | } |
| | | |
| | | .content_body { |
| | | border: 1px solid $kbBorderColor; |
| | | } |
| | | } |
| | | } |
| | |
| | | /* width: 0;宽度为0暗藏 */ |
| | | width: 0; |
| | | } |
| | | ::v-deep .el-table::before { |
| | | height: 0; |
| | | } |
| | | </style> |