uu
This commit is contained in:
aihe
parent
a30d694cdb
commit
ee6ac721ac
@ -46,9 +46,9 @@
|
||||
<view style="display: inline-block;white-space: nowrap;" class="mt-10">
|
||||
<u-row>
|
||||
<u-button @click="goto(`warehousing/detail?id=${211}`)" shape="circle" type="primary"
|
||||
custom-style="height: 54rpx;margin-left: 20rpx;">进仓单</u-button>
|
||||
custom-style="height: 54rpx;margin-left: 20rpx;">入仓单</u-button>
|
||||
<u-button shape="circle" type="primary" :plain="true"
|
||||
custom-style="height: 54rpx;margin-left: 20rpx;">补单证资料</u-button>
|
||||
custom-style="height: 54rpx;margin-left: 20rpx;">单证</u-button>
|
||||
</u-row>
|
||||
</view>
|
||||
</u-row>
|
||||
@ -166,6 +166,33 @@
|
||||
<buns-locus-pos :list="[{},{},{}]"></buns-locus-pos>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="dt-block">
|
||||
<view class="dt-tle">
|
||||
<view class="t1">底单图片</view>
|
||||
<view class="t2"></view>
|
||||
</view>
|
||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
||||
<view class="blcok-grey-sm" style="margin-top: 0;">
|
||||
<view>收件进仓单图片</view>
|
||||
<u-image @click="handlePreviewDiDan()" :src="getCdnUrl(`mine/kjcha.png`)" width="100" height="100" mode="aspectFill"
|
||||
custom-style="margin: 20rpx 20rpx 0 0;"
|
||||
></u-image>
|
||||
</view>
|
||||
<view class="blcok-grey-sm mt-20">
|
||||
<view>签收货物图片</view>
|
||||
<u-image @click="handlePreviewDiDan()" :src="getCdnUrl(`mine/kjcha.png`)" width="100" height="100" mode="aspectFill"
|
||||
custom-style="margin: 20rpx 20rpx 0 0;"
|
||||
></u-image>
|
||||
</view>
|
||||
<view class="blcok-grey-sm mt-20">
|
||||
<view>签收签名图片</view>
|
||||
<u-image @click="handlePreviewDiDan()" :src="getCdnUrl(`mine/kjcha.png`)" width="100" height="100" mode="aspectFill"
|
||||
custom-style="margin: 20rpx 20rpx 0 0;"
|
||||
></u-image>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height: 30rpx;"></view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@ -257,4 +284,5 @@
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -8,7 +8,7 @@
|
||||
</slot>
|
||||
</u-row>
|
||||
|
||||
<view class="pd-20" >
|
||||
<view class="pd-20 pt-20" >
|
||||
<u-row justify="between">
|
||||
<u-button @click="handleBtnCheck('no')" size="large" shape="circle"
|
||||
custom-style="height:80rpx;font-size: 30rpx;width:45%;margin:0;">
|
||||
|
||||
@ -93,6 +93,12 @@
|
||||
"navigationBarTitleText": "物流轨迹"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/post/query",
|
||||
"style": {
|
||||
"navigationBarTitleText": "快递查询"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/post/freightCalculate",
|
||||
"style": {
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
</view>
|
||||
</template>
|
||||
<template v-slot:footer>
|
||||
<view class="blcok-white-noradius">
|
||||
<!-- <view class="blcok-white-noradius">
|
||||
<u-row justify="space-around">
|
||||
<u-button :plain="true" size="large" shape="circle" custom-style="margin: 0 10rpx;height:80rpx;font-size: 30rpx;"
|
||||
>修改
|
||||
@ -19,7 +19,7 @@
|
||||
>再来一单
|
||||
</u-button>
|
||||
</u-row>
|
||||
</view>
|
||||
</view> -->
|
||||
</template>
|
||||
</tpx-layout>
|
||||
</template>
|
||||
|
||||
254
pages/post/query.vue
Normal file
254
pages/post/query.vue
Normal file
@ -0,0 +1,254 @@
|
||||
<template>
|
||||
<tpx-layout>
|
||||
<template v-slot:header>
|
||||
<view class="pgb-header">
|
||||
<view class="com-jianju">
|
||||
<tpx-scan-input v-model:value="searchParam.yundanhao" placeholder="请输入单号或扫码"
|
||||
iconPos="right"></tpx-scan-input>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template v-slot:body>
|
||||
<div style="min-height: 100%;display: flex;flex-direction: column;">
|
||||
<view style="position: relative;">
|
||||
|
||||
<view class="mp-aside">
|
||||
<u-row justify="between">
|
||||
<u-row @click="setClipboardData(`T7080304038`)">
|
||||
<view>
|
||||
<u-text :text="'运单号：'+ 'T7080304038'" size="26"></u-text>
|
||||
</view>
|
||||
<view class="pl-10">
|
||||
<u-icon name="file-text" size="32" custom-style=""></u-icon>
|
||||
</view>
|
||||
</u-row>
|
||||
<view @click="goto(`post/detail?id={${22}}`)" class="com-tag-grey">
|
||||
运单信息
|
||||
</view>
|
||||
</u-row>
|
||||
|
||||
<u-row @click="handleDealItem(orItem, { type: 1 })" custom-style="margin-top: 30rpx;" justify="center">
|
||||
<u-col span="4">
|
||||
<u-text :text="'中国上海'" size="30" :bold="true" align="center"></u-text>
|
||||
<u-text :text="'张三'" size="26" color="#999" margin="20rpx 0 0 0"
|
||||
align="center"></u-text>
|
||||
</u-col>
|
||||
<u-col span="4" justify="center" align="center" custom-style="text-align: center;">
|
||||
<image style="width: 70rpx;height: 14rpx;" :src="getCdnUrl('search/toline.png')">
|
||||
</image>
|
||||
<!-- getCdnUrl('search/toline-grey.png') -->
|
||||
<u-text :text="'待付款'" align="center" size="22" margin="10rpx 0 0 0"></u-text>
|
||||
</u-col>
|
||||
<u-col span="4">
|
||||
<u-text :text="'越南'" size="30" :bold="true" align="center"></u-text>
|
||||
<u-text :text="'李四'" size="26" color="#999" margin="20rpx 0 0 0"
|
||||
align="center"></u-text>
|
||||
</u-col>
|
||||
</u-row>
|
||||
|
||||
<u-text :text="'下单时间：' + '2022-04-30 15:25'" color="#999" size="24"
|
||||
margin="30rpx 0 0 0"></u-text>
|
||||
</view>
|
||||
|
||||
<view class="mp-aside">
|
||||
<u-row justify="between" align="top">
|
||||
<view class="font-28 font-weight">
|
||||
货物图片
|
||||
</view>
|
||||
<view style="width: 120rpx;">
|
||||
<u-button @click="handleCheckDanJu" :plain="true" shape="circle" custom-style="margin: 0 10rpx;height:50rpx;font-size: 28rpx;">
|
||||
查看
|
||||
</u-button>
|
||||
</view>
|
||||
</u-row>
|
||||
<view>
|
||||
<u-row>
|
||||
<u-image @click="handlePreviewDiDan()" :src="getCdnUrl(`mine/kjcha.png`)" width="100" height="50" mode="aspectFill"
|
||||
custom-style="margin: 20rpx 20rpx 0 0;"
|
||||
></u-image>
|
||||
</u-row>
|
||||
</view>
|
||||
|
||||
<u-row justify="between" align="top" custom-style="margin-top:30rpx;">
|
||||
<view class="font-28 font-weight">
|
||||
签收底单
|
||||
</view>
|
||||
<view style="width: 120rpx;">
|
||||
<u-button @click="handleCheckDanJu" :plain="true" shape="circle" custom-style="margin: 0 10rpx;height:50rpx;font-size: 28rpx;">
|
||||
查看
|
||||
</u-button>
|
||||
</view>
|
||||
</u-row>
|
||||
<view>
|
||||
<u-row>
|
||||
<u-image @click="handlePreviewDiDan()" :src="getCdnUrl(`mine/kjcha.png`)" width="100" height="50" mode="aspectFill"
|
||||
custom-style="margin: 20rpx 20rpx 0 0;"
|
||||
></u-image>
|
||||
</u-row>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="dt-block">
|
||||
<view class="dt-item">
|
||||
<buns-locus-pos :list="[{},{},{},{},{}]"></buns-locus-pos>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</template>
|
||||
</tpx-layout>
|
||||
|
||||
<tpx-dialog type="type-dialog" v-model:show="danCheckModal.show" title="输入号码后4位">
|
||||
<view style="position: relative;height: 360rpx; width: 500rpx;">
|
||||
<tpx-layout>
|
||||
<template v-slot:body>
|
||||
<view class="mt-20">
|
||||
<u-row justify="center">
|
||||
<text class="font-28 clr-sub">输入寄件人或收件人于机号码后四位</text>
|
||||
</u-row>
|
||||
</view>
|
||||
<view class="mt-40">
|
||||
<u-row justify="center">
|
||||
<u-code-input v-model="danCheckModal.yanCode" maxlength="4" space="20" fontSize="36" size="80"></u-code-input>
|
||||
</u-row>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<template v-slot:footer>
|
||||
<view class="blcok-white-noradius" style="margin-top: 0;margin-bottom: 0;">
|
||||
<u-button @click="handleSubmitDanCheck" type="primary" size="large" shape="circle"
|
||||
custom-style="height:80rpx;font-size: 30rpx;">
|
||||
确认
|
||||
</u-button>
|
||||
</view>
|
||||
</template>
|
||||
</tpx-layout>
|
||||
</view>
|
||||
</tpx-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import getCdnUrl from "@/common/getCdnUrl"
|
||||
|
||||
import {
|
||||
goto,
|
||||
goBack,
|
||||
scanCode,
|
||||
setClipboardData,
|
||||
confirmModal,
|
||||
makePhoneCall,
|
||||
showLoading
|
||||
} from "@/common/untool"
|
||||
|
||||
export default {
|
||||
props: {
|
||||
// hasLeftWin: {
|
||||
// type: Boolean
|
||||
// }
|
||||
},
|
||||
computed: {},
|
||||
data() {
|
||||
return {
|
||||
danCheckModal: {
|
||||
show: false
|
||||
},
|
||||
searchParam: {
|
||||
keyword: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
// title: '',
|
||||
// path: 'TODO'
|
||||
}
|
||||
},
|
||||
onLoad(queryOption) {
|
||||
this.queryOption = queryOption
|
||||
this.initData();
|
||||
},
|
||||
onUnload() {},
|
||||
methods: {
|
||||
setClipboardData,
|
||||
goBack,
|
||||
goto,
|
||||
getCdnUrl,
|
||||
initData() {
|
||||
// showLoading()
|
||||
},
|
||||
handleCheckDanJu() {
|
||||
this.danCheckModal.show = true
|
||||
},
|
||||
handlePreviewDiDan() {
|
||||
uni.previewImage({
|
||||
urls: [
|
||||
this.getCdnUrl(`mine/kjcha.png`)
|
||||
]
|
||||
})
|
||||
},
|
||||
handleSearchParamChange() {
|
||||
|
||||
},
|
||||
async handleScan () {
|
||||
const res = await scanCode()
|
||||
},
|
||||
handleSubmitDanCheck() {
|
||||
this.danCheckModal.show = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '@/common/uni-nvue.scss';
|
||||
|
||||
page {
|
||||
background-color: #F6F6F6;
|
||||
height: 100% !important;
|
||||
}
|
||||
.pgb-header {
|
||||
// padding-top: --status-bar-height;
|
||||
padding-top: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
background-color: #FFF;
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
<style scoped lang="scss">
|
||||
|
||||
.mp-aside{
|
||||
margin: 30rpx;
|
||||
padding: 30rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.dt-block {
|
||||
flex: 1;
|
||||
padding: 30rpx;
|
||||
background-color: #FFF;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dt-tle {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
.t1 {
|
||||
font-size: 30rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.t2 {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.dt-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-bottom: 20rpx;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
@ -87,7 +87,7 @@
|
||||
{ title: '进仓查询', subTitle: "", icon: getCdnUrl(`home/jincchx.png`), url: '' }
|
||||
],
|
||||
otherBtnlist: [
|
||||
{ title: '运单查询', subTitle: "", icon: getCdnUrl(`home/kdchxun.png`), url: '' },
|
||||
{ title: '运单查询', subTitle: "", icon: getCdnUrl(`home/kdchxun.png`), url: 'post/query' },
|
||||
{ title: '我的二维码', subTitle: "", icon: getCdnUrl(`home/woderwm.png`), url: 'user/exclusiveQrcode' },
|
||||
{ title: '报价试算', subTitle: "", icon: getCdnUrl(`home/baojshs.png`), url: 'post/freightCalculate' },
|
||||
{ title: '问题件', subTitle: "", icon: getCdnUrl(`home/wentijian.png`), url: 'deliveryDeal/problemsRegisteScanning' },
|
||||
|
||||
197
pages/tms/customsClearanceScanning.vue
Normal file
197
pages/tms/customsClearanceScanning.vue
Normal file
@ -0,0 +1,197 @@
|
||||
<template>
|
||||
<tpx-layout>
|
||||
<template v-slot:body>
|
||||
|
||||
<scroll-view :scroll-y="true" @scrolltolower="onScrollBottom()" class="pos-abt-all"
|
||||
>
|
||||
|
||||
<view class="blcok-white-noradius" style="margin-top: 0;">
|
||||
<u-row >
|
||||
<view style="flex: 1;">
|
||||
<tpx-select placeholder="目的国" :isWhite="true"></tpx-select>
|
||||
</view>
|
||||
</u-row>
|
||||
<u-row justify="between" custom-style="margin-top:20rpx;">
|
||||
<view style="flex:1;">
|
||||
<tpx-date-input v-model:value="submitParam.date" placeholder="请选择时间"></tpx-date-input>
|
||||
</view>
|
||||
</u-row>
|
||||
<view class="mt-20">
|
||||
<u-radio-group v-model="submitParam.type"
|
||||
@change="groupChange"
|
||||
>
|
||||
<u-radio v-for="(item, index) in cusTypeList" :label="item.title" :name="item.val"
|
||||
activeColor="#B12D29" size="30" labelSize="26" :custom-style="`margin-right: ${index+1<cusTypeList.length?100:0}rpx;`"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view class="mt-30">
|
||||
<u-button @click="handleSubmit()" type="primary" size="large" shape="square"
|
||||
custom-style="height:80rpx;font-size: 30rpx;border-radius: 14rpx;">查询</u-button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 列表数据 -->
|
||||
<view v-for="(orItem) in ordList" class="ord-list-item">
|
||||
<view cclass="">
|
||||
<view>
|
||||
<text class="clr-sub olilabel">批次号</text>
|
||||
<text>凭祥口岸批次-20231219-001</text>
|
||||
</view>
|
||||
<view class="mt-10">
|
||||
<text class="clr-sub olilabel">状态</text>
|
||||
<text>待清关/清关中/清关完成/清关异常 </text>
|
||||
</view>
|
||||
<view class="mt-10">
|
||||
<text class="clr-sub olilabel">操作时间</text>
|
||||
<text>12-18 13:18</text>
|
||||
</view>
|
||||
</view>
|
||||
<u-line color="#DEDEDE" margin="30rpx 0 0 0"></u-line>
|
||||
<u-row justify="end" custom-style="margin-top:20rpx;">
|
||||
<view style="display: inline-block;white-space: nowrap;">
|
||||
<u-row>
|
||||
<u-button shape="circle" type="primary" :plain="true"
|
||||
custom-style="height: 54rpx;margin-left: 12rpx;">开始清关</u-button>
|
||||
<u-button @click="goto(`post/post?id=${222}`)" shape="circle" type="primary" :plain="true"
|
||||
custom-style="height: 54rpx;margin-left: 12rpx;">清关完成</u-button>
|
||||
<u-button @click="handleFeedSwitch(orItem)" shape="circle"
|
||||
:plain="true" custom-style="height: 54rpx;margin-left: 12rpx;">报告异常</u-button>
|
||||
</u-row>
|
||||
</view>
|
||||
|
||||
</u-row>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 加载更多 -->
|
||||
<u-loadmore icon-size="28" font-size="28" margin-top="30" v-if="showLoadMore || loadedAll"
|
||||
:status="loadedAll ? 'nomore' : 'loading'" />
|
||||
|
||||
<!-- 空数据页 -->
|
||||
<view v-if="ordList.length == 0" style="padding-top: 100rpx;">
|
||||
<u-empty text="无数据" :icon="getCdnUrl('kong.png')" textSize="28" width="86" height="97">
|
||||
</u-empty>
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
</template>
|
||||
<template v-slot:footer>
|
||||
</template>
|
||||
</tpx-layout>
|
||||
|
||||
<tpx-com-dialog v-model:show="feedModal.show" title="填写异常" @onSure="handleSubmitFeed">
|
||||
<template v-slot:body>
|
||||
<u-textarea v-model="otherDes" border="surround" height="120" placeholder="请输入"
|
||||
maxlength="50" count></u-textarea>
|
||||
</template>
|
||||
</tpx-com-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import getCdnUrl from "@/common/getCdnUrl"
|
||||
import {
|
||||
ordStaEnum,
|
||||
ordStatusList,
|
||||
payTypeEnum,
|
||||
payTypeList,
|
||||
dlvTypeEnum,
|
||||
dlvTypeList,
|
||||
dateTypeEnum,
|
||||
dateTypeList
|
||||
} from "@/common/enum"
|
||||
import BoOperatorTmp from "@/components/buns-order-templates/bo-operator-tmp"
|
||||
import BpeGoodphotoTmp from "@/components/buns-post-edit-templates/bpe-goodphoto-tmp"
|
||||
import {
|
||||
goto
|
||||
} from "@/common/untool"
|
||||
export default {
|
||||
components:{ BoOperatorTmp, BpeGoodphotoTmp },
|
||||
props: {
|
||||
// hasLeftWin: {
|
||||
// type: Boolean
|
||||
// }
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
submitParam: {
|
||||
date: [],
|
||||
type: 1,
|
||||
},
|
||||
cusTypeList: [
|
||||
{ title: '待清关', val: 1 },
|
||||
{ title: '清关完成', val: 2 }
|
||||
],
|
||||
ordList: [
|
||||
{},{}
|
||||
// ,{},{},{},{},{},{},{}
|
||||
],
|
||||
feedModal: {
|
||||
show: false
|
||||
},
|
||||
showLoadMore: false,
|
||||
loadedAll: false
|
||||
}
|
||||
},
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
// title: '',
|
||||
// path: 'TODO'
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.initData();
|
||||
},
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
getCdnUrl,
|
||||
|
||||
initData() {
|
||||
// uni.showLoading({
|
||||
// title: '加载中'
|
||||
// });
|
||||
},
|
||||
handleSubmit() {
|
||||
|
||||
},
|
||||
handleFeedSwitch(item) {
|
||||
this.feedModal.show = true
|
||||
},
|
||||
handleSubmitFeed() {
|
||||
this.feedModal.show = false
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '@/common/uni-nvue.scss';
|
||||
|
||||
page {
|
||||
background-color: #F6F6F6;
|
||||
height: 100% !important;
|
||||
}
|
||||
</style>
|
||||
<style scoped lang="scss">
|
||||
.ord-list-item{
|
||||
box-shadow: 0rpx 3rpx 12rpx 0rpx rgba(139,139,139,0.06);
|
||||
border-radius: 20rpx;
|
||||
padding: 22rpx 30rpx;
|
||||
background-color: #fff;
|
||||
margin: 30rpx;
|
||||
}
|
||||
.olilabel{
|
||||
display: inline-block;
|
||||
width: 120rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
</style>
|
||||
197
pages/tms/customsDeclarationScanning.vue
Normal file
197
pages/tms/customsDeclarationScanning.vue
Normal file
@ -0,0 +1,197 @@
|
||||
<template>
|
||||
<tpx-layout>
|
||||
<template v-slot:body>
|
||||
|
||||
<scroll-view :scroll-y="true" @scrolltolower="onScrollBottom()" class="pos-abt-all"
|
||||
>
|
||||
|
||||
<view class="blcok-white-noradius" style="margin-top: 0;">
|
||||
<u-row >
|
||||
<view style="flex: 1;">
|
||||
<tpx-select placeholder="目的国" :isWhite="true"></tpx-select>
|
||||
</view>
|
||||
</u-row>
|
||||
<u-row justify="between" custom-style="margin-top:20rpx;">
|
||||
<view style="flex:1;">
|
||||
<tpx-date-input v-model:value="submitParam.date" placeholder="请选择时间"></tpx-date-input>
|
||||
</view>
|
||||
</u-row>
|
||||
<view class="mt-20">
|
||||
<u-radio-group v-model="submitParam.type"
|
||||
@change="groupChange"
|
||||
>
|
||||
<u-radio v-for="(item, index) in cusTypeList" :label="item.title" :name="item.val"
|
||||
activeColor="#B12D29" size="30" labelSize="26" :custom-style="`margin-right: ${index+1<cusTypeList.length?100:0}rpx;`"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view class="mt-30">
|
||||
<u-button @click="handleSubmit()" type="primary" size="large" shape="square"
|
||||
custom-style="height:80rpx;font-size: 30rpx;border-radius: 14rpx;">查询</u-button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 列表数据 -->
|
||||
<view v-for="(orItem) in ordList" class="ord-list-item">
|
||||
<view cclass="">
|
||||
<view>
|
||||
<text class="clr-sub olilabel">批次号</text>
|
||||
<text>凭祥口岸批次-20231219-001</text>
|
||||
</view>
|
||||
<view class="mt-10">
|
||||
<text class="clr-sub olilabel">状态</text>
|
||||
<text>待报关/报关中/报关完成/报关异常 </text>
|
||||
</view>
|
||||
<view class="mt-10">
|
||||
<text class="clr-sub olilabel">操作时间</text>
|
||||
<text>12-18 13:18</text>
|
||||
</view>
|
||||
</view>
|
||||
<u-line color="#DEDEDE" margin="30rpx 0 0 0"></u-line>
|
||||
<u-row justify="end" custom-style="margin-top:20rpx;">
|
||||
<view style="display: inline-block;white-space: nowrap;">
|
||||
<u-row>
|
||||
<u-button shape="circle" type="primary" :plain="true"
|
||||
custom-style="height: 54rpx;margin-left: 12rpx;">开始报关</u-button>
|
||||
<u-button @click="goto(`post/post?id=${222}`)" shape="circle" type="primary" :plain="true"
|
||||
custom-style="height: 54rpx;margin-left: 12rpx;">报关完成</u-button>
|
||||
<u-button @click="handleFeedSwitch(orItem)" shape="circle"
|
||||
:plain="true" custom-style="height: 54rpx;margin-left: 12rpx;">报告异常</u-button>
|
||||
</u-row>
|
||||
</view>
|
||||
|
||||
</u-row>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 加载更多 -->
|
||||
<u-loadmore icon-size="28" font-size="28" margin-top="30" v-if="showLoadMore || loadedAll"
|
||||
:status="loadedAll ? 'nomore' : 'loading'" />
|
||||
|
||||
<!-- 空数据页 -->
|
||||
<view v-if="ordList.length == 0" style="padding-top: 100rpx;">
|
||||
<u-empty text="无数据" :icon="getCdnUrl('kong.png')" textSize="28" width="86" height="97">
|
||||
</u-empty>
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
</template>
|
||||
<template v-slot:footer>
|
||||
</template>
|
||||
</tpx-layout>
|
||||
|
||||
<tpx-com-dialog v-model:show="feedModal.show" title="填写异常" @onSure="handleSubmitFeed">
|
||||
<template v-slot:body>
|
||||
<u-textarea v-model="otherDes" border="surround" height="120" placeholder="请输入"
|
||||
maxlength="50" count></u-textarea>
|
||||
</template>
|
||||
</tpx-com-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import getCdnUrl from "@/common/getCdnUrl"
|
||||
import {
|
||||
ordStaEnum,
|
||||
ordStatusList,
|
||||
payTypeEnum,
|
||||
payTypeList,
|
||||
dlvTypeEnum,
|
||||
dlvTypeList,
|
||||
dateTypeEnum,
|
||||
dateTypeList
|
||||
} from "@/common/enum"
|
||||
import BoOperatorTmp from "@/components/buns-order-templates/bo-operator-tmp"
|
||||
import BpeGoodphotoTmp from "@/components/buns-post-edit-templates/bpe-goodphoto-tmp"
|
||||
import {
|
||||
goto
|
||||
} from "@/common/untool"
|
||||
export default {
|
||||
components:{ BoOperatorTmp, BpeGoodphotoTmp },
|
||||
props: {
|
||||
// hasLeftWin: {
|
||||
// type: Boolean
|
||||
// }
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
submitParam: {
|
||||
date: [],
|
||||
type: 1,
|
||||
},
|
||||
cusTypeList: [
|
||||
{ title: '待报关', val: 1 },
|
||||
{ title: '报关完成', val: 2 }
|
||||
],
|
||||
ordList: [
|
||||
{},{}
|
||||
// ,{},{},{},{},{},{},{}
|
||||
],
|
||||
feedModal: {
|
||||
show: false
|
||||
},
|
||||
showLoadMore: false,
|
||||
loadedAll: false
|
||||
}
|
||||
},
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
// title: '',
|
||||
// path: 'TODO'
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.initData();
|
||||
},
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
getCdnUrl,
|
||||
|
||||
initData() {
|
||||
// uni.showLoading({
|
||||
// title: '加载中'
|
||||
// });
|
||||
},
|
||||
handleSubmit() {
|
||||
|
||||
},
|
||||
handleFeedSwitch(item) {
|
||||
this.feedModal.show = true
|
||||
},
|
||||
handleSubmitFeed() {
|
||||
this.feedModal.show = false
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '@/common/uni-nvue.scss';
|
||||
|
||||
page {
|
||||
background-color: #F6F6F6;
|
||||
height: 100% !important;
|
||||
}
|
||||
</style>
|
||||
<style scoped lang="scss">
|
||||
.ord-list-item{
|
||||
box-shadow: 0rpx 3rpx 12rpx 0rpx rgba(139,139,139,0.06);
|
||||
border-radius: 20rpx;
|
||||
padding: 22rpx 30rpx;
|
||||
background-color: #fff;
|
||||
margin: 30rpx;
|
||||
}
|
||||
.olilabel{
|
||||
display: inline-block;
|
||||
width: 120rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user