Skip to content

S
self-support
Commit add56d30 authored by Facius's avatar Facius
Browse files
Options

物流信息页面

parent c5b38348
Hide whitespace changes
Inline Side-by-side
Showing with 194 additions and 86 deletions
src/pages.json
View file @ add56d30
......@@ -276,7 +276,8 @@
"navigationStyle": "custom",
"navigationBarTitleText": " ", // 配件单物流
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#F4F5F7"
"navigationBarBackgroundColor": "#F4F5F7",
"disableScroll": true
}
},
{
......
src/pages/mine/warehouse/express.vue
View file @ add56d30
<template>
<view class="parts-detail">
<u-navbar back-icon-color="#333333" background="#F4F5F7" title="物流信息" titleColor="#333333" :border-bottom="false" title-bold>
<u-navbar back-icon-color="#333333" background="#F4F5F7" title="物流信息" titleColor="#333333"
:border-bottom="false" title-bold>
</u-navbar>
<view class="content-view">
<view class="contacts-view">
<view><image class="image-view" :src="imageUrl"></image></view>
<view class="right-view">
<view class="title-view">{{title}}</view>
<view>{{'物流公司：' + info.express.com}}</view>
<view class="number-view">
<text>{{'物流单号：' + info.express.number}}</text>
<text class="copy-view" @click="$u.throttle(handleClick, 500)">复制</text>
</view>
</view>
</view>
<view class="record-view">
<view class="contacts-view">
<view>
<image class="image-view" :src="imageUrl"></image>
</view>
<view class="right-view">
<view class="title-view">{{title}}</view>
<view>{{'物流公司：' + info.express.com}}</view>
<view class="number-view">
<text>{{'物流单号：' + info.express.number}}</text>
<text class="copy-view" @click="$u.throttle(handleClick, 500)">复制</text>
</view>
</view>
</view>
<view class="record-view">
<view class="express-record-list">
<view class="dashed-line-view"></view>
<view class="express-list">
<view v-for="(item, index) in logisticsRecords" :key="index" class="order-cell">
<view class="node-view">
<view :class="['node-border-view', {'first': index == 0}]">
<view :class="['node-middle-view', {'first': index == 0}]"></view>
</view>
</view>
<view class="right-view">
<view class="line-view-time">
<text>{{item.datetime}}</text>
</view>
<view class="line-view-context">
<text>{{item.context}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
......@@ -26,7 +48,10 @@
export default {
data() {
return {
info: {items:[], express: []},
info: {
items: [],
express: []
},
logisticsRecords: [], // 物流
};
},
......@@ -44,10 +69,10 @@
'-1': '审核未通过',
'1': '已取消'
}
},
imageUrl() {
let item = this.info.items[0] || {}
return item.images ? item.images.split(',').shift() : this.placeholderImage
},
imageUrl() {
let item = this.info.items[0] || {}
return item.images ? item.images.split(',').shift() : this.placeholderImage
},
titleColor() {
switch (String(this.info.status)) {
......@@ -60,11 +85,11 @@
}
},
total() { // 合计
var i = 0
for (var item of this.info.items) {
i += item.quantity
}
var i = 0
for (var item of this.info.items) {
i += item.quantity
}
return i
},
placeholderImage() {
......@@ -72,13 +97,12 @@
},
},
onLoad(e) {
getApp().trackPage('配件单物流信息')
var pages = getCurrentPages();
if (pages.length >= 2) {
var page = pages[pages.length - 2];
console.log('-------page.info------', page.info)
this.info = page.info
}
getApp().trackPage('配件单物流信息')
var pages = getCurrentPages();
if (pages.length >= 2) {
var page = pages[pages.length - 2];
this.info = page.info
}
this.getLogistics()
},
methods: {
......@@ -139,8 +163,8 @@
}
}
if (res.code == 200) {
if (res.data && res.data.records) {
this.logisticsRecords = res.data.records
if (res.data && res.data.expressInfo && res.data.expressInfo.records) {
this.logisticsRecords = res.data.expressInfo.records
}
} else {
console.log(res.message)
......@@ -148,13 +172,13 @@
});
},
handleClick() {
uni.setClipboardData({
data: this.info.orderNumber,
success: function() {
console.log('success');
}
});
handleClick() {
uni.setClipboardData({
data: this.info.orderNumber,
success: function() {
console.log('success');
}
});
}
}
};
......@@ -168,50 +192,132 @@
background-color: #F4F5F7;
height: 100vh;
display: flex;
flex-direction: column;
flex-direction: column;
.content-view {
padding: 30rpx;
height: 100%;
overflow: auto;
.contacts-view {
padding: 30rpx;
background-color: #FFFFFF;
border-radius: 12rpx;
margin-bottom: 20rpx;
display: flex;
align-items: flex-start;
background-color: #FFFFFF;
border-radius: 12rpx;
.image-view {
width: 120rpx;
height: 120rpx;
border-radius: 12rpx;
}
.right-view {
font-size: 26rpx;
color: #333333;
padding-left: 30rpx;
width: 100%;
.title-view {
font-weight: bold;
font-size: 32rpx;
}
.number-view {
display: flex;
justify-content: space-between;
align-items: center;
.copy-view {
color: #2272FF;
padding-left: 30rpx;
}
}
}
.contacts-view {
padding: 30rpx;
background-color: #FFFFFF;
border-radius: 12rpx;
margin-bottom: 20rpx;
display: flex;
align-items: flex-start;
background-color: #FFFFFF;
border-radius: 12rpx;
.image-view {
width: 120rpx;
height: 120rpx;
border-radius: 12rpx;
}
.right-view {
font-size: 26rpx;
color: #333333;
padding-left: 30rpx;
width: 100%;
.title-view {
font-weight: bold;
font-size: 32rpx;
}
.number-view {
display: flex;
justify-content: space-between;
align-items: center;
.copy-view {
color: #2272FF;
padding-left: 30rpx;
flex-shrink: 0;
}
}
}
}
.record-view {
background-color: #FFFFFF;
border-radius: 12rpx;
.record-view {
background-color: #FFFFFF;
border-radius: 12rpx;
padding: 30rpx 30rpx 0 30rpx;
position: relative;
display: flex;
justify-content: space-between;
.express-record-list {
position: relative;
.dashed-line-view {
position: absolute;
width: 2rpx;
border-left: 1px dashed #999999;
height: calc(100% - 64rpx);
top: 14rpx;
left: 11rpx;
}
.express-list {
width: 100%;
.order-cell {
margin-bottom: 50rpx;
display: flex;
.node-view {
margin-right: 18rpx;
flex-shrink: 0;
margin-top: 8rpx;
z-index: 1;
.node-border-view {
border: 2rpx solid #999999;
border-radius: 11rpx;
width: 22rpx;
height: 22rpx;
padding: 5rpx;
background-color: #FFFFFF;
&.first {
border: 2rpx solid #2272FF;
}
.node-middle-view {
width: 10rpx;
height: 10rpx;
background-color: #999999;
border-radius: 6rpx;
&.first {
background-color: #2272FF;
}
}
}
}
.right-view {
width: 100%;
.line-view-time {
font-size: 28rpx;
font-weight: bold;
color: #333333;
margin-bottom: 20rpx;
}
.line-view-context {
font-size: 26rpx;
color: #666666;
}
}
}
}
}
}
}
......
src/pages/mine/warehouse/partsDetail.vue
View file @ add56d30
......@@ -37,7 +37,7 @@
<view class="detail-info-view">
<view v-for="(value, key) in detailKey" :key="key" class="info-item">
<view class="detail-left-view">
<text>{{ value }}:</text>
<text>{{ value }}</text>
<text @longpress="handleLongpress(key, detail[key] )">{{ detail[key] }}</text>
</view>
<text class="copy-view" v-if="key == 'orderNumber'" @click="$u.throttle(handleClickCopy, 500)">
......@@ -131,9 +131,9 @@
},
detailKey() { // 详情
return {
'orderNumber': '申请单号',
'createTime': '申请时间',
'deliveryTime': '发货时间',
'orderNumber': '申请单号：',
'createTime': '申请时间：',
'deliveryTime': '发货时间：',
}
}
},
......@@ -207,7 +207,8 @@
.express-view {
color: #2272FF;
font-size: 26rpx;
font-size: 26rpx;
margin-bottom: 6rpx;
}
}
......@@ -279,7 +280,7 @@
.left-view {
display: flex;
align-items: center;
align-items: flex-start;
.image-view {
width: 120rpx;
......
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