Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
U
user
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
hooloo
mp
user
Commits
31e89ad2
Commit
31e89ad2
authored
2 years ago
by
weijiguang
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改订单详情UI
parent
b511068a
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
44 additions
and
47 deletions
+44
-47
orderSubPackage/pages/orderInfo/index.vue
+42
-45
orderSubPackage/pages/settlement/index.vue
+2
-2
No files found.
orderSubPackage/pages/orderInfo/index.vue
View file @
31e89ad2
...
@@ -15,12 +15,11 @@
...
@@ -15,12 +15,11 @@
<image
mode=
"aspectFit"
:src=
"ewmImg"
class=
"qr"
></image>
<image
mode=
"aspectFit"
:src=
"ewmImg"
class=
"qr"
></image>
<view
class=
"status_text"
>
{{
orderStatusText
}}
</view>
<view
class=
"status_text"
>
{{
orderStatusText
}}
</view>
</div>
</div>
<canvas
class=
"canvas-code"
canvas-id=
"myQrcode"
<canvas
v-if=
"qrShow"
class=
"canvas-code"
canvas-id=
"myQrcode"
style=
"background:#fff;width: 200px;height: 200px; display:block; left:-800rpx;position:absolute;"
/>
style=
"background:#fff;width: 200px;height: 200px; display:block; left:-800rpx;position:absolute;"
/>
<div
v-if=
"qrShow"
class=
"flow_describe"
>
<div
v-if=
"qrShow"
class=
"flow_describe"
>
<h3>
扫码流程
</h3>
<h3>
扫码流程
</h3>
<image
:mode=
"'aspectFit'"
width=
"600px"
class=
"flow_img"
src=
"../../../static/imgs/order_flow.png"
>
<image
:mode=
"'aspectFit'"
class=
"flow_img"
src=
"/static/imgs/order_flow.png"
></image>
</image>
</div>
</div>
<div
class=
"shop_info"
>
<div
class=
"shop_info"
>
<div
class=
"address"
>
<div
class=
"address"
>
...
@@ -33,10 +32,7 @@
...
@@ -33,10 +32,7 @@
<image
mode=
"aspectFit"
v-if=
"jsonParse(item.goods.pics).thumbnailApplet"
<image
mode=
"aspectFit"
v-if=
"jsonParse(item.goods.pics).thumbnailApplet"
:src=
"jsonParse(item.goods.pics).thumbnailApplet"
class=
"goods_img"
>
:src=
"jsonParse(item.goods.pics).thumbnailApplet"
class=
"goods_img"
>
</image>
</image>
<image
mode=
"aspectFit"
v-else
:src=
"jsonParse(item.goods.pics).thumbnail"
<image
mode=
"aspectFit"
v-else
:src=
"jsonParse(item.goods.pics).thumbnail"
class=
"goods_img"
></image>
class=
"goods_img"
>
</image>
<div
class=
"goods_text"
>
<div
class=
"goods_text"
>
<div
class=
"goods_name"
>
<div
class=
"goods_name"
>
<div
class=
"name"
>
{{
item
.
goodsName
}}
</div>
<div
class=
"name"
>
{{
item
.
goodsName
}}
</div>
...
@@ -44,16 +40,17 @@
...
@@ -44,16 +40,17 @@
</div>
</div>
<div
class=
"goods_psce"
>
<div
class=
"goods_psce"
>
<div
class=
"psce_name"
>
<div
class=
"psce_name"
>
<span
v-for=
"rule in jsonParse(item.specRuleDetail)"
:key=
"rule.specId"
>
<span
v-for=
"(rule, index) in jsonParse(item.specRuleDetail)"
:key=
"rule.specId"
>
{{
rule
.
ruleName
}}
/
{{
rule
.
ruleName
}}
<text
v-if=
"index != jsonParse(item.specRuleDetail).length - 1"
>
/
</text>
</span>
</span>
</div>
</div>
<div
class=
"size"
>
*
{{
item
.
num
}}
</div>
<div
class=
"size"
>
x
{{
item
.
num
}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"discount"
>
<
!--
<
div
class=
"discount"
>
<div
class=
"discount_1"
>
<div
class=
"discount_1"
>
<div
class=
"name"
>
优惠免减
</div>
<div
class=
"name"
>
优惠免减
</div>
<div
class=
"price"
>
¥
{{
setPrice
(
item
.
amount
-
item
.
realAmount
)
}}
</div>
<div
class=
"price"
>
¥
{{
setPrice
(
item
.
amount
-
item
.
realAmount
)
}}
</div>
...
@@ -62,10 +59,10 @@
...
@@ -62,10 +59,10 @@
<div
class=
"name"
>
特惠价
</div>
<div
class=
"name"
>
特惠价
</div>
<div
class=
"price"
>
¥
{{
setPrice
(
item
.
realAmount
)
}}
</div>
<div
class=
"price"
>
¥
{{
setPrice
(
item
.
realAmount
)
}}
</div>
</div>
</div>
</div>
</div>
-->
</div>
</div>
<div
class=
"total"
>
<div
class=
"total"
>
<div
class=
"size"
>
共
一
件商品
</div>
<div
class=
"size"
>
共
{{
totalNum
}}
件商品
</div>
<div>
<div>
<span
class=
"paid_in"
>
实付
</span>
<span
class=
"paid_in"
>
实付
</span>
<span
class=
"money"
>
¥
{{
setPrice
(
orderInfo
.
amount
)
}}
</span>
<span
class=
"money"
>
¥
{{
setPrice
(
orderInfo
.
amount
)
}}
</span>
...
@@ -108,6 +105,7 @@ export default {
...
@@ -108,6 +105,7 @@ export default {
onLoad
()
{
onLoad
()
{
const
resData
=
uni
.
getStorageSync
(
'orderInfo'
);
const
resData
=
uni
.
getStorageSync
(
'orderInfo'
);
this
.
orderInfo
=
resData
this
.
orderInfo
=
resData
console
.
log
(
"orderInfo:"
+
JSON
.
stringify
(
this
.
orderInfo
));
this
.
ewmImg
=
'/static/imgs/noQr.png'
this
.
ewmImg
=
'/static/imgs/noQr.png'
const
isBuild
=
[
'2'
,
'3'
,
'4'
,
'5'
].
indexOf
(
this
.
orderInfo
.
state
)
!=
-
1
;
const
isBuild
=
[
'2'
,
'3'
,
'4'
,
'5'
].
indexOf
(
this
.
orderInfo
.
state
)
!=
-
1
;
...
@@ -171,7 +169,6 @@ export default {
...
@@ -171,7 +169,6 @@ export default {
}
}
})
})
},
},
jsonParse
(
json
)
{
jsonParse
(
json
)
{
return
JSON
.
parse
(
json
)
return
JSON
.
parse
(
json
)
...
@@ -183,6 +180,13 @@ export default {
...
@@ -183,6 +180,13 @@ export default {
},
},
},
},
computed
:
{
computed
:
{
totalNum
()
{
let
totalNum
=
0
;
this
.
orderInfo
.
orderDetails
.
map
(
item
=>
{
totalNum
+=
parseInt
(
item
.
num
);
})
return
totalNum
;
},
qrShow
()
{
qrShow
()
{
console
.
log
(
"order state:"
+
this
.
orderInfo
.
state
);
console
.
log
(
"order state:"
+
this
.
orderInfo
.
state
);
return
[
'2'
,
'3'
,
'4'
,
'5'
].
indexOf
(
this
.
orderInfo
.
state
)
!=
-
1
return
[
'2'
,
'3'
,
'4'
,
'5'
].
indexOf
(
this
.
orderInfo
.
state
)
!=
-
1
...
@@ -253,8 +257,8 @@ export default {
...
@@ -253,8 +257,8 @@ export default {
}
}
.order_status
{
.order_status
{
width
:
686
rpx
;
width
:
590
rpx
;
max-height
:
174
rpx
;
//
max-height
:
174
rpx
;
background
:
#FFFFFF
;
background
:
#FFFFFF
;
border-radius
:
10
rpx
;
border-radius
:
10
rpx
;
margin
:
32
rpx
auto
0
;
margin
:
32
rpx
auto
0
;
...
@@ -273,8 +277,6 @@ export default {
...
@@ -273,8 +277,6 @@ export default {
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
justify-content
:
center
;
justify-content
:
center
;
}
}
.btn
{
.btn
{
...
@@ -283,7 +285,8 @@ export default {
...
@@ -283,7 +285,8 @@ export default {
background
:
#006ECF
;
background
:
#006ECF
;
border-radius
:
6
rpx
;
border-radius
:
6
rpx
;
display
:
inline-block
;
display
:
inline-block
;
margin
:
20
rpx
;
margin
:
0
rpx
20
rpx
;
margin-top
:
20
rpx
;
padding
:
0
;
padding
:
0
;
line-height
:
52
rpx
;
line-height
:
52
rpx
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
...
@@ -295,10 +298,11 @@ export default {
...
@@ -295,10 +298,11 @@ export default {
.btn_cancel
{
.btn_cancel
{
width
:
160
rpx
;
width
:
160
rpx
;
height
:
52
rpx
;
height
:
52
rpx
;
border
:
1
rpx
solid
#
CCCCCC
;
border
:
1
rpx
solid
#
EEEEEE
;
border-radius
:
6
rpx
;
border-radius
:
6
rpx
;
display
:
inline-block
;
display
:
inline-block
;
margin
:
20
rpx
;
margin
:
0
rpx
20
rpx
;
margin-top
:
20
rpx
;
padding
:
0
;
padding
:
0
;
line-height
:
52
rpx
;
line-height
:
52
rpx
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
...
@@ -313,7 +317,6 @@ export default {
...
@@ -313,7 +317,6 @@ export default {
background
:
#FFFFFF
;
background
:
#FFFFFF
;
border-radius
:
10
rpx
;
border-radius
:
10
rpx
;
margin-top
:
32
rpx
;
margin-top
:
32
rpx
;
padding-top
:
65
rpx
;
.code
{
.code
{
font-size
:
36
rpx
;
font-size
:
36
rpx
;
...
@@ -321,7 +324,7 @@ export default {
...
@@ -321,7 +324,7 @@ export default {
font-weight
:
600
;
font-weight
:
600
;
color
:
#000000
;
color
:
#000000
;
text-align
:
center
;
text-align
:
center
;
padding-top
:
30
rpx
;
}
}
.qr_code
{
.qr_code
{
...
@@ -351,15 +354,13 @@ export default {
...
@@ -351,15 +354,13 @@ export default {
}
}
.flow_describe
{
.flow_describe
{
width
:
686
rpx
;
width
:
590
rpx
;
height
:
340
rpx
;
background
:
#FFFFFF
;
background
:
#FFFFFF
;
box-shadow
:
0
rpx
4
rpx
8
rpx
0
rpx
rgba
(
166
,
166
,
166
,
0.5
);
box-shadow
:
0
rpx
4
rpx
8
rpx
0
rpx
rgba
(
166
,
166
,
166
,
0.5
);
border-radius
:
10
rpx
;
border-radius
:
10
rpx
;
margin
:
0
auto
;
margin
:
0
auto
;
padding
:
30
rpx
;
padding
:
30
rpx
;
margin-bottom
:
10
rpx
;
h3
{
h3
{
font-size
:
28
rpx
;
font-size
:
28
rpx
;
...
@@ -369,10 +370,9 @@ export default {
...
@@ -369,10 +370,9 @@ export default {
}
}
.flow_img
{
.flow_img
{
width
:
60
0
rpx
;
width
:
59
0
rpx
;
height
:
21
4
rpx
;
height
:
21
1
rpx
;
display
:
block
;
display
:
block
;
margin
:
24
rpx
auto
;
}
}
}
}
}
}
...
@@ -382,11 +382,9 @@ export default {
...
@@ -382,11 +382,9 @@ export default {
background
:
#FFFFFF
;
background
:
#FFFFFF
;
border-radius
:
10
rpx
;
border-radius
:
10
rpx
;
margin
:
0
auto
;
margin
:
0
auto
;
margin-top
:
32
rpx
;
padding
:
0
rpx
32
rpx
;
padding
:
24
rpx
32
rpx
;
box-sizing
:
border-box
;
box-sizing
:
border-box
;
h3
{
h3
{
font-size
:
28
rpx
;
font-size
:
28
rpx
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
...
@@ -395,10 +393,11 @@ export default {
...
@@ -395,10 +393,11 @@ export default {
}
}
.address
{
.address
{
margin-top
:
16
rpx
;
padding-top
:
20
rpx
;
border-bottom
:
1
rpx
solid
#EEEEEE
;
padding-bottom
:
20
rpx
;
.address_1
{
.address_1
{
font-size
:
28
rpx
;
font-size
:
28
rpx
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
font-weight
:
500
;
...
@@ -414,10 +413,8 @@ export default {
...
@@ -414,10 +413,8 @@ export default {
}
}
}
}
.goods
{
.goods
{
margin-top
:
10
rpx
;
padding-top
:
20
rpx
;
padding-top
:
15
rpx
;
.goods_item
{
.goods_item
{
display
:
flex
;
display
:
flex
;
...
@@ -429,7 +426,7 @@ export default {
...
@@ -429,7 +426,7 @@ export default {
height
:
80
rpx
;
height
:
80
rpx
;
width
:
80
rpx
;
width
:
80
rpx
;
background-color
:
#eee
;
background-color
:
#eee
;
margin-right
:
5
0
rpx
;
margin-right
:
3
0
rpx
;
}
}
.goods_text
{
.goods_text
{
...
@@ -473,14 +470,12 @@ export default {
...
@@ -473,14 +470,12 @@ export default {
margin-top
:
10
rpx
;
margin-top
:
10
rpx
;
}
}
}
}
}
}
.discount
{
.discount
{
margin-top
:
24
rpx
;
margin-top
:
24
rpx
;
padding-bottom
:
24
rpx
;
padding-bottom
:
24
rpx
;
border-bottom
:
1
rpx
solid
#
CCCCCC
;
border-bottom
:
1
rpx
solid
#
EEEEEE
;
.discount_1
{
.discount_1
{
display
:
flex
;
display
:
flex
;
...
@@ -510,7 +505,6 @@ export default {
...
@@ -510,7 +505,6 @@ export default {
margin-top
:
18
rpx
;
margin-top
:
18
rpx
;
.price
{
.price
{
font-family
:
Arial-BoldMT
,
Arial
;
font-family
:
Arial-BoldMT
,
Arial
;
font-weight
:
700
;
font-weight
:
700
;
color
:
#000
;
color
:
#000
;
...
@@ -524,6 +518,9 @@ export default {
...
@@ -524,6 +518,9 @@ export default {
display
:
flex
;
display
:
flex
;
justify-content
:
space-between
;
justify-content
:
space-between
;
margin-top
:
52
rpx
;
margin-top
:
52
rpx
;
border-top
:
1
rpx
solid
#EEEEEE
;
padding-bottom
:
20
rpx
;
padding-top
:
20
rpx
;
.size
{
.size
{
font-size
:
24
rpx
;
font-size
:
24
rpx
;
...
@@ -561,7 +558,7 @@ export default {
...
@@ -561,7 +558,7 @@ export default {
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
600
;
font-weight
:
600
;
color
:
#000000
;
color
:
#000000
;
border-bottom
:
1
rpx
solid
#
CCCCCC
;
border-bottom
:
1
rpx
solid
#
EEEEEE
;
}
}
.item
{
.item
{
...
...
This diff is collapsed.
Click to expand it.
orderSubPackage/pages/settlement/index.vue
View file @
31e89ad2
...
@@ -299,7 +299,7 @@ export default {
...
@@ -299,7 +299,7 @@ export default {
.take_order
{
.take_order
{
margin-top
:
28
rpx
;
margin-top
:
28
rpx
;
padding-top
:
28
rpx
;
padding-top
:
28
rpx
;
border-top
:
1
rpx
solid
#
CCCCCC
;
border-top
:
1
rpx
solid
#
EEEEEE
;
.title
{
.title
{
font-size
:
28
rpx
;
font-size
:
28
rpx
;
...
@@ -344,7 +344,7 @@ export default {
...
@@ -344,7 +344,7 @@ export default {
.goods
{
.goods
{
margin-top
:
42
rpx
;
margin-top
:
42
rpx
;
border-bottom
:
1
rpx
solid
#
CCCCCC
;
border-bottom
:
1
rpx
solid
#
EEEEEE
;
padding-bottom
:
20
rpx
;
padding-bottom
:
20
rpx
;
.goods_item
{
.goods_item
{
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment