| | |
| | | <!-- 物资管理=>消耗统计=>原材料消耗 -->
|
| | | <template> |
| | | <div class="main"> |
| | | <div class="main_header"> |
| | |
| | | <div class="main_middle_matter"> |
| | | <div class="middle_items" v-for="(item,index) in showDatas" :key="index"> |
| | | <div class="middle_items_text">{{item.materialName}}</div> |
| | | <div class="middle_items_datas">{{item.materialValue}}</div> |
| | | <div class="middle_items_datas">{{item.materialValue | toFloat }}</div>
|
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | }, |
| | | } |
| | | }, |
| | | filters: {
|
| | | toFloat(value) {
|
| | | return value && value !== '0' ? value.split('.')[0] + '.00' : 0
|
| | | }
|
| | | },
|
| | | mounted() { |
| | | // this.searchButtonInfo() |
| | | this.searchButtonInfo()
|
| | | this.getAllTypes() |
| | | }, |
| | | methods: { |
| | |
| | | justify-content: space-between; |
| | | |
| | | .middle_items{ |
| | | width: 150px; |
| | | height: 80px; |
| | | padding: 0.6% 2.4%;
|
| | | background: url('../../../assets/stir_img.png') no-repeat; |
| | | background-size: 100% 100%; |
| | | display: flex; |