| | |
| | | <view class="details_timeline_item" v-if="item.materialDate"> |
| | | <view class="activedian" v-if="!item.produceDate"></view> |
| | | <view class="dian" :class="{ 'active': !item.produceDate }"></view> |
| | | <view class="x" :style="{ height: item.materialList.length === 1 ? '2.1rem' : 1.2 * item.materialList.length + 'rem' }"></view> |
| | | <view class="x"></view> |
| | | <view class="details_timeline_item_zw"></view> |
| | | <view class="details_timeline_item_left"> |
| | | <text :class="{'active_font': !item.produceDate}">投料</text> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { queryByID } from '@/util/api/PlanningAPI' |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | id: null, |
| | | info: {} |
| | | }; |
| | | }, |
| | | onLoad(option) { |
| | | this.id = option.id |
| | | this.queryByIDs() |
| | | }, |
| | | methods: { |
| | | // 获取详情 |
| | | queryByIDs() { |
| | | queryByID(this.$route.query.id) |
| | | queryByID(this.id) |
| | | .then(res => { |
| | | if (res.code === 200) { |
| | | this.info = res.data |
| | |
| | | top: 30rpx; |
| | | left: 29rpx; |
| | | width: 1rpx; |
| | | height: 165rpx; |
| | | height: calc(100% + 60rpx); |
| | | border-right: 1rpx dashed #CCCCCC; |
| | | } |
| | | .dian { |