xuziying
1 year ago
parent
ba6162c17d
commit
5301986f2f
@ -1,17 +0,0 @@ |
|||||||
/**app.wxss**/ |
|
||||||
page{ |
|
||||||
background: -webkit-linear-gradient(top,#27adb0,#ebf7f7,#f4f4f4) |
|
||||||
} |
|
||||||
|
|
||||||
.box{ |
|
||||||
background: -webkit-linear-gradient(top,#27adb0,#ebf7f7,#f4f4f4); |
|
||||||
min-height: 1400rpx; |
|
||||||
padding: 5rpx 15rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
} |
|
||||||
|
|
||||||
.back{ |
|
||||||
padding: 10rpx; |
|
||||||
border-radius: 15rpx; |
|
||||||
background-color: #fff; |
|
||||||
} |
|
||||||
@ -1,4 +0,0 @@ |
|||||||
{ |
|
||||||
"usingComponents": {}, |
|
||||||
"navigationBarTitleText": "三力货运物流" |
|
||||||
} |
|
||||||
@ -1,4 +0,0 @@ |
|||||||
{ |
|
||||||
"usingComponents": {}, |
|
||||||
"navigationBarTitleText": "三力自建物流" |
|
||||||
} |
|
||||||
@ -1,4 +0,0 @@ |
|||||||
{ |
|
||||||
"usingComponents": {}, |
|
||||||
"navigationBarTitleText": "三力第三方物流" |
|
||||||
} |
|
||||||
@ -0,0 +1,157 @@ |
|||||||
|
// pages/queryhandover/queryhandover.js
|
||||||
|
Page({ |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面的初始数据 |
||||||
|
*/ |
||||||
|
data: { |
||||||
|
screenisshow:false, |
||||||
|
dateList:[ |
||||||
|
{ |
||||||
|
id:1, |
||||||
|
name:'近1个月', |
||||||
|
isShow:false, |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:2, |
||||||
|
name:'近3个月', |
||||||
|
isShow:false, |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:3, |
||||||
|
name:'近6个月', |
||||||
|
isShow:false, |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:4, |
||||||
|
name:'今年', |
||||||
|
isShow:false, |
||||||
|
}, |
||||||
|
], |
||||||
|
|
||||||
|
date: '', //开始时间
|
||||||
|
endDate: '', |
||||||
|
}, |
||||||
|
|
||||||
|
//筛选--------------------------
|
||||||
|
screenisshow(){ |
||||||
|
this.setData({ |
||||||
|
screenisshow:true |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
selectDate(e){ |
||||||
|
console.log(e.currentTarget.dataset.id); |
||||||
|
var id=e.currentTarget.dataset.id |
||||||
|
var dateList=this.data.dateList |
||||||
|
for(var i in dateList){ |
||||||
|
if(dateList[i].id==id){ |
||||||
|
dateList[i].isShow=true |
||||||
|
}else{ |
||||||
|
dateList[i].isShow=false |
||||||
|
} |
||||||
|
} |
||||||
|
this.setData({ |
||||||
|
dateList:dateList |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
//筛选确定
|
||||||
|
okDate(){ |
||||||
|
this.setData({ |
||||||
|
screenisshow:false |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
//筛选重置
|
||||||
|
resDate(){ |
||||||
|
var dateList=this.data.dateList |
||||||
|
for(var i in dateList){ |
||||||
|
dateList[i].isShow=false |
||||||
|
} |
||||||
|
this.setData({ |
||||||
|
dateList:dateList, |
||||||
|
date: '',
|
||||||
|
endDate: '', |
||||||
|
}) |
||||||
|
}, |
||||||
|
//-------------------------------
|
||||||
|
|
||||||
|
//开始时间
|
||||||
|
bindDateChange(e) { |
||||||
|
// console.log(e.detail.value)
|
||||||
|
this.setData({ |
||||||
|
date: e.detail.value |
||||||
|
}) |
||||||
|
}, |
||||||
|
//结束时间
|
||||||
|
bindDateChangeend(e) { |
||||||
|
// console.log(e.detail.value)
|
||||||
|
this.setData({ |
||||||
|
endDate: e.detail.value |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
//退出
|
||||||
|
out(){ |
||||||
|
wx.switchTab({ |
||||||
|
url: '../index/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面加载 |
||||||
|
*/ |
||||||
|
onLoad(options) { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||||
|
*/ |
||||||
|
onReady() { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面显示 |
||||||
|
*/ |
||||||
|
onShow() { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面隐藏 |
||||||
|
*/ |
||||||
|
onHide() { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面卸载 |
||||||
|
*/ |
||||||
|
onUnload() { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||||
|
*/ |
||||||
|
onPullDownRefresh() { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面上拉触底事件的处理函数 |
||||||
|
*/ |
||||||
|
onReachBottom() { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 用户点击右上角分享 |
||||||
|
*/ |
||||||
|
onShareAppMessage() { |
||||||
|
|
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
{ |
||||||
|
"usingComponents": {}, |
||||||
|
"navigationBarTitleText": "样本交接查询" |
||||||
|
} |
||||||
@ -0,0 +1,70 @@ |
|||||||
|
<!--pages/queryhandover/queryhandover.wxml--> |
||||||
|
<view class="zhezhaoceng {{screenisshow?'screenAlertActive':''}}"> |
||||||
|
<view class="screenAlert"> |
||||||
|
<view style="font-weight: 700;">按时间查询</view> |
||||||
|
<view class="dateList"> |
||||||
|
<view wx:for="{{dateList}}" wx:key="index" data-id="{{item.id}}" bindtap="selectDate" class="date1 {{item.isShow?'dataActive':''}}">{{item.name}}</view> |
||||||
|
<view class="selectdate"> |
||||||
|
<picker mode="date" value="date" start="start" end="end" bindchange="bindDateChange"> |
||||||
|
<input type="text" disabled="true" placeholder="起始时间" placeholder-class="place" value="{{date}}" /> |
||||||
|
</picker> |
||||||
|
<text style="color:#ddd">—</text> |
||||||
|
<picker mode="date" value="date" start="start" end="end" bindchange="bindDateChangeend"> |
||||||
|
<input type="text" disabled="true" placeholder="终止时间" placeholder-class="place" value="{{endDate}}" /> |
||||||
|
</picker> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view style="display: flex; margin-top: 50rpx; padding: 20rpx 0;"> |
||||||
|
<button class="chongzhi" bindtap="resDate">重 置</button> |
||||||
|
<button class="queren" bindtap="okDate">确 认</button> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="box"> |
||||||
|
|
||||||
|
<view class="screen"> |
||||||
|
<input type="text" placeholder="请筛选时间" placeholder-class="place" bindinput="getLogisticsNo" value="{{logisticsNo}}" disabled="true" /> |
||||||
|
<view style="display: flex; align-items: center;" bindtap="screenisshow"> |
||||||
|
<image src="../../images/shaixuan.png"></image> |
||||||
|
<view class="wz">筛选</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="back"> |
||||||
|
<view class="tabtop"> |
||||||
|
<text>物流单总数量：0</text> |
||||||
|
<text>样本总数量：0</text> |
||||||
|
<text>总费用：￥0</text> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="tabel"> |
||||||
|
<scroll-view scroll-x style="width: 100%; height: 500rpx;"> |
||||||
|
<view class="tr top"> |
||||||
|
<!-- <view class="td td_date">日 期</view> --> |
||||||
|
<view class="td">物流单号</view> |
||||||
|
<view class="td">物流类型</view> |
||||||
|
<view class="td">转运方式</view> |
||||||
|
<view class="td">样本数量</view> |
||||||
|
<view class="td td1">费 用</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<block> |
||||||
|
<view class="tr"> |
||||||
|
<!-- <view class="td td_date">2023-10-05</view> --> |
||||||
|
<!-- <view class="td">1234567894</view> |
||||||
|
<view class="td">自建物流</view> |
||||||
|
<view class="td">车辆</view> |
||||||
|
<view class="td">50</view> |
||||||
|
<view class="td td1">￥100</view> --> |
||||||
|
</view> |
||||||
|
</block> |
||||||
|
</scroll-view> |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
|
||||||
|
<button class="out" bindtap="out">退 出</button> |
||||||
|
|
||||||
|
</view> |
||||||
@ -0,0 +1,173 @@ |
|||||||
|
/* pages/queryhandover/queryhandover.wxss */ |
||||||
|
|
||||||
|
.screen{ |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
margin-bottom: 5rpx; |
||||||
|
font-size: 26rpx; |
||||||
|
letter-spacing: 1rpx; |
||||||
|
|
||||||
|
} |
||||||
|
.screen input{ |
||||||
|
background-color: rgb(255, 255, 255); |
||||||
|
flex: 1; |
||||||
|
padding: 10rpx 35rpx; |
||||||
|
border-radius: 50rpx; |
||||||
|
box-shadow: 0 0 5rpx #ddd; |
||||||
|
} |
||||||
|
.screen image{ |
||||||
|
width: 50rpx; |
||||||
|
height:50rpx; |
||||||
|
margin-left: 15rpx; |
||||||
|
} |
||||||
|
.screen .wz{ |
||||||
|
margin-right: 10rpx; |
||||||
|
font-size: 30rpx; |
||||||
|
font-weight: 500; |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
.zhezhaoceng{ |
||||||
|
position: fixed; |
||||||
|
background-color: rgb(0, 0, 0,0.4); |
||||||
|
width: 100%; |
||||||
|
height: 100vh; |
||||||
|
z-index: 1000; |
||||||
|
transition: all 0.4s; |
||||||
|
transform: translateY(-100vh); |
||||||
|
} |
||||||
|
.screenAlertActive{ |
||||||
|
transform: translateY(0); |
||||||
|
} |
||||||
|
.screenAlert{ |
||||||
|
z-index: 2000; |
||||||
|
background:#f4f4f4; |
||||||
|
border-radius: 0 0 20rpx 20rpx; |
||||||
|
max-height: 500rpx; |
||||||
|
padding: 20rpx; |
||||||
|
font-size: 30rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.dateList{ |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
justify-content:space-around; |
||||||
|
} |
||||||
|
.dateList .date1{ |
||||||
|
background-color: #fff; |
||||||
|
margin-left: 20rpx; |
||||||
|
text-align: center; |
||||||
|
width: 200rpx; |
||||||
|
padding: 15rpx 0; |
||||||
|
margin-top: 20rpx; |
||||||
|
border-radius: 50rpx; |
||||||
|
font-size: 26rpx; |
||||||
|
|
||||||
|
} |
||||||
|
.dataActive{ |
||||||
|
border: 1rpx #38bec0 solid; |
||||||
|
background-color: #deeff0 !important; |
||||||
|
} |
||||||
|
|
||||||
|
.selectdate{ |
||||||
|
margin-top: 20rpx; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
width: 62%; |
||||||
|
} |
||||||
|
.selectdate input{ |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 30rpx; |
||||||
|
font-size: 26rpx; |
||||||
|
padding: 12rpx 0; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.chongzhi{ |
||||||
|
background-color: #eee; |
||||||
|
border-radius: 52rpx; |
||||||
|
border: 1rpx #ddd solid; |
||||||
|
width: 45% !important; |
||||||
|
height: 70rpx; |
||||||
|
font-size: 30rpx; |
||||||
|
} |
||||||
|
.queren{ |
||||||
|
background-color: #38bec0; |
||||||
|
color: #fff; |
||||||
|
border-radius: 52rpx; |
||||||
|
width: 45% !important; |
||||||
|
height: 70rpx; |
||||||
|
font-size: 30rpx; |
||||||
|
} |
||||||
|
.place{ |
||||||
|
color: rgb(209, 208, 208); |
||||||
|
} |
||||||
|
|
||||||
|
.back{ |
||||||
|
margin-top: 10rpx; |
||||||
|
text-align: center; |
||||||
|
box-shadow: 0 0 10px #ddd; |
||||||
|
|
||||||
|
} |
||||||
|
.tabtop{ |
||||||
|
display: flex; |
||||||
|
width: 100%; |
||||||
|
justify-content:space-evenly; |
||||||
|
font-size: 26rpx; |
||||||
|
color: #555; |
||||||
|
margin-top: 20rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.tabel{ |
||||||
|
background-color: #fff; |
||||||
|
/* border-radius: 15rpx;margin-top: 15rpx; */ |
||||||
|
/* padding: 30rpx 10rpx 50rpx 10rpx; */ |
||||||
|
/* padding: 20rpx; */ |
||||||
|
border: 1rpx #ddd solid; |
||||||
|
margin-top: 30rpx; |
||||||
|
|
||||||
|
} |
||||||
|
.tr{ |
||||||
|
display: flex; |
||||||
|
width: 100%; |
||||||
|
|
||||||
|
} |
||||||
|
.tr .td{ |
||||||
|
/* border-right:#ddd solid 1rpx ; |
||||||
|
border-top: #ddd solid 1rpx; |
||||||
|
border-bottom: #ddd solid 1rpx; */ |
||||||
|
border-right: 1rpx #ddd solid; |
||||||
|
border-bottom: 1rpx #ddd solid; |
||||||
|
padding: 15rpx 0; |
||||||
|
font-size: 22rpx; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
flex-wrap: nowrap; |
||||||
|
white-space: nowrap; |
||||||
|
min-width: 150rpx; |
||||||
|
} |
||||||
|
.top view{ |
||||||
|
background-color: #6bc9ca; |
||||||
|
color: #fff; |
||||||
|
font-size: 24rpx !important; |
||||||
|
font-weight: 700 !important; |
||||||
|
} |
||||||
|
.td1{ |
||||||
|
min-width: 100rpx !important; |
||||||
|
} |
||||||
|
.td_date{ |
||||||
|
min-width: 200rpx !important; |
||||||
|
} |
||||||
|
.td_time{ |
||||||
|
min-width: 300rpx !important; |
||||||
|
} |
||||||
|
|
||||||
|
.out{ |
||||||
|
border-radius: 50rpx; |
||||||
|
background-color: #38bec0; |
||||||
|
color: #fff; |
||||||
|
margin-top: 200rpx; |
||||||
|
width: 70% !important; |
||||||
|
} |
||||||
Loading…
Reference in new issue