| | |
| | | <dd class="top_right_bottom">{{ twoObject.label }}</dd> |
| | | </dl> |
| | | </div> |
| | | <div class="top_left" style="width: 10%"> |
| | | <div class="top_left" style="width: 20%"> |
| | | <dl> |
| | | <dd class="font_weight">{{ totalObject.value }}</dd> |
| | | <dd class="top_right_bottom">{{ totalObject.label }}</dd> |
| | | </dl> |
| | | </div> |
| | | <div class="top_right" style="width: 50%; margin-right: 15px"> |
| | | <dl v-for="item in otherOptions" :key="item.value"> |
| | | <dl v-for="(item, index) in otherOptions" :key="index"> |
| | | <dd class="font_weight"> |
| | | {{ item.value }} |
| | | </dd> |
| | |
| | | { |
| | | value: 2, |
| | | label: "安全库存", |
| | | status: "success" |
| | | status: "warning-radio" |
| | | }, |
| | | { |
| | | value: 12, |
| | |
| | | display: flex; |
| | | justify-content: right; |
| | | .top_left { |
| | | width: 10%; |
| | | width: 20%; |
| | | border-right: 1px solid #ccc; |
| | | display: flex; |
| | | padding-right: 2%; |
| | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .success { |
| | | background: #06c062; |
| | | } |
| | | .yellow { |
| | | background: #e6a23c; |
| | | } |
| | | } |
| | | |