You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.5 KiB
Vue
70 lines
1.5 KiB
Vue
<template>
|
|
<loading-html v-if="loadingShow" />
|
|
<view class="declaration-log" v-else>
|
|
<view class="log-list">
|
|
<ul class="tab" v-for="i in 10">
|
|
<li class="tab-top">
|
|
<view class="left"><text class="iconfont icon-yundanhao"></text>主提单号: 123456789123</view>
|
|
<view class="right">2022.03.01 08:22:31</view>
|
|
</li>
|
|
<li class="tab-num"><text class="iconfont icon-shiyongwendang"></text>次提单号: 12313213213213</li>
|
|
<li class="tab-content">
|
|
<view class="send-type">
|
|
<view class="top">
|
|
发送状态
|
|
</view>
|
|
<view class="bottom" :class="[{'active': i%1 == 0},{'waring': i%2 == 0},{'error': i%3 == 0}]">
|
|
已发送
|
|
</view>
|
|
</view>
|
|
<view class="operator">
|
|
<view class="top">
|
|
操作人
|
|
</view>
|
|
<view class="bottom">
|
|
张三
|
|
</view>
|
|
</view>
|
|
<view class="shipping-agent">
|
|
<view class="top">
|
|
船代
|
|
</view>
|
|
<view class="bottom">
|
|
MSD
|
|
</view>
|
|
</view>
|
|
</li>
|
|
<li class="tab-tip">
|
|
备注： 驱蚊器发任务分可能但是解放大道的
|
|
</li>
|
|
</ul>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import loadingHtml from './components/skeleton/index.vue'
|
|
export default {
|
|
components: {
|
|
loadingHtml,
|
|
},
|
|
data() {
|
|
return {
|
|
loadingShow: true,
|
|
}
|
|
},
|
|
mounted() {
|
|
setTimeout(() => {
|
|
this.loadingShow = false;
|
|
}, 800)
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less">
|
|
@import url("./declarationLog.less");
|
|
</style>
|