|
|
@@ -1,16 +1,7 @@
|
|
|
<template>
|
|
|
- <el-dialog
|
|
|
- :close-on-click-modal="false"
|
|
|
- :close-on-press-escape="true"
|
|
|
- :title="title"
|
|
|
- :type="type"
|
|
|
- :visible.sync="isVisible"
|
|
|
- :width="width"
|
|
|
- top="50px"
|
|
|
- >
|
|
|
-
|
|
|
+ <div class="">
|
|
|
<!-- 订单状态-->
|
|
|
- <el-descriptions title="订单状态" border>
|
|
|
+ <!-- <el-descriptions title="订单状态" border>
|
|
|
<el-descriptions-item>
|
|
|
<el-steps :active="1">
|
|
|
<el-step title="支付" description=""></el-step>
|
|
|
@@ -19,7 +10,7 @@
|
|
|
<el-step title="完成" description="这段就没那么长了"></el-step>
|
|
|
</el-steps>
|
|
|
</el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
+ </el-descriptions> -->
|
|
|
<!-- 商品信息-->
|
|
|
<el-descriptions title="商品信息" border>
|
|
|
<el-descriptions-item label="订单号">{{ detail.orderId }}</el-descriptions-item>
|
|
|
@@ -31,8 +22,10 @@
|
|
|
<el-descriptions-item label="商品名称">
|
|
|
<el-tag size="small">{{ detail.goodsName }}</el-tag>
|
|
|
</el-descriptions-item>
|
|
|
- <el-descriptions-item label="图片">
|
|
|
- <el-tag size="small">{{ detail.goodsPic }}</el-tag>
|
|
|
+<el-descriptions-item label="图片">
|
|
|
+ <el-image style="width: 100px; height: 100px"
|
|
|
+ :src="detail.goodsPic"
|
|
|
+ ></el-image>
|
|
|
</el-descriptions-item>
|
|
|
<el-descriptions-item label="购买规格">
|
|
|
<el-tag size="small">{{ detail.specName }}</el-tag>
|
|
|
@@ -70,7 +63,7 @@
|
|
|
</el-descriptions>
|
|
|
|
|
|
|
|
|
- </el-dialog>
|
|
|
+ </div>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
@@ -96,6 +89,7 @@ export default {
|
|
|
type: String,
|
|
|
default: "add"
|
|
|
},
|
|
|
+ recordEquiment: Object
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -211,6 +205,7 @@ export default {
|
|
|
|
|
|
};
|
|
|
},
|
|
|
+
|
|
|
computed: {
|
|
|
isVisible: {
|
|
|
get() {
|
|
|
@@ -232,8 +227,9 @@ export default {
|
|
|
this.width = this.initWidth();
|
|
|
})();
|
|
|
};
|
|
|
- // 加载数据
|
|
|
- // this.getCateList()
|
|
|
+ // 加载数据
|
|
|
+ console.log("this.recordEquiment.id==",this.recordEquiment.id)
|
|
|
+ this.orderDetail(this.recordEquiment.id)
|
|
|
},
|
|
|
methods: {
|
|
|
|
|
|
@@ -367,6 +363,7 @@ export default {
|
|
|
|
|
|
|
|
|
orderDetail(orderId) {
|
|
|
+ console.log("orderId===",orderId)
|
|
|
this.getOrderDetail(orderId);
|
|
|
|
|
|
},
|
|
|
@@ -375,6 +372,7 @@ export default {
|
|
|
orderApi.getOrderDetail({orderId: orderId}).then(response => {
|
|
|
const res = response.data;
|
|
|
if (res.isSuccess) {
|
|
|
+ console.log("orderId===",res.data)
|
|
|
this.detail = res.data;
|
|
|
}
|
|
|
}).finally(() => this.loading = false);
|
zhuhao