|
|
<template name="skeleton">
|
|
|
<view class="sk-container">
|
|
|
<view class="content">
|
|
|
<view class="tab">
|
|
|
<view class="tab-top">
|
|
|
<view class="search" >
|
|
|
<view class="uni-searchbar bar--uni-searchbar">
|
|
|
<view class="uni-searchbar__box bar--uni-searchbar__box" style="border-radius:40px;background-color:#F8F8F8;">
|
|
|
<view class="uni-searchbar__box-icon-search bar--uni-searchbar__box-icon-search">
|
|
|
<view >
|
|
|
<text class="uni-icons icons--uni-icons uniui-search icons--uniui-search sk-pseudo sk-pseudo-circle" style="color:#c0c4cc;font-size:18px;"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<text class="uni-searchbar__text-placeholder bar--uni-searchbar__text-placeholder sk-transparent sk-text-14-2857-62 sk-text">请输入搜索内容</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="add-btn sk-transparent sk-text-26-6667-771 sk-text" style="background-position-x: 50%;">新增</view>
|
|
|
</view>
|
|
|
<view >
|
|
|
<view class="v-tabs tabs--v-tabs data-v-552d3ab8 tabs--data-v-552d3ab8" id="2cadf076--xfjpeter_JZfTEtDrtbRWbRXYkDfmx4f4cYBSmfrr">
|
|
|
<scroll-view class="data-v-552d3ab8 tabs--data-v-552d3ab8" id="2cadf076--scrollContainer" scroll-left="-147.5" scroll-with-animation="true" scroll-x="true" style="position:relative;z-index:1993;">
|
|
|
<view class="v-tabs__container tabs--v-tabs__container data-v-552d3ab8 tabs--data-v-552d3ab8" style="display:inline-flex;white-space:nowrap;background:#fff;height:35px;padding:0;">
|
|
|
<view class="v-tabs__container-item tabs--v-tabs__container-item data-v-552d3ab8 tabs--data-v-552d3ab8 sk-transparent sk-text-14-2857-967 sk-text" style="color:#666;font-size:15px;font-weight:;justify-content:;flex:;padding:0 11px;">全部</view>
|
|
|
<view class="v-tabs__container-item tabs--v-tabs__container-item data-v-552d3ab8 tabs--data-v-552d3ab8 sk-transparent sk-text-14-2857-287 sk-text" style="color:#666;font-size:15px;font-weight:;justify-content:;flex:;padding:0 11px;">已录入</view>
|
|
|
<view class="v-tabs__container-item tabs--v-tabs__container-item data-v-552d3ab8 tabs--data-v-552d3ab8 sk-transparent sk-text-14-2857-880 sk-text" style="color:#666;font-size:15px;font-weight:;justify-content:;flex:;padding:0 11px;">已直发</view>
|
|
|
<view class="v-tabs__container-item tabs--v-tabs__container-item data-v-552d3ab8 tabs--data-v-552d3ab8 sk-transparent sk-text-14-2857-119 sk-text" style="color:#666;font-size:15px;font-weight:;justify-content:;flex:;padding:0 11px;">发送失败</view>
|
|
|
<view class="v-tabs__container-item tabs--v-tabs__container-item data-v-552d3ab8 tabs--data-v-552d3ab8 sk-transparent sk-text-14-2857-918 sk-text" style="color:#666;font-size:15px;font-weight:;justify-content:;flex:;padding:0 11px;">发送超时</view>
|
|
|
<view class="data-v-552d3ab8 tabs--data-v-552d3ab8 v-tabs__container-line tabs--v-tabs__container-line animation tabs--animation" style="background:#3c9cff;width:26px;height: 3px;border-radius:5px;left:26px;transform:translateX(-13px);"></view>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
<view class="v-tabs__placeholder tabs--v-tabs__placeholder data-v-552d3ab8 tabs--data-v-552d3ab8" style="height:0;padding:0;"></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="swipe-action-box">
|
|
|
<view class="swipe-action__content">
|
|
|
<view class="swipe-action__content__top">
|
|
|
<view class="left" >
|
|
|
<text class="iconfont icon-yundanhao sk-pseudo sk-pseudo-circle"></text>
|
|
|
<text class="sk-transparent sk-text-32-5000-316 sk-text">主提单号： 2132123</text>
|
|
|
</view>
|
|
|
<view class="right entered sk-transparent sk-text-22-0000-629 sk-text">已录入</view>
|
|
|
</view>
|
|
|
<view class="swipe-action__content__center">
|
|
|
<view class="area">
|
|
|
<view class="from">
|
|
|
<text class="top sk-transparent sk-text-22-0000-22 sk-text" style="background-position-x: 50%;">起运港</text>
|
|
|
<text class="bottom sk-transparent sk-text-27-5000-837 sk-text" style="background-position-x: 50%;">CDBS</text>
|
|
|
</view>
|
|
|
<text class="iconfont icon-daoda icon sk-pseudo sk-pseudo-circle"></text>
|
|
|
<view class="to">
|
|
|
<text class="top sk-transparent sk-text-22-0000-152 sk-text" style="background-position-x: 50%;">卸货港</text>
|
|
|
<text class="bottom sk-transparent sk-text-27-5000-507 sk-text" style="background-position-x: 50%;">CDBS</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="line-box">
|
|
|
<view class="line">
|
|
|
<text class="left"><text class="iconfont icon-dailishang-dailishangguanli sk-pseudo sk-pseudo-circle"></text>
|
|
|
<text class="sk-transparent sk-text-22-0000-6 sk-text">船代：</text></text>
|
|
|
<text class="right sk-transparent sk-text-22-0000-256 sk-text">中国运通中国</text>
|
|
|
</view>
|
|
|
<view class="line">
|
|
|
<text class="left"><text class="iconfont icon-a-2yubeichuanmingxiugai sk-pseudo sk-pseudo-circle"></text>
|
|
|
<text class="sk-transparent sk-text-22-0000-361 sk-text">船名：</text></text>
|
|
|
<text class="right sk-transparent sk-text-22-0000-727 sk-text">ASDcxASDcx</text>
|
|
|
</view>
|
|
|
<view class="line">
|
|
|
<text class="left"><text class="iconfont icon-lishihangci sk-pseudo sk-pseudo-circle"></text>
|
|
|
<text class="sk-transparent sk-text-22-0000-889 sk-text">航次：</text></text>
|
|
|
<text class="right sk-transparent sk-text-22-0000-411 sk-text">123s123</text>
|
|
|
</view>
|
|
|
<view class="line">
|
|
|
<text class="left"><text class="iconfont icon-shiyongwendang sk-pseudo sk-pseudo-circle"></text>
|
|
|
<text class="sk-transparent sk-text-22-0000-849 sk-text">分提单号：</text></text>
|
|
|
<text class="right sk-transparent sk-text-22-0000-609 sk-text">1231654654654564646546</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="swipe-action__content__bottom">
|
|
|
<view class="declare-log sk-transparent sk-text-22-0000-185 sk-text" style="text-decoration-color: transparent; background-position-x: 50%;">申报日志</view>
|
|
|
<view class="declare-time">
|
|
|
<text class="iconfont icon-shijian sk-pseudo sk-pseudo-circle"></text>
|
|
|
<text class="left sk-transparent sk-text-32-5000-370 sk-text">接受申报：</text>
|
|
|
<text class="right sk-transparent sk-text-32-5000-931 sk-text">2022-11-23 12:00:12</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="swipe-action__content">
|
|
|
<view class="swipe-action__content__top">
|
|
|
<view class="left" >
|
|
|
<text class="iconfont icon-yundanhao sk-pseudo sk-pseudo-circle"></text>
|
|
|
<text class="sk-transparent sk-text-32-5000-329 sk-text">主提单号： 2132123</text>
|
|
|
</view>
|
|
|
<view class="right send-timeout sk-transparent sk-text-22-0000-176 sk-text">发送超时</view>
|
|
|
</view>
|
|
|
<view class="swipe-action__content__center">
|
|
|
<view class="area">
|
|
|
<view class="from">
|
|
|
<text class="top sk-transparent sk-text-22-0000-975 sk-text" style="background-position-x: 50%;">起运港</text>
|
|
|
<text class="bottom sk-transparent sk-text-27-5000-8 sk-text" style="background-position-x: 50%;">CDBS</text>
|
|
|
</view>
|
|
|
<text class="iconfont icon-daoda icon sk-pseudo sk-pseudo-circle"></text>
|
|
|
<view class="to">
|
|
|
<text class="top sk-transparent sk-text-22-0000-230 sk-text" style="background-position-x: 50%;">卸货港</text>
|
|
|
<text class="bottom sk-transparent sk-text-27-5000-229 sk-text" style="background-position-x: 50%;">CDBS</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="line-box">
|
|
|
<view class="line">
|
|
|
<text class="left"><text class="iconfont icon-dailishang-dailishangguanli sk-pseudo sk-pseudo-circle"></text>
|
|
|
<text class="sk-transparent sk-text-22-0000-49 sk-text">船代：</text></text>
|
|
|
<text class="right sk-transparent sk-text-22-0000-116 sk-text">中国运通中国</text>
|
|
|
</view>
|
|
|
<view class="line">
|
|
|
<text class="left"><text class="iconfont icon-a-2yubeichuanmingxiugai sk-pseudo sk-pseudo-circle"></text>
|
|
|
<text class="sk-transparent sk-text-22-0000-652 sk-text">船名：</text></text>
|
|
|
<text class="right sk-transparent sk-text-22-0000-364 sk-text">ASDcxASDcx</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
.sk-transparent {
|
|
|
color: transparent !important;
|
|
|
}
|
|
|
.sk-text-14-2857-62 {
|
|
|
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
|
|
|
background-size: 100% 39.2000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text {
|
|
|
background-origin: content-box !important;
|
|
|
background-clip: content-box !important;
|
|
|
background-color: transparent !important;
|
|
|
color: transparent !important;
|
|
|
background-repeat: repeat-y !important;
|
|
|
}
|
|
|
.sk-text-26-6667-771 {
|
|
|
background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
|
|
|
background-size: 100% 60.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-14-2857-967 {
|
|
|
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
|
|
|
background-size: 100% 42.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-14-2857-287 {
|
|
|
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
|
|
|
background-size: 100% 42.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-14-2857-880 {
|
|
|
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
|
|
|
background-size: 100% 42.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-14-2857-119 {
|
|
|
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
|
|
|
background-size: 100% 42.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-14-2857-918 {
|
|
|
background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
|
|
|
background-size: 100% 42.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-32-5000-316 {
|
|
|
background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
|
|
|
background-size: 100% 80.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-629 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-22 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-27-5000-837 {
|
|
|
background-image: linear-gradient(transparent 27.5000%, #EEEEEE 0%, #EEEEEE 72.5000%, transparent 0%) !important;
|
|
|
background-size: 100% 80.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-152 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-27-5000-507 {
|
|
|
background-image: linear-gradient(transparent 27.5000%, #EEEEEE 0%, #EEEEEE 72.5000%, transparent 0%) !important;
|
|
|
background-size: 100% 80.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-6 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-256 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-361 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-727 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-889 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-411 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-849 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-609 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-185 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-32-5000-370 {
|
|
|
background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
|
|
|
background-size: 100% 80.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-32-5000-931 {
|
|
|
background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
|
|
|
background-size: 100% 80.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-32-5000-329 {
|
|
|
background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
|
|
|
background-size: 100% 80.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-176 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-975 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-27-5000-8 {
|
|
|
background-image: linear-gradient(transparent 27.5000%, #EEEEEE 0%, #EEEEEE 72.5000%, transparent 0%) !important;
|
|
|
background-size: 100% 80.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-230 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-27-5000-229 {
|
|
|
background-image: linear-gradient(transparent 27.5000%, #EEEEEE 0%, #EEEEEE 72.5000%, transparent 0%) !important;
|
|
|
background-size: 100% 80.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-49 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-116 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-652 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-text-22-0000-364 {
|
|
|
background-image: linear-gradient(transparent 22.0000%, #EEEEEE 0%, #EEEEEE 78.0000%, transparent 0%) !important;
|
|
|
background-size: 100% 50.0000rpx;
|
|
|
position: relative !important;
|
|
|
}
|
|
|
.sk-pseudo::before, .sk-pseudo::after {
|
|
|
background: #EFEFEF !important;
|
|
|
background-image: none !important;
|
|
|
color: transparent !important;
|
|
|
border-color: transparent !important;
|
|
|
}
|
|
|
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
|
|
|
border-radius: 0 !important;
|
|
|
}
|
|
|
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
|
|
|
border-radius: 50% !important;
|
|
|
}
|
|
|
.sk-container {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
overflow: hidden;
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
|
|
|
</style> |