|
@@ -1,42 +1,47 @@
|
|
<template>
|
|
<template>
|
|
<view>
|
|
<view>
|
|
<view class='search'>
|
|
<view class='search'>
|
|
- <u-search placeholder='可按合同编号或买方、卖方名称查找' search-icon-color='#AFB3BF' bg-color='#F5F6F9' :shape='"round"' :clearabled="true" :show-action='false'></u-search>
|
|
|
|
|
|
+ <u-search placeholder='可按货源查找' search-icon-color='#AFB3BF' bg-color='#F5F6F9' :shape='"round"' :clearabled="true" :show-action='false'></u-search>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- <view style='background:#fff;'>
|
|
|
|
- <view class='contracttypewrap'>
|
|
|
|
- <view class='item left active'>销售</view>
|
|
|
|
- <view class='item'>采购</view>
|
|
|
|
- <view class='item'>收购</view>
|
|
|
|
- <view class='item'>代收</view>
|
|
|
|
- <view class='item right'>代储</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view style='justify-content: space-between;background:#fff;padding:20rpx;' class='flex'>
|
|
|
|
+ <view @click='show=true'>{{startDate}}-{{endDate}}></view>
|
|
|
|
+ <view>全部仓库></view>
|
|
</view>
|
|
</view>
|
|
- <view class='contractwrap' v-for='(item,index) in contractList'>
|
|
|
|
|
|
+ <u-calendar v-model="show" :mode="mode"></u-calendar>
|
|
|
|
+ <view class='contractwrap' v-for='(item,index) in warehouseList'>
|
|
<view class='flex contractwrap-title'>
|
|
<view class='flex contractwrap-title'>
|
|
<view class='contractNo'>{{item.contractNo}}</view>
|
|
<view class='contractNo'>{{item.contractNo}}</view>
|
|
|
|
+ <view class='contractNo'>{{item.date}}</view>
|
|
</view>
|
|
</view>
|
|
- <view class='flex contractwrap-item'>
|
|
|
|
- <view class="title">买方</view>
|
|
|
|
- <view></view>
|
|
|
|
- </view>
|
|
|
|
- <view class='flex contractwrap-item'>
|
|
|
|
- <view class="title">卖方</view>
|
|
|
|
- <view></view>
|
|
|
|
- </view>
|
|
|
|
- <view class='flex contractwrap-item'>
|
|
|
|
- <view class="title">最终完成量(吨)</view>
|
|
|
|
- <view></view>
|
|
|
|
- </view>
|
|
|
|
- <view class='flex contractwrap-item'>
|
|
|
|
- <view class="title">利润(元)</view>
|
|
|
|
- <view></view>
|
|
|
|
- </view>
|
|
|
|
- <view class='flex contractwrap-item'>
|
|
|
|
- <view class="title">结算日期</view>
|
|
|
|
- <view></view>
|
|
|
|
|
|
+ <view style='background:#EFFAF4;border-radius:10rpx;'>
|
|
|
|
+ <view style='color:#22C572;padding:20rpx;border-bottom:1rpx solid #D8E8E0;' class='flex'>
|
|
|
|
+ <view>111</view>
|
|
|
|
+ <view></view>
|
|
|
|
+ <view></view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class='flex contractwrap-item'>
|
|
|
|
+ <view class="title">买方</view>
|
|
|
|
+ <view></view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class='flex contractwrap-item'>
|
|
|
|
+ <view class="title">卖方</view>
|
|
|
|
+ <view></view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class='flex contractwrap-item'>
|
|
|
|
+ <view class="title">最终完成量(吨)</view>
|
|
|
|
+ <view></view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class='flex contractwrap-item'>
|
|
|
|
+ <view class="title">利润(元)</view>
|
|
|
|
+ <view></view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class='flex contractwrap-item'>
|
|
|
|
+ <view class="title">结算日期</view>
|
|
|
|
+ <view></view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
@@ -45,7 +50,11 @@
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- contractList:[
|
|
|
|
|
|
+ startDate:'',
|
|
|
|
+ endDate:'',
|
|
|
|
+ mode:'range',
|
|
|
|
+ show:false,
|
|
|
|
+ warehouseList:[
|
|
{status:'已完成',
|
|
{status:'已完成',
|
|
contractNo:'HT39854455',
|
|
contractNo:'HT39854455',
|
|
costtype:'水费',
|
|
costtype:'水费',
|
|
@@ -56,47 +65,30 @@
|
|
]
|
|
]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- methods: {
|
|
|
|
|
|
+ onLoad() {
|
|
|
|
|
|
|
|
+ },
|
|
|
|
+ onShow() {
|
|
|
|
+ var date=new Date()
|
|
|
|
+ this.startDate=date.getFullYear()+'-'+((date.getMonth()+1)<10?('0'+(date.getMonth()+1)):(date.getMonth()+1))+'-'+(date.getDate()-1)
|
|
|
|
+ this.endDate=date.getFullYear()+'-'+((date.getMonth()+1)<10?('0'+(date.getMonth()+1)):(date.getMonth()+1))+'-'+date.getDate()
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang='scss' scoped>
|
|
<style lang='scss' scoped>
|
|
-.contracttypewrap{
|
|
|
|
- display:flex;
|
|
|
|
- background:#fff;
|
|
|
|
- font-size:32rpx;
|
|
|
|
- margin: 0 auto;
|
|
|
|
- width:93%;
|
|
|
|
- .item{
|
|
|
|
- padding:20rpx;
|
|
|
|
- color:#7A7A7A;
|
|
|
|
- width:33.3333%;
|
|
|
|
- text-align:center;
|
|
|
|
- }
|
|
|
|
- .item.left{
|
|
|
|
- text-align:left;
|
|
|
|
- }
|
|
|
|
- .item.right{
|
|
|
|
- text-align:right;
|
|
|
|
- }
|
|
|
|
- .item.active{
|
|
|
|
- color:#262626;
|
|
|
|
- font-weight:600;
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
|
|
|
|
.contractwrap{
|
|
.contractwrap{
|
|
background:#fff;
|
|
background:#fff;
|
|
margin:20rpx;
|
|
margin:20rpx;
|
|
- padding:20rpx;
|
|
|
|
|
|
+ padding:20rpx 20rpx 40rpx 20rpx;
|
|
border-radius:20rpx;
|
|
border-radius:20rpx;
|
|
.contractwrap-title{
|
|
.contractwrap-title{
|
|
font-size:28rpx;
|
|
font-size:28rpx;
|
|
padding:20rpx;
|
|
padding:20rpx;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
- border-bottom:2rpx solid #eee;
|
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
}
|