|
@@ -1,7 +1,9 @@
|
|
<template>
|
|
<template>
|
|
<div class="container">
|
|
<div class="container">
|
|
- <van-search v-model="search" placeholder="请输入批次号" />
|
|
|
|
-
|
|
|
|
|
|
+ <div style="display: flex; justify-content: space-between; background-color: #fff;">
|
|
|
|
+ <van-search style="width: 100%;" v-model="search" placeholder="请输入批次号" />
|
|
|
|
+ <van-icon @click="onSearch" size="20" style="margin: 19px 8px 0 0px;" name="search" />
|
|
|
|
+ </div>
|
|
<div class="batch">
|
|
<div class="batch">
|
|
<div class="batch-top">
|
|
<div class="batch-top">
|
|
<div style="font-size: 16px;">批次号:<span style="font-size: 16px;">ff123</span></div>
|
|
<div style="font-size: 16px;">批次号:<span style="font-size: 16px;">ff123</span></div>
|
|
@@ -29,7 +31,6 @@
|
|
@click="onSureRetention">设为滞留</van-button>
|
|
@click="onSureRetention">设为滞留</van-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <!-- 各个运单 -->
|
|
|
|
<div class="batch-middel">
|
|
<div class="batch-middel">
|
|
<div class="batch-middel-text">
|
|
<div class="batch-middel-text">
|
|
<div class="batch-middel-text-style">【xx】运单号:xxxxx</div>
|
|
<div class="batch-middel-text-style">【xx】运单号:xxxxx</div>
|
|
@@ -38,37 +39,20 @@
|
|
<div class="batch-middel-text-style">楼层:</div>
|
|
<div class="batch-middel-text-style">楼层:</div>
|
|
<div class="batch-middel-text-style">座位号:</div>
|
|
<div class="batch-middel-text-style">座位号:</div>
|
|
<div style="display: flex;" class="batch-middel-text-style">联系方式:138XXXX1234 <van-button
|
|
<div style="display: flex;" class="batch-middel-text-style">联系方式:138XXXX1234 <van-button
|
|
- style="margin-top: -5px; border-radius: 6px;" type="info" size="mini">拨打</van-button>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div style="display: flex; padding-top: 5px;">
|
|
|
|
- <van-button style="width: 100px; border-radius: 6px;" size="small" type="info"
|
|
|
|
- @click="onReceiving">签收
|
|
|
|
- </van-button>
|
|
|
|
- <van-button style="width: 100px; border-radius: 6px;" size="small" type="danger"
|
|
|
|
- @click="onSureRetention">设为滞留</van-button>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <!-- 各个运单 -->
|
|
|
|
- <div class="batch-middel">
|
|
|
|
- <div class="batch-middel-text">
|
|
|
|
- <div class="batch-middel-text-style">【xx】运单号:xxxxx</div>
|
|
|
|
- <div class="batch-middel-text-style">收件人:xxx</div>
|
|
|
|
- <div class="batch-middel-text-style">部门:</div>
|
|
|
|
- <div class="batch-middel-text-style">楼层:</div>
|
|
|
|
- <div class="batch-middel-text-style">座位号:</div>
|
|
|
|
- <div style="display: flex;" class="batch-middel-text-style">联系方式:138XXXX1234 <van-button
|
|
|
|
- style="margin-top: -5px; border-radius: 6px;" type="info" size="mini">拨打</van-button>
|
|
|
|
|
|
+ style="margin-top: -5px; border-radius: 6px;" type="info" plain
|
|
|
|
+ size="mini">拨打</van-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div style="display: flex; padding-top: 5px;">
|
|
|
|
- <van-button style="width: 100px; border-radius: 6px;" size="small" type="info"
|
|
|
|
|
|
+ <div style="display: flex; justify-content:space-around; padding-top: 5px;">
|
|
|
|
+ <van-button style="width: 100px; border-radius: 6px;" size="small" plain type="info"
|
|
@click="onReceiving">签收
|
|
@click="onReceiving">签收
|
|
</van-button>
|
|
</van-button>
|
|
- <van-button style="width: 100px; border-radius: 6px;" size="small" type="danger"
|
|
|
|
|
|
+ <van-button style="width: 100px; border-radius: 6px;" size="small" plain type="danger"
|
|
@click="onSureRetention">设为滞留</van-button>
|
|
@click="onSureRetention">设为滞留</van-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div @click="onUnfold" class="batch-bottom">
|
|
<div @click="onUnfold" class="batch-bottom">
|
|
@@ -141,13 +125,14 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+import { appOutboundInquiry } from '@/api/index'
|
|
export default {
|
|
export default {
|
|
name: 'waitsent',
|
|
name: 'waitsent',
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
shouldHideOverflow: true,
|
|
shouldHideOverflow: true,
|
|
qwe: '',
|
|
qwe: '',
|
|
- search: '',
|
|
|
|
|
|
+ search: 'SF202303221917',
|
|
receiving: false,//签收
|
|
receiving: false,//签收
|
|
retention: false,//滞留
|
|
retention: false,//滞留
|
|
selectedOption: '', // 设置为空字符串,等待选择
|
|
selectedOption: '', // 设置为空字符串,等待选择
|
|
@@ -163,6 +148,20 @@ export default {
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ // 搜索批次号
|
|
|
|
+ async onSearch() {
|
|
|
|
+ console.log('111')
|
|
|
|
+ let parmas = {
|
|
|
|
+ dispatchBatchNo: this.search, // 批次号
|
|
|
|
+ deliveryPeopleId: localStorage.getItem('courierId'), //派送员id
|
|
|
|
+ isFinish: '2',//完成 1已完成 2未完成
|
|
|
|
+ page: '1',
|
|
|
|
+ limit: '1',
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ const res = await appOutboundInquiry({ ...parmas }, { emulateJSON: true })
|
|
|
|
+ console.log(res, 'res==============')
|
|
|
|
+ },
|
|
// 签收
|
|
// 签收
|
|
onReceiving() {
|
|
onReceiving() {
|
|
this.receiving = true;
|
|
this.receiving = true;
|