emis-app/pages/tms/entruckingScanning.vue

152 lines
3.2 KiB
Vue
Raw Normal View History

2024-02-01 15:35:47 +00:00
<template>
<tpx-layout>
<template v-slot:body>
<view class="blcok-white-noradius" style="margin-top: 0;">
<u-row justify="between">
<view style="flex:1;">
<tpx-scan-input v-model:value="submitParam.yundanhao" placeholder="请输入运单号或扫码"
iconPos="left"></tpx-scan-input>
</view>
</u-row>
<u-row custom-style="margin-top:20rpx;">
<view style="flex: 1;">
<tpx-select placeholder="装车批次" :isWhite="true"></tpx-select>
</view>
</u-row>
<view class="mt-20">
<bpe-goodphoto-tmp title="装车图片" :value="submitParam" filedName="phName"></bpe-goodphoto-tmp>
</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 class="blcok-white-noradius">
<bo-operator-tmp>
<template v-slot:titleRight>
<button size="mini">查看装车记录</button>
</template>
</bo-operator-tmp>
</view>
<view class="blcok-white-noradius">
<!-- <u-row justify="between">
<text class="font-weight">运单列表</text>
<view >
</view>
</u-row> -->
<view class="">
<view class="pb-20">
<u-row>
<u-col span="8">
<text class="font-weight">运单号</text>
</u-col>
<u-col span="4">
<text class="font-weight">扫描时间</text>
</u-col>
</u-row>
</view>
<view v-for="(item, index) in yundanList" class="yditem">
<u-row>
<u-col span="8">
<text class="">T2919292</text>
</u-col>
<u-col span="4">
<text class="clr-sub">12-18 13:18</text>
</u-col>
</u-row>
</view>
</view>
</view>
</template>
<template v-slot:footer>
</template>
</tpx-layout>
</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,
},
yundanList: [
{ val: 'T7080304037' },{ val: 'T708012124037' },{ val: 'T7080304092' }
]
}
},
onShareAppMessage() {
return {
// title: '',
// path: 'TODO'
}
},
onLoad() {
this.initData();
},
onUnload() {
},
methods: {
getCdnUrl,
initData() {
// uni.showLoading({
// title: '加载中'
// });
},
handleSubmit() {
}
}
}
</script>
<style lang="scss">
@import '@/common/uni-nvue.scss';
page {
background-color: #F6F6F6;
height: 100% !important;
}
</style>
<style scoped lang="scss">
.yditem{
padding: 20rpx 0;
border-top: 2px solid #F6F6F6;
}
</style>