Skip to content

W
wly-APP
Commit bb2cc86a authored by chuan.liu's avatar chuan.liu
Browse files
Options

款项用途确认新增

parent 6007f239
Hide whitespace changes
Inline Side-by-side
Showing with 276 additions and 13 deletions
pages.json
View file @ bb2cc86a
......@@ -6,7 +6,7 @@
"current": 0, //当前激活的模式(list 的索引项)
"list": [{
"name": "me", //模式名称
"path": "pages/forgetpassword/set-newpassword", //启动页面，必选
"path": "pages/home/home", //启动页面，必选
"query": "uuid=c4bba940-f69e-11ea-a419-6bafda9d095e&__id__=1" //启动参数，在页面的onLoad函数里面得到
}]
},
......@@ -154,6 +154,21 @@
}
}
},
{
"path": "pages/funds-confirm/funds-confirm",
"style": {
"app-plus": {
"titleNView": {
"titleAlign": "left",
"titleColor": "#333",
"titleSize": "17px",
"backgroundColor": "transparent",
"titleText": "款项用途确认",
"autoBackButton": true
}
}
}
},
{
"path": "pages/message/message",
......
pages/funds-confirm/funds-confirm.nvue 0 → 100644
View file @ bb2cc86a
<template>
<view class="lists">
<view class="status_bar">
</view>
<view class="header-bg"></view>
<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">
<text class="middle-date-des">H533008256</text>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></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">
<text class="middle-date-des">五粮液</text>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></image>
</view>
</view>
<view class="text-block">
<text class="middle-date">收款账号</text>
<text class="middle-date-des">8510050100067259284</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>
<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_down@3x.png" mode=""></image>
</view>
</view>
<view class="text-block text-block-last">
<text class="middle-date">备注</text>
</view>
<view class="remark">
<textarea class="remark-text" v-model="remark" />
</view>
</view>
<view class="bottom">
<button class="btn" type="default" @tap="submit">
<text class="btn-text">确认</text>
</button>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
applyNum: 100,
remark:'',
array: ['2021', '2020', '2019', '2018'],
index: 0,
}
},
methods: {
bindPickerChange(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value
},
submit() {
this.$emit('submit')
},
}
}
</script>
<style lang="scss" scoped>
.view {
flex-direction: column;
}
.status_bar {
height: var(--status-bar-height);
height: 44px;
}
.header-bg {
height: 284rpx;
opacity: 0.72;
margin-top: -88rpx;
background: linear-gradient(232deg, #f4e2e2 25%, #faf3f3 98%);
}
.lists {
flex-direction: column;
height: 100%;
background: #f0f4f5;
}
.main {
flex: 1;
margin: 0 16rpx;
flex-direction: column;
background-color: #fff;
margin-top: -164rpx;
border-radius: 16rpx;
}
.middle {
background-color: #fff;
border-radius: 16rpx;
padding: 32rpx 64rpx 0 48rpx;
}
.text-block {
over-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;
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: 4px;
z-index:10;
}
.remark-text {
width: 100%;
height: 320rpx;
background: #f5f6f7;
border-radius: 4px;
padding: 12rpx 18rpx;
}
.bottom {
margin-top: 68rpx;
padding: 0 16rpx;
justify-content: space-between;
}
.btn {
width: 364rpx;
height: 92rpx;
margin: 0 auto;
background: $wly-primary-color;
border-radius: 46rpx;
}
.btn-text {
color: #fff;
font-size: 34rpx;
}
.btn-text-l {
color: $wly-primary-color;
}
</style>
pages/home/home.vue
View file @ bb2cc86a
......@@ -42,7 +42,7 @@
<view class="todo-box block">
<text class="title">待办</text>
<view class="cell-list">
<view class="cell-list-block">
<view class="cell-list-block" @click="goFundsConfirm">
<image class="icon-address" src="@/static/image/uc_address@3x.png" mode="aspectFit"></image>
<view class="cell-list-block__content">
<text class="cell-list-block__title">打款500,000.00 ，请确认用途</text>
......@@ -186,7 +186,12 @@
},
}
},
methods: {
methods: {
goFundsConfirm(){
uni.navigateTo({
url: `/pages/funds-confirm/funds-confirm`
});
},
change(e) {
this.current = e.detail.current;
}
......
pages/usercenter/usercenter.nvue
View file @ bb2cc86a
......@@ -27,22 +27,44 @@
<image class="entry-bill-icon" src="@/static/image/uc_bill@3x.png" mode=""></image>
<text class="entry-bill-dot">25</text>
</view>
<text class="entry-bill-text">开票信息</text>
<text class="entry-bill-text">采购计划</text>
</view>
<view class="entry-block" @tap="checkApplyOrder">
<view class="entry-bill">
<image class="entry-bill-icon" src="@/static/image/uc_shop@3x.png" mode=""></image>
</view>
<text class="entry-bill-text">要货申请</text>
<text class="entry-bill-text">生产下单</text>
</view>
<view class="entry-block">
<view class="entry-bill">
<image class="entry-bill-icon" src="@/static/image/uc_company@3x.png" mode=""></image>
</view>
<text class="entry-bill-text">分流经销商</text>
</view>
<text class="entry-bill-text">我的开票</text>
</view>
<view class="entry-block">
<view class="entry-bill">
<image class="entry-bill-icon" src="@/static/image/uc_company@3x.png" mode=""></image>
</view>
<text class="entry-bill-text">生产备料</text>
</view>
<view class="entry-block">
<view class="entry-bill">
<image class="entry-bill-icon" src="@/static/image/uc_company@3x.png" mode=""></image>
</view>
<text class="entry-bill-text">我的要货</text>
</view>
<view class="entry-block">
<view class="entry-bill">
<image class="entry-bill-icon" src="@/static/image/uc_company@3x.png" mode=""></image>
</view>
<text class="entry-bill-text">我的订单</text>
</view>
</view>
<view class="bottom">
<view class="cell-list">
......@@ -189,18 +211,23 @@
border: 1px solid #fde5e1;
}
.middle {
.middle {
display: flex;
flex-direction: row;
height: 176rpx;
background-color: #fff;
padding: 50rpx 48rpx 22rpx;
padding: 50rpx 48rpx 0;
flex-wrap: wrap;
}
.entry-block {
flex: 1;
.entry-block {
width: 25%;
flex-direction: column;
align-items: center;
justify-content: center;
justify-content: center;
margin-bottom: 48rpx;
}
.entry-block-tail{
}
.entry-bill {
......
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