root
/
kuaiyidian-HD
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

开单，欠款列表

master
tianyi@bogon 3 years ago
parent
61c07a4eca
commit
5d15c7929c
3 changed files with 365 additions and 299 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 166
      pages/index/downarrears.vue
  2. 161
      pages/index/uparrears.vue
  3. 337
      pages/index/upstream.vue

166
pages/index/downarrears.vue
View File

@ -1,74 +1,104 @@
<template> <template>
<view> <view>
<u-alert description="点击可跳转至出库单" type="primary"></u-alert> <u-alert description="点击可跳转至出库单" type="primary"></u-alert>
<u-cell-group :title="nickname" :customStyle="{'background-color':'#ffffff'}"> <!-- <u-cell-group :title="nickname" :customStyle="{'background-color':'#ffffff'}">
<u-cell clickable <u-cell clickable v-for="(item,indx) in list" :key="indx">
v-for="(item,indx) in list" :key="indx"> <view slot="title" class="u-slot-title">
<view slot="title" class="u-slot-title"> <view class="u-cell-text">销售总金额：{{ item.totalAmount }}</view>
<view class="u-cell-text">销售总金额：{{ item.totalAmount }}</view> <view class="u-cell-text"> 应收总金额：{{ item.realAmount }}</view>
<view class="u-cell-text"> 应收总金额：{{ item.realAmount }}</view> <view class="u-cell-text-time">{{item.createTime}}</view>
<view class="u-cell-text-time">{{item.createTime}}</view> </view>
</view> <view slot="value" class="right">
<view slot="value" class="right"> <view class="u-cell-text">已收金额：{{ item.alreadyEarn }}</view>
<view class="u-cell-text">已收金额：{{ item.alreadyEarn }}</view> <view class="u-cell-text"> 未收金额：{{ item.noEarn }}</view>
<view class="u-cell-text"> 未收金额：{{ item.noEarn }}</view> <view style="opacity: 0">123</view>
<view style="opacity: 0">123</view> </view>
</view> </u-cell>
</u-cell> </u-cell-group>
</u-cell-group> <u-empty mode="list" v-if="list.length === 0">
<u-empty mode="list" v-if="list.length === 0"> </u-empty> -->
</u-empty> <view class="ulList" v-if="list.length > 0">
</view> <ul>
<li v-for="item in list" @tap="gotoDetail(item.id)">
<uni-card :title="item.companyName" :sub-title="item.createTime" :extra="'共'+item.totalAmount + '件'"
thumbnail="/static/images/dingdan/dd1.png">
<view class="uni-body"><text class="cardText">销售员：</text> {{item.createByName}}</view>
<view class="uni-body"> <text class="cardText"> 销售总额：</text> <text class="priceText">
{{item.shouldPay}} </text> <text decode class="cardText">
{{'&nbsp;&nbsp;&nbsp;&nbsp; 欠款： '}} </text> <text class="priceText">{{item.noEarn}}
</text></view>
<view class="uni-body"> <text class="cardText">
订单状态：</text>{{item.payStatus == 0 ?'待抢单' :item.payStatus == 1 ?'待取货' :item.payStatus == 3 ?'待送达' :item.payStatus == 4 ?'已完成' :item.payStatus == 5 ?'下游客户待退货' :item.payStatus == 00 ?'退货待抢单' :item.payStatus == 01 ?'退货待取货' :item.payStatus == 03 ?'退货待送达' :item.payStatus == 04 ?'待确认退货' :item.payStatus == 6 ?'待配货' :'挂单'}}
</view>
</uni-card>
</li>
</ul>
<u-loadmore :status="status" />
</view>
<u-empty v-else mode="order" margin-top="200"></u-empty>
</view>
</template> </template>
<script> <script>
import color from "../../uni_modules/uview-ui/libs/config/color"; import color from "../../uni_modules/uview-ui/libs/config/color";
export default { export default {
name: "downarrears", name: "downarrears",
computed: { computed: {
color() { color() {
return color return color
} }
}, },
data() { data() {
return { return {
userId: '', userId: '',
nickname: '', nickname: '',
list: [] list: []
} }
}, },
onLoad(options) { onLoad(options) {
this.userId = options.userId this.userId = options.userId
this.nickname = options.nickname this.nickname = options.nickname
this.getList() this.getList()
}, },
methods: { methods: {
getList() { getList() {
this.tui.request("/app/sale/list", "post", { this.tui.request("/app/sale/list", "post", {
// userId: this.userId // userId: this.userId
userId: '1704126992443641856' userId: '1704126992443641856'
}, false, false).then((res) => { }, false, false).then((res) => {
if(res.code == 200){ if (res.code == 200) {
this.list = res.result this.list = res.result
}else{ } else {
this.tui.toast(res.message) this.tui.toast(res.message)
} }
}) })
} }
} }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.u-cell-text { .ulList {
color: #333333; ul {
} li {
font-size: 12px;
.u-cell-text-time {
font-size: 22rpx; .floatRight {
color: grey; float: right;
} padding: 14rpx;
.right { color: $u-primary;
flex: 1; font-size: 26upx;
} }
</style>
.cardText {
font-size: 12px;
}
.priceText {
color: $u-primary;
font-size: 14px;
}
}
}
}
</style>

161
pages/index/uparrears.vue
View File

@ -1,75 +1,100 @@
<template> <template>
<view> <view>
<u-alert description="点击可跳转至入库单" type="primary"></u-alert> <u-alert description="点击可跳转至入库单" type="primary"></u-alert>
<u-cell-group :title="consigneeName" :customStyle="{'background-color':'#ffffff'}"> <view class="ulList" v-if="list.length > 0">
<u-cell clickable <ul>
v-for="(item,indx) in list" :key="indx" :label="item.createTime" > <li v-for="item in list" @tap="gotoDetail(item.id)">
<view slot="title" class="u-slot-title"> <uni-card :title="item.id" :sub-title="item.createTime" :extra="'共'+item.totalAmount + '件'"
<view class="u-cell-text">销售金额：{{ item.totalAmount }}</view> thumbnail="/static/images/dingdan/dd1.png">
<view class="u-cell-text"> 应付金额：{{ item.shouldPay }}</view> <view class="uni-body"><text class="cardText">销售员：</text> {{item.createBy}}</view>
</view> <view class="uni-body"> <text class="cardText"> 总成本：</text> <text class="priceText">
<view slot="value" class="right"> {{item.shouldPay}} </text> <text decode class="cardText">
<view class="u-cell-text">已付：{{ item.alreadyPay }}</view> {{'&nbsp;&nbsp;&nbsp;&nbsp; 欠款： '}} </text> <text class="priceText">{{item.noPay}}
<view class="u-cell-text"> 未付：{{ item.noPay }}</view> </text></view>
</view> <view class="uni-body"> <text class="cardText">
<view slot="right-icon"> 订单状态：</text>{{item.inStorageStatus == 0 ?'未入库' :'已入库'}}
<u-button type="primary" size="mini" text="回款"></u-button> </view>
</view> </uni-card>
</u-cell> </li>
</u-cell-group> </ul>
</view> <u-loadmore :status="status" />
</view>
<u-empty v-else mode="order" margin-top="200"></u-empty>
</view>
</template> </template>
<script> <script>
import color from "../../uni_modules/uview-ui/libs/config/color"; import color from "../../uni_modules/uview-ui/libs/config/color";
export default { export default {
name: "uparrears", name: "uparrears",
computed: { computed: {
color() { color() {
return color return color
} }
}, },
data() { data() {
return { return {
supplierId: '', supplierId: '',
consigneeName:'', consigneeName: '',
list: [] list: [],
} // status: 'loadmore',
}, // page: 1,
onLoad(options) { // totalPages: 0,
this.supplierId = options.supplierId }
this.consigneeName = options.consigneeName },
this.getList() // onReachBottom() {
}, // if (this.page >= this.totalPages) return;
methods: { // this.status = 'loading';
getList() { // this.page = ++this.page;
this.tui.request("/app/purchase/debtPurchase", "get", { // this.getList();
supplierId: this.supplierId // },
}, false, true).then((res) => { onLoad(options) {
if(res.code == 200){ this.supplierId = options.supplierId
this.list = res.result this.consigneeName = options.consigneeName
console.log(res) this.getList()
}else{ },
this.tui.toast(res.message) methods: {
getList() {
this.tui.request("/app/purchase/debtPurchase", "get", {
supplierId: this.supplierId
}, false, true).then((res) => {
if (res.code == 200) {
this.list = res.result
console.log(res)
} else {
this.tui.toast(res.message)
} }
}) })
} },
} goDetail(){
}
}
}
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.u-cell-text { .ulList {
color: #333333; ul {
} li {
.u-cell-text-time { font-size: 12px;
font-size: 22rpx;
color: grey; .floatRight {
} float: right;
.right { padding: 14rpx;
flex: 1; color: $u-primary;
} font-size: 26upx;
.huikuananniu { }
color: #4a67d6;
} .cardText {
</style> font-size: 12px;
}
.priceText {
color: $u-primary;
font-size: 14px;
}
}
}
}
</style>

337
pages/index/upstream.vue
View File

@ -1,173 +1,184 @@
<template> <template>
<view> <view>
<view class="formBox"> <view class="formBox">
<u-alert description="点击可查看对应每笔入库单" type="primary"></u-alert> <u-alert description="点击可查看对应每笔入库单" type="primary"></u-alert>
<view class="swipe-action"> <view class="swipe-action">
<view class="swipe-action__content" @tap="onItemClick(item)" v-for="(item,index) in list" :key="index"> <view class="swipe-action__content" @tap="onItemClick(item)" v-for="(item,index) in list" :key="index">
<view class="swipe-action__content__left"> <view class="swipe-action__content__left">
<view class="swipe-action__content__text">{{ item.consigneeName }}</view> <view class="swipe-action__content__text">{{ item.supplierName }}</view>
</view> </view>
<view class="swipe-action__content__right"> <view class="swipe-action__content__right">
<view class="swipe-action__content__right__text">欠款总金额:</view> <view class="swipe-action__content__right__text">欠款总金额:</view>
<view class="swipe-action__content__right__money">{{ item.noPay }}</view> <view class="swipe-action__content__right__money">{{ item.noPay }}</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { import {
mapState mapState
} from 'vuex'; } from 'vuex';
export default { export default {
name: 'upstream', name: 'upstream',
computed: mapState([ 'userId','shopIndex' ]), computed: mapState(['userId', 'shopIndex']),
data() { data() {
return { return {
choose: '1', choose: '1',
options1: [{ options1: [{
text: '编辑金额', text: '编辑金额',
style: { style: {
backgroundColor: '#3c9cff' backgroundColor: '#3c9cff'
}
}],
popupShow: false,
shopName: '',
list:[]
}
},
onLoad() {
this.getList()
},
methods: {
getList() {
this.tui.request("/app/purchase/debt", "get", {
shopId:this.shopIndex
}, false, true).then((res) => {
if(res.code == 200){
this.list = res.result
console.log(res)
}else{
this.tui.toast(res.message)
} }
}],
}) popupShow: false,
}, shopName: '',
onItemClick(target) { list: []
uni.navigateTo({ }
url: `/pages/index/uparrears?supplierId=${target.supplierId}&consigneeName=${target.consigneeName}` },
}) onLoad() {
} this.getList()
} },
} methods: {
getList() {
this.tui.request("/app/purchase/debt", "get", {
shopId: this.shopIndex
}, false, true).then((res) => {
if (res.code == 200) {
this.list = res.result
console.log(res)
} else {
this.tui.toast(res.message)
}
})
},
onItemClick(target) {
uni.navigateTo({
url: `/pages/index/uparrears?supplierId=${target.supplierId}&consigneeName=${target.supplierName}`
})
}
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.formBox { .formBox {
.uni-data-select { .uni-data-select {
width: 100%; width: 100%;
} }
.tui-order-title { .tui-order-title {
position: relative; position: relative;
font-size: 28upx; font-size: 28upx;
line-height: 28upx; line-height: 28upx;
padding-left: 16upx; padding-left: 16upx;
box-sizing: border-box; box-sizing: border-box;
} }
.tui-order-title::before { .tui-order-title::before {
content: ''; content: '';
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
border-left: 8upx solid $u-primary; border-left: 8upx solid $u-primary;
height: 120%; height: 120%;
border-radius: 4upx; border-radius: 4upx;
} }
} }
.tui-tabbar { .tui-tabbar {
width: 100%; width: 100%;
height: 98rpx; height: 98rpx;
background: #fff; background: #fff;
position: fixed; position: fixed;
left: 0; left: 0;
bottom: 0; bottom: 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
font-size: 26rpx; font-size: 26rpx;
box-shadow: 0 0 1px rgba(0, 0, 0, .3); box-shadow: 0 0 1px rgba(0, 0, 0, .3);
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
z-index: 996; z-index: 996;
} }
.u-page {
padding: 0; .u-page {
} padding: 0;
}
.u-demo-block__title {
padding: 10px 0 2px 15px; .u-demo-block__title {
} padding: 10px 0 2px 15px;
}
.swipe-action {
&__content { .swipe-action {
background-color: #fff; &__content {
margin-bottom: 25rpx; background-color: #fff;
padding:25rpx; margin-bottom: 25rpx;
display: flex; padding: 25rpx;
align-items: center; display: flex;
justify-content: space-between; align-items: center;
&__left { justify-content: space-between;
display: flex;
flex-direction: column; &__left {
align-items: center; display: flex;
} flex-direction: column;
&__right { align-items: center;
display: flex; }
align-items: center;
flex-basis: 300rpx; &__right {
justify-content: space-between; display: flex;
&__text { align-items: center;
color: firebrick; flex-basis: 300rpx;
} justify-content: space-between;
&__money {
flex-basis: 100rpx; &__text {
color: red; color: firebrick;
text-align: right; }
}
} &__money {
&__text { flex-basis: 100rpx;
padding: 12rpx 0; color: red;
width: 100%; text-align: right;
} }
&__time { }
font-size: 22rpx;
color: #3a3a3a; &__text {
} padding: 12rpx 0;
&__icon { width: 100%;
flex-basis: 20rpx; }
}
} &__time {
} font-size: 22rpx;
.edit-info { color: #3a3a3a;
height: 450 rpx; }
padding: 25rpx;
.title { &__icon {
text-align: center; flex-basis: 20rpx;
font-size: 32rpx; }
} }
.info-name { }
display: flex;
align-items: center; .edit-info {
margin: 35rpx 0; height: 450 rpx;
} padding: 25rpx;
}
.title {
text-align: center;
font-size: 32rpx;
}
.info-name {
display: flex;
align-items: center;
margin: 35rpx 0;
}
}
</style> </style>
<style> <style>
.u-radio { .u-radio {
margin: 15 upx 0; margin: 15 upx 0;
} }
</style> </style>
Write Preview
Loading…
Cancel
Save