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