杨阁辉
4 years ago
6 changed files with 649 additions and 266 deletions
Unified View
Diff Options
-
12pages.json
-
116pages/message/index.vue
-
113pages/message/platform-message.vue
-
68pages/message/system-message.vue
-
72pages/platform-message-info/index.vue
-
534pages/trade/orderList.vue
@ -1,47 +1,101 @@ |
|||||
<template> |
<template> |
||||
<view class="message-info"> |
|
||||
<view> |
|
||||
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title=""> |
|
||||
<view class="message-info-title">消息通知</view> |
|
||||
<view slot="left"></view> |
|
||||
<view slot="right" class="message-info-right-title">一键全读</view> |
|
||||
</uni-nav-bar> |
|
||||
</view> |
|
||||
<view class=""> |
|
||||
|
|
||||
</view> |
|
||||
</view> |
|
||||
|
<view class="message-info"> |
||||
|
<view> |
||||
|
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title=""> |
||||
|
<view class="message-info-title">消息通知</view> |
||||
|
<view slot="left"></view> |
||||
|
<view slot="right" class="message-info-right-title">一键全读</view> |
||||
|
</uni-nav-bar> |
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<view class="message-tab"> |
||||
|
<view :class="subIndex === 0 ? 'message-bottom meeage-change' : 'message-noChange'" @click="checkMessage(0)"> |
||||
|
<uni-badge size="small" :custom-style="subIndex === 0 ? customStyle:customStylet" :text="5" absolute="rightTop" type="error">系统消息</uni-badge> |
||||
|
</view> |
||||
|
<view :class="subIndex === 1 ? 'message-bottom meeage-change' : 'message-noChange'" @click="checkMessage(1)"> |
||||
|
<uni-badge size="small" :custom-style="subIndex === 1 ? customStyle:customStylet" :text="5" absolute="rightTop" type="error">平台公告</uni-badge> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<systemMessage v-if="subIndex === 0" v-for="item in 10"></systemMessage> |
||||
|
<platformMessage v-if="subIndex === 1" v-for="item in 10"></platformMessage> |
||||
|
</view> |
||||
|
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { back, go2 } from '@/utils/hook.js' |
|
||||
|
import { back, go2 } from '@/utils/hook.js' |
||||
|
import systemMessage from './system-message.vue' |
||||
|
import platformMessage from './platform-message.vue' |
||||
export default { |
export default { |
||||
|
components:{ |
||||
|
systemMessage, |
||||
|
platformMessage |
||||
|
}, |
||||
data() { |
data() { |
||||
return { |
return { |
||||
|
subIndex: 0, |
||||
|
customStyle: { |
||||
|
top: '5px', |
||||
|
background:'#FF0000 ' |
||||
|
}, |
||||
|
customStylet:{ |
||||
|
top: '-13px', |
||||
|
background:'#FF0000 ' |
||||
|
} |
||||
} |
} |
||||
}, |
}, |
||||
methods:{ |
|
||||
back |
|
||||
|
methods: { |
||||
|
back, |
||||
|
checkMessage(item) { |
||||
|
this.subIndex = item |
||||
|
} |
||||
} |
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss"> |
<style lang="scss"> |
||||
.message-info{ |
|
||||
.message-info-title { |
|
||||
width: 100%; |
|
||||
font-size: 36rpx; |
|
||||
color: #000000; |
|
||||
letter-spacing: 0; |
|
||||
text-align: center; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
.message-info-right-title{ |
|
||||
font-size: 28rpx; |
|
||||
color: #007AFF; |
|
||||
text-align: right; |
|
||||
line-height: 40rpx; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
|
.message-info { |
||||
|
.message-info-title { |
||||
|
width: 100%; |
||||
|
font-size: 36rpx; |
||||
|
color: #000000; |
||||
|
letter-spacing: 0; |
||||
|
text-align: center; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
.message-info-right-title { |
||||
|
font-size: 28rpx; |
||||
|
color: #007aff; |
||||
|
text-align: right; |
||||
|
line-height: 40rpx; |
||||
|
font-weight: 500; |
||||
} |
} |
||||
|
.message-tab { |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
height: 88rpx; |
||||
|
background: #ffffff; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.message-bottom { |
||||
|
line-height: 88rpx; |
||||
|
border-bottom: 4rpx solid #007aff; |
||||
|
border-bottom-right-radius: 2rpx; |
||||
|
border-bottom-left-radius: 2rpx; |
||||
|
} |
||||
|
.message-noChange { |
||||
|
font-size: 28rpx; |
||||
|
color: #888888; |
||||
|
text-align: center; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.meeage-change { |
||||
|
font-size: 28rpx; |
||||
|
color: #333333; |
||||
|
text-align: center; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
} |
||||
</style> |
</style> |
||||
@ -0,0 +1,113 @@ |
|||||
|
<template> |
||||
|
<view class="platform-message"> |
||||
|
<view class="platform-message-main" @click="jumpInfo(item)"> |
||||
|
<view class="platform-message-main-top"> |
||||
|
<view class="platform-message-title"> |
||||
|
<view class="">关于12/29日纸掌柜系统维护公告</view> |
||||
|
<view class="dian"></view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="platform-message-contant">尊敬的用户，您好！\u2028因服务升级需要，纸掌柜将于2021年12月29日进..</view> |
||||
|
<view class="xian"></view> |
||||
|
<view class="platform-message-bottom"> |
||||
|
<view class="platform-message-bottom-title">2021/12/29 12:30:45</view> |
||||
|
<view class="platform-message-bottom-text"> |
||||
|
<view class="platform-message-bottom-subtitle"> |
||||
|
查看详情 |
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<image class="platform-message-bottom-image" src="../../static/imgs/client-detail/arrow-right-icon.png" mode=""></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { back, go2 } from '@/utils/hook.js' |
||||
|
export default { |
||||
|
data() { |
||||
|
return {} |
||||
|
}, |
||||
|
methods: { |
||||
|
jumpInfo(){ |
||||
|
go2('platform-message-info') |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.platform-message { |
||||
|
.platform-message-main { |
||||
|
background-color: #ffffff; |
||||
|
margin: 20rpx 32rpx; |
||||
|
border-radius: 20rpx; |
||||
|
} |
||||
|
.platform-message-main-top { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
padding: 24rpx 32rpx; |
||||
|
} |
||||
|
.platform-message-title { |
||||
|
font-size: 32rpx; |
||||
|
color: #333333; |
||||
|
letter-spacing: 0; |
||||
|
font-weight: 600; |
||||
|
display: flex; |
||||
|
} |
||||
|
.platform-message-subtitle { |
||||
|
font-size: 24rpx; |
||||
|
color: #333333; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.platform-message-contant { |
||||
|
font-size: 28rpx; |
||||
|
color: #888888; |
||||
|
letter-spacing: 0; |
||||
|
font-weight: 400; |
||||
|
padding: 0rpx 32rpx; |
||||
|
line-height: 40rpx; |
||||
|
overflow: auto; |
||||
|
max-height: 100rpx; |
||||
|
height: 100rpx; |
||||
|
} |
||||
|
.dian { |
||||
|
background: #ff0000; |
||||
|
height: 14rpx; |
||||
|
width: 14rpx; |
||||
|
border-radius: 20rpx; |
||||
|
margin-left: 10rpx; |
||||
|
} |
||||
|
.xian { |
||||
|
border-bottom: 2rpx solid #dddddd; |
||||
|
} |
||||
|
.platform-message-bottom { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
padding: 20rpx 32rpx; |
||||
|
align-items: center; |
||||
|
.platform-message-bottom-title { |
||||
|
font-size: 24rpx; |
||||
|
color: #333333; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.platform-message-bottom-subtitle { |
||||
|
font-size: 28rpx; |
||||
|
color: #007aff; |
||||
|
letter-spacing: 0; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.platform-message-bottom-image{ |
||||
|
height: 40rpx; |
||||
|
width: 40rpx; |
||||
|
margin-top: 10rpx; |
||||
|
} |
||||
|
.platform-message-bottom-text{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,68 @@ |
|||||
|
<template> |
||||
|
<view class="system-message"> |
||||
|
<view class="system-message-main"> |
||||
|
<view class="system-message-main-top"> |
||||
|
<view class="system-message-title"> |
||||
|
<view class="">客户下单</view> |
||||
|
<view class="dian"></view> |
||||
|
</view> |
||||
|
<view class="system-message-subtitle">50分钟前</view> |
||||
|
</view> |
||||
|
<view class="system-message-contant">老板，您的空闲设备海德堡SD-1有新的报价订单发布了，赶紧去报价吧！</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return {} |
||||
|
}, |
||||
|
methods: {} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.system-message { |
||||
|
.system-message-main { |
||||
|
background-color: #ffffff; |
||||
|
margin: 20rpx 32rpx; |
||||
|
border-radius: 20rpx; |
||||
|
} |
||||
|
.system-message-main-top { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
padding: 24rpx 32rpx; |
||||
|
} |
||||
|
.system-message-title { |
||||
|
font-size: 32rpx; |
||||
|
color: #333333; |
||||
|
letter-spacing: 0; |
||||
|
font-weight: 600; |
||||
|
display: flex; |
||||
|
} |
||||
|
.system-message-subtitle { |
||||
|
font-size: 24rpx; |
||||
|
color: #333333; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.system-message-contant { |
||||
|
font-size: 28rpx; |
||||
|
color: #888888; |
||||
|
letter-spacing: 0; |
||||
|
font-weight: 400; |
||||
|
padding: 0rpx 32rpx; |
||||
|
line-height: 40rpx; |
||||
|
overflow: auto; |
||||
|
max-height: 100rpx; |
||||
|
height: 100rpx; |
||||
|
} |
||||
|
.dian { |
||||
|
background: #FF0000 ; |
||||
|
height: 14rpx; |
||||
|
width: 14rpx; |
||||
|
border-radius: 20rpx; |
||||
|
margin-left: 10rpx; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,72 @@ |
|||||
|
<template> |
||||
|
<view class="platform-info"> |
||||
|
<view> |
||||
|
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title=""> |
||||
|
<view class="platform-info-title">消息详情</view> |
||||
|
<view slot="left"></view> |
||||
|
</uni-nav-bar> |
||||
|
</view> |
||||
|
<view class="platform-info-main"> |
||||
|
<view class="platform-info-text"> |
||||
|
<text>关于12/29日纸掌柜系统维护公告</text> |
||||
|
</view> |
||||
|
<view class="platform-info-contant"> |
||||
|
尊敬的用户，您好！ |
||||
|
因服务升级需要，纸掌柜将于2021年11月31 |
||||
|
进行系统升级。 |
||||
|
</view> |
||||
|
<view class="platform-info-time"> |
||||
|
2021/12/29 12:30:45 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { back, go2 } from '@/utils/hook.js' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
back |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.platform-info{ |
||||
|
.platform-info-title { |
||||
|
width: 100%; |
||||
|
font-size: 36rpx; |
||||
|
color: #000000; |
||||
|
letter-spacing: 0; |
||||
|
text-align: center; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
.platform-info-main{ |
||||
|
padding: 20rpx 32rpx; |
||||
|
background: #FFFFFF; |
||||
|
line-height: 60rpx; |
||||
|
} |
||||
|
.platform-info-text { |
||||
|
font-size: 32rpx; |
||||
|
color: #333333; |
||||
|
letter-spacing: 0; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
.platform-info-contant{ |
||||
|
font-size: 28rpx; |
||||
|
color: #888888; |
||||
|
letter-spacing: 0; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.platform-info-time{ |
||||
|
font-size: 24rpx; |
||||
|
color: #333333; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -1,235 +1,301 @@ |
|||||
<template> |
|
||||
<view class="order-list"> |
|
||||
<uni-segmented-control :current="controlCurrent" :values="controlItems" @clickItem="onClickItem" styleType="text" activeColor="#007AFF"></uni-segmented-control> |
|
||||
<scroll-list style="touch-action: none" ref="orderRef" :option="orderOption" @load="orderUp" @refresh="orderDown"> |
|
||||
<view v-for="(item, index) in list" :key="index"> |
|
||||
<view class="list-border list-title-line"> |
|
||||
<text class="list-title">{{item.customerEnterpriseName}}</text> |
|
||||
<text class="list-title-Subtitle">{{controlItems[item.orderStatus-1] }}</text> |
|
||||
</view> |
|
||||
<view class="list-border list-info-line" v-for="(subItem, subIndex) in item.supplierOrderList[0].orderItmes" :key="subIndex"> |
|
||||
<view class="list-info"> |
|
||||
<view class=""> |
|
||||
<!-- <image class="list-image" :src="item.productImg" mode=""></image> --> |
|
||||
<image class="list-image" :src="subItem.productImg" mode=""> |
|
||||
</view> |
|
||||
<view class="list-info-contant"> |
|
||||
<view class="list-info-title">{{ subItem.productName }} |
|
||||
|
|
||||
</view> |
|
||||
<view class="list-info-text"> |
|
||||
{{ subItem.categoryName }}/{{ subItem.brandName }}/{{ item.gramWeight }}g/{{ subItem.length }}*{{ subItem.width }}/{{ subItem.pieceQuantity }}张 |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="list-border list-bottom-contant"> |
|
||||
<view> |
|
||||
<text class="list-bottom-contant-text">交货时间：</text> |
|
||||
<text class="list-bottom-contant-subtext">{{ item.deliveryDay }}天</text> |
|
||||
</view> |
|
||||
<view> |
|
||||
<text class="list-title-Subtitle">¥{{ item.totalOfferPrice }}</text> |
|
||||
</view> |
|
||||
</view> |
|
||||
<uGap></uGap> |
|
||||
</view> |
|
||||
</scroll-list> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import uGap from '@/components/u-gap/u-gap.vue' |
|
||||
import scrollList from '@/components/scroll-list/scroll-list.vue' |
|
||||
// import { gettradingHallList } from '@/apis/trade' |
|
||||
import { getBasePaperDeals } from '@/apis/clientDetailApi.js' |
|
||||
export default { |
|
||||
// props: { |
|
||||
// queryOrderData: { |
|
||||
// type: Object, |
|
||||
// default: () => {} |
|
||||
// } |
|
||||
// }, |
|
||||
components: { |
|
||||
uGap |
|
||||
}, |
|
||||
|
|
||||
data() { |
|
||||
return { |
|
||||
orderPagination: { |
|
||||
pageNum: 0, // 初始会执行一次下拉加载 |
|
||||
pageSize: 10 |
|
||||
}, |
|
||||
orderData: [], |
|
||||
controlCurrent: 0, |
|
||||
controlItems: ['全部', '待确认', '待发货', '已完成'], |
|
||||
orderOption: { |
|
||||
size: 10, |
|
||||
auto: true, |
|
||||
emptyText: '暂无报价信息~', |
|
||||
background: '#F7F8FA', |
|
||||
fontSize: '40rpx' |
|
||||
}, |
|
||||
params: { |
|
||||
asc: '', |
|
||||
desc: '', |
|
||||
// customerEnterpriseId: this.$store.state.supplierInfo.id || null, // 客户企业ID默认为空，传值时网关获取当前用户关联企业id失效 |
|
||||
// mallSupplierId: this.$store.state.supplierInfo.supplierId || null, // 供应商id |
|
||||
customerEnterpriseId: '651107734133018624', |
|
||||
mallSupplierId: '670334117090562048', // 供应商id |
|
||||
status: '0', // 状态 0 全部 待发货/30106,待收货/30107,待借款/30207,已完成/30104 |
|
||||
enterpriseIds: [] //企业ID集合网关获取 |
|
||||
}, |
|
||||
pagination: { |
|
||||
pageNum: 0, // 初始会执行一次下拉加载 |
|
||||
pageSize: 10 |
|
||||
}, |
|
||||
list: [] |
|
||||
} |
|
||||
}, |
|
||||
onLoad(option) {}, |
|
||||
methods: { |
|
||||
// 获取订单列表 |
|
||||
getList() { |
|
||||
return new Promise((resolve, reject) => { |
|
||||
getBasePaperDeals({ ...this.params, ...this.pagination }) |
|
||||
.then(res => { |
|
||||
console.log('订单列表', res) |
|
||||
if (res) { |
|
||||
if (this.pagination.pageNum == 1) { |
|
||||
this.list = res.records |
|
||||
} else { |
|
||||
this.list = this.list.concat(res.records) |
|
||||
} |
|
||||
// this.list = [] |
|
||||
// this.list = [...this.list, ...[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]] |
|
||||
resolve({ list: this.list, total: res.total }) |
|
||||
} |
|
||||
}) |
|
||||
.catch(err => { |
|
||||
reject(err) |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
//订单分页 |
|
||||
orderUp(page) { |
|
||||
this.orderPagination.pageNum++ |
|
||||
this.getList() |
|
||||
.then(({ list, total }) => { |
|
||||
this.$refs.orderRef.refreshSuccess({ list, total }) |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
this.$refs.orderRef.loadFail() |
|
||||
}) |
|
||||
}, |
|
||||
//订单分页 |
|
||||
orderDown() { |
|
||||
this.orderPagination.pageNum = 1 |
|
||||
this.getList() |
|
||||
.then(({ list, total }) => { |
|
||||
this.$refs.orderRef.refreshSuccess({ list, total }) |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
this.$refs.orderRef.refreshFail() |
|
||||
}) |
|
||||
}, |
|
||||
//分段器点击事件 |
|
||||
onClickItem(value) { |
|
||||
|
<template> |
||||
|
<view class="order-list"> |
||||
|
<uni-segmented-control :current="controlCurrent" :values="controlItems" @clickItem="onClickItem" styleType="text" activeColor="#007AFF"></uni-segmented-control> |
||||
|
<scroll-list style="touch-action: none" ref="orderRef" :option="orderOption" @load="orderUp" @refresh="orderDown"> |
||||
|
<view v-for="(item, index) in list" :key="index"> |
||||
|
<view class="list-border list-title-line"> |
||||
|
<view class=""> |
||||
|
<view class="list-title">{{ item.customerEnterpriseName }}</view> |
||||
|
<view class="list-title-subLine">{{ item.orderId }}</view> |
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<view class="list-title-Subtitle">{{ item.status | statusFilter }}</view> |
||||
|
<view class="list-title-subLine">{{ item.createTime }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="list-border list-info-line" v-for="(subItem, subIndex) in item.supplierOrderList[0].orderItmes" :key="subIndex"> |
||||
|
<view class="list-info"> |
||||
|
<view class=""> |
||||
|
<!-- <image class="list-image" :src="item.productImg" mode=""></image> --> |
||||
|
<image class="list-image" :src="subItem.productImg" mode=""></image> |
||||
|
</view> |
||||
|
<view class="list-info-contant"> |
||||
|
<view class="list-info-title">{{ subItem.productName }}</view> |
||||
|
<view class="list-info-text"> |
||||
|
{{ subItem.categoryName }}/{{ subItem.brandName }}/{{ item.gramWeight }}g/{{ subItem.length }}*{{ subItem.width }}/{{ subItem.pieceQuantity }}张 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="list-border list-bottom-contant"> |
||||
|
<view> |
||||
|
<text class="list-bottom-contant-text">交货时间：</text> |
||||
|
<text class="list-bottom-contant-subtext">{{ item.deliveryLeadtime }}</text> |
||||
|
</view> |
||||
|
<view> |
||||
|
<text class="list-title-Subtitle subTitle-right">¥{{ item.totalOfferPrice }}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
<uGap></uGap> |
||||
|
</view> |
||||
|
</scroll-list> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import uGap from '@/components/u-gap/u-gap.vue' |
||||
|
import scrollList from '@/components/scroll-list/scroll-list.vue' |
||||
|
// import { gettradingHallList } from '@/apis/trade' |
||||
|
import { getBasePaperDeals } from '@/apis/clientDetailApi.js' |
||||
|
export default { |
||||
|
// props: { |
||||
|
// queryOrderData: { |
||||
|
// type: Object, |
||||
|
// default: () => {} |
||||
|
// } |
||||
|
// }, |
||||
|
components: { |
||||
|
uGap |
||||
|
}, |
||||
|
filters: { |
||||
|
statusFilter(value) { |
||||
|
var name = '' |
||||
|
console.log('name', value) |
||||
|
if (value) { |
||||
|
switch (value) { |
||||
|
case 30100: |
||||
|
name = '待确认' |
||||
|
break |
||||
|
case 30204: |
||||
|
name = '待供应商确认' |
||||
|
break |
||||
|
case 30101: |
||||
|
name = '已下单' |
||||
|
break |
||||
|
case 30215: |
||||
|
name = '待还款' |
||||
|
break |
||||
|
case 30104: |
||||
|
name = '已完成' |
||||
|
break |
||||
|
case 30105: |
||||
|
name = '已取消' |
||||
|
break |
||||
|
|
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
} |
||||
|
return name |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
orderPagination: { |
||||
|
pageNum: 0, // 初始会执行一次下拉加载 |
||||
|
pageSize: 10 |
||||
|
}, |
||||
|
orderData: [], |
||||
|
controlCurrent: 0, |
||||
|
controlItems: ['全部', '待确认', '待发货', '已完成'], |
||||
|
orderOption: { |
||||
|
size: 10, |
||||
|
auto: true, |
||||
|
emptyText: '暂无报价信息~', |
||||
|
background: '#F7F8FA', |
||||
|
fontSize: '40rpx' |
||||
|
}, |
||||
|
params: { |
||||
|
asc: '', |
||||
|
desc: '', |
||||
|
// customerEnterpriseId: this.$store.state.supplierInfo.id || null, // 客户企业ID默认为空，传值时网关获取当前用户关联企业id失效 |
||||
|
// mallSupplierId: this.$store.state.supplierInfo.supplierId || null, // 供应商id |
||||
|
customerEnterpriseId: '651107734133018624', |
||||
|
mallSupplierId: '670334117090562048', // 供应商id |
||||
|
status: '0', // 状态 0 全部 待发货/30106,待收货/30107,待借款/30207,已完成/30104 |
||||
|
enterpriseIds: [] //企业ID集合网关获取 |
||||
|
}, |
||||
|
pagination: { |
||||
|
pageNum: 0, // 初始会执行一次下拉加载 |
||||
|
pageSize: 10 |
||||
|
}, |
||||
|
list: [] |
||||
|
} |
||||
|
}, |
||||
|
onLoad(option) {}, |
||||
|
methods: { |
||||
|
// 获取订单列表 |
||||
|
getList() { |
||||
|
return new Promise((resolve, reject) => { |
||||
|
getBasePaperDeals({ ...this.params, ...this.pagination }) |
||||
|
.then(res => { |
||||
|
console.log('订单列表', res) |
||||
|
if (res) { |
||||
|
if (this.pagination.pageNum == 1) { |
||||
|
this.list = res.records |
||||
|
} else { |
||||
|
this.list = this.list.concat(res.records) |
||||
|
} |
||||
|
// this.list = [] |
||||
|
// this.list = [...this.list, ...[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]] |
||||
|
resolve({ list: this.list, total: res.total }) |
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
reject(err) |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
//订单分页 |
||||
|
orderUp(page) { |
||||
|
this.orderPagination.pageNum++ |
||||
|
this.getList() |
||||
|
.then(({ list, total }) => { |
||||
|
this.$refs.orderRef.refreshSuccess({ list, total }) |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.$refs.orderRef.loadFail() |
||||
|
}) |
||||
|
}, |
||||
|
//订单分页 |
||||
|
orderDown() { |
||||
|
this.orderPagination.pageNum = 1 |
||||
|
this.getList() |
||||
|
.then(({ list, total }) => { |
||||
|
this.$refs.orderRef.refreshSuccess({ list, total }) |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.$refs.orderRef.refreshFail() |
||||
|
}) |
||||
|
}, |
||||
|
//分段器点击事件 |
||||
|
onClickItem(value) { |
||||
console.log(value) |
console.log(value) |
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.order-list { |
|
||||
margin-bottom: 0px; |
|
||||
background: #FFFFFF; |
|
||||
.list-border { |
|
||||
border-bottom: 2rpx solid #dddddd; |
|
||||
} |
|
||||
.list-title-line { |
|
||||
line-height: 88rpx; |
|
||||
padding-left: 48rpx; |
|
||||
width: 750rpx; |
|
||||
height: 88rpx; |
|
||||
background: #FFFFFF; |
|
||||
} |
|
||||
.list-title { |
|
||||
font-family: PingFangSC-Semibold; |
|
||||
font-size: 30rpx; |
|
||||
color: #000000; |
|
||||
letter-spacing: 0; |
|
||||
font-weight: 600; |
|
||||
} |
|
||||
.list-title-Subtitle { |
|
||||
font-family: PingFangSC-Medium; |
|
||||
font-size: 30rpx; |
|
||||
color: #ff5368; |
|
||||
letter-spacing: 0; |
|
||||
text-align: right; |
|
||||
font-weight: 500; |
|
||||
float: right; |
|
||||
margin-right: 32rpx; |
|
||||
} |
|
||||
.list-info-line { |
|
||||
padding-left: 48rpx; |
|
||||
line-height: 70rpx; |
|
||||
// width: 750rpx; |
|
||||
// height: 88rpx; |
|
||||
background: #FFFFFF; |
|
||||
} |
|
||||
.list-info-contant { |
|
||||
margin-left: 48rpx; |
|
||||
} |
|
||||
.list-info-title { |
|
||||
font-family: PingFangSC-Medium; |
|
||||
font-size: 30rpx; |
|
||||
color: #333333; |
|
||||
letter-spacing: 0; |
|
||||
text-align: left; |
|
||||
font-weight: 550; |
|
||||
} |
|
||||
.list-info-text { |
|
||||
font-family: PingFangSC-Regular; |
|
||||
font-size: 26rpx; |
|
||||
color: #888888; |
|
||||
letter-spacing: 0; |
|
||||
text-align: left; |
|
||||
line-height: 64rpx; |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
.list-image { |
|
||||
width: 100rpx; |
|
||||
height: 100rpx; |
|
||||
margin-top: 20rpx; |
|
||||
} |
|
||||
.list-info { |
|
||||
display: flex; |
|
||||
} |
|
||||
.list-bottom-contant { |
|
||||
// line-height: 70rpx; |
|
||||
align-items: center; |
|
||||
padding-left: 48rpx; |
|
||||
width: 750rpx; |
|
||||
height: 80rpx; |
|
||||
background: #FFFFFF; |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
.list-bottom-contant-text{ |
|
||||
font-size: 26rpx; |
|
||||
color: #888888; |
|
||||
letter-spacing: 0; |
|
||||
line-height: 32rpx; |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
.list-bottom-contant-subtext{ |
|
||||
font-size: 26rpx; |
|
||||
color: #333333; |
|
||||
letter-spacing: 0; |
|
||||
line-height: 32rpx; |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
|
this.pagination.pageNum = 1 |
||||
|
switch (value.currentIndex) { |
||||
|
case 0: |
||||
|
this.params.status = 0 |
||||
|
break |
||||
|
case 1: |
||||
|
this.params.status = 30107 |
||||
|
break |
||||
|
case 2: |
||||
|
this.params.status = 30106 |
||||
|
break |
||||
|
case 3: |
||||
|
this.params.status = 30104 |
||||
|
break |
||||
|
|
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
this.getList() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.order-list { |
||||
|
margin-bottom: 0px; |
||||
|
background: #ffffff; |
||||
|
.list-border { |
||||
|
border-bottom: 2rpx solid #dddddd; |
||||
|
} |
||||
|
.list-title-line { |
||||
|
width: 750rpx; |
||||
|
background: #ffffff; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
padding: 20rpx 32rpx; |
||||
|
line-height: 58rpx; |
||||
|
align-items: center; |
||||
|
height: 120rpx; |
||||
|
} |
||||
|
.list-title-subLine { |
||||
|
font-size: 26rpx; |
||||
|
color: #888888; |
||||
|
letter-spacing: 0; |
||||
|
text-align: left; |
||||
|
line-height: 32rpx; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.list-title { |
||||
|
font-family: PingFangSC-Semibold; |
||||
|
font-size: 30rpx; |
||||
|
color: #000000; |
||||
|
letter-spacing: 0; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
.list-title-Subtitle { |
||||
|
font-family: PingFangSC-Medium; |
||||
|
font-size: 30rpx; |
||||
|
color: #ff5368; |
||||
|
letter-spacing: 0; |
||||
|
text-align: right; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
.subTitle-right { |
||||
|
margin-right: 32rpx; |
||||
|
} |
||||
|
.list-info-line { |
||||
|
padding-left: 32rpx; |
||||
|
line-height: 70rpx; |
||||
|
// width: 750rpx; |
||||
|
// height: 88rpx; |
||||
|
background: #ffffff; |
||||
|
} |
||||
|
.list-info-contant { |
||||
|
margin-left: 48rpx; |
||||
|
} |
||||
|
.list-info-title { |
||||
|
font-family: PingFangSC-Medium; |
||||
|
font-size: 30rpx; |
||||
|
color: #333333; |
||||
|
letter-spacing: 0; |
||||
|
text-align: left; |
||||
|
font-weight: 550; |
||||
|
} |
||||
|
.list-info-text { |
||||
|
font-family: PingFangSC-Regular; |
||||
|
font-size: 26rpx; |
||||
|
color: #888888; |
||||
|
letter-spacing: 0; |
||||
|
text-align: left; |
||||
|
line-height: 64rpx; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.list-image { |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
margin-top: 20rpx; |
||||
|
} |
||||
|
.list-info { |
||||
|
display: flex; |
||||
|
} |
||||
|
.list-bottom-contant { |
||||
|
// line-height: 70rpx; |
||||
|
align-items: center; |
||||
|
padding-left: 32rpx; |
||||
|
width: 750rpx; |
||||
|
height: 80rpx; |
||||
|
background: #ffffff; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
.list-bottom-contant-text { |
||||
|
font-size: 26rpx; |
||||
|
color: #888888; |
||||
|
letter-spacing: 0; |
||||
|
line-height: 32rpx; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.list-bottom-contant-subtext { |
||||
|
font-size: 26rpx; |
||||
|
color: #333333; |
||||
|
letter-spacing: 0; |
||||
|
line-height: 32rpx; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save