< div class= "page-loadmore" >
<div class="page-loadmore-wrapper" ref="wrapper" :style="{ height: wrapperHeight + "px" }">
<mt-loadmore
:top-method="unfinishedLoadTop" @translate-change="translateChange"
@top-status-change="handleTopChange"
ref="loadmoreUnfinish" v-infinite-scroll="unfunishedMore"
infinite-scroll-disabled="false"
>
<div v-for="item in unfinish" style="border-bottom: solid 3px -sharp6B6380; touch-action: none;" @click="seeDetail(item)">
<mt-field readonly label="">{{item.PLAN_NO}}</mt-field>
<mt-field readonly label="">{{item.MILEAGE_NAME}}</mt-field>
<mt-field readonly label="">{{ item.CAR_NO }}</mt-field>
<mt-field readonly label="">{{item.LOADING_DATE}}</mt-field>
</div>
<div slot="top" class="mint-loadmore-top">
<span v-show="topStatus !== "loading""
:class="{ "is-rotate": topStatus === "drop" }"></span>
<span v-show="topStatus === "loading"">
<mt-spinner type="snake"></mt-spinner>
</span>
</div>
</mt-loadmore>
</div>