96 lines
1.6 KiB
Vue
96 lines
1.6 KiB
Vue
<template>
|
|
<tpx-scroll-view v-model:resObject="modelRes"
|
|
>
|
|
<view class="">
|
|
<view class="pb-20">
|
|
<u-row>
|
|
<u-col span="8">
|
|
<text class="font-weight">{{customTabelConf.head[0] || '运单号'}}</text>
|
|
</u-col>
|
|
<u-col span="4">
|
|
<text class="font-weight">{{customTabelConf.head[1] || '扫描时间'}}</text>
|
|
</u-col>
|
|
</u-row>
|
|
</view>
|
|
<view v-for="(item, index) in modelRes.list" class="yditem">
|
|
<u-row>
|
|
<u-col span="8">
|
|
<text class="">{{item.billCode}}</text>
|
|
</u-col>
|
|
<u-col span="4">
|
|
<u-row>
|
|
<text class="clr-sub">{{item.scanDate}}</text>
|
|
<u-row v-if="canDel" @click="handleDel(index)" justify="center" custom-style="height: 60rpx;width: 60rpx;">
|
|
<u-icon name="trash" size="32"></u-icon>
|
|
</u-row>
|
|
</u-row>
|
|
</u-col>
|
|
</u-row>
|
|
</view>
|
|
</view>
|
|
</tpx-scroll-view>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
components: { },
|
|
computed: {
|
|
modelRes: {
|
|
get(){
|
|
return this.resData
|
|
}
|
|
},
|
|
},
|
|
props: {
|
|
resData: {
|
|
default () {
|
|
return { list: [] }
|
|
}
|
|
},
|
|
canDel: {
|
|
default () {
|
|
return false
|
|
}
|
|
},
|
|
customTabelConf: {
|
|
default () {
|
|
return {
|
|
head: []
|
|
}
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
created() {
|
|
},
|
|
onHide() {
|
|
|
|
},
|
|
unmounted() {
|
|
|
|
},
|
|
methods: {
|
|
handleDel(index){
|
|
this.modelRes.list.splice(index, 1)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import '@/common/uni-nvue.scss';
|
|
|
|
</style>
|
|
<style scoped lang="scss">
|
|
.yditem{
|
|
padding: 20rpx 0;
|
|
border-top: 2px solid #F6F6F6;
|
|
&:last-child{
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
</style> |