@ -52,7 +52,7 @@
< / div >
< / div >
< div class = "r" >
< div class = "r" >
< div class = "title d-flex" >
< div class = "title d-flex" >
< span class = "f_20 c_333" > 订单号 # { { this . model . orderNum } } < span class = "line f_16 c_1B" > | < / span > 2022 - 08 - 19 < / span >
< span class = "f_20 c_333" > 订单号 # { { this . model . orderNum } } < span class = "line f_16 c_1B" > | < / span > { { this . dingdaninfo . createTime } } < / span >
< div class = "right d-flex f_16" > < span > 数量 < / span > < span > 价格 < / span > < span > 总计 < / span > < / div >
< div class = "right d-flex f_16" > < span > 数量 < / span > < span > 价格 < / span > < span > 总计 < / span > < / div >
< / div >
< / div >
< div class = "d-flex orderDiv" >
< div class = "d-flex orderDiv" >
@ -70,19 +70,19 @@
< div class = "orderList " >
< div class = "orderList " >
< div class = "item d-flex" >
< div class = "item d-flex" >
< div class = "img" >
< div class = "img" >
< img src = "../assets/cloth001.png " >
< img src = "{this.dingdaninfo.defaultPicture} " >
< / div >
< / div >
< div class = "info" >
< div class = "info" >
< p class = "f_14 c_333 headline" > 商品名商品名商品名商品名商品 < / p >
< p class = "f_14 c_333 headline" > { { this . dingdaninfo . goodsName } } < / p >
< p class = "d-flex" > 款式 : < span > 衬衫 < / span > < / p >
< p class = "d-flex" > 款式 : < span > { { this . dingdaninfo . styleNames } } < / span > < / p >
< p class = "d-flex" > 尺码 : < span > XXL < / span > < / p >
< p class = "d-flex" > 尺码 : < span > { { this . dingdaninfo . modelNumber } } < / span > < / p >
< p class = "d-flex" > 主辅料 : < span > 主料1 , 辅料2 , 辅料3 , 辅料4 , 辅料5 , 辅料6 < / span > < / p >
< p class = "d-flex" > 主辅料 : < span > { { this . dingdaninfo . name } } , { { this . dingdaninfo . typeName } } < / span > < / p >
< / div >
< / div >
< div class = "right d-flex f_14 c_333" >
< div class = "right d-flex f_14 c_333" >
< span > 1 < / span > < span > 2478 < / span > < span > 2478 < / span >
< span > { { this . dingdaninfo . goodsNum } } < / span > < span > { { this . dingdaninfo . unitPrice } } < / span > < span > { { this . dingdaninfo . payTotalPrice } } < / span >
< / div >
< / div >
< / div >
< / div >
< div class = "item d-flex" >
<!-- < div class = "item d-flex" >
< div class = "img" >
< div class = "img" >
< img src = "../assets/cloth001.png" >
< img src = "../assets/cloth001.png" >
< / div >
< / div >
@ -95,24 +95,24 @@
< div class = "right d-flex f_14 c_333" >
< div class = "right d-flex f_14 c_333" >
< span > 1 < / span > < span > 2478 < / span > < span > 2478 < / span >
< span > 1 < / span > < span > 2478 < / span > < span > 2478 < / span >
< / div >
< / div >
< / div >
< / div > -- >
< / div >
< / div >
< / div >
< / div >
< div class = "heji" >
< div class = "heji" >
< p class = "d-flex" >
< p class = "d-flex" >
< span class = "leftSide f_20" style = "font-weight:500" > 购买人 < / span >
< span class = "leftSide f_20" style = "font-weight:500" > 购买人 < / span >
< span class = "midst f_16" > 小记 < / span >
< span class = "midst f_16" > 小记 < / span >
< span class = "rightSide f_16" style = "font-weight:500" > 4 , 956 < / span >
< span class = "rightSide f_16" style = "font-weight:500" > { { this . dingdaninfo . payTotalPrice } } < / span >
< / p >
< / p >
< p class = "d-flex" >
< p class = "d-flex" >
< span class = "leftSide f_18" > 王贰 < / span >
< span class = "leftSide f_18" > { { this . dingdaninfo . createBy } } < / span >
< span class = "midst f_16" > 运费总计 < / span >
< span class = "midst f_16" > 运费总计 < / span >
< span class = "rightSide f_16" style = "font-weight:500" > 0 < / span >
< span class = "rightSide f_16" style = "font-weight:500" > 0 < / span >
< / p >
< / p >
< p class = "d-flex" >
< p class = "d-flex" >
< span class = "leftSide" > < / span >
< span class = "leftSide" > < / span >
< span class = "midst f_20" style = "font-weight:600" > 总计 < / span >
< span class = "midst f_20" style = "font-weight:600" > 总计 < / span >
< span class = "rightSide f_20" style = "font-weight:600" > 4 , 956 < / span >
< span class = "rightSide f_20" style = "font-weight:600" > { { this . dingdaninfo . payTotalPrice } } < / span >
< / p >
< / p >
< / div >
< / div >
< / div >
< / div >
@ -126,6 +126,7 @@
< script >
< script >
import Header from "../components/Header/HeaderView" ;
import Header from "../components/Header/HeaderView" ;
import Footer from "../components/Footer/FooterView"
import Footer from "../components/Footer/FooterView"
import { httpAction , getAction } from '@/api/manage'
export default {
export default {
name : "orderDetails" ,
name : "orderDetails" ,
components : { Header , Footer } ,
components : { Header , Footer } ,
@ -135,14 +136,28 @@
model : {
model : {
id : '' ,
id : '' ,
orderNum : '' ,
orderNum : '' ,
name : '' ,
pay : false ,
pay : false ,
receipt : false
receipt : false
}
} ,
dingdaninfo : { } ,
dingdandh : { } ,
url : {
list : "/starehouse/starehouse/list" ,
getdingdandh : "/sys/user/getdingdandh" ,
getdingdaninfo : "/sys/user/getdingdaninfo"
} ,
} ;
} ;
} ,
} ,
created ( ) {
created ( ) {
this . getallgoods ( ) ;
this . getdingdandh ( ) ;
this . model . id = this . $route . query . id
this . model . id = this . $route . query . id
this . model . orderNum = this . $route . query . orderNum
this . model . orderNum = this . $route . query . orderNum
this . model . name = this . $route . query . name
this . model . pay = JSON . parse ( this . $route . query . pay )
this . model . pay = JSON . parse ( this . $route . query . pay )
this . model . receipt = JSON . parse ( this . $route . query . receipt )
this . model . receipt = JSON . parse ( this . $route . query . receipt )
switch ( this . $route . query . key ) {
switch ( this . $route . query . key ) {
@ -156,7 +171,47 @@
this . current = 6
this . current = 6
break ;
break ;
}
}
} ,
methods : {
getdingdandh ( ) {
getAction ( this . url . getdingdandh , { id : this . $route . query . id } ) . then ( ( res ) => {
if ( res . success ) {
this . dingdandh = res . result ;
console . log ( "=====================" )
console . log ( res . result )
console . log ( this . dingdandh )
console . log ( "=====================" )
this . visible = true ;
} else {
console . log ( "zbc--------------------" )
}
} ) ;
} ,
getallgoods ( ) {
getAction ( this . url . getdingdaninfo , { id : this . $route . query . id } ) . then ( ( res ) => {
if ( res . success ) {
this . dingdaninfo = res . result ;
this . visible = true ;
} else {
console . log ( "+++++++++++++++++++++" )
}
} ) ;
}
} ,
} ,
} ;
} ;
< / script >
< / script >
< style >
< style >