杨阁辉
4 years ago
6 changed files with 649 additions and 266 deletions
Split 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> |
|||
<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> |
|||
|
|||
<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 { |
|||
components:{ |
|||
systemMessage, |
|||
platformMessage |
|||
}, |
|||
data() { |
|||
return { |
|||
subIndex: 0, |
|||
customStyle: { |
|||
top: '5px', |
|||
background:'#FF0000 ' |
|||
}, |
|||
customStylet:{ |
|||
top: '-13px', |
|||
background:'#FF0000 ' |
|||
} |
|||
} |
|||
}, |
|||
methods:{ |
|||
back |
|||
methods: { |
|||
back, |
|||
checkMessage(item) { |
|||
this.subIndex = item |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<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> |
|||
@ -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) |
|||
} |
|||
} |
|||
} |
|||
</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