<template>
    <view class="page-css">
        <view class="noData" v-if="logData.length <= 0">
            <u-empty :text="'暂无数据'" mode="list"></u-empty>
        </view>
        <view class="log-box" v-else>
            <u-time-line>
                <u-time-line-item v-for="(itemline, inx) in logData" :key="inx">
                    <template v-slot:content>
                        <view class="u-order-desc">
                            <i>{{ itemline.updateTime }}</i>
                            <!-- <i>{{ itemline.content }}</i> -->
                        </view>
                        <view class="u-order-desc">
                            <!-- <i>{{ itemline.updateTime }}</i> -->
                            <i>{{ itemline.content }}</i>
                        </view>
                    </template>
                </u-time-line-item>
            </u-time-line>

        </view>

    </view>
</template>
<script>
export default {

    data() {
        return {
            logData: [],
            codeId: ''
        }
    },
    onLoad(option) {
        this.codeId = option.requirementCode
    },
    onShow() {
        this.workOrderLog()
    },
    methods: {
        workOrderLog() {
            let query = {
                code: this.codeId
            }
            this.$u.api.workOrderLog(query).then(res => {
                if (res.code == 200) {
                    this.logData = res.data
                }
            })
        }
    }
}
</script>
<style lang="scss" scoped>
.page-css {
    display: flex;
    flex-direction: column;
    height: 100%;
    .log-box {
        flex: 1;
        background: #fff;
        border-radius: 8rpx;
        padding: 16rpx 32rpx 0;
        overflow: auto;
    }
}
</style>