YXQ
2 years ago
parent
844494ed8d
commit
7b656331eb
|
Before Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 36 KiB |
@ -0,0 +1,192 @@ |
||||
// pages/otherLogistics/otherLogistics.js
|
||||
//重写第三方物流
|
||||
var datePicker = require('../../utils/dateSetting') |
||||
var request = require('../../utils/http') |
||||
var dateUtils = require('../../utils/dateUtils') |
||||
Page({ |
||||
|
||||
/** |
||||
* 页面的初始数据 |
||||
*/ |
||||
data: { |
||||
|
||||
selfOrderCode: '', //物流单号
|
||||
list: [{ |
||||
'id': 1, |
||||
'number': '2023050002', |
||||
'time': '2023-5-12 11:32', |
||||
'status': '已签收', |
||||
'name': '张三', |
||||
'num': 'M2023055568' |
||||
}], |
||||
pipenum: '', |
||||
ins: ['顺丰','京东'], |
||||
insIdx: 0, //物流所选下标
|
||||
date: '', |
||||
start: '2023-07-01', // 时间选择器开始时间
|
||||
end: '', // 时间选择器结束时间
|
||||
|
||||
potoSrc: '../../images/addPoto.png', //默认图片
|
||||
poto: [], //车辆&转运箱照片 最大长度 4
|
||||
|
||||
expectedEndTime: '', //预计到达时间
|
||||
multiArray: [], |
||||
multiIndex: [0, 0, 0, 0, 0], |
||||
choose_year: "", |
||||
srcArray: [], //照片临时路径
|
||||
phone: '', //物流电话
|
||||
boxNum: '', //转运箱号
|
||||
cost: '', //物流费用
|
||||
logisticsMen: '', //物流员
|
||||
notes: '', //备注
|
||||
|
||||
sampleCount: '0', //样本数量
|
||||
//样本列表
|
||||
sampleList: [{ |
||||
'id': 1, |
||||
'number': '2023050002', |
||||
'time': '2023-5-12 11:32', |
||||
'status': '已签收', |
||||
'name': '张三', |
||||
'num': 'M2023055568' |
||||
}] |
||||
}, |
||||
|
||||
//扫描物流单号
|
||||
qrLogisticsCode(e){ |
||||
console.log(JSON.stringify(e)); |
||||
wx.scanCode({ |
||||
success: (res) => { |
||||
this.setData({ |
||||
pipenum: res.result |
||||
}) |
||||
} |
||||
}) |
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面加载 |
||||
*/ |
||||
onLoad(options) { |
||||
|
||||
let now = new Date(); //获取时间
|
||||
let year = now.getFullYear(); //获取当前年
|
||||
let month = now.getMonth() + 1; //获取当前月份
|
||||
this.setData({ |
||||
end: '' + year + '-' + (Array(2).join(0) + month).slice(-2) + '-' + (Array(2).join(0) + now.getDate()).slice(-2), //当前的时间
|
||||
//开始
|
||||
multiArray: [ |
||||
[year + "年", year + 1 + "年", year + 2 + "年"], |
||||
datePicker.determineMonth(), |
||||
datePicker.determineDay(year, month), |
||||
datePicker.determineHour(), |
||||
datePicker.determineMinute() |
||||
], |
||||
//结束
|
||||
multiArray1: [ |
||||
[year + "年", year + 1 + "年", year + 2 + "年"], |
||||
datePicker.determineMonth(), |
||||
datePicker.determineDay(year, month), |
||||
datePicker.determineHour(), |
||||
datePicker.determineMinute() |
||||
], |
||||
}) |
||||
|
||||
//获取物流单号 1.自建物流 2.第三方物流 3.货运物流 [录入第三方物流号]
|
||||
// request.get(`/batch/getBatchsNumber?logisticsWay=1`).then(res => {
|
||||
// if (res.data.code == 200) {
|
||||
// this.data.selfOrderCode = res.data.data
|
||||
// this.setData({
|
||||
// selfOrderCode: res.data.data
|
||||
// })
|
||||
// // this.selSampleList(); //查询物流批次列表
|
||||
// }
|
||||
// })
|
||||
|
||||
|
||||
//获取送检机构列表
|
||||
// request.post(`/institution/selectInstitution`).then(res => {
|
||||
// var array = res.data.data
|
||||
// var tempArr = []
|
||||
// for (let index = 0; index < array.length; index++) {
|
||||
// tempArr.push(array[index].orgName)
|
||||
// }
|
||||
// this.setData({
|
||||
// ins: tempArr
|
||||
// })
|
||||
// })
|
||||
|
||||
//初始化照片按钮
|
||||
var tempSrc = [] |
||||
for (let index = 0; index < 12; index++) { |
||||
tempSrc.push(this.data.potoSrc) |
||||
} |
||||
|
||||
this.setData({ |
||||
poto: tempSrc |
||||
}) |
||||
|
||||
//获取转运箱信息
|
||||
request.post(`/box/selectTranBox`).then(res => { |
||||
var array = res.data.data |
||||
var tempBoxList = [] |
||||
for (let index = 0; index < array.length; index++) { |
||||
tempBoxList.push(array[index].boxNum) |
||||
} |
||||
this.setData({ |
||||
boxList: tempBoxList |
||||
}) |
||||
|
||||
}) |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面初次渲染完成 |
||||
*/ |
||||
onReady() { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面显示 |
||||
*/ |
||||
onShow() { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面隐藏 |
||||
*/ |
||||
onHide() { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面卸载 |
||||
*/ |
||||
onUnload() { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 页面相关事件处理函数--监听用户下拉动作 |
||||
*/ |
||||
onPullDownRefresh() { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 页面上拉触底事件的处理函数 |
||||
*/ |
||||
onReachBottom() { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 用户点击右上角分享 |
||||
*/ |
||||
onShareAppMessage() { |
||||
|
||||
} |
||||
}) |
||||
@ -0,0 +1,3 @@ |
||||
{ |
||||
"usingComponents": {} |
||||
} |
||||
@ -0,0 +1,96 @@ |
||||
<!--pages/otherLogistics/otherLogistics.wxml--> |
||||
<view class="box"> |
||||
|
||||
<view class="back"> |
||||
<view class="top"> |
||||
<input type="text" value="{{pipenum}}" /> |
||||
<view style="background-color: #eee;" bindtap="scacode">扫 码</view> |
||||
</view> |
||||
|
||||
<view class="back" style="padding: 0rpx;"> |
||||
<view class="con"> |
||||
<view style="flex: 1;">总计：{{sampleCount}}/管数</view> |
||||
<button style="background-color: #ddd;" hidden="true">修 改</button> |
||||
<button style="color: #fff;" bindtap="saveInfo">保 存</button> |
||||
</view> |
||||
|
||||
<!-- 样本列表 --> |
||||
<scroll-view scroll-x scroll-y class="tabel" style="height: 400rpx;"> |
||||
<view class="tr tab-top"> |
||||
<view class="td1">序号</view> |
||||
<view class="td">样本条码号</view> |
||||
<view class="td">接收时间</view> |
||||
<view class="td">样本状态</view> |
||||
<view class="td">物流员</view> |
||||
<view class="td">物流单号</view> |
||||
</view> |
||||
<view class="tr" wx:for="{{sampleList}}" wx:key="index" bindtap="goDetail"> |
||||
<view class="td1" bindtap="goDetail">{{item.id}}</view> |
||||
<view class="td">{{item.number}}</view> |
||||
<view class="td">{{item.time}}</view> |
||||
<view class="td">{{item.status}}</view> |
||||
<view class="td">{{item.name}}</view> |
||||
<view class="td">{{item.num}}</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
|
||||
<!--拍照--> |
||||
<view class="back"> |
||||
<view class="bush"> |
||||
<view style="flex: 1;">转运箱拍照</view> |
||||
<!-- <button bindtap="boxPhot">拍 照</button> --> |
||||
</view> |
||||
<view class="bush-img"> |
||||
<image bindtap="photograph" src="{{poto[1]}}" data-id="box_1"></image> |
||||
<image bindtap="photograph" src="{{poto[3]}}" data-id="box_2"></image> |
||||
<image bindtap="photograph" src="{{poto[1]}}" data-id="car_2"></image> |
||||
<image bindtap="photograph" src="{{poto[1]}}" data-id="car_2"></image> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="form"> |
||||
<view class="from-con"> |
||||
<label>物流单号：</label> |
||||
<input type="text" bindtap="qrLogisticsCode" focus="false" placeholder="物流单号" placeholder-class="place" value="{{selfOrderCode}}" /> |
||||
</view> |
||||
|
||||
<picker class="from-con" bindchange="bindPickerChange" value="{{index}}" range="{{ins}}"> |
||||
<label>物流单位：</label> |
||||
<input type="text" disabled="true" placeholder="请选择物流单位" placeholder-class="place" value="{{ins[index]}}" /> |
||||
</picker> |
||||
|
||||
<!-- <picker mode="date" value="date" start="{{start}}" end="{{end}}" bindchange="bindDateChange" class="from-con"> |
||||
<label>日期：</label> |
||||
<input type="text" disabled="true" placeholder="请选择日期" placeholder-class="place" value="{{date}}" /> |
||||
</picker> --> |
||||
|
||||
<view class="from-con"> |
||||
<label>物流电话：</label> |
||||
<input type="text" placeholder="物流电话" placeholder-class="place" bindinput="inputTextInfo" data-id="phone" value="{{phone}}" /> |
||||
</view> |
||||
<view class="from-con"> |
||||
<label>物流费用：</label> |
||||
<input type="text" placeholder="物流费用" placeholder-class="place" bindinput="inputTextInfo" data-id="cost" value="{{cost}}" /> |
||||
</view> |
||||
<view class="from-con"> |
||||
<label>转运箱号：</label> |
||||
<input type="text" placeholder="转运箱号" placeholder-class="place" bindinput="inputTextInfo" data-id="boxNum" value="{{boxNum}}" /> |
||||
</view> |
||||
<picker class="from-con" mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}"> |
||||
<label>预计到达时间：</label> |
||||
<input value='{{expectedEndTime}}' placeholder='请选择到达时间' placeholder-class="place" disabled="true" /> |
||||
</picker> |
||||
<view class="from-con"> |
||||
<label>物流员：</label> |
||||
<input type="text" bindinput="inputTextInfo" data-id="logisticsMen" placeholder="物流员" placeholder-class="place" value="{{logisticsMen}}" /> |
||||
</view> |
||||
<view class="from-con"> |
||||
<label>备注：</label> |
||||
<input type="text" placeholder="备注" placeholder-class="place" bindinput="inputTextInfo" data-id="notes" value="{{notes}}" /> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
@ -0,0 +1,140 @@ |
||||
/* pages/otherLogistics/otherLogistics.wxss */ |
||||
.top{ |
||||
display: flex; |
||||
justify-content: center; |
||||
font-size: 28rpx; |
||||
} |
||||
.top input{ |
||||
border: 1rpx #333 solid; |
||||
height: 60rpx; |
||||
width: 700rpx; |
||||
border-radius: 5rpx; |
||||
padding: 5rpx 10rpx; |
||||
} |
||||
.top view{ |
||||
width: 305rpx; |
||||
margin-left: 20rpx; |
||||
background-color: #eee; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
border-radius: 10rpx; |
||||
color: #333; |
||||
font-weight: 700; |
||||
} |
||||
|
||||
.form{ |
||||
background-color: #fff; |
||||
border-radius: 15rpx; |
||||
padding: 0rpx 30rpx; |
||||
margin-bottom: 15rpx; |
||||
} |
||||
.form .from-con{ |
||||
font-size: 28rpx; |
||||
border-bottom: 2rpx #eee solid; |
||||
position: relative; |
||||
margin-top: 25rpx; |
||||
} |
||||
.from-con label{ |
||||
position: absolute; |
||||
top: 5rpx; |
||||
font-weight: 900; |
||||
font-size: 28rpx; |
||||
color: #333; |
||||
} |
||||
.from-con input{ |
||||
text-align: right; |
||||
padding: 10rpx; |
||||
} |
||||
.place{ |
||||
color:#c4bfbf; |
||||
} |
||||
|
||||
.bush{ |
||||
display: flex; |
||||
justify-content:space-between; |
||||
align-items: center; |
||||
} |
||||
.bush button{ |
||||
width: 200rpx !important; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
font-size: 28rpx; |
||||
background-color: #23c559; |
||||
color:#fff; |
||||
height: 55rpx; |
||||
} |
||||
.bush-img{ |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
justify-content:space-around; |
||||
padding: 20rpx 10rpx; |
||||
} |
||||
.bush-img image{ |
||||
width: 100rpx; |
||||
height: 100rpx; |
||||
margin-top: 5rpx; |
||||
border: 1rpx solid #999; |
||||
border-radius: 5rpx; |
||||
} |
||||
.back{ |
||||
margin-top: 15rpx; |
||||
} |
||||
|
||||
.con{ |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.con button{ |
||||
width: 170rpx !important; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
font-size: 28rpx; |
||||
background-color: rgb(245, 90, 90); |
||||
height: 55rpx; |
||||
margin-left: 10rpx !important; |
||||
} |
||||
|
||||
.tabel{ |
||||
margin-top: 20rpx; |
||||
width: 100%; |
||||
border: 1rpx #ddd solid; |
||||
|
||||
} |
||||
.tabel .tr{ |
||||
display: flex; |
||||
flex-wrap: nowrap; |
||||
white-space: nowrap; |
||||
} |
||||
.tr .td{ |
||||
border-right:#ddd solid 1rpx ; |
||||
border-top: #ddd solid 1rpx; |
||||
padding: 15rpx 0; |
||||
font-size: 22rpx; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
flex-wrap: nowrap; |
||||
white-space: nowrap; |
||||
min-width: 200rpx; |
||||
} |
||||
.tab-top view{ |
||||
background-color: #51bdbe; |
||||
color:#fff; |
||||
font-weight: 700; |
||||
font-size: 28rpx; |
||||
} |
||||
.td1{ |
||||
border-right:#ddd solid 1rpx ; |
||||
border-top: #ddd solid 1rpx; |
||||
padding: 15rpx 0; |
||||
font-size: 22rpx; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
flex-wrap: nowrap; |
||||
white-space: nowrap; |
||||
min-width: 100rpx; |
||||
} |
||||
Loading…
Reference in new issue