Skip to content

W
wly-APP
Commit 99dd3159 authored by xiangzj's avatar xiangzj
Browse files
Options

要货主页

parent d248b123
Show whitespace changes
Inline Side-by-side
Showing with 333 additions and 0 deletions
pages/purchase-main/purchase-main.nvue 0 → 100644
View file @ 99dd3159
<template>
<view class="lists">
<view class="status_bar" :style="navHeight">
</view>
<scroll-view class="scroll-area view" :scroll-top="scrollTop" show-scrollbar='false' scroll-y="true">
<view class="main">
<view class="middle view">
<view class="text-block">
<text class="middle-date">发货计划类型</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<picker class="picker-block" @change="bindPickerChange" :value="index"
:range="array">
<text class="uni-input">{{array[index]}}</text>
</picker>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode=""></image>
</view>
</view>
<view class="text-block">
<text class="middle-date">制票类型</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<picker class="picker-block" @change="bindPickerChange" :value="index"
:range="array">
<text class="uni-input">{{array[index]}}</text>
</picker>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode=""></image>
</view>
</view>
<view class="text-block">
<text class="middle-date">开票客户</text>
<text class="middle-date-des">8510050100067259284</text>
</view>
<view class="text-block" @click="selectClient">
<text class="middle-date">订单客户</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<picker class="picker-block" @change="bindPickerChange" :value="index"
:range="array">
<text class="uni-input">{{array[index]}}</text>
</picker>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode=""></image>
</view>
</view>
<view class="text-block">
<text class="middle-date">渠道类型</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<picker class="picker-block" @change="bindPickerChange" :value="index"
:range="array">
<text class="uni-input">{{array[index]}}</text>
</picker>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode=""></image>
</view>
</view>
<view class="text-block text-block-last">
<text class="middle-date">配额年度</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<picker class="picker-block" @change="bindPickerChange" :value="index"
:range="array">
<text class="uni-input">{{array[index]}}</text>
</picker>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode=""></image>
</view>
</view>
</view>
<view class="middle view">
<view class="text-block">
<text class="middle-date">品牌</text>
<text class="middle-date-des">品牌XX</text>
</view>
<view class="text-block">
<text class="middle-date">产品</text>
<text class="middle-date-des">产品XX</text>
</view>
<view class="text-block">
<text class="middle-date">未发货件数</text>
<text class="middle-date-des">500,000.00</text>
</view>
<view class="text-block">
<text class="middle-date">传统当月计划量</text>
<text class="middle-date-des">500,000.00</text>
</view>
<view class="text-block">
<text class="middle-date">传统当月剩余量</text>
<text class="middle-date-des">500,000.00</text>
</view>
<view class="text-block">
<text class="middle-date">传统当年剩余量</text>
<text class="middle-date-des">8510050100067259284</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">本次要货件数</text>
<input class="middle-date-des" type="text" v-model="quantity" placeholder="请输入" />
</view>
</view>
<view class="middle view">
<view class="text-block">
<text class="middle-date">卖场简称</text>
<input class="middle-date-des" type="text" v-model="quantity" placeholder="请输入" />
</view>
<view class="text-block">
<text class="middle-date">卖场全称</text>
<input class="middle-date-des" type="text" v-model="quantity" placeholder="请输入" />
</view>
<view class="text-block text-block-last">
<text class="middle-date">卖场区域</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<picker class="picker-block" @change="bindPickerChange" :value="index"
:range="array">
<text class="uni-input">{{array[index]}}</text>
</picker>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode=""></image>
</view>
</view>
</view>
<view class="bottom">
<button class="btn" type="default" @tap="nextStep">
<text class="btn-text">下一步</text>
</button>
</view>
</view>
</scroll-view>
</view>
</template>
<script>
import {
mapState
} from 'vuex'
export default {
data() {
return {
array: ['2021', '2020', '2019', '2018'],
index: 0,
quantity: '',
scrollTop: 0
}
},
computed: {
navHeight() {
return {
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
...mapState(['sysinfo'])
},
onShow() {
// uni.showToast({
// title: '要货功能开发中...',
// icon: 'none',
// duration: 1200,
// mask: true,
// complete: () => {
// uni.switchTab({
// url: '/pages/usercenter/usercenter'
// })
// }
// });
},
methods: {
selectClient() {
uni.navigateTo({
url: `/pages/select-client/select-client`
});
},
bindPickerChange(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value
},
nextStep() {
uni.navigateTo({
url: '/pages/purchase-receive/purchase-receive'
})
},
}
}
</script>
<style lang="scss" scoped>
.view {
flex-direction: column;
}
/* #ifndef APP-PLUS */
page {
width: 100%;
min-height: 100%;
display: flex;
background: #fff;
}
.status_bar {
height: var(--status-bar-height);
background: #fff;
}
/* #endif */
.lists {
flex: 1;
flex-direction: column;
background: #f0f4f5;
overflow-y: scroll;
}
.scroll-area {
flex: 1;
}
.main {
margin: 0 16rpx;
flex-direction: column;
border-radius: 16rpx;
margin-top: 16rpx;
}
.middle {
background-color: #fff;
border-radius: 16rpx;
padding: 32rpx 64rpx 0 48rpx;
margin-bottom: 16rpx;
}
.text-block {
overflow: hidden;
height: 96rpx;
margin-bottom: 14rpx;
border-bottom: 1px solid #f4f5f6;
}
.text-block-last {
margin-bottom: 0;
border-bottom: 0;
}
.middle-date {
flex: 2;
font-size: 28rpx;
line-height: 96rpx;
color: #999;
margin-bottom: 8rpx;
}
.middle-date-des {
flex: 3;
font-size: 28rpx;
height: 96rpx;
line-height: 96rpx;
color: $text-base-color;
}
.picker-year {
position: relative;
align-items: center;
padding-left: 14rpx;
}
.uni-list-cell {
flex: 1;
}
.uni-list-cell-db {
flex: 1;
}
.picker-block {
flex: 1;
}
.uni-input {
font-size: 14px;
color: $text-base-color;
}
.icon-arrow {
position: absolute;
right: 22rpx;
top: 40rpx;
width: 7px;
height: 10px;
z-index: 10;
}
.bottom {
margin-top: 68rpx;
padding: 0 16rpx;
justify-content: space-between;
}
.btn {
flex: 1;
height: 92rpx;
margin: 0 auto 48rpx;
background: $wly-primary-color;
border-radius: 46rpx;
}
.btn-text {
color: #fff;
font-size: 34rpx;
}
.btn-text-l {
color: $wly-primary-color;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment