团购详情页构建

This commit is contained in:
duan
2024-05-10 10:50:34 +08:00
parent 5e78e9b69f
commit 7dc98c0cc7
10 changed files with 208 additions and 47 deletions

View File

@@ -202,7 +202,7 @@
}
},
{
"path" : "pages/order/order_groupdetail",
"path" : "pages/group_order/order_groupdetail",
"style": {
"navigationBarTitleText": "订单详情"
}

View File

@@ -0,0 +1,22 @@
<template>
<view>
2
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,22 @@
<template>
<view>
3
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,22 @@
<template>
<view>
6
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,22 @@
<template>
<view>
5
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,22 @@
<template>
<view>
4
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,22 @@
<template>
<view>
1
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,74 @@
<template>
<!-- 团购订单详情 -->
<view>
<!-- 头部 -->
<groupTitle></groupTitle>
<!-- -->
<groupCoupons></groupCoupons>
<!-- 商家信息 -->
<groupMerchants></groupMerchants>
<!-- 到店 -->
<groupStore></groupStore>
<!-- 提示 -->
<groupPrompt></groupPrompt>
<!-- 实付 -->
<groupPay></groupPay>
</view>
</template>
<script>
import groupTitle from './components/groupTitle.vue'
import groupCoupons from './components/groupCoupons.vue'
import groupMerchants from './components/groupMerchants.vue'
import groupStore from './components/groupStore.vue'
import groupPrompt from './components/groupPrompt.vue'
import groupPay from './components/groupPay.vue'
export default {
components: {
groupTitle,
groupCoupons,
groupMerchants,
groupStore,
groupPrompt,
groupPay
},
onLoad(e) {
this.orderId = e.orderId
this.orderorderInfo()
},
data() {
return {
orderId: "",
listinfo: null
}
},
methods: {
orderorderInfo() {
let _this = this
uni.getStorage({
key: "getLocationstorage",
success: function(data) {
let {
lat,
lng
} = data.data
let res = _this.api.groupOrderInfoDetail({
id: _this.orderId,
lat,
lng
})
if (res.code == 0) {
_this.listinfo = res.data
// this.mountedcreateSelectorQuery()
}
}
});
},
}
}
</script>
<style>
</style>

View File

@@ -213,7 +213,7 @@
})
},
orderinfoTo(e) {
uni.pro.navigateTo('order/order_groupdetail', {
uni.pro.navigateTo('group_order/order_groupdetail', {
orderId: e.id
})
},

View File

@@ -1,45 +0,0 @@
<template>
<view>
</view>
</template>
<script>
export default {
onLoad(e) {
this.orderId = e.orderId
this.orderorderInfo()
},
data() {
return {
orderId:"",
listinfo:null
}
},
methods: {
orderorderInfo() {
let _this = this
uni.getStorage({
key: "getLocationstorage",
success: function (data) {
let {lat , lng} = data.data
let res = _this.api.groupOrderInfoDetail({
id: _this.orderId,
lat,
lng
})
if (res.code == 0) {
_this.listinfo = res.data
// this.mountedcreateSelectorQuery()
}
}
});
},
}
}
</script>
<style>
</style>