写真产品已完成
This commit is contained in:
parent
d9b53b20bb
commit
f9ab182053
24
common/globalFont.js
Normal file
24
common/globalFont.js
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
export const getFonts =()=>{
|
||||
//首页
|
||||
uni.loadFontFace({
|
||||
family: 'ZhongShanFonts',
|
||||
source: `url("https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/ZhongShanFonts.ttf")`,
|
||||
success:(res) =>{
|
||||
console.log('success',res);
|
||||
},
|
||||
fail:(err) => {
|
||||
console.log('err',err);
|
||||
}
|
||||
})
|
||||
//其他页面
|
||||
uni.loadFontFace({
|
||||
family: 'FangZhengFonts',
|
||||
source: `url("https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/FangZhengFonts.TTF")`,
|
||||
success:(res) =>{
|
||||
console.log('success',res);
|
||||
},
|
||||
fail:(err) => {
|
||||
console.log('err',err);
|
||||
}
|
||||
})
|
||||
}
|
||||
69
pages.json
69
pages.json
|
|
@ -101,27 +101,6 @@
|
|||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/booking/AppointmentHome",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/booking/ContactInformation",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "联系人信息"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/booking/date",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/store-home/ProductDetails/ProductDetails",
|
||||
"style" :
|
||||
|
|
@ -136,27 +115,6 @@
|
|||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/booking/BillingOfFees/BillingOfFees",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/booking/ReservationInstructions/ReservationInstructions",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/booking/respectable/respectable",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/Shopping-cart/newaddress_Info/newaddress_Info",
|
||||
"style" :
|
||||
|
|
@ -171,19 +129,6 @@
|
|||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/booking/Simple/Simple",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/booking/bookingpay/bookingpay",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/login/login",
|
||||
"style" :
|
||||
|
|
@ -205,20 +150,6 @@
|
|||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/booking/CostumeDisplay/CostumeDisplay",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/booking/CostumeDetails/CostumeDetails",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/mine/Contact/Contact",
|
||||
"style" :
|
||||
|
|
|
|||
|
|
@ -11,8 +11,14 @@
|
|||
</view>
|
||||
<view class="flex-col section_5">
|
||||
<view class="flex-row justify-between self-stretch group">
|
||||
<text class="font_2 text_3" :style="getTextStyle(1)" @click="changeType(1)">商品类</text>
|
||||
<text class="font_2 text_4" :style="getTextStyle(2)" @click="changeType(2)">服务类</text>
|
||||
<view @click="changeType(1)">
|
||||
<text class="font_2 text_3">商品类</text>
|
||||
<view class="flex-col justify-start items-center" v-if="isShowLine" style="border: 1.88rpx solid #E79EA1; width: 90rpx; margin-top: 10rpx;"></view>
|
||||
</view>
|
||||
<view @click="changeType(2)">
|
||||
<text class="font_2 text_4">服务类</text>
|
||||
<view class="flex-col justify-start items-center" v-if="!isShowLine" style="border: 1.88rpx solid #E79EA1; width: 90rpx; margin-top: 10rpx;"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col list">
|
||||
|
|
@ -109,6 +115,8 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 遮罩层 -->
|
||||
<view v-if="isShow" class="overlay"></view>
|
||||
</template>
|
||||
|
|
@ -139,6 +147,7 @@
|
|||
onLoad(() => {
|
||||
getProductCart() //再获取一次
|
||||
getFonts()
|
||||
// console.log(current.value)
|
||||
})
|
||||
//获取实体类商品信息
|
||||
const getEntityPro = async () => {
|
||||
|
|
@ -207,17 +216,27 @@
|
|||
})
|
||||
}
|
||||
}
|
||||
const isShowLine = ref(true)
|
||||
//更改实体商品和服务类方法
|
||||
const changeType = async (num) => {
|
||||
if (num == 1) {
|
||||
if (!isShowLine.value) {
|
||||
isShowLine.value = true
|
||||
}
|
||||
} else {
|
||||
if (isShowLine.value) {
|
||||
isShowLine.value = false
|
||||
}
|
||||
}
|
||||
current.value = num;
|
||||
console.log('current状态--->',current.value);
|
||||
getProductCart()
|
||||
totalPrice.value = 0
|
||||
}
|
||||
//更改下划线
|
||||
const getTextStyle = (num) => ({
|
||||
'border-bottom': current.value === num ? '2px solid orange' : '2px solid #ffffff'
|
||||
});
|
||||
// //更改下划线
|
||||
// const getTextStyle = (num) => ({
|
||||
// 'border-bottom': current.value === num ? '2px solid orange' : '2px solid #ffffff'
|
||||
// });
|
||||
//复选框绑定方法
|
||||
const checkBoxChange = (event) => {
|
||||
console.log('服务类打印出来是---->', event); //选中后是数组下标
|
||||
|
|
@ -638,7 +657,7 @@
|
|||
}
|
||||
|
||||
.group {
|
||||
padding: 27.06rpx 4.33rpx 23.08rpx 10.89rpx;
|
||||
padding: 20.06rpx 4.33rpx 0 4.33rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<text class="font text">请选择拍摄人数和场地</text>
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=72844e3602883267485f6c9dfe89862b.png"
|
||||
:src="bookUrl + '/component/cha.png'"
|
||||
@click="closePopup"
|
||||
/>
|
||||
</view>
|
||||
|
|
@ -19,24 +19,24 @@
|
|||
<view class="flex-row items-center relative section">
|
||||
<image
|
||||
class="image_5"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=c0ebdfc7cf144c161a3ad237d317f463.png"
|
||||
:src="bookUrl + '/component/sub.png'"
|
||||
@click="sub"
|
||||
/>
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text class="text_4">{{ number }}</text></view>
|
||||
<image
|
||||
class="image_6"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=d8e6dd5d8dea22188afc18c9b7822b49.png"
|
||||
:src="bookUrl + '/component/add.png'"
|
||||
@click="add"
|
||||
/>
|
||||
<text class="text_3">人</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_3 pos"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=025aa63cb7deb0cf1fa7cf4aeda1bef1.png"
|
||||
:src="bookUrl + '/component/duoren.png'"
|
||||
/>
|
||||
<image
|
||||
class="image_4 pos_2"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=455931695b5f0c7008d1859ccaae1cb8.png"
|
||||
:src="bookUrl + '/component/danren.png'"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-col group_3">
|
||||
|
|
@ -48,9 +48,9 @@
|
|||
<view class="flex-row justify-between items-end self-stretch">
|
||||
<image
|
||||
class="image_7"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=1ad61435fde7f073544e2d6f400f1ac9.png"
|
||||
:src="bookUrl + '/component/shinei.png'"
|
||||
/>
|
||||
<radio class="section_3" color="#FFB6B9" :checked="true" value="室内"></radio>
|
||||
<radio class="section_3" color="#FFB6B9" value="室内" :checked="checked1" :disabled="disabled1"></radio>
|
||||
</view>
|
||||
<text class="self-start font_2 text_6 mt-5">室内</text>
|
||||
</view>
|
||||
|
|
@ -59,9 +59,9 @@
|
|||
<view class="flex-row justify-between items-end self-stretch">
|
||||
<image
|
||||
class="image_8"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=556966367522af83972375c476406b0b.png"
|
||||
:src="bookUrl + '/component/shiwai.png'"
|
||||
/>
|
||||
<radio class="section_3" color="#FFB6B9" value="室外"></radio>
|
||||
<radio class="section_3" color="#FFB6B9" value="室外" :checked="checked2" :disabled="disabled2"></radio>
|
||||
</view>
|
||||
<text class="self-start font_2 text_6 mt-5">室外</text>
|
||||
</view>
|
||||
|
|
@ -93,11 +93,18 @@
|
|||
import {nextTick, onMounted, ref} from 'vue'
|
||||
import emitter from '../../../utils/emitter';
|
||||
import feeTipsVue from './feeTips.vue';
|
||||
import { bookUrl } from '../../../common/globalImagesUrl';
|
||||
const number = ref(1)
|
||||
const field = ref('室内')
|
||||
const field = ref('')
|
||||
const feeTips = ref(null)
|
||||
const obj = ref('')
|
||||
const totalPrice = ref(0)
|
||||
const shotScene = ref('')
|
||||
const disabled1 = ref(false)
|
||||
const disabled2 = ref(false)
|
||||
const checked1 = ref(false)
|
||||
const checked2 = ref(false)
|
||||
const type = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
emitter.on('closeFeeTips', () => {
|
||||
|
|
@ -108,15 +115,31 @@
|
|||
})
|
||||
})
|
||||
|
||||
emitter.on('getProductsType', (val:any) => {
|
||||
type.value = val
|
||||
console.log('=================================================>', type.value)
|
||||
})
|
||||
|
||||
emitter.on('getProductObj', (val:any) => {
|
||||
obj.value = val
|
||||
totalPrice.value = val.price
|
||||
totalPrice.value = val.price * val.minNumber
|
||||
number.value = obj.value.minNumber
|
||||
shotScene.value = obj.value.shotScene
|
||||
if (shotScene.value === '室内') {
|
||||
disabled1.value = true
|
||||
checked2.value = true
|
||||
field.value = '室内'
|
||||
} else {
|
||||
disabled2.value = true
|
||||
checked1.value = true
|
||||
field.value = '室外'
|
||||
}
|
||||
console.log(totalPrice.value)
|
||||
})
|
||||
})
|
||||
|
||||
const sub = () => {
|
||||
if (number.value > 1) {
|
||||
if (number.value > obj.value.minNumber) {
|
||||
number.value --
|
||||
totalPrice.value = number.value * obj.value.price
|
||||
}
|
||||
|
|
@ -142,8 +165,15 @@
|
|||
}
|
||||
|
||||
const jumpToOrder = () => {
|
||||
if (field.value === '' || field.value === undefined || field.value === null) {
|
||||
uni.showToast({
|
||||
title: '请选择场地',
|
||||
icon: 'error'
|
||||
})
|
||||
return ;
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: '/pages/book/photoProductsOrder/photoProductsOrder?field=' + field.value + '&number=' + number.value + '&id=' + obj.value.id
|
||||
url: '/pages/book/photoProductsOrder/photoProductsOrder?field=' + field.value + '&number=' + number.value + '&id=' + obj.value.id + '&type=' + type.value
|
||||
})
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -19,6 +19,8 @@ const cookie = wx.getStorageSync("cookie") //请求头
|
|||
|
||||
const orderObj = ref({})
|
||||
const isIndoors = ref(0)
|
||||
const isMakeup = ref(1)
|
||||
const isPhotography = ref(1)
|
||||
onMounted(() => {
|
||||
emitter.on('getBookingOrderData', (val:any) => {
|
||||
orderObj.value = val
|
||||
|
|
@ -37,6 +39,12 @@ const cookie = wx.getStorageSync("cookie") //请求头
|
|||
if (orderObj.value.field === '室内') {
|
||||
isIndoors.value = 1
|
||||
}
|
||||
if (orderObj.value.type === '妆造') {
|
||||
isPhotography.value = 0
|
||||
|
||||
} else if (orderObj.value.type === '摄影') {
|
||||
isMakeup.value = 0
|
||||
}
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/advanceOrder/add',
|
||||
method: 'POST',
|
||||
|
|
@ -49,8 +57,8 @@ const cookie = wx.getStorageSync("cookie") //请求头
|
|||
specificDate: orderObj.value.bookingDate,
|
||||
timePoint: orderObj.value.bookingTime,
|
||||
isIndoors: isIndoors.value,
|
||||
isMakeup: 1,
|
||||
isPhotography: 1,
|
||||
isMakeup: isMakeup.value,
|
||||
isPhotography: isPhotography.value,
|
||||
quantity: orderObj.value.number
|
||||
}
|
||||
})
|
||||
|
|
|
|||
|
|
@ -7,28 +7,28 @@
|
|||
/>
|
||||
<view class="flex-col items-start section_2 pos_2">
|
||||
<text class="font text">{{ obj.name }}</text>
|
||||
<text class="mt-18 font text_2">￥{{ obj.price.toFixed(2) }}起</text>
|
||||
<text class="mt-18 font text_2">￥{{ obj.totalAmountPrice.toFixed(2) }}起</text>
|
||||
</view>
|
||||
<text class="font_2 pos_3">服务&交付标准</text>
|
||||
<view class="flex-row equal-division">
|
||||
<view class="flex-col items-center group equal-division-item">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=38dcf3c1e2244e5a085c6cab2d3e9782.png"
|
||||
:src="bookUrl + '/photoProductDetail/zx.png'"
|
||||
/>
|
||||
<text class="font_3 mt-11">1组造型</text>
|
||||
</view>
|
||||
<view class="ml-38 flex-col items-center group equal-division-item">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=3ee14e25cc9badbf556ce47b1b3fae40.png"
|
||||
:src="bookUrl + '/photoProductDetail/fz.png'"
|
||||
/>
|
||||
<text class="font_3 mt-11">1套服装</text>
|
||||
</view>
|
||||
<view class="ml-38 flex-col items-center group equal-division-item">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=ad428b849d260407680f59d5f75d6f06.png"
|
||||
:src="bookUrl + '/photoProductDetail/bj.png'"
|
||||
/>
|
||||
<text class="font_3 mt-11">1种背景</text>
|
||||
</view>
|
||||
|
|
@ -64,13 +64,20 @@
|
|||
import emitter from "../../../utils/emitter";
|
||||
import bookingSelectedVue from "../component/bookingSelected.vue";
|
||||
import { baseUrl } from "../../../api/request";
|
||||
import { bookUrl } from "../../../common/globalImagesUrl";
|
||||
const cookie = wx.getStorageSync("cookie") //请求头
|
||||
const id = ref({})
|
||||
const bookingSelected = ref(null)
|
||||
const obj = ref({})
|
||||
const type = ref('')
|
||||
const bookingDateVOList =ref([])
|
||||
|
||||
onLoad((options) => {
|
||||
console.log(options)
|
||||
id.value = options.id
|
||||
if (options.type) {
|
||||
type.value = options.type
|
||||
}
|
||||
getPhotoProductsById()
|
||||
})
|
||||
|
||||
|
|
@ -99,11 +106,22 @@
|
|||
})
|
||||
console.log(res.data.data)
|
||||
obj.value = res.data.data
|
||||
obj.value.totalAmountPrice = obj.value.minNumber * obj.value.price
|
||||
bookingDateVOList.value = res.data.data.bookingDateVOList
|
||||
}
|
||||
|
||||
|
||||
const openBookingPopup = () => {
|
||||
if (bookingDateVOList.value.length === 0) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '当前写真产品的所有时段已约满',
|
||||
showCancel: false
|
||||
})
|
||||
return ;
|
||||
}
|
||||
emitter.emit('getProductObj', obj.value)
|
||||
emitter.emit('getProductsType', type.value)
|
||||
bookingSelected.value.open('bottom')
|
||||
}
|
||||
|
||||
|
|
@ -122,7 +140,7 @@
|
|||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=8a8617bd8ea20ecda3f731825ed1b080.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/book/photoProductDetail/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
|
|
@ -131,7 +149,7 @@
|
|||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=8a8617bd8ea20ecda3f731825ed1b080.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/book/photoProductDetail/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
|
|
|
|||
|
|
@ -5,21 +5,21 @@
|
|||
<view class="flex-col items-center equal-division-item">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=98d92598fa059f35ed92af5a9439c9c0.png"
|
||||
:src="bookUrl + '/photoProducts/type1.png'"
|
||||
/>
|
||||
<text class="font text_1 mt-7">写真专区</text>
|
||||
</view>
|
||||
<view class="flex-col items-center equal-division-item_2 ml-48" @click="jumpToDetail(item)">
|
||||
<view class="flex-col items-center equal-division-item_2 ml-48" @click="jumpNextToDetail('摄影')">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=96be13306d195949440e67325578de26.png"
|
||||
:src="bookUrl + '/photoProducts/type2.png'"
|
||||
/>
|
||||
<text class="font mt-7">摄影服务</text>
|
||||
</view>
|
||||
<view class="flex-col items-center equal-division-item_3 ml-48" @click="jumpToDetail(item)">
|
||||
<view class="flex-col items-center equal-division-item_3 ml-48" @click="jumpNextToDetail('妆造')">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=57485239f24eb48a22be8fce00be610d.png"
|
||||
:src="bookUrl + '/photoProducts/type3.png'"
|
||||
/>
|
||||
<text class="font mt-4">妆造服务</text>
|
||||
</view>
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
/>
|
||||
<view class="flex-col items-start ml-12">
|
||||
<text class="font_2 text_3">{{ item.name }}</text>
|
||||
<text class="font_2 text_4 mt-32">{{ item.price.toFixed(2) }}元起</text>
|
||||
<text class="font_2 text_4 mt-32">{{ item.totalAmountPrice.toFixed(2) }}元起</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-start text-wrapper_2">
|
||||
|
|
@ -61,6 +61,7 @@
|
|||
<script setup lang="ts">
|
||||
import {onMounted, ref} from 'vue'
|
||||
import { baseUrl } from '../../../api/request';
|
||||
import { bookUrl } from '../../../common/globalImagesUrl';
|
||||
|
||||
const cookie = wx.getStorageSync("cookie") //请求头
|
||||
const categoryList = ref([])
|
||||
|
|
@ -118,6 +119,11 @@
|
|||
})
|
||||
photoProducts.value = res.data.data
|
||||
console.log(photoProducts.value)
|
||||
for (var i = 0; i < photoProducts.value.length; i ++ ) {
|
||||
let minNumber = photoProducts.value[i].minNumber
|
||||
let price = photoProducts.value[i].price
|
||||
photoProducts.value[i].totalAmountPrice = minNumber * price
|
||||
}
|
||||
}
|
||||
|
||||
const jumpToDetail = (val:any) => {
|
||||
|
|
@ -126,6 +132,12 @@
|
|||
})
|
||||
}
|
||||
|
||||
const jumpNextToDetail = (type:any) => {
|
||||
uni.navigateTo({
|
||||
url: '../photoProductDetail/photoProductDetail?id=' + 76 + "&type=" + type
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
|
@ -138,7 +150,7 @@
|
|||
margin-top: 24.38rpx;
|
||||
}
|
||||
.page {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=039df2fe261116bd1bd408f287b060bc.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/book/photoProducts/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
|
|
@ -147,7 +159,7 @@
|
|||
height: 100vh;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=039df2fe261116bd1bd408f287b060bc.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/book/photoProducts/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<text class="font text pos_2">选择联系人</text>
|
||||
<image
|
||||
class="image pos"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=255ef950c2652260141b1b6866847d29.png"
|
||||
:src="bookUrl + '/photoProductsOrder/yyxz.png'"
|
||||
@click="openTipsPopup"
|
||||
/>
|
||||
<text class="font_2 text_2 pos_3" @click="openTipsPopup">预约须知</text>
|
||||
|
|
@ -12,14 +12,14 @@
|
|||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_2"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=d756fec34c69604dfbd42c6d155690f0.png"
|
||||
:src="bookUrl + '/photoProductsOrder/lxr.png'"
|
||||
/>
|
||||
<text class="font text_3 ml-10">{{ contactTemplateString }}</text>
|
||||
</view>
|
||||
<view class="flex-row items-center group">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=3e51d655e35c3c3fd7fbdfab51592143.png"
|
||||
:src="bookUrl + '/photoProductsOrder/yjt.png'"
|
||||
/>
|
||||
<text class="font_3 text_4">更换联系人</text>
|
||||
</view>
|
||||
|
|
@ -67,7 +67,7 @@
|
|||
<view class="flex-col items-center group_3" @click="nav">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=d52c7b6dae8656c06b3be0bbcd17f959.png"
|
||||
:src="bookUrl + '/photoProductsOrder/nav.png'"
|
||||
/>
|
||||
<text class="text_11 mt-3">导航</text>
|
||||
</view>
|
||||
|
|
@ -111,6 +111,7 @@
|
|||
import contactsComponentVue from '../../order/component/contactsComponent.vue';
|
||||
import confirmBookingInfoVue from '../component/confirmBookingInfo.vue';
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { bookUrl } from '../../../common/globalImagesUrl';
|
||||
|
||||
const cookie = wx.getStorageSync("cookie") //请求头
|
||||
const photoProduct = ref({})
|
||||
|
|
@ -139,6 +140,7 @@
|
|||
|
||||
const isShow = ref(false)
|
||||
let loading = false;
|
||||
const type = ref('')
|
||||
|
||||
const contactTemplateString = ref('请选择')
|
||||
|
||||
|
|
@ -191,7 +193,8 @@
|
|||
contactId: contactInfo.value.id,
|
||||
name: photoProduct.value.name,
|
||||
bookingDate: bookingDate.value,
|
||||
bookingTime: bookingTime.value
|
||||
bookingTime: bookingTime.value,
|
||||
type: type.value
|
||||
})
|
||||
confirmBookingInfo.value.open('center')
|
||||
}
|
||||
|
|
@ -201,6 +204,7 @@
|
|||
field.value = options.field
|
||||
number.value = options.number
|
||||
id.value = options.id
|
||||
type.value = options.type
|
||||
})
|
||||
|
||||
|
||||
|
|
@ -429,7 +433,7 @@
|
|||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=c07af569900e34d63f1e91cbbae55df7.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/book/photoProductsOrder/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
|
|
@ -438,7 +442,7 @@
|
|||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67be7f674ae84d0012275313&name=c07af569900e34d63f1e91cbbae55df7.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/book/photoProductsOrder/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@
|
|||
<text class="font_7 text_11">到店时间：{{ item.specificDate }} {{ item.timePoint }}</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=67bfb6134ae84d0012276837&name=d52c7b6dae8656c06b3be0bbcd17f959.png"
|
||||
:src="bookUrl + '/photoProductsOrderDetail/nav.png'"
|
||||
@click="nav"
|
||||
/>
|
||||
</view>
|
||||
|
|
@ -116,11 +116,13 @@
|
|||
|
||||
<script setup lang="ts">
|
||||
import {computed, nextTick, onBeforeUnmount, onMounted, onUnmounted, ref} from 'vue'
|
||||
import { bookUrl } from '../../../common/globalImagesUrl';
|
||||
import emitter from '../../../utils/emitter';
|
||||
import cancelOrderVue from '../component/cancelOrder.vue';
|
||||
import deleteOrderVue from '../component/deleteOrder.vue';
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { baseUrl } from '../../../api/request';
|
||||
import { getFonts } from '../../../common/globalFont';
|
||||
const cookie = wx.getStorageSync("cookie") //请求头
|
||||
const isShow = ref([true, false, false])
|
||||
const cancelBookingOrder = ref(null)
|
||||
|
|
@ -128,6 +130,10 @@
|
|||
const advanceOrderList = ref([])
|
||||
const isShowMask = ref(false)
|
||||
|
||||
onLoad((options) => {
|
||||
getFonts()
|
||||
})
|
||||
|
||||
onMounted( async () => {
|
||||
await getAdvanceOrder()
|
||||
emitter.on('closeCancelOrderPopup', () => {
|
||||
|
|
@ -318,11 +324,11 @@
|
|||
order.countdown = '00:00';
|
||||
clearInterval(order.countdownInterval); // 清除定时器
|
||||
getAdvanceOrder()
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '订单超时未支付，交易关闭',
|
||||
showCancel: false
|
||||
})
|
||||
// uni.showModal({
|
||||
// title: '提示',
|
||||
// content: '订单超时未支付，交易关闭',
|
||||
// showCancel: false
|
||||
// })
|
||||
|
||||
} else {
|
||||
const minutes = Math.floor(remainingTime / 60); // 计算剩余分钟
|
||||
|
|
@ -365,13 +371,42 @@
|
|||
|
||||
|
||||
|
||||
const routerJump = (val:any) => {
|
||||
let pages = getCurrentPages();
|
||||
var num = pages.length
|
||||
if (num == 1) return ;
|
||||
console.log(pages)
|
||||
//当前页面栈总数
|
||||
var backnum = num
|
||||
for( var i = 0; i < num; i ++ ) {
|
||||
//循环找到指定页面路由所在的页数
|
||||
if(pages[i].route == val){
|
||||
//'pages/mypage/mypage'替换成A页面的路由地址
|
||||
backnum = num - i - 1
|
||||
//计算返回的层数，总数-指定页面页数-1
|
||||
}
|
||||
}
|
||||
uni.navigateBack({
|
||||
delta:backnum
|
||||
//返回的页面数，如果 delta 大于现有页面数，则返回到首页。
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
onUnmounted(() => {
|
||||
routerJump('pages/book/photoProducts/photoProducts')
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -421,7 +456,7 @@
|
|||
.page {
|
||||
background-color: #ffffff;
|
||||
overflow: hidden;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67bfb6134ae84d0012276837&name=629e4a3490be730bb94900bbb4f3ab0a.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/book/photoProductsOrderDetail/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
|
|
@ -430,7 +465,7 @@
|
|||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67bfb6134ae84d0012276837&name=629e4a3490be730bb94900bbb4f3ab0a.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/book/photoProductsOrderDetail/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
|
|
@ -456,7 +491,7 @@
|
|||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
color: #000000;
|
||||
}
|
||||
.text {
|
||||
|
|
@ -504,7 +539,7 @@
|
|||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.84rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
|
@ -519,7 +554,7 @@
|
|||
}
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 17.53rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
|
@ -529,7 +564,7 @@
|
|||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 17.53rpx;
|
||||
color: #e79ea1;
|
||||
}
|
||||
|
|
@ -538,7 +573,7 @@
|
|||
}
|
||||
.font_6 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.84rpx;
|
||||
color: #e79ea1;
|
||||
}
|
||||
|
|
@ -558,7 +593,7 @@
|
|||
}
|
||||
.font_8 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 22.54rpx;
|
||||
color: #e79ea1;
|
||||
}
|
||||
|
|
@ -570,7 +605,7 @@
|
|||
}
|
||||
.font_7 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.84rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
|
@ -598,13 +633,13 @@
|
|||
}
|
||||
.font_9 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 23.79rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.font_10 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 21.09rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
|
@ -648,7 +683,7 @@
|
|||
}
|
||||
.font_11 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.84rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,543 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col group">
|
||||
<view class="flex-col justify-start items-start relative group_2">
|
||||
<view class="section_2"></view>
|
||||
<text class="font text pos">填写预约信息</text>
|
||||
<view class="flex-col section_3 pos_2">
|
||||
<navigator url="/pages/booking/ContactInformation">
|
||||
<view class="flex-row justify-between items-center group_3">
|
||||
<view class="flex-row items-center">
|
||||
<image class="shrink-0 image"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=31a410ede6797f73e60922316e512a5e.png" />
|
||||
<text class="font_2 text_2 ml-7">联系人：张三</text>
|
||||
<text class="font_2 text_3 ml-7">15888610253</text>
|
||||
</view>
|
||||
<image class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6f325d022e16b19acc81dad350dbd524.png" />
|
||||
</view>
|
||||
</navigator>
|
||||
<navigator url="/pages/booking/date">
|
||||
<view class="flex-row justify-between items-center group_4">
|
||||
<view class="flex-row items-center">
|
||||
<image class="image"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c6dac3074d9c4e4d6286c07f0ea03db5.png" />
|
||||
<view class="flex-col items-start ml-9">
|
||||
<text class="font_3">到店日期：2024-10-15</text>
|
||||
<text class="font_3 mt-2">具体场次：上午场（09:30-12:00）</text>
|
||||
</view>
|
||||
</view>
|
||||
<image class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6f325d022e16b19acc81dad350dbd524.png" />
|
||||
</view>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group_5 mt-14">
|
||||
<view class="flex-col self-stretch">
|
||||
<text class="self-start font text_4">选择预约类别</text>
|
||||
<view class="flex-col justify-start self-stretch section_4 mt-14">
|
||||
<view class="flex-row equal-division">
|
||||
<view class="flex-col items-center equal-division-item_1 section_5">
|
||||
<image class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=b6725d0c7dfe22679472bb9a47e9e39b.png" />
|
||||
<text class="font_4 mt-11">租赁服装</text>
|
||||
</view>
|
||||
<view class="flex-col items-center equal-division-item_2 equal-division-item ml-23">
|
||||
<image class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=81f08e7f1a4104921b651e672383b3d9.png" />
|
||||
<text class="font_4 text_5">自带服装</text>
|
||||
<view class="section_7 pos_3"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<text class="self-start font text_6 mt-23">选择服装价位</text>
|
||||
</view>
|
||||
<view class="flex-col section_8 mt-14">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row justify-between items-center section_1">
|
||||
<view class="flex-row items-center">
|
||||
<image class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c58ffae9f1ef4340291223163c7a8297.png" />
|
||||
<view class="flex-col ml-13">
|
||||
<text class="self-start font_2 text_7">简约风尚</text>
|
||||
<view class="flex-row items-baseline self-stretch mt-11">
|
||||
<text class="font_2">价位：</text>
|
||||
<text class="font_5 text_1 ml-1">￥100-200</text>
|
||||
</view>
|
||||
<text class="self-stretch font_6 mt-11">传承非遗之美，简约演绎经典</text>
|
||||
</view>
|
||||
</view>
|
||||
<image class="image_5"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png" />
|
||||
</view>
|
||||
<view class="flex-row items-center section_13 mt-9">
|
||||
<image class="shrink-0 image_4"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=bc0e955304da0a2ccafe3a66ac1f3aca.png" />
|
||||
<view class="flex-col flex-1 group_6">
|
||||
<text class="self-start font_2 text_9">时尚精选</text>
|
||||
<view class="flex-row items-baseline self-stretch mt-11">
|
||||
<text class="font_2">价位：</text>
|
||||
<text class="font_5 text_10 ml-1">￥200-400</text>
|
||||
</view>
|
||||
<text class="self-stretch font_6 text_11 mt-11">融合时尚与传统，精选非遗华章</text>
|
||||
</view>
|
||||
<image class="shrink-0 image_5 image_6"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png" />
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section_13 mt-9">
|
||||
<view class="flex-row items-center">
|
||||
<image class="image_7"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4c1c758fda92536b923ec745cb077f5a.png" />
|
||||
<view class="flex-col ml-13">
|
||||
<text class="self-start font_2 text_12">奢华专属</text>
|
||||
<view class="flex-row items-baseline self-stretch mt-11">
|
||||
<text class="font_2">价位：</text>
|
||||
<text class="font_5 text_20 ml-1">￥400-800</text>
|
||||
</view>
|
||||
<text class="self-stretch font_6 mt-11">非遗匠心独运，奢华专属定制</text>
|
||||
</view>
|
||||
</view>
|
||||
<image class="image_5"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-center items-center mt-15">
|
||||
<image class="image_8"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=18dd2fa44538df4392850f46b9b3550e.png" />
|
||||
<text class="font_6 text_13 ml-4">预约须知</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center section_9 mt-19">
|
||||
<view class="flex-row items-center shrink-0 group_7">
|
||||
<view class="flex-col justify-start items-start shrink-0 relative group_8">
|
||||
<text class="text_14">预约费用：</text>
|
||||
<image class="image_2 pos_4"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3393d3563afcfe7dedbadba1ea5328a0.png" />
|
||||
</view>
|
||||
<text class="font_5 text_15">88.</text>
|
||||
<text class="text_17">00</text>
|
||||
</view>
|
||||
<view class="flex-row items-center flex-1 ml-51">
|
||||
<!-- <navigator url="../booking/BillingOfFees/BillingOfFees"> -->
|
||||
<view class="flex-row shrink-0 section_10" @click="goto">
|
||||
<text class="text_18">费用说明</text>
|
||||
<image class="shrink-0 image_9 ml-3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=0455b173571a47fdc438588e788f26c5.png" />
|
||||
</view>
|
||||
<!-- </navigator> -->
|
||||
<view class="flex-col justify-start items-center flex-1 text-wrapper ml-10">
|
||||
<text class="font_4 text_16">确定预约</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
// import { ref} from 'vue';
|
||||
const goto=()=>{
|
||||
uni.navigateTo({
|
||||
url:'/pages/booking/BillingOfFees/BillingOfFees'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
|
||||
.ml-23 {
|
||||
margin-left: 43.13rpx;
|
||||
}
|
||||
|
||||
.mt-23 {
|
||||
margin-top: 43.13rpx;
|
||||
}
|
||||
|
||||
.ml-13 {
|
||||
margin-left: 24.38rpx;
|
||||
}
|
||||
|
||||
.mt-9 {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
|
||||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
|
||||
.ml-1 {
|
||||
margin-left: 1.88rpx;
|
||||
}
|
||||
|
||||
.mt-15 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
|
||||
.mt-19 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ml-51 {
|
||||
margin-left: 95.63rpx;
|
||||
}
|
||||
|
||||
.ml-3 {
|
||||
margin-left: 5.63rpx;
|
||||
}
|
||||
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.section {
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
|
||||
.group {
|
||||
padding: 45.75rpx 0;
|
||||
}
|
||||
|
||||
.group_2 {
|
||||
padding-top: 12.38rpx;
|
||||
}
|
||||
|
||||
.section_2 {
|
||||
margin-left: 71.25rpx;
|
||||
background-color: #ffffff00;
|
||||
border-radius: 18.75rpx;
|
||||
width: 281.25rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.75rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text {
|
||||
line-height: 27.96rpx;
|
||||
}
|
||||
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 21.62rpx;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.section_3 {
|
||||
padding-left: 33.75rpx;
|
||||
padding-right: 28.13rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 20.63rpx;
|
||||
right: 20.63rpx;
|
||||
top: 53.63rpx;
|
||||
}
|
||||
|
||||
.group_3 {
|
||||
padding: 31.88rpx 0 15.94rpx;
|
||||
border-bottom: solid 1.88rpx #e2e0e0;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 43.13rpx;
|
||||
height: 43.13rpx;
|
||||
}
|
||||
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.3rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_2 {
|
||||
line-height: 24rpx;
|
||||
}
|
||||
|
||||
.text_3 {
|
||||
line-height: 24rpx;
|
||||
}
|
||||
|
||||
.image_2 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
|
||||
.group_4 {
|
||||
padding: 22.97rpx 0 36.51rpx;
|
||||
}
|
||||
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.group_5 {
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.text_4 {
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
|
||||
.section_4 {
|
||||
padding: 31.88rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
|
||||
.equal-division {
|
||||
margin-left: 41.25rpx;
|
||||
margin-right: 41.27rpx;
|
||||
}
|
||||
|
||||
.equal-division-item_1 {
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
|
||||
.section_5 {
|
||||
padding: 31.57rpx 0 40.58rpx;
|
||||
background-color: #fff291;
|
||||
border-radius: 18.75rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
|
||||
.image_3 {
|
||||
width: 159.99rpx;
|
||||
height: 159.99rpx;
|
||||
}
|
||||
|
||||
.font_4 {
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.75rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.equal-division-item_2 {
|
||||
position: relative;
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
|
||||
.equal-division-item {
|
||||
padding: 31.56rpx 0 42.49rpx;
|
||||
background-color: #fff291;
|
||||
border-radius: 18.75rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
|
||||
.text_5 {
|
||||
margin-top: 19.46rpx;
|
||||
}
|
||||
|
||||
.section_7 {
|
||||
background-color: #ffffff99;
|
||||
border-radius: 18.75rpx;
|
||||
width: 281.25rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.text_6 {
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
|
||||
.section_8 {
|
||||
padding: 30rpx 30rpx 26.25rpx;
|
||||
background-color: #fff3c3;
|
||||
}
|
||||
|
||||
.section_1 {
|
||||
padding: 24.38rpx 26.25rpx 26.25rpx 39.38rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
|
||||
.image_4 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 118.13rpx;
|
||||
height: 151.88rpx;
|
||||
}
|
||||
|
||||
.text_7 {
|
||||
line-height: 24.26rpx;
|
||||
}
|
||||
|
||||
.font_5 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.3rpx;
|
||||
color: #ff3c3c;
|
||||
}
|
||||
|
||||
.text_1 {
|
||||
line-height: 24.81rpx;
|
||||
}
|
||||
|
||||
.font_6 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 21.36rpx;
|
||||
color: #898989;
|
||||
}
|
||||
|
||||
.image_5 {
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
|
||||
.section_13 {
|
||||
padding: 26.27rpx 26.25rpx 24.36rpx 39.38rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
|
||||
.group_6 {
|
||||
margin-left: 24.77rpx;
|
||||
}
|
||||
|
||||
.text_9 {
|
||||
line-height: 24.15rpx;
|
||||
}
|
||||
|
||||
.text_10 {
|
||||
line-height: 24.81rpx;
|
||||
}
|
||||
|
||||
.text_11 {
|
||||
line-height: 21.38rpx;
|
||||
}
|
||||
|
||||
.image_6 {
|
||||
margin-left: 39.99rpx;
|
||||
}
|
||||
|
||||
.image_7 {
|
||||
width: 118.13rpx;
|
||||
height: 151.88rpx;
|
||||
}
|
||||
|
||||
.text_12 {
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
|
||||
.text_20 {
|
||||
line-height: 24.81rpx;
|
||||
}
|
||||
|
||||
.image_8 {
|
||||
width: 28.13rpx;
|
||||
height: 28.13rpx;
|
||||
}
|
||||
|
||||
.text_13 {
|
||||
color: #000000;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
|
||||
.section_9 {
|
||||
padding: 16.88rpx 20.63rpx 15rpx 21.6rpx;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
|
||||
.group_7 {
|
||||
width: 236.23rpx;
|
||||
}
|
||||
|
||||
.group_8 {
|
||||
padding: 4.22rpx 0 5.25rpx;
|
||||
}
|
||||
|
||||
.text_14 {
|
||||
color: #000000;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.text_15 {
|
||||
color: #fbb612;
|
||||
font-weight: 700;
|
||||
line-height: 24.84rpx;
|
||||
}
|
||||
|
||||
.text_17 {
|
||||
margin-left: 3.52rpx;
|
||||
color: #fbb612;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
|
||||
.section_10 {
|
||||
padding: 9.38rpx 9.38rpx 9.38rpx 10.18rpx;
|
||||
background-color: #d9d9d9;
|
||||
border-radius: 9.38rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
|
||||
.text_18 {
|
||||
color: #323232;
|
||||
font-size: 18.75rpx;
|
||||
font-family: Inter;
|
||||
line-height: 17.36rpx;
|
||||
}
|
||||
|
||||
.image_9 {
|
||||
width: 18.75rpx;
|
||||
height: 18.75rpx;
|
||||
}
|
||||
|
||||
.text-wrapper {
|
||||
padding: 27.3rpx 0 27.45rpx;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
height: 82.5rpx;
|
||||
}
|
||||
|
||||
.text_16 {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@import url(../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -1,151 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<text class="self-center text">费用说明</text>
|
||||
<view class="flex-col self-stretch group">
|
||||
<text class="self-start font text_2">一、费用支付流程</text>
|
||||
<text class="self-stretch font_2 text_3">
|
||||
确定等级：您将根据个人需求选择合适的服装价位区间，并完成预约操作。
|
||||
<br />
|
||||
预约成功：预约成功后，您需前往店铺挑选对应等级的服装。
|
||||
<br />
|
||||
</text>
|
||||
<text class="self-stretch font_2 text_4">
|
||||
补缴尾款及押金：在挑选服装时，您需要补缴尾款（扣除已支付定金后的剩余服务或商品费用）以及押金（用于保障服装归还时的完好）。
|
||||
</text>
|
||||
</view>
|
||||
<view class="flex-col self-stretch group_2">
|
||||
<text class="self-start font">二、尾款具体事项</text>
|
||||
<text class="mt-18 self-stretch font_3 text_5">
|
||||
租赁服装：若您选择租赁我们店铺没有的服装，租赁费用将在您支付尾款时一并结算。无论拍摄是否进行，租赁费用均不予退还。
|
||||
<br />
|
||||
购买服装：如您希望购买我们店铺的服装，且我们同意购买，将按照服装的稀有程度分等级定价。您需按照所选等级支付尾款。
|
||||
<br />
|
||||
定制服务：若您自带衣服，我们提供妆发及摄影服务。若需我们额外购买服装，将按照上述等级定价，您需支付相应的尾款。
|
||||
</text>
|
||||
</view>
|
||||
<view class="flex-col self-stretch group_3">
|
||||
<text class="self-start font text_6">三、定金与押金说明</text>
|
||||
<text class="self-stretch font_3 text_7 mt-15">
|
||||
定金：预约时支付的定金用于确认您的预约意向，定金 不予退还。
|
||||
<br />
|
||||
押金：拍摄完成后，我们将根据服装的归还情况决定是否扣除押金。若服装无损坏，押金将全额退还。
|
||||
</text>
|
||||
</view>
|
||||
<view class="flex-col self-stretch group_4">
|
||||
<text class="self-start font text_8">四、特殊情况处理</text>
|
||||
<text class="mt-18 self-stretch font_3 text_9">
|
||||
若因特殊情况您需要取消预约，请及时与我们联系。未拍摄情况下，定金不予退还，已支付的租赁费用亦不退还。
|
||||
<br />
|
||||
</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-stretch text-wrapper" @click="jump_pay">
|
||||
<text class="text_10">我知道了</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {ref} from 'vue'
|
||||
const jump_pay =()=>{
|
||||
uni.navigateTo({
|
||||
url: '../../../pages/booking/bookingpay/bookingpay'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-15 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 48.75rpx 11.75rpx 61.88rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.73rpx;
|
||||
}
|
||||
.group {
|
||||
margin-right: 11.25rpx;
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.71rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 35.63rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 22.5rpx;
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 18.75rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-right: 18.75rpx;
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-right: 18.75rpx;
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 27.84rpx;
|
||||
}
|
||||
.text_7 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-right: 22.5rpx;
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
.text_9 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 75rpx 22.5rpx 0;
|
||||
padding: 30rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
}
|
||||
.text_10 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -1,162 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col flex-1 group_2">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row justify-between items-center section">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
|
||||
/>
|
||||
<text class="font ml-9">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
</view>
|
||||
<view class="flex-row group_3">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
|
||||
/>
|
||||
<text class="font ml-9">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
</view>
|
||||
<view class="flex-row group_3">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
|
||||
/>
|
||||
<text class="font ml-9">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
</view>
|
||||
<view class="flex-row group_3">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
|
||||
/>
|
||||
<text class="font ml-9">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
</view>
|
||||
<view class="flex-row group_3">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section_2 mt-251">
|
||||
<view class="flex-col justify-start items-center button"><text class="font text_2">添加新联系人</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {ref} from 'vue';
|
||||
|
||||
const items = ([null,null,null,null])
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.mt-251 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.page {
|
||||
background-color: #f5f5dc;
|
||||
border-radius: 28.13rpx 28.13rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group_2 {
|
||||
overflow-y: auto;
|
||||
}
|
||||
.section {
|
||||
padding: 52.5rpx 15rpx;
|
||||
background-color: #fffef8;
|
||||
border-bottom: solid 1.88rpx #c8c8c8;
|
||||
}
|
||||
.image_3 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.19rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.05rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_3 {
|
||||
margin-right: 11.25rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 39.38rpx;
|
||||
height: 39.38rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 22.5rpx 0 15rpx;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.button {
|
||||
padding: 30rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 639.38rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #ffffff;
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
@import url(../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
<template>
|
||||
<view>{{details.name}}</view>
|
||||
<image :src="details.image"></image>
|
||||
<image :src="details.effectImg"></image>
|
||||
<view>{{details.intro}}</view>
|
||||
<view>{{details.price}}</view>
|
||||
<view>{{details.clothesType}}</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {ref,onMounted} from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { baseUrl } from '../../../api/request';
|
||||
const id = ref([{}])
|
||||
const details = ref([{}])
|
||||
onLoad((options)=>{
|
||||
id.value = JSON.parse(options.info)
|
||||
console.log(id.value,1111111111)
|
||||
})
|
||||
onMounted(()=>{
|
||||
getDetails()
|
||||
})
|
||||
const getDetails = async ()=>{
|
||||
const res = await uni.request({
|
||||
url:baseUrl + '/clothesInfo/list/detail',
|
||||
method:'POST',
|
||||
header:{
|
||||
cookie:wx.getAccountInfoSync('cookie')
|
||||
},
|
||||
data:{
|
||||
id:id.value
|
||||
}
|
||||
})
|
||||
if(res.data.code === 1){
|
||||
details.value = res.data.data
|
||||
}else{
|
||||
uin.showtoast({
|
||||
icon:'error',
|
||||
title:'获取失败'
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
|
@ -1,442 +0,0 @@
|
|||
<!-- <template>
|
||||
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col section">
|
||||
<text class="self-start text">服装展示</text>
|
||||
<view class="flex-col self-stretch mt-21">
|
||||
<view class="flex-row items-center mt-10 list-item" v-for="(item, index) in label" :key="index"
|
||||
@click="goToText(index)">
|
||||
<image class="shrink-0 image_2" :src="item.image" />
|
||||
<view class="flex-col flex-1 ml-11">
|
||||
<view class="flex-col self-stretch">
|
||||
<view class="flex-row justify-end self-stretch group">
|
||||
<text class="font">详细信息</text>
|
||||
<image class="image" :src="item.image" />
|
||||
</view>
|
||||
<text class="self-start font_2 text_2 mt-3">{{item.name}}</text>
|
||||
</view>
|
||||
<view class="self-stretch group_2 mt-5">
|
||||
<text class="font_4">服装简介：</text>
|
||||
<text class="font_3">
|
||||
{{item.intro}}
|
||||
</text>
|
||||
</view>
|
||||
<text class="self-end font_5 mt-5">￥{{item.price}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-48 flex-row items-center section_2">
|
||||
<view class="flex-col items-center shrink-0 section_3">
|
||||
<image class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=674eb236797f850011f0c44a&name=4b56fed14a39630ca2312edf6e34c024.png" />
|
||||
<text class="mt-2 text_4">客服</text>
|
||||
</view>
|
||||
<view class="ml-34 flex-col justify-start items-center flex-1 text-wrapper">
|
||||
<text class="text_3">现在去预约</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted
|
||||
} from 'vue'
|
||||
import {
|
||||
onLoad
|
||||
} from '@dcloudio/uni-app'
|
||||
import {
|
||||
baseUrl
|
||||
} from '../../../api/request';
|
||||
const list = ref([{}])
|
||||
const label = ref([{}])
|
||||
onMounted(() => {
|
||||
getLabel()
|
||||
})
|
||||
onLoad((options) => {
|
||||
list.value = JSON.parse(options.info)
|
||||
console.log(list.value, 'id')
|
||||
})
|
||||
const getLabel = async () => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/clothesInfo/list/label',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie: wx.getAccountInfoSync('cookie')
|
||||
},
|
||||
data: {
|
||||
id: list.value
|
||||
}
|
||||
})
|
||||
console.log(res)
|
||||
if (res.data.code === 1) {
|
||||
label.value = res.data.data
|
||||
} else {
|
||||
uin.showtoast({
|
||||
icon: 'error',
|
||||
title: '获取失败'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
const goToText = (index) => {
|
||||
uni.navigateTo({
|
||||
url: "/pages/booking/CostumeDetails/CostumeDetails?info=" + JSON.stringify(label.value[index].id)
|
||||
})
|
||||
console.log(label.value[index].id)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-21 {
|
||||
margin-top: 39.38rpx;
|
||||
}
|
||||
|
||||
.ml-11 {
|
||||
margin-left: 20.63rpx;
|
||||
}
|
||||
|
||||
.mt-3 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
|
||||
.mt-5 {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
|
||||
.page {
|
||||
padding-top: 69.38rpx;
|
||||
background-color: #f5f5dc;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin: 0 18.75rpx;
|
||||
padding: 37.5rpx 30rpx 129.38rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
|
||||
.text {
|
||||
color: #000000;
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
|
||||
.list-item {
|
||||
padding: 22.5rpx 22.5rpx 22.5rpx 30rpx;
|
||||
background-color: #fff3c3;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.image_2 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 148.13rpx;
|
||||
height: 165rpx;
|
||||
}
|
||||
|
||||
.group {
|
||||
padding: 0 3.75rpx;
|
||||
}
|
||||
|
||||
.font {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 17.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 15rpx;
|
||||
height: 15rpx;
|
||||
}
|
||||
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_2 {
|
||||
line-height: 24.26rpx;
|
||||
}
|
||||
|
||||
.group_2 {
|
||||
line-height: 22.5rpx;
|
||||
}
|
||||
|
||||
.font_4 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.font_3 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #828282;
|
||||
}
|
||||
|
||||
.font_5 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 24.73rpx;
|
||||
color: #ff3c3c;
|
||||
}
|
||||
|
||||
.section_2 {
|
||||
background-color: #fffef8;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.section_3 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #ffc470;
|
||||
width: 118.13rpx;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
|
||||
.image_3 {
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
|
||||
.text_4 {
|
||||
color: #fffef8;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.17rpx;
|
||||
}
|
||||
|
||||
.text-wrapper {
|
||||
margin-right: 26.25rpx;
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
height: 82.5rpx;
|
||||
}
|
||||
|
||||
.text_3 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
|
||||
@import url("../../../common/css/global.css");
|
||||
</style> -->
|
||||
|
||||
|
||||
<template>
|
||||
<view class="flex-col justify-start relative page">
|
||||
<view class="shrink-0 section"></view>
|
||||
<view class="flex-col justify-start items-center text-wrapper pos"><text class="text">服装详情</text></view>
|
||||
<view class="flex-col pos_2">
|
||||
<view class="flex-row items-center list-item" v-for="(item, index) in label" :key="index" @click="goToText(index)">
|
||||
<image class="shrink-0 image"
|
||||
:src="item.image" />
|
||||
<view class="flex-col flex-1 ml-5">
|
||||
<text class="self-start font">{{item.name}}</text>
|
||||
<text class="self-start font_2 text_2">
|
||||
{{item.intro}}
|
||||
</text>
|
||||
<text class="self-end font_3 text_3">￥{{item.price}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section_4 pos_3">
|
||||
<view class="flex-col items-center">
|
||||
<image class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=a18599a262f28b8e3d504092795de649.png" />
|
||||
<text class="text_5 mt-3">客服</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_2"><text class="font text_4">现在去预约</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted
|
||||
} from 'vue'
|
||||
import {
|
||||
onLoad
|
||||
} from '@dcloudio/uni-app'
|
||||
import {
|
||||
baseUrl
|
||||
} from '../../../api/request';
|
||||
const list = ref([{}])
|
||||
const label = ref([{}])
|
||||
onMounted(() => {
|
||||
getLabel()
|
||||
})
|
||||
onLoad((options) => {
|
||||
list.value = JSON.parse(options.info)
|
||||
console.log(list.value, 'id')
|
||||
})
|
||||
const getLabel = async () => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/clothesInfo/list/label',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie: wx.getAccountInfoSync('cookie')
|
||||
},
|
||||
data: {
|
||||
id: list.value
|
||||
}
|
||||
})
|
||||
console.log(res)
|
||||
if (res.data.code === 1) {
|
||||
label.value = res.data.data
|
||||
} else {
|
||||
uin.showtoast({
|
||||
icon: 'error',
|
||||
title: '获取失败'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
const goToText = (index) => {
|
||||
uni.navigateTo({
|
||||
url: "/pages/booking/CostumeDetails/CostumeDetails?info=" + JSON.stringify(label.value[index].id)
|
||||
})
|
||||
console.log(label.value[index].id)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-5 {
|
||||
margin-left: 9.38rpx;
|
||||
}
|
||||
.mt-3 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
overflow: hidden;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=7f5f6eb3a306f1097a8541736adfb354.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=7f5f6eb3a306f1097a8541736adfb354.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
height: 1659.38rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 26.25rpx 0 22.5rpx;
|
||||
background-color: #ebe7e480;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.text {
|
||||
color: #000000;
|
||||
font-size: 37.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 36.34rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 45rpx;
|
||||
right: 37.5rpx;
|
||||
top: 150rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 0 7.5rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image {
|
||||
width: 161.25rpx;
|
||||
height: 219.38rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 28.13rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 27.69rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 27.69rpx;
|
||||
color: #00000099;
|
||||
}
|
||||
.text_2 {
|
||||
margin-top: 18.75rpx;
|
||||
line-height: 26.25rpx;
|
||||
width: 427.5rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 18.79rpx;
|
||||
color: #ff0707;
|
||||
}
|
||||
.text_3 {
|
||||
margin-right: 18.75rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 15rpx 45rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}
|
||||
.image_2 {
|
||||
width: 46.88rpx;
|
||||
height: 46.88rpx;
|
||||
}
|
||||
.text_5 {
|
||||
color: #9d2624;
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.72rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
margin-right: 22.5rpx;
|
||||
padding: 30rpx 0 26.25rpx;
|
||||
background-color: #e79ea1;
|
||||
border-radius: 75rpx;
|
||||
width: 466.14rpx;
|
||||
height: 82.5rpx;
|
||||
}
|
||||
.text_4 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
line-height: 27.43rpx;
|
||||
}
|
||||
|
||||
@import url("../../../common/css/global.css");
|
||||
// </style>
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start items-center page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col self-stretch group">
|
||||
<text class="self-center font text">预约须知</text>
|
||||
<view class="mt-12 flex-col self-stretch">
|
||||
<text class="font_2">
|
||||
1.成功预约的顾客需按照预定时间前往店内挑选相应级别的服装。为确保衣物在体验过程中的完好无损，顾客需根据所选服装的级别补缴尾款以及相应的押金。拍摄结束后，店铺将依据衣物的实际状况评估是否扣除押金。
|
||||
</text>
|
||||
<text class="mt-16 font_2 text_2">
|
||||
2.其中部分物品商家可提供，属于增值服务（如一次性隐形眼镜、
|
||||
一次性粉扑等属于服务费以外的赠送服务，买家可选择自带用品，不影响服务价格），需要买家自己准备的，客服需要提前告诉买家（如胸贴等贴身物品）
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-center text-wrapper">
|
||||
<text class="font text_3">我知道了</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
padding: 298.13rpx 0 708.75rpx;
|
||||
background-color: #f5f5dc;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
padding: 0 15rpx 31.88rpx 37.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx;
|
||||
width: 609.38rpx;
|
||||
}
|
||||
.group {
|
||||
padding: 37.5rpx 0 48.75rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 22.5rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 450rpx;
|
||||
}
|
||||
.text_3 {
|
||||
color: #ffffff;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -1,250 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col group">
|
||||
<view class="flex-col relative section_2">
|
||||
<view class="flex-row items-baseline self-stretch">
|
||||
<text class="font text">简约风尚</text>
|
||||
<text class="font_2 text_2 ml-19">传承非遗之美，简约演绎经典</text>
|
||||
</view>
|
||||
<text class="self-start font_3 text_3">服装特点</text>
|
||||
<view class="flex-col items-start self-stretch group_2">
|
||||
<text class="font_2">提供多样化的经典汉服款式，如基础款曲裾、直裾等</text>
|
||||
<text class="mt-2 font_2">服装面料舒适，适合日常拍摄体验</text>
|
||||
<text class="mt-2 font_2">配饰简约，适合初次尝试传统服饰的用户</text>
|
||||
</view>
|
||||
<text class="self-start font_3 text_4">服务内容</text>
|
||||
<view class="flex-col items-start self-stretch group_3">
|
||||
<text class="font_2">专业化妆及基础发型设计</text>
|
||||
<text class="mt-2 font_2">服装租赁服务</text>
|
||||
<text class="mt-2 font_2">基础摄影服务（不含精修）</text>
|
||||
</view>
|
||||
<image
|
||||
class="image pos"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=d6d88e3f45498775df202023e1df0871.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="mt-12 flex-col section_3">
|
||||
<text class="self-start font text_5">服装选择</text>
|
||||
<view class="flex-col self-stretch mt-11">
|
||||
<view class="flex-row items-center mt-10 list-item" v-for="(item, index) in items" :key="index">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=1c18c9d6f08498ff9a0cf7a598a0d271.png"
|
||||
/>
|
||||
<view class="ml-10 flex-col flex-1">
|
||||
<view class="flex-row justify-end self-stretch group_4">
|
||||
<text class="font_4">详细信息</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=1484e0cc6274180ba7c91cddf1ec833b.png"
|
||||
/>
|
||||
</view>
|
||||
<text class="self-start font_5 text_6">彩绣菊花纹刺绣长袍</text>
|
||||
<view class="self-stretch group_5">
|
||||
<text class="font_7">服装简介：</text>
|
||||
<text class="font_6">
|
||||
用上等丝绸，质地细腻、柔软且富有光泽，触感极佳。统手工刺绣技艺，每一针每一线都凝聚着匠人的心血与智慧，图案精美绝伦，色彩丰富和谐...
|
||||
</text>
|
||||
</view>
|
||||
<text class="self-end font_8">￥150</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-26 flex-row">
|
||||
<view class="flex-col items-center shrink-0 section_4">
|
||||
<image
|
||||
class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4b56fed14a39630ca2312edf6e34c024.png"
|
||||
/>
|
||||
<text class="mt-2 text_8">客服</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-end flex-1 section_5">
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text class="text_7">现在去预约</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-19 {
|
||||
margin-left: 35.63rpx;
|
||||
}
|
||||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.section {
|
||||
padding-top: 22.5rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.group {
|
||||
padding: 0 16.88rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 37.5rpx 41.25rpx 30rpx;
|
||||
background-color: #f3fff3;
|
||||
border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3 {
|
||||
margin-top: 22.5rpx;
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #696969;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 21.36rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-top: 26.25rpx;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 24.38rpx;
|
||||
}
|
||||
.image {
|
||||
width: 127.5rpx;
|
||||
height: 127.5rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 13.13rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 37.5rpx 30rpx 52.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_5 {
|
||||
color: #000000;
|
||||
}
|
||||
.list-item {
|
||||
padding: 22.5rpx;
|
||||
background-color: #fff3c3;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_3 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 148.13rpx;
|
||||
height: 165rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding: 0 3.75rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 17.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.image_2 {
|
||||
width: 15rpx;
|
||||
height: 15rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_6 {
|
||||
margin-top: 15rpx;
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-top: 11.25rpx;
|
||||
line-height: 22.5rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #828282;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 24.73rpx;
|
||||
color: #ff3c3c;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #ffc470;
|
||||
width: 118.13rpx;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.image_4 {
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text_8 {
|
||||
color: #fffef8;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.17rpx;
|
||||
}
|
||||
.section_5 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-right: 20.63rpx;
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 457.5rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -1,443 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col justify-start items-start relative group">
|
||||
<view class="section_2"></view>
|
||||
<text class="font text pos">填写预约信息</text>
|
||||
<view class="flex-col section_3 pos_2">
|
||||
<view class="flex-row justify-between items-center group_2">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=bb513bb96b7e8c5705f06c4bfc640618.png"
|
||||
/>
|
||||
<text class="font_2 ml-7">联系人：张三</text>
|
||||
<text class="font_2 ml-7">15888610253</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=6a472e2ad5dc2aec534bd3b852a38986.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center group_3">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=62c3ebe2e0dfac0ba2ddec26fdcb54ec.png"
|
||||
/>
|
||||
<view class="flex-col items-start ml-9">
|
||||
<text class="font_3">到店日期：2024-10-15</text>
|
||||
<text class="mt-2 font_3">具体场次：上午场（09:30-12:00）</text>
|
||||
</view>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=6a472e2ad5dc2aec534bd3b852a38986.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group_4">
|
||||
<view class="flex-col self-stretch">
|
||||
<text class="self-start font text_2">选择预约类别</text>
|
||||
<view class="mt-14 flex-col justify-start self-stretch section_4">
|
||||
<view class="flex-row equal-division">
|
||||
<view class="flex-col items-center section_5 equal-division-item">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=b5db39327852641a550d033d1026764f.png"
|
||||
/>
|
||||
<text class="font_4 text_3 mt-11">租赁服装</text>
|
||||
</view>
|
||||
<view class="flex-col items-center section_6 equal-division-item ml-23">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=ee3cc136b2309fda20df9a345ce1ef05.png"
|
||||
/>
|
||||
<text class="font_4 text_3 text_4">自带服装</text>
|
||||
<view class="section_7 pos_3"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<text class="self-start font text_5 mt-23">提供免费的服务</text>
|
||||
</view>
|
||||
<view class="flex-col section_8">
|
||||
<view class="flex-row items-center section_9">
|
||||
<image
|
||||
class="shrink-0 image_4"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=0ee5b9f55ce6aef46d889234d99afe33.png"
|
||||
/>
|
||||
<view class="flex-col flex-1 ml-7">
|
||||
<text class="self-start font_2 text_6">妆发服务</text>
|
||||
<text class="mt-6 self-stretch font_5">
|
||||
包括底妆、眉毛、眼妆、腮红和唇妆，根据您的肤色和服装风格进行个性化设计。
|
||||
</text>
|
||||
<text class="mt-6 self-stretch font_5">
|
||||
根据您的脸型和服装风格，提供合适的发型设计，包括但不限于编发、盘发、吹风造型等。
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center section_10">
|
||||
<image
|
||||
class="shrink-0 image_4"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=e853d682e2b7bbba7c02051808f75a0b.png"
|
||||
/>
|
||||
<view class="flex-col flex-1 ml-7">
|
||||
<text class="self-start font_2 text_7">摄影服务</text>
|
||||
<text class="mt-6 self-stretch font_5">
|
||||
提供专业的摄影棚和灯光设备，为客户打造舒适的拍摄环境。
|
||||
<br />
|
||||
</text>
|
||||
<text class="mt-6 self-stretch font_5">
|
||||
拍摄完成后，摄影师将精选照片进行后期处理，包括色彩调整、亮度优化、瑕疵去除等。
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="divider"></view>
|
||||
<view class="flex-row section_11">
|
||||
<image
|
||||
class="shrink-0 self-center image_5"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=ca917a0e9fb6b228f113a8850988a754.png"
|
||||
/>
|
||||
<view class="flex-col shrink-0 self-start group_5">
|
||||
<text class="self-start font_2 text_8">联系客服</text>
|
||||
<text class="mt-10 self-stretch font_5">请提供详细的问题描述，以便我们更快地为您解决问题。</text>
|
||||
</view>
|
||||
<image
|
||||
class="shrink-0 self-center image image_6"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=a36c51a83d47fe9c04ecc0b3af4443ad.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row justify-center items-center group_6">
|
||||
<image
|
||||
class="image_7"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=7857ecaca482cebbdd382382920634a0.png"
|
||||
/>
|
||||
<text class="ml-4 font_5 text_9">预约须知</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center section_12">
|
||||
<view class="flex-row items-center shrink-0 group_7">
|
||||
<view class="flex-col justify-start items-start shrink-0 relative">
|
||||
<text class="text_10">预约费用：</text>
|
||||
</view>
|
||||
<text class="text_11">￥88.</text>
|
||||
<text class="text_13">00</text>
|
||||
</view>
|
||||
<view class="flex-row items-center flex-1 ml-51">
|
||||
<view class="flex-row shrink-0 section_13">
|
||||
<text class="text_14">费用说明</text>
|
||||
<image
|
||||
class="shrink-0 image_8 ml-3"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=1a5714d6e445a76940d6217416bffd25.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="ml-10 flex-col justify-start items-center flex-1 text-wrapper">
|
||||
<text class="font_4 text_12">确定预约</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-23 {
|
||||
margin-left: 43.13rpx;
|
||||
}
|
||||
.mt-23 {
|
||||
margin-top: 43.13rpx;
|
||||
}
|
||||
.ml-51 {
|
||||
margin-left: 95.63rpx;
|
||||
}
|
||||
.ml-3 {
|
||||
margin-left: 5.63rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.section {
|
||||
padding-top: 45rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.group {
|
||||
padding-top: 11.25rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-left: 71.25rpx;
|
||||
background-color: #ffffff00;
|
||||
border-radius: 18.75rpx;
|
||||
width: 281.25rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text {
|
||||
line-height: 27.96rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 21.62rpx;
|
||||
top: 0;
|
||||
}
|
||||
.section_3 {
|
||||
padding-left: 33.75rpx;
|
||||
padding-right: 28.13rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 20.63rpx;
|
||||
right: 20.63rpx;
|
||||
top: 53.63rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 31.88rpx 0 15rpx;
|
||||
border-bottom: solid 1.88rpx #e2e0e0;
|
||||
}
|
||||
.image {
|
||||
width: 43.13rpx;
|
||||
height: 43.13rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.image_2 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
.group_3 {
|
||||
padding: 22.5rpx 0 37.5rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_4 {
|
||||
margin-top: 26.25rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 31.88rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.equal-division {
|
||||
margin: 0 41.25rpx;
|
||||
}
|
||||
.section_5 {
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
.image_3 {
|
||||
width: 159.99rpx;
|
||||
height: 159.99rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 26.25rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
.section_6 {
|
||||
position: relative;
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
.equal-division-item {
|
||||
padding: 30rpx 0 41.25rpx;
|
||||
background-color: #fff291;
|
||||
border-radius: 18.75rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.section_7 {
|
||||
background-color: #ffffff99;
|
||||
border-radius: 18.75rpx;
|
||||
width: 281.25rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 27.79rpx;
|
||||
}
|
||||
.section_8 {
|
||||
margin: 26.25rpx 0 100rpx 0;
|
||||
|
||||
padding: 28.13rpx 24.38rpx 0;
|
||||
background-color: #fff3c3;
|
||||
}
|
||||
.section_9 {
|
||||
margin: 0 7.5rpx;
|
||||
padding: 33.75rpx 30rpx 26.25rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image_4 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 129.38rpx;
|
||||
height: 166.88rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 24.3rpx;
|
||||
}
|
||||
.section_10 {
|
||||
margin: 18.75rpx 7.5rpx 0;
|
||||
padding: 30rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.divider {
|
||||
margin-top: 39.38rpx;
|
||||
background-color: #e3e3e3;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.section_11 {
|
||||
margin: 31.88rpx 7.5rpx 0;
|
||||
padding: 15rpx 26.25rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image_5 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 93.75rpx;
|
||||
height: 118.13rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-left: 22.5rpx;
|
||||
margin-top: 15rpx;
|
||||
width: 405rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 24.36rpx;
|
||||
}
|
||||
.image_6 {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.group_6 {
|
||||
margin-top: 37.5rpx;
|
||||
padding: 22.5rpx 0;
|
||||
}
|
||||
.image_7 {
|
||||
width: 28.13rpx;
|
||||
height: 28.13rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #898989;
|
||||
}
|
||||
.text_9 {
|
||||
color: #000000;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
.section_12 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 15rpx 22.5rpx;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.group_7 {
|
||||
width: 236.23rpx;
|
||||
}
|
||||
.text_10 {
|
||||
color: #000000;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.text_11 {
|
||||
color: #fbb612;
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 24.84rpx;
|
||||
}
|
||||
.text_13 {
|
||||
color: #fbb612;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
.section_13 {
|
||||
padding: 9.38rpx 11.25rpx;
|
||||
background-color: #d9d9d9;
|
||||
border-radius: 9.38rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.text_14 {
|
||||
color: #323232;
|
||||
font-size: 18.75rpx;
|
||||
font-family: Inter;
|
||||
line-height: 17.36rpx;
|
||||
}
|
||||
.image_8 {
|
||||
width: 18.75rpx;
|
||||
height: 18.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
height: 82.5rpx;
|
||||
}
|
||||
.text_12 {
|
||||
color: #ffffff;
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -1,475 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col flex-1 group_3">
|
||||
<view class="flex-col relative group">
|
||||
<view class="flex-col">
|
||||
<view class="flex-col group_2">
|
||||
<text class="self-start font text">场次</text>
|
||||
<view class="mt-20 flex-col items-start self-stretch group_4">
|
||||
<view class="flex-col justify-start text-wrapper">
|
||||
<text class="font_2 text_2">上午场（09:30-12:00）</text>
|
||||
</view>
|
||||
<view class="mt-14 flex-col justify-start text-wrapper_2">
|
||||
<text class="text_3">下午场（13:00-16:00）</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-20 self-stretch divider"></view>
|
||||
<text class="mt-20 self-start font text_4">日期</text>
|
||||
</view>
|
||||
<view class="mt-22 flex-col">
|
||||
<view class="flex-col justify-start self-start section">
|
||||
<view class="flex-row equal-division">
|
||||
<view class="flex-col items-center group_5 equal-division-item">
|
||||
<text class="font_2 text_5">9月</text>
|
||||
<text class="font_3 mt-9">￥68.00起</text>
|
||||
</view>
|
||||
<view class="flex-col items-center group_5 equal-division-item">
|
||||
<text class="font_2 text_5">10月</text>
|
||||
<text class="font_3 mt-9">￥68.00起</text>
|
||||
</view>
|
||||
<view class="flex-col items-center group_5 equal-division-item">
|
||||
<text class="font_2 text_5">11月</text>
|
||||
<text class="font_3 mt-9">￥68.00起</text>
|
||||
</view>
|
||||
<view class="flex-col items-center group_5 equal-division-item">
|
||||
<text class="font_2 text_5">12月</text>
|
||||
<text class="font_3 mt-9">￥68.00起</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-10 flex-row justify-between items-center self-stretch section_2">
|
||||
<text class="font_4 text_6">日</text>
|
||||
<text class="font_5 text_12">一</text>
|
||||
<text class="font_5 text_7">二</text>
|
||||
<text class="font_5 text_8">三</text>
|
||||
<text class="font_5 text_9">四</text>
|
||||
<text class="font_5 text_10">五</text>
|
||||
<text class="font_4 text_11">六</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col">
|
||||
<view class="grid">
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">1</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">2</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">3</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">4</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">5</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">6</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">7</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">8</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">9</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">10</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">11</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">12</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">13</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">14</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">15</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">16</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">17</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">18</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">19</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">20</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">21</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">22</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">23</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">24</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">25</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">26</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">27</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">28</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row mt-5">
|
||||
<view class="flex-col items-center section_3">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 text_13 mt-7">29</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center section_3 ml-5">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 text_14 mt-7">30</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center group_6">
|
||||
<text class="font">数量</text>
|
||||
<view class="flex-row items-center">
|
||||
<text class="text_15">一次限购100件</text>
|
||||
<image
|
||||
class="shrink-0 image_2"
|
||||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d02802d54496f19fd8b116/6705182d1511d900114a0a46/bd83ec79ae6ad0d4932c2e9d97aef3ef.png"
|
||||
/>
|
||||
<view class="flex-col justify-start items-center shrink-0 text-wrapper_3">
|
||||
<text class="font_7 text_16">1</text>
|
||||
</view>
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d02802d54496f19fd8b116/6705182d1511d900114a0a46/3d7428683bada7a94b84917c1f260b0e.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start section_4 mt-55">
|
||||
<view class="flex-col justify-start items-center button text-wrapper_4"><text class="text_17">下一步</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-9 {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
.mt-5 {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
.ml-5 {
|
||||
margin-left: 9.38rpx;
|
||||
}
|
||||
.mt-7 {
|
||||
margin-top: 13.13rpx;
|
||||
}
|
||||
.mt-55 {
|
||||
margin-top: 103.13rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group_3 {
|
||||
padding-bottom: 16.88rpx;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.group {
|
||||
margin-top: -15rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 0 31.88rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 27.69rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.text {
|
||||
margin-left: 3.75rpx;
|
||||
line-height: 27.51rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding: 0 3.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 18.75rpx 0;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 5.63rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.01rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.text_2 {
|
||||
margin-left: 15rpx;
|
||||
margin-right: 11.25rpx;
|
||||
line-height: 24.96rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 18.75rpx 0;
|
||||
background-color: #fff4cd;
|
||||
border-radius: 5.63rpx;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 15rpx;
|
||||
margin-right: 11.25rpx;
|
||||
color: #fcc600;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.96rpx;
|
||||
}
|
||||
.divider {
|
||||
background-color: #eaeaea;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 7.5rpx;
|
||||
line-height: 27.39rpx;
|
||||
}
|
||||
.section {
|
||||
padding: 22.5rpx 0 15rpx;
|
||||
background-color: #fffef8;
|
||||
width: 538.13rpx;
|
||||
}
|
||||
.equal-division {
|
||||
padding: 0 26.25rpx;
|
||||
}
|
||||
.group_5 {
|
||||
flex: 1 1 120rpx;
|
||||
}
|
||||
.equal-division-item {
|
||||
padding: 11.25rpx 0;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 22.78rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 17.38rpx;
|
||||
color: #fcc600;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 30rpx 41.25rpx 30rpx 45rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 22.01rpx;
|
||||
color: #fcc600;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 22.07rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 22.01rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.text_12 {
|
||||
line-height: 2.16rpx;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 17.78rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 19.69rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 21rpx;
|
||||
}
|
||||
.text_10 {
|
||||
line-height: 20.16rpx;
|
||||
}
|
||||
.text_11 {
|
||||
line-height: 23.81rpx;
|
||||
}
|
||||
.grid {
|
||||
height: 455.63rpx;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(4, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(7, minmax(0, 1fr));
|
||||
row-gap: 11.38rpx;
|
||||
column-gap: 0;
|
||||
}
|
||||
.grid-item {
|
||||
padding: 18.75rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 5.63rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 15rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 13.76rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.01rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 15rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 11.08rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 5.63rpx;
|
||||
width: 101.25rpx;
|
||||
height: 106.88rpx;
|
||||
}
|
||||
.text_13 {
|
||||
line-height: 22.03rpx;
|
||||
}
|
||||
.text_14 {
|
||||
line-height: 22.05rpx;
|
||||
}
|
||||
.group_6 {
|
||||
margin-top: 52.5rpx;
|
||||
padding-left: 37.5rpx;
|
||||
padding-right: 28.13rpx;
|
||||
}
|
||||
.text_15 {
|
||||
color: #818181;
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.72rpx;
|
||||
}
|
||||
.image_2 {
|
||||
margin-left: 11.25rpx;
|
||||
border-radius: 5.63rpx 0rpx 0rpx 5.63rpx;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #f5f5dc;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text_16 {
|
||||
color: #000000;
|
||||
line-height: 21.41rpx;
|
||||
}
|
||||
.image_3 {
|
||||
border-radius: 0rpx 5.63rpx 5.63rpx 0rpx;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 22.5rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.button {
|
||||
margin: 0 45rpx;
|
||||
}
|
||||
.text-wrapper_4 {
|
||||
padding: 22.5rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 93.75rpx;
|
||||
}
|
||||
.text_17 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
font-weight: 700;
|
||||
line-height: 28.2rpx;
|
||||
}
|
||||
@import url(../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -1,266 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col group">
|
||||
<view class="flex-col relative section_2">
|
||||
<view class="flex-row justify-center items-baseline self-stretch relative group_2">
|
||||
<text class="font text pos">精致体验</text>
|
||||
<text class="font_2 text_2">融合时尚与传统，精选非遗华章</text>
|
||||
</view>
|
||||
<text class="self-start font_3 text_3">服装特点</text>
|
||||
<view class="flex-col items-start self-stretch group_3">
|
||||
<text class="font_2">提供更为精致的汉服款式，如刺绣襦裙、改良旗袍等。</text>
|
||||
<text class="mt-2 font_2">服装细节丰富，面料上乘，适合追求品质的用户。</text>
|
||||
<text class="mt-2 font_2">配饰精美，增添拍摄效果。</text>
|
||||
</view>
|
||||
<text class="self-start font_3 text_4">服务内容</text>
|
||||
<view class="flex-col items-start self-stretch group_4">
|
||||
<text class="font_2">高级化妆及发型设计。</text>
|
||||
<text class="mt-2 font_2">服装租赁服务。</text>
|
||||
<text class="mt-2 font_2">专业摄影服务（含5张精修照片）。</text>
|
||||
</view>
|
||||
<image
|
||||
class="image pos_2"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=9462be138086344171b159fb470bb8e3.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="mt-12 flex-col section_3">
|
||||
<text class="self-start font text_5">服装选择</text>
|
||||
<view class="flex-col self-stretch mt-11">
|
||||
<view class="flex-row items-center mt-10 list-item" v-for="(item, index) in items" :key="index">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=45ad24ebaf7ffeee80d7804168b1c012.png"
|
||||
/>
|
||||
<view class="flex-col flex-1 ml-11">
|
||||
<view class="flex-col self-stretch">
|
||||
<view class="flex-row justify-end self-stretch group_5">
|
||||
<text class="font_4">详细信息</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=1484e0cc6274180ba7c91cddf1ec833b.png"
|
||||
/>
|
||||
</view>
|
||||
<text class="self-start font_5 text_6 mt-3">“锦绣中华”系列汉服</text>
|
||||
</view>
|
||||
<view class="self-stretch group_6 mt-5">
|
||||
<text class="font_7">服装简介：</text>
|
||||
<text class="font_6">
|
||||
“瑞凤呈祥”以凤凰为主题，象征着吉祥、和谐与美好。交领的设计，端庄大气，展现东方女性的温婉气质；直裾流畅，行走间尽显风华。衣襟上的凤凰图案...
|
||||
</text>
|
||||
</view>
|
||||
<text class="self-end font_8 mt-5">￥350</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-48 flex-row">
|
||||
<view class="flex-col items-center shrink-0 section_4">
|
||||
<image
|
||||
class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4b56fed14a39630ca2312edf6e34c024.png"
|
||||
/>
|
||||
<text class="mt-2 text_8">客服</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-end flex-1 section_5">
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text class="text_7">现在去预约</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-11 {
|
||||
margin-left: 20.63rpx;
|
||||
}
|
||||
.mt-3 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
.mt-5 {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.section {
|
||||
padding-top: 22.5rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.group {
|
||||
padding: 0 16.88rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 37.5rpx 41.25rpx 30rpx;
|
||||
background-color: #ffe8e8;
|
||||
border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding-top: 7.5rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
line-height: 27.9rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 0.13rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3 {
|
||||
margin-top: 22.5rpx;
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #696969;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 21.38rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-top: 24.38rpx;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 24.38rpx;
|
||||
}
|
||||
.image {
|
||||
width: 127.5rpx;
|
||||
height: 127.5rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
right: 7.5rpx;
|
||||
bottom: 15rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 37.5rpx 30rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_5 {
|
||||
color: #000000;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 22.5rpx 22.5rpx 22.5rpx 30rpx;
|
||||
background-color: #fff3c3;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_3 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 148.13rpx;
|
||||
height: 165rpx;
|
||||
}
|
||||
.group_5 {
|
||||
padding: 0 3.75rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 17.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.image_2 {
|
||||
width: 15rpx;
|
||||
height: 15rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 24.26rpx;
|
||||
}
|
||||
.group_6 {
|
||||
line-height: 22.5rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #828282;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 24.73rpx;
|
||||
color: #ff3c3c;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #ffc470;
|
||||
width: 118.13rpx;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.image_4 {
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text_8 {
|
||||
color: #fffef8;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.17rpx;
|
||||
}
|
||||
.section_5 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-right: 20.63rpx;
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 457.5rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
@import url(@import url(../../../common/css/global.css););
|
||||
</style>
|
||||
|
|
@ -1,501 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-row relative page">
|
||||
<image
|
||||
class="image pos"
|
||||
:src="good.url"
|
||||
/>
|
||||
<view class="flex-col section pos_2">
|
||||
<view class="flex-row items-baseline self-stretch group">
|
||||
<text class="text">{{good.price}}</text>
|
||||
<text class="text_2">积分</text>
|
||||
</view>
|
||||
<text class="mt-10 self-start font text_3">{{good.name}}</text>
|
||||
<text class="mt-10 self-start text_4">{{good.type}}</text>
|
||||
<view class="mt-10 flex-row justify-between self-stretch group_2">
|
||||
<view class="flex-row group_3">
|
||||
<text class="font_2 text_6">创客实验室</text>
|
||||
<text class="font_2 text_5">权益提供方-</text>
|
||||
</view>
|
||||
<view class="flex-row items-baseline group_4">
|
||||
<text class="font_2 text_7">已兑换</text>
|
||||
<text class="ml-4 font_2 text_8">{{good.sales}}</text>
|
||||
<text class="ml-4 font_2 text_9">件</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_2 pos_3">
|
||||
<view class="flex-row justify-between items-center" @click="jumpToChange">
|
||||
<view class="flex-row items-baseline">
|
||||
<text class="font_3">已选 :</text>
|
||||
<text class="font text_10">{{good.name}},</text>
|
||||
<text class="font text_11">{{changeCnt}}</text>
|
||||
<text class="font">件</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
:src="PointsMallImgUrl + 'payOrder/yjt.png'"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center mt-27" @click="jumpToAddress">
|
||||
<view class="flex-row">
|
||||
<text class="font_3 text_12">送至 :</text>
|
||||
<text class="ml-14 font_3 text_13">{{tempAddress}}</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
:src="PointsMallImgUrl + 'payOrder/yjt.png'"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_3 pos_4">
|
||||
<text class="self-start font text_14">商品详情</text>
|
||||
<view class="mt-12 flex-col self-stretch group_5">
|
||||
<text class="self-stretch font text_15">
|
||||
{{good.detail}}
|
||||
</text>
|
||||
<image
|
||||
mode="aspectFit"
|
||||
class="shrink-0 self-center image_3"
|
||||
:src="good.url"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start section_4 pos_5">
|
||||
<view class="flex-row justify-center items-center button section_5" @click="cPop">
|
||||
<text class="text_16">{{changePrice}}</text>
|
||||
<text class="ml-4 font text_17">积分兑换</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<uni-popup ref="popup" background-color="#fff" @change="change">
|
||||
<view class="popup-content">
|
||||
<addressVue></addressVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="change" background-color="#fff" @change="change">
|
||||
<view class="popup-content">
|
||||
<changeVue :good="good"></changeVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="alertDialog" type="dialog">
|
||||
<view class="pop">
|
||||
<popupVue></popupVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="cAlertDialog" type="dialog">
|
||||
<view class="pop">
|
||||
<cPopupVue :changePrice="changePrice"></cPopupVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="success" type="dialog">
|
||||
<view class="pop">
|
||||
<changeSuccessVue></changeSuccessVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { DomainName, PointsMallImgUrl } from '../../../common/global';
|
||||
import {onMounted, ref} from 'vue'
|
||||
import addressVue from '../component/address.vue'
|
||||
import emitter from '../../../utils/emitter'
|
||||
import popupVue from '../component/popup.vue';
|
||||
import changeVue from '../component/change.vue';
|
||||
import cPopupVue from '../component/cPopup.vue';
|
||||
import changeSuccessVue from '../component/changeSuccess.vue';
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { userInfoStore } from '../../../store/user';
|
||||
const userStore = userInfoStore()
|
||||
|
||||
const good = ref([])
|
||||
|
||||
const changePrice = ref(0)
|
||||
const changeCnt = ref(1)
|
||||
|
||||
const tempAddress = ref('请输入/选择地址')
|
||||
|
||||
const realAddress = ref('')
|
||||
|
||||
const addId = ref(0)
|
||||
|
||||
onLoad((options) => {
|
||||
good.value = JSON.parse(options.good)
|
||||
changePrice.value = good.value.price
|
||||
console.log(good.value)
|
||||
})
|
||||
|
||||
const getDefaultAddress = async () => {
|
||||
const res = await uni.request({
|
||||
url: DomainName + '/change/queryUserDefaultAddress',
|
||||
method: 'GET',
|
||||
data: {
|
||||
id: userStore.user.id
|
||||
}
|
||||
})
|
||||
if(res.data.data != null){
|
||||
addId.value = res.data.data.id
|
||||
realAddress.value = (res.data.data.region + ' ' + res.data.data.detailAddress).split('/').join('')
|
||||
tempAddress.value = (res.data.data.region + ' ' + res.data.data.detailAddress).split('/').join('')
|
||||
if(tempAddress.value.length > 14)
|
||||
tempAddress.value = tempAddress.value.slice(0, 14) + '...'
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
const pointsChangeGoods = async () => {
|
||||
if(tempAddress.value == '请输入/选择地址'){
|
||||
uni.showToast({
|
||||
title: '请选择地址',
|
||||
icon: 'fail'
|
||||
})
|
||||
return ;
|
||||
}
|
||||
const res = await uni.request({
|
||||
url: DomainName + '/change/pointsChangeGoods',
|
||||
method: 'POST',
|
||||
data: {
|
||||
orderDate: getDate(),
|
||||
goodId: good.value.id,
|
||||
addressId: addId.value,
|
||||
quantity: changeCnt.value,
|
||||
userId: userStore.user.id
|
||||
}
|
||||
})
|
||||
console.log(res)
|
||||
if(res.data.code == '200'){
|
||||
successPop()
|
||||
}else{
|
||||
uni.showToast({
|
||||
title: '积分不足',
|
||||
icon: 'fail'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
emitter.on('open', () => {
|
||||
open()
|
||||
})
|
||||
emitter.on('close', () => {
|
||||
close()
|
||||
})
|
||||
emitter.on('pop', () => {
|
||||
pop()
|
||||
})
|
||||
emitter.on('cClose', (obj:any) => {
|
||||
cClose(obj)
|
||||
})
|
||||
emitter.on('cPopClose', () => {
|
||||
cPopClose()
|
||||
})
|
||||
emitter.on('successPop', () => {
|
||||
successPop()
|
||||
})
|
||||
emitter.on('popClose', () => {
|
||||
popClose()
|
||||
})
|
||||
emitter.on('cPop', () => {
|
||||
cPop()
|
||||
})
|
||||
|
||||
emitter.on('changeGoods', () => {
|
||||
pointsChangeGoods()
|
||||
})
|
||||
|
||||
emitter.on('addId', (val:any) => {
|
||||
addId.value = val
|
||||
})
|
||||
|
||||
emitter.on('addAddressOrder', (val:any) => {
|
||||
realAddress.value = val
|
||||
tempAddress.value = val
|
||||
if(tempAddress.value.length > 14)
|
||||
tempAddress.value = tempAddress.value.slice(0, 14) + '...'
|
||||
})
|
||||
|
||||
getDefaultAddress()
|
||||
|
||||
})
|
||||
|
||||
const jumpToAddress = () => {
|
||||
open()
|
||||
}
|
||||
const popup = ref(null)
|
||||
|
||||
const open = () => {
|
||||
popup.value.open('bottom')
|
||||
}
|
||||
const close = () => {
|
||||
popup.value.close()
|
||||
}
|
||||
|
||||
|
||||
const jumpToChange = () => {
|
||||
cOpen()
|
||||
}
|
||||
|
||||
const change = ref(null)
|
||||
const cOpen = () => {
|
||||
change.value.open('bottom')
|
||||
}
|
||||
const cClose = (obj:any) => {
|
||||
if(obj.confirm){
|
||||
changePrice.value = obj.cnt * good.value.price
|
||||
changeCnt.value = obj.cnt
|
||||
}
|
||||
change.value.close()
|
||||
}
|
||||
|
||||
|
||||
|
||||
const alertDialog = ref(null)
|
||||
const cAlertDialog = ref(null)
|
||||
const success = ref(null)
|
||||
|
||||
const successPop = () => {
|
||||
success.value.open()
|
||||
}
|
||||
|
||||
const pop = () => {
|
||||
alertDialog.value.open()
|
||||
}
|
||||
|
||||
const popClose = () => {
|
||||
alertDialog.value.close()
|
||||
}
|
||||
|
||||
const cPop = () => {
|
||||
cAlertDialog.value.open()
|
||||
}
|
||||
|
||||
const cPopClose = () => {
|
||||
cAlertDialog.value.close()
|
||||
}
|
||||
|
||||
const getDate = () => {
|
||||
let now = new Date()
|
||||
let year = now.getFullYear()
|
||||
let month = (now.getMonth() + 1).toString().padStart(2, 0)
|
||||
let date = now.getDate().toString().padStart(2, 0)
|
||||
return year + '-' + month + '-' + date
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.pop{
|
||||
height: 500rpx;
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
height: 392px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 30rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.section, .section_2, .section_3{
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.mt-27 {
|
||||
margin-top: 63.28rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 614.06rpx 37.5rpx 173.44rpx;
|
||||
background-color: #f3f3f6;
|
||||
mix-blend-mode: LUMINOSITY;
|
||||
height: 2135.16rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
.image {
|
||||
width: 100vw;
|
||||
height: 81.875vw;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: -2.34rpx;
|
||||
top: 0;
|
||||
}
|
||||
.section {
|
||||
padding-top: 37.5rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.group {
|
||||
padding: 0 37.5rpx;
|
||||
.text {
|
||||
color: #00ba9c;
|
||||
font-size: 56.25rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 38.79rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #00ba9c;
|
||||
font-size: 30.47rpx;
|
||||
font-family: Rockwell Condensed;
|
||||
line-height: 27.91rpx;
|
||||
}
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 28.13rpx;
|
||||
line-height: 34.64rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 28.13rpx;
|
||||
color: #454e6c;
|
||||
font-size: 32.81rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 30.33rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 37.5rpx 18.75rpx;
|
||||
border-top: solid 2.34rpx #e5e5e5;
|
||||
.group_3 {
|
||||
width: 295.29rpx;
|
||||
margin-top: 0;
|
||||
.text_6 {
|
||||
margin-left: 150rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: -295.31rpx;
|
||||
}
|
||||
}
|
||||
.group_4 {
|
||||
margin-right: 9.38rpx;
|
||||
.text_7 {
|
||||
line-height: 25.97rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 20.67rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 25.76rpx;
|
||||
}
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.04rpx;
|
||||
color: #454e6c;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 614.06rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 28.13rpx 23.44rpx 32.81rpx 32.81rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.font_3 {
|
||||
font-size: 30.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.36rpx;
|
||||
color: #9ca1b1;
|
||||
}
|
||||
.text_10 {
|
||||
margin-left: 23.44rpx;
|
||||
line-height: 36.49rpx;
|
||||
}
|
||||
.text_11 {
|
||||
margin-left: 9.38rpx;
|
||||
line-height: 27.16rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 30.47rpx;
|
||||
height: 30.47rpx;
|
||||
}
|
||||
.text_12 {
|
||||
line-height: 34.2rpx;
|
||||
}
|
||||
.text_13 {
|
||||
line-height: 34.69rpx;
|
||||
}
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.font {
|
||||
// font-size: 37.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.36rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 37.5rpx 37.5rpx 42.19rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.text_14 {
|
||||
line-height: 34.62rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-right: 14.06rpx;
|
||||
.text_15 {
|
||||
line-height: 46.88rpx;
|
||||
word-break: break-all;
|
||||
}
|
||||
.image_3 {
|
||||
margin-top: -9.38rpx;
|
||||
width: 349.22rpx;
|
||||
height: 339.84rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 1200rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 25.78rpx 0 39.84rpx;
|
||||
background-color: #ffffff;
|
||||
.button {
|
||||
margin: 0 46.88rpx;
|
||||
.text_16 {
|
||||
color: #ffffff;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 25.85rpx;
|
||||
}
|
||||
.text_17 {
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
line-height: 35.55rpx;
|
||||
}
|
||||
}
|
||||
.section_5 {
|
||||
padding: 23.44rpx 0;
|
||||
background-color: #00ba9c;
|
||||
border-radius: 117.19rpx;
|
||||
}
|
||||
}
|
||||
.pos_5 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: -2.34rpx;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@import url('../css/global2.css');
|
||||
|
||||
</style>
|
||||
|
|
@ -1,561 +0,0 @@
|
|||
<template>
|
||||
<!-- 弹窗 -->
|
||||
<uni-popup ref="popup1" v-if="showPopup1" :mask-click="false" background-color="white">
|
||||
<view style="text-align: center;margin: 10px;font-size: 18px;">预约须知</view>
|
||||
<view style="margin: 0 20px;">1.成功预约的顾客需按照预定时间前往店内挑选相应级别的服装。
|
||||
为确保衣物在体验过程中的完好无损，顾客需根据所选服装的级别补缴尾款以及相应的押金。
|
||||
拍摄结束后，店铺将依据衣物的实际状况评估是否扣除押金。</view>
|
||||
<view style="margin: 0 20px;">
|
||||
2.其中部分物品商家可提供，属于增值服务（如一次性隐形眼镜、
|
||||
一次性粉扑等属于服务费以外的赠送服务，买家可选择自带用品，不影响服务价格），
|
||||
需要买家自己准备的，客服需要提前告诉买家（如胸贴等贴身物品）
|
||||
</view>
|
||||
<button @click="close1" style="width: 50%;background-color:#f2b600;border-radius: 30px;margin-top: 20px;
|
||||
margin-bottom: 20px;">我知道了</button>
|
||||
</uni-popup>
|
||||
<uni-popup ref="popup2" v-if="showPopup2" :mask-click="false" background-color="white">
|
||||
<scroll-view style="height: 400px;width: 100%;" scroll-y="true">
|
||||
<view style="text-align: center;margin: 10px;font-size: 18px;">费用说明</view>
|
||||
<view style="margin: 10px;"> 一、费用支付流程</view>
|
||||
<view style="margin: 0 20px;">
|
||||
<view>1.确定等级：您将根据个人需求选择合适的服装价位区间，并完成预约操作。</view>
|
||||
<view>2.预约成功：预约成功后，您需前往店铺挑选对应等级的服装。</view>
|
||||
<view>3.补缴尾款及押金：在挑选服装时，您需要补缴尾款（扣除已支付定金后的剩余服务或商品费用）以及押金（用于保障服装归还时的完好）。</view>
|
||||
</view>
|
||||
<view style="margin: 10px;"> 二、尾款具体事项</view>
|
||||
<view style="margin: 0 20px;">
|
||||
<view>1.租赁服装：若您选择租赁我们店铺没有的服装，租赁费用将在您支付尾款时一并结算。无论拍摄是否进行，租赁费用均不予退还。</view>
|
||||
<view>2.购买服装：如您希望购买我们店铺的服装，且我们同意购买，将按照服装的稀有程度分等级定价。您需按照所选等级支付尾款。</view>
|
||||
<view>3.定制服务：若您自带衣服，我们提供妆发及摄影服务。若需我们额外购买服装，将按照上述等级定价，您需支付相应的尾款。</view>
|
||||
</view>
|
||||
<view style="margin: 10px;"> 三、定金与押金说明</view>
|
||||
<view style="margin: 0 20px;">
|
||||
<view>1.定金：预约时支付的定金用于确认您的预约意向，定金不予退还。</view>
|
||||
<view>2.押金：拍摄完成后，我们将根据服装的归还情况决定是否扣除押金。若服装无损坏，押金将全额退还。</view>
|
||||
</view>
|
||||
<view style="margin: 10px;"> 四、特殊情况处理</view>
|
||||
<view style="margin: 0 20px;">
|
||||
<view> 若因特殊情况您需要取消预约，请及时与我们联系。未拍摄情况下，定金不予退还，已支付的租赁费用亦不退还。</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<button @click="close2" style="width: 50%;background-color:#f2b600;border-radius: 30px;margin-top: 20px;
|
||||
margin-bottom: 20px;">我知道了</button>
|
||||
</uni-popup>
|
||||
|
||||
<view class="flex-col justify-start relative page">
|
||||
<view class="section"></view>
|
||||
<text class="font text pos">选择预约类别</text>
|
||||
<view class="flex-row equal-division group">
|
||||
<view class="flex-col equal-division-item section_2" @click="showWhole('0')">
|
||||
<image class="self-start image"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQrbJhlbu-zhengtaoyuepai.png" />
|
||||
<text class="self-center font mt-7">整套约拍</text>
|
||||
</view>
|
||||
<view class="ml-48 flex-col equal-division-item section_3" @click="showWhole('1')">
|
||||
<image class="self-start image"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FvEBBpzOI-zidaifuzhuang.png" />
|
||||
<text class="mt-8 self-center font text_2">自带服装</text>
|
||||
</view>
|
||||
</view>
|
||||
<template v-if="zhi === '0'">
|
||||
<text class="font text_3 pos_2">选择服装类别</text>
|
||||
<view class="flex-col section_4 pos_3">
|
||||
<view class="flex-col list">
|
||||
<view class="flex-row justify-between section_5" v-for="(item,index) in Whole" :key="item"
|
||||
@click="goToText(index)">
|
||||
<view class="flex-row items-end self-center">
|
||||
<image class="image_2" :src="item.image" />
|
||||
<view class="ml-20 flex-col group_2">
|
||||
<text class="self-start font_2 text_4">{{item.clothesType}}</text>
|
||||
<view class="flex-row items-center self-stretch group_3">
|
||||
<view class="group_4">
|
||||
<text class="font_2">价位</text>
|
||||
<text class="font_4">：</text>
|
||||
</view>
|
||||
<text class="ml-6 font_3 text_5">￥{{item.minPrice}}-{{item.maxPrice}}</text>
|
||||
</view>
|
||||
<text class="self-stretch font_5 text_6">{{item.brief}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<image class="self-start image_3 image_4"
|
||||
src="https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=eee721f36de3196113485ea7e5c6b5ad.png" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template v-if="zhi === '1'">
|
||||
<text class="font text_3 pos_2">选择服务</text>
|
||||
<view class="flex-col section_4 pos_3">
|
||||
<view class="flex-col list">
|
||||
<view class="flex-row justify-between section_5"v-for="(item,index) in Own" :key="item">
|
||||
<view class="flex-row items-end self-center">
|
||||
<image class="image_2" :src="item.img" />
|
||||
<view class="ml-20 flex-col group_2">
|
||||
<text class="self-start font_2 text_4">{{item.name}}</text>
|
||||
<text class="font_33 text_55">{{item.title}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view style="background-color: #f2b600;width: 200rpx;"> -->
|
||||
<view class="flex-row self-stretch mt-104" style="width: 150rpx;">
|
||||
<view class="flex-col justify-start items-center image-wrapper_2" @click="add(index)">
|
||||
-
|
||||
</view>
|
||||
<view class="ml-2 flex-col justify-start items-center text-wrapper-6" style="margin-left: 8px;margin-right: 8px;">
|
||||
{{ item.num }}</view>
|
||||
<view class="ml-2 flex-col justify-start items-center image-wrapper_3" @click="jian(index)">
|
||||
+
|
||||
</view>
|
||||
</view>
|
||||
<!-- </view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<view class="mt-22 flex-row justify-between items-center section_9">
|
||||
<view class="flex-row">
|
||||
<image class="shrink-0 self-center image_9"
|
||||
src="https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=0ed6323496056f793bd3c25b3dcd9eb6.png" />
|
||||
<text class="self-start text_15">88.</text>
|
||||
<text class="self-center font_2 text_14">定金：</text>
|
||||
<text class="self-center text_17">00</text>
|
||||
<view class="flex-row shrink-0 section_10" @click="openPopup2">
|
||||
<text class="text_18">费用说明</text>
|
||||
<image class="shrink-0 image_10 ml-3"
|
||||
src="https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=0455b173571a47fdc438588e788f26c5.png" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text class="font text_16">确定预约</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
onMounted
|
||||
} from 'vue'
|
||||
import {
|
||||
baseUrl
|
||||
} from '@/api/request'
|
||||
const items = ref([null, null, null, null]);
|
||||
onMounted(() => {
|
||||
getWhole()
|
||||
})
|
||||
const displayItem = ref([])
|
||||
const Whole = ref([{}])
|
||||
const getWhole = async () => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/clothesGrade/list',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie: wx.getAccountInfoSync('cookie')
|
||||
},
|
||||
data: {
|
||||
|
||||
}
|
||||
})
|
||||
if (res.data.code === 1) {
|
||||
Whole.value = res.data.data
|
||||
} else {
|
||||
uin.showtoast({
|
||||
icon: 'error',
|
||||
title: '获取失败'
|
||||
})
|
||||
}
|
||||
}
|
||||
const Own = ref([{
|
||||
img: 'https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FObQGBPnJ-zhuangfa.png',
|
||||
name: '妆发预约',
|
||||
num:0,
|
||||
title: '包括底妆，眉毛，眼妆，腮红和唇妆，根据您的肤色和服装风格进行个性化设计'
|
||||
},
|
||||
{
|
||||
img: 'https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FDFNymmCN-sheying.png',
|
||||
name: '摄影服务',
|
||||
num:0,
|
||||
title: '提供专业的摄影棚和灯光设备，为客户打造舒适的拍摄环境'
|
||||
}
|
||||
])
|
||||
const zhi = ref('0')
|
||||
|
||||
const showWhole = (zhiValue) => {
|
||||
zhi.value = zhiValue
|
||||
// console.log(zhi.value)
|
||||
}
|
||||
|
||||
const showOwn = (zhiValue) => {
|
||||
zhi.value = zhiValue
|
||||
// console.log(zhi.value)
|
||||
}
|
||||
|
||||
const close1 = () => {
|
||||
popup1.value.close()
|
||||
}
|
||||
const close2 = () => {
|
||||
popup2.value.close()
|
||||
}
|
||||
|
||||
const popup1 = ref(null)
|
||||
const popup2 = ref(null)
|
||||
const showPopup1 = ref(false)
|
||||
const showPopup2 = ref(false)
|
||||
|
||||
const openPopup1 = () => {
|
||||
showPopup1.value = true;
|
||||
popup1.value.open('center');
|
||||
}
|
||||
|
||||
const openPopup2 = () => {
|
||||
showPopup2.value = true;
|
||||
popup2.value.open('center');
|
||||
}
|
||||
|
||||
const closePopup1 = () => {
|
||||
showPopup1.value = false;
|
||||
}
|
||||
|
||||
const closePopup2 = () => {
|
||||
showPopup2.value = false;
|
||||
}
|
||||
const selectedLocation = ref(null)
|
||||
const handleFormSubmit = () => {
|
||||
selectedLocation.value = null
|
||||
}
|
||||
//室内室外
|
||||
const handleLocationChange = (e) => {
|
||||
selectedLocation.value = e.detail.value
|
||||
console.log(selectedLocation.value)
|
||||
}
|
||||
const goToText = (index) => {
|
||||
console.log(index)
|
||||
uni.navigateTo({
|
||||
url: "/pages/booking/CostumeDisplay/CostumeDisplay?info=" + JSON.stringify(Whole.value[index].id)
|
||||
});
|
||||
console.log(Whole.value[index].id)
|
||||
}
|
||||
const goToContact = () => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/Contact/Contact'
|
||||
})
|
||||
}
|
||||
//计步器
|
||||
const add = (index) => {
|
||||
if(Own.value[index].num >0){
|
||||
Own.value[index].num -= 1
|
||||
}
|
||||
}
|
||||
const jian = (index) => {
|
||||
Own.value[index].num += 1
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-104 {
|
||||
margin-top: 60rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.image-wrapper_2 {
|
||||
padding: 11.25rpx 0;
|
||||
background-color: #f8dedf;
|
||||
border-radius: 5.63rpx 0rpx 0rpx 5.63rpx;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text-wrapper_6 {
|
||||
padding: 15rpx 0 11.25rpx;
|
||||
background-color: #f5f5dc;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.image-wrapper_3 {
|
||||
padding: 11.25rpx 0;
|
||||
background-color: #f8dedf;
|
||||
border-radius: 0rpx 5.63rpx 5.63rpx 0rpx;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.image_33 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
.mt-7 {
|
||||
margin-top: 13.13rpx;
|
||||
}
|
||||
|
||||
.ml-3 {
|
||||
margin-left: 5.63rpx;
|
||||
}
|
||||
.font_33 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 25.13rpx;
|
||||
color: #8a8a8a;
|
||||
}
|
||||
.text_55 {
|
||||
margin-top: 26.25rpx;
|
||||
line-height: 26.25rpx;
|
||||
width: 280rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.72rpx;
|
||||
color: #8a8a8a;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 21.36rpx;
|
||||
}
|
||||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=675fbf94797f850011f2bedf&name=17e1ca160ffb13e8723517aa1cebf07e.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
height: 1728.75rpx;
|
||||
}
|
||||
|
||||
.equal-division {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 136.88rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.group {
|
||||
width: 650.63rpx;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 192rpx;
|
||||
height: 192rpx;
|
||||
}
|
||||
|
||||
.equal-division-item {
|
||||
flex: 1 1 279.38rpx;
|
||||
}
|
||||
|
||||
.section_2 {
|
||||
padding: 7.5rpx 26.25rpx 41.25rpx;
|
||||
opacity: 0.85;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
|
||||
.section_3 {
|
||||
padding: 7.5rpx 22.5rpx 41.25rpx;
|
||||
background-color: #ffffffcc;
|
||||
border-radius: 18.75rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 28.59rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text {
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 31.35rpx;
|
||||
top: 49.84rpx;
|
||||
}
|
||||
|
||||
.text_2 {
|
||||
line-height: 29.42rpx;
|
||||
}
|
||||
|
||||
.text_3 {
|
||||
line-height: 28.84rpx;
|
||||
}
|
||||
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 48.06rpx;
|
||||
top: 537.66rpx;
|
||||
}
|
||||
|
||||
.section_4 {
|
||||
background-color: #ffffff6c;
|
||||
border-radius: 37.5rpx 37.5rpx 0 0;
|
||||
}
|
||||
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 581.25rpx;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 50.63rpx 45rpx;
|
||||
}
|
||||
|
||||
.section_5 {
|
||||
margin-right: 15rpx;
|
||||
padding: 13.13rpx 3.75rpx 37.5rpx 43.13rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.image_2 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 118.13rpx;
|
||||
height: 151.88rpx;
|
||||
}
|
||||
|
||||
.group_2 {
|
||||
margin-bottom: 3.75rpx;
|
||||
}
|
||||
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 24.3rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_4 {
|
||||
line-height: 25.43rpx;
|
||||
}
|
||||
|
||||
.group_3 {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
|
||||
.group_4 {
|
||||
line-height: 24.3rpx;
|
||||
height: 24.3rpx;
|
||||
}
|
||||
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 16.8rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.font_3 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 24.3rpx;
|
||||
color: #ff3c3c;
|
||||
}
|
||||
|
||||
.text_5 {
|
||||
line-height: 22.54rpx;
|
||||
}
|
||||
|
||||
.image_3 {
|
||||
width: 35.63rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
|
||||
.image_4 {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
|
||||
.font_5 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 21.98rpx;
|
||||
color: #898989;
|
||||
}
|
||||
|
||||
.text_6 {
|
||||
margin-top: 7.5rpx;
|
||||
line-height: 22.24rpx;
|
||||
}
|
||||
|
||||
.section_9 {
|
||||
padding: 39.38rpx 30rpx 13.13rpx;
|
||||
background-color: #ffffff;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.image_9 {
|
||||
margin-left: 67.5rpx;
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
|
||||
.text_15 {
|
||||
color: #fb1212;
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 24.84rpx;
|
||||
}
|
||||
|
||||
.text_14 {
|
||||
margin-left: -146.25rpx;
|
||||
color: #000000;
|
||||
line-height: 24.09rpx;
|
||||
}
|
||||
|
||||
.text_17 {
|
||||
margin-left: 75rpx;
|
||||
color: #fb1212;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
|
||||
.section_10 {
|
||||
margin-left: 26.25rpx;
|
||||
padding: 7.5rpx 11.25rpx;
|
||||
background-color: #d9d9d9;
|
||||
border-radius: 9.38rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
|
||||
.text_18 {
|
||||
color: #323232;
|
||||
font-size: 18.75rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 18.32rpx;
|
||||
}
|
||||
|
||||
.image_10 {
|
||||
width: 18.75rpx;
|
||||
height: 18.75rpx;
|
||||
}
|
||||
|
||||
.text-wrapper {
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #e79ea1;
|
||||
border-radius: 75rpx;
|
||||
width: 238.13rpx;
|
||||
height: 82.5rpx;
|
||||
}
|
||||
|
||||
.text_16 {
|
||||
color: #ffffff;
|
||||
line-height: 28.01rpx;
|
||||
}
|
||||
|
||||
@import url(/common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
<view class="flex-col items-center group" @click="jumpToTips">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=67bd70bf4ae84d0012272c1a&name=91726e3d2a00b43be59bc02bdb123c41.png"
|
||||
:src="couponUrl + '/CouponMall/jf.png'"
|
||||
/>
|
||||
<text class="text_4 mt-7">规则</text>
|
||||
</view>
|
||||
|
|
@ -52,7 +52,9 @@
|
|||
import confirmPopupVue from '../component/confirmPopup.vue';
|
||||
import popupVue from '../../popup.vue';
|
||||
import emitter from '../../../utils/emitter';
|
||||
import { couponUrl } from '../../../common/globalImagesUrl';
|
||||
const cookie = wx.getStorageSync("cookie") //请求头
|
||||
|
||||
const couponList = ref([])
|
||||
const points = ref(0)
|
||||
const exchange = ref(null)
|
||||
|
|
@ -175,7 +177,7 @@
|
|||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67bd70bf4ae84d0012272c1a&name=776298fdb18de84cb191f66e4d22ba7a.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/coupon/CouponMall/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
|
|
@ -184,7 +186,7 @@
|
|||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67bd70bf4ae84d0012272c1a&name=776298fdb18de84cb191f66e4d22ba7a.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/coupon/CouponMall/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
<style scoped lang="scss">
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67bd70bf4ae84d0012272c1a&name=776298fdb18de84cb191f66e4d22ba7a.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/coupon/CouponTips/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
}
|
||||
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67bd70bf4ae84d0012272c1a&name=776298fdb18de84cb191f66e4d22ba7a.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/coupon/CouponTips/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@
|
|||
}
|
||||
.page {
|
||||
overflow: hidden;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67bd70bf4ae84d0012272c1a&name=a3720d519620e205ede7e141952573f4.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/coupon/MyCoupon/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
|
|
@ -88,7 +88,7 @@
|
|||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67bd70bf4ae84d0012272c1a&name=a3720d519620e205ede7e141952573f4.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/coupon/MyCoupon/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@
|
|||
}
|
||||
.page {
|
||||
overflow: hidden;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67bd70bf4ae84d0012272c1a&name=a3720d519620e205ede7e141952573f4.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/coupon/OverDueCoupon/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67bd70bf4ae84d0012272c1a&name=a3720d519620e205ede7e141952573f4.png');
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com/feiyi/miniProgram/coupon/OverDueCoupon/bkg.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
<script setup lang="ts">
|
||||
import {nextTick, onMounted, ref} from 'vue'
|
||||
import emitter from '../../../utils/emitter';
|
||||
import emitter from '../../../utils/emitter'
|
||||
|
||||
const cancel = () => {
|
||||
emitter.emit('closeConfirmPopup')
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<text class="text">请选择优惠券</text>
|
||||
<image
|
||||
class="image pos"
|
||||
src="../images/cha.png"
|
||||
src=""
|
||||
@click="closeCoupon"
|
||||
/>
|
||||
</view>
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
<text class="font_2 text_2">优惠券商城</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="../images/yjt.png"
|
||||
src=""
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 449 B |
Binary file not shown.
|
Before Width: | Height: | Size: 507 B |
|
|
@ -128,6 +128,7 @@ const showStop =()=>{
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.ml-7 {
|
||||
margin-left: 4.13rpx;
|
||||
}
|
||||
|
|
@ -286,5 +287,11 @@ const showStop =()=>{
|
|||
right: 18.14rpx;
|
||||
bottom: 24.28rpx;
|
||||
}
|
||||
|
||||
/* 隐藏滚动条 */
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@import url(../../common/css/global.css);
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -188,13 +188,13 @@
|
|||
|
||||
.text-wrapper_2 {
|
||||
padding-bottom: 7.5rpx;
|
||||
background-color: #ffbe55;
|
||||
background-color: #fbdedf;
|
||||
border-radius: 9.38rpx;
|
||||
width: 71.06rpx;
|
||||
}
|
||||
|
||||
.text_2 {
|
||||
color: #ffffff;
|
||||
color: #c35c5d;
|
||||
font-size: 22.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 18.71rpx;
|
||||
|
|
|
|||
|
|
@ -34,10 +34,15 @@
|
|||
<view class="flex-col section_4 list-item_1 mt-14" v-for="(order, index) in Status.displayedOrders"
|
||||
:key="order.id" @click="goToText(order)">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row items-center self-stretch mt-2">
|
||||
<text class="font_4">订单编号：</text>
|
||||
<text class="font_5 ml-5">{{order.orderNumber}}</text>
|
||||
<text class="font_status text_5">{{ order.orderStatus }}</text>
|
||||
<view class="flex-row items-center self-stretch mt-2" style="display: flex; justify-content: space-between;">
|
||||
<view>
|
||||
<text class="font_4">订单编号：</text>
|
||||
<text class="font_5 ml-5">{{order.orderNumber}}</text>
|
||||
</view>
|
||||
<view style="width: 150rpx; display: flex; justify-content: space-between;">
|
||||
<!-- <view><text v-if="order.orderStatus === '待支付'" class="font_status text_5">{{ order.countdown }}</text></view> -->
|
||||
<view><text class="font_status text_5">{{ order.orderStatus }}</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group">
|
||||
|
|
@ -66,7 +71,7 @@
|
|||
<view v-if="order.orderStatus==='已退款'" class="font text_18">售后详情</view>
|
||||
</view> -->
|
||||
<view class="flex-row justify-end items-center view">
|
||||
<text class="font_9 text_16">总 金额：</text>
|
||||
<text class="font_9 text_16">总金额：</text>
|
||||
<image class="image_4 image_5"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FJmxvlQvD-rmbpink.png" />
|
||||
<text class="font_8 text_17">{{order.totalAmount}}</text>
|
||||
|
|
@ -122,7 +127,7 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref,onMounted,toRaw } from 'vue';
|
||||
import { ref,onMounted,toRaw, onBeforeUnmount } from 'vue';
|
||||
import { baseUrl } from '@/api/request';
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
const Status = ref({
|
||||
|
|
@ -170,6 +175,9 @@ const isSelected = (tab) => Status.value.orderStatus === tab
|
|||
})
|
||||
if (res.data.code === 1) {
|
||||
Status.value.orders = res.data.data
|
||||
Status.value.orders.forEach((order) => {
|
||||
startCountdown(order)
|
||||
})
|
||||
console.log('Status.value.orders--->',Status.value.orders);
|
||||
} else {
|
||||
console.log('没拿到用户数据')
|
||||
|
|
@ -383,6 +391,77 @@ const confirm =()=> { //确认收货方法
|
|||
isLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// 时间格式化函数，处理后端返回的时间
|
||||
const parseDate = (dateString) => {
|
||||
const [date, time] = dateString.split(' ');
|
||||
const [year, month, day] = date.split('-').map(Number);
|
||||
const [hour, minute, second] = time.split(':').map(Number);
|
||||
return new Date(year, month - 1, day, hour, minute, second); // JavaScript Date的月份是从0开始的
|
||||
};
|
||||
|
||||
// 给订单创建时间加上30分钟
|
||||
const add30Minutes = (createdTime) => {
|
||||
const date = parseDate(createdTime);
|
||||
date.setMinutes(date.getMinutes() + 31); // 加上30分钟
|
||||
return Math.floor(date.getTime() / 1000); // 返回时间戳（秒）
|
||||
};
|
||||
|
||||
// 启动每个订单的倒计时（仅对待支付订单有效）
|
||||
const startCountdown = (order) => {
|
||||
if (order.orderStatus === '待支付') {
|
||||
order.endTime = add30Minutes(order.createTime); // 设置最终取消时间
|
||||
order.countdownInterval = setInterval(() => {
|
||||
const now = Math.floor(Date.now() / 1000); // 获取当前时间的时间戳（秒）
|
||||
const remainingTime = order.endTime - now;
|
||||
|
||||
if (remainingTime <= 0) {
|
||||
order.countdown = '00:00';
|
||||
clearInterval(order.countdownInterval); // 清除定时器
|
||||
Getorder()
|
||||
// uni.showModal({
|
||||
// title: '提示',
|
||||
// content: '订单超时未支付，交易关闭',
|
||||
// showCancel: false
|
||||
// })
|
||||
|
||||
} else {
|
||||
const minutes = Math.floor(remainingTime / 60); // 计算剩余分钟
|
||||
const seconds = remainingTime % 60; // 计算剩余秒数
|
||||
order.countdown = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
};
|
||||
|
||||
// 在组件挂载时启动待支付订单的倒计时
|
||||
|
||||
|
||||
// 在组件卸载时清除所有定时器，避免内存泄漏
|
||||
onBeforeUnmount(() => {
|
||||
Status.value.orders.forEach(order => {
|
||||
if (order.countdownInterval) {
|
||||
clearInterval(order.countdownInterval);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
@ -520,7 +599,7 @@ const confirm =()=> { //确认收货方法
|
|||
top: 217.5rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 34.61rpx 15rpx 31.88rpx;
|
||||
padding: 34.61rpx 31rpx 31.88rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 31.88rpx;
|
||||
}
|
||||
|
|
@ -543,7 +622,6 @@ const confirm =()=> { //确认收货方法
|
|||
color: #ffaaa5;
|
||||
}
|
||||
.text_5 {
|
||||
margin: 0 8.08rpx 0 180rpx;
|
||||
line-height: 24.62rpx;
|
||||
}
|
||||
.font_4 {
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<text class="font_2 text_2 ml-8">{{ addressRealInfo.detailAddress }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row self-start group" @click="loadPop">
|
||||
<view class="flex-row self-start group" @click="loadPop" :style="{ pointerEvents: isLoading ? 'none' : 'auto' }">
|
||||
<text class="font_3 text_3">更换地址</text>
|
||||
<image
|
||||
class="shrink-0 image_2"
|
||||
|
|
@ -92,10 +92,10 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="flex-col mt-25">
|
||||
<view class="flex-row justify-between group_10">
|
||||
<view class="flex-row justify-between group_10" @click="openCoupon" :style="{ pointerEvents: isLoading ? 'none' : 'auto' }">
|
||||
<text class="font_7">优惠券</text>
|
||||
<view class="flex-row">
|
||||
<text class="font_8">0张优惠券可用</text>
|
||||
<text class="font_8" :style="{color: textColor}"> {{ templateString }}</text>
|
||||
<image
|
||||
class="shrink-0 image_7 ml-3"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FTrywtERT-right.png"
|
||||
|
|
@ -103,7 +103,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="flex-col mt-9">
|
||||
<view class="flex-row justify-between items-center group_11">
|
||||
<!-- <view class="flex-row justify-between items-center group_11">
|
||||
<text class="font_7 text_15">满120减0优惠</text>
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
|
|
@ -113,7 +113,7 @@
|
|||
<text class="font_3 text_16">减</text>
|
||||
<text class="font_9 text_17">0.00</text>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="flex-row justify-between items-center group_12">
|
||||
<text class="font_7 text_18">合计</text>
|
||||
<view class="flex-row items-center">
|
||||
|
|
@ -121,7 +121,7 @@
|
|||
class="shrink-0 image_9"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FjIVFaWXA-rmb.png"
|
||||
/>
|
||||
<text class="font_9">{{ sumprice.toFixed(2) }}</text>
|
||||
<text class="font_9">{{ sfAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -142,10 +142,10 @@
|
|||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FJmxvlQvD-rmbpink.png"
|
||||
/>
|
||||
<text class="text_21">应付：</text>
|
||||
<text class="text_22">{{ sumprice.toFixed(2) }}</text>
|
||||
<text class="text_22">{{ sfAmount.toFixed(2) }}</text>
|
||||
<!-- <text class="text_24">00</text> -->
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_3" @click="wxPayFd()"><text class="font_7 text_23">微信支付</text></view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_3" @click="wxPayFd" :style="{ pointerEvents: isLoading ? 'none' : 'auto' }"><text class="font_7 text_23">微信支付</text></view>
|
||||
</view>
|
||||
</view>
|
||||
<uni-popup ref="popup" background-color="#fff">
|
||||
|
|
@ -153,6 +153,13 @@
|
|||
<addressComponentVue></addressComponentVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="coupon">
|
||||
<view class="coupon-popup">
|
||||
<couponPopupVue></couponPopupVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<!-- 遮罩层 -->
|
||||
<view v-if="isShow" class="overlay"></view>
|
||||
</template>
|
||||
|
|
@ -163,8 +170,9 @@ import emitter from '../../../utils/emitter'
|
|||
import { onLoad , onShow } from "@dcloudio/uni-app";
|
||||
import { baseUrl } from '../../../api/request';
|
||||
import addressComponentVue from '../component/addressComponent.vue'; //导入组件
|
||||
import couponPopupVue from '../../coupon/component/couponPopup.vue';
|
||||
import { stateMap } from '../../../common/global';
|
||||
import { sum } from 'mathjs';
|
||||
import * as math from 'mathjs'
|
||||
//一些暂时变量
|
||||
const sumprice = ref(0) //总价格
|
||||
//11.4开发 不应该删掉的
|
||||
|
|
@ -179,6 +187,17 @@ const orderItemList = ref({})
|
|||
const totalInfo = ref([]) //购物车传过来的批量商品
|
||||
const note = ref('')
|
||||
const postCartArr = ref([])
|
||||
const useCouponId = ref(null)
|
||||
const sfAmount = ref(0)
|
||||
const templateString = ref(null)
|
||||
const myCouponList = ref([])
|
||||
const couponObj = ref({})
|
||||
const cookie = wx.getStorageSync("cookie") //请求头
|
||||
const textColor = ref('')
|
||||
const coupon = ref(null)
|
||||
const conditionAmount = ref(0)
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
getFonts()
|
||||
//将关闭弹窗方法传入弹窗页面，绑定弹窗按钮可关闭弹窗
|
||||
|
|
@ -189,12 +208,41 @@ onMounted(() => {
|
|||
emitter.on('addressInfo', (val) =>{
|
||||
addressRealInfo.value = val
|
||||
})
|
||||
|
||||
emitter.on('closeCoupon', () => {
|
||||
nextTick(() => {
|
||||
if (coupon.value) {
|
||||
coupon.value.close()
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
emitter.on('cancelCoupon', () => {
|
||||
templateString.value = myCouponList.value.length + '张优惠券可用'
|
||||
sfAmount.value = sumprice.value
|
||||
useCouponId.value = null
|
||||
textColor.value = '#818181'
|
||||
})
|
||||
|
||||
|
||||
emitter.on('getCouponObj', (val) => {
|
||||
couponObj.value = val
|
||||
templateString.value = "-￥" + val.couponVO.conditionAmount.toFixed(2)
|
||||
conditionAmount.value = val.couponVO.conditionAmount
|
||||
sfAmount.value = sumprice.value - conditionAmount.value
|
||||
useCouponId.value = val.id
|
||||
textColor.value = '#FFB6B9'
|
||||
console.log(val)
|
||||
})
|
||||
console.log('===============start===============')
|
||||
|
||||
})
|
||||
onLoad((options)=>{
|
||||
onLoad( async (options)=>{
|
||||
totalInfo.value = JSON.parse(options.cartInfo)
|
||||
console.log('options.cartInfo-->',JSON.parse(options.cartInfo));
|
||||
console.log('totalInfo.value-->',toRaw(totalInfo.value) );
|
||||
getProduct() //获取商品列表
|
||||
await getProduct()
|
||||
await getMyCouponList()
|
||||
})
|
||||
onShow(()=>{
|
||||
userInfo.value = wx.getStorageSync('userInfo') //从微信缓存中获取用户信息
|
||||
|
|
@ -243,7 +291,7 @@ const createOrder = async () => { //购物车的购买方法
|
|||
orderType: productArr.value[0].cartGoodVO.type === '服务类' ? 'service' : 'product',
|
||||
userName: userInfo.userName,
|
||||
addressId: addressRealInfo.value.id, //地址信息id
|
||||
// contactsId: null, //联系人信息id
|
||||
contactsId: useCouponId.value, //联系人信息id
|
||||
couponId: null, //优惠卷id
|
||||
note: note.value,
|
||||
cartOrderItemAddRequestList: toRaw(postCartArr.value)
|
||||
|
|
@ -278,6 +326,7 @@ const dealRes =(res)=> { //处理来自后端的数据
|
|||
productArr.value.forEach((item)=>{
|
||||
sumprice.value += item.cartGoodVO.price * item.quantity //计算总金额
|
||||
})
|
||||
sfAmount.value = sumprice.value
|
||||
}
|
||||
//减少当前商品数量
|
||||
const shortNum = (index)=>{
|
||||
|
|
@ -285,6 +334,10 @@ const shortNum = (index)=>{
|
|||
productArr.value[index].quantity -= 1
|
||||
//计算商品价格
|
||||
sumprice.value -= productArr.value[index].cartGoodVO.price * 1
|
||||
sfAmount.value = sumprice.value
|
||||
useCouponId.value = null
|
||||
textColor.value = '#818181'
|
||||
fd()
|
||||
}
|
||||
}
|
||||
//增加当前商品数量
|
||||
|
|
@ -292,6 +345,10 @@ const addNum = (index)=>{
|
|||
if( productArr.value[index].quantity < productArr.value[index].cartGoodVO.inventory ) { //数量肯定不能大于库存
|
||||
productArr.value[index].quantity += 1
|
||||
sumprice.value += productArr.value[index].cartGoodVO.price * 1 //计算商品价格
|
||||
sfAmount.value = sumprice.value
|
||||
useCouponId.value = null
|
||||
textColor.value = '#818181'
|
||||
fd()
|
||||
}
|
||||
}
|
||||
const formatArr = () =>{
|
||||
|
|
@ -388,7 +445,6 @@ const getFonts =()=>{
|
|||
isShow.value = true
|
||||
wxPayTimer = setTimeout(async () => {
|
||||
await createOrder()
|
||||
hideLoading()
|
||||
}, 1000)
|
||||
}
|
||||
function showLoading() { //加载弹窗
|
||||
|
|
@ -405,12 +461,65 @@ const getFonts =()=>{
|
|||
wx.hideLoading();
|
||||
loading = false;
|
||||
isLoading.value = false
|
||||
isShow.value = false
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const openCoupon = () => {
|
||||
emitter.emit('getTotalPrice', sumprice.value)
|
||||
coupon.value.open('bottom')
|
||||
}
|
||||
|
||||
|
||||
|
||||
const getMyCouponList = async () => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/coupon/list/use',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie
|
||||
},
|
||||
data: {
|
||||
currentAmount: sumprice.value,
|
||||
isAvailable: true
|
||||
}
|
||||
})
|
||||
myCouponList.value = res.data.data
|
||||
templateString.value = myCouponList.value.length + '张优惠券可用'
|
||||
console.log('============================>', myCouponList.value)
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
|
||||
.coupon-popup {
|
||||
height: 1200rpx;
|
||||
justify-content: center;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
|
@ -420,12 +529,17 @@ const getFonts =()=>{
|
|||
background-color: rgba(0, 0, 0, 0.4); /* 半透明黑色背景 */
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
|
||||
.popup-content {
|
||||
height: 300px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ml-17 {
|
||||
margin-left: 31.88rpx;
|
||||
}
|
||||
|
|
@ -631,8 +745,7 @@ const getFonts =()=>{
|
|||
color: #323232;
|
||||
}
|
||||
.group_10 {
|
||||
padding-left: 22.97rpx;
|
||||
padding-right: 3.75rpx;
|
||||
padding: 25rpx 3.75rpx 25rpx 22.97rpx;
|
||||
}
|
||||
.group_11 {
|
||||
padding: 26.25rpx 10.42rpx 28.13rpx 24.62rpx;
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
/>
|
||||
<text class="text ml-10">{{ contactRealInfo.name }} {{ contactRealInfo.phone }}</text>
|
||||
</view>
|
||||
<view class="flex-row items-center group" @click="loadPop()">
|
||||
<view class="flex-row items-center group" @click="loadPop" :style="{ pointerEvents: isLoading ? 'none' : 'auto' }">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FKgDGnwlb-right.png"
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_4">
|
||||
<view class="flex-row justify-between items-center">
|
||||
<view class="flex-row justify-between items-center my-coupon">
|
||||
<view class="flex-row">
|
||||
<text class="font_8 text_13">商品总价</text>
|
||||
<text class="font_9 ml-7">共{{ productArr.length }}件商品</text>
|
||||
|
|
@ -82,24 +82,24 @@
|
|||
<text class="font_10">￥{{ sumprice.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between mt-34">
|
||||
<view class="flex-row justify-between my-coupon" @click="openCoupon" :style="{ pointerEvents: isLoading ? 'none' : 'auto' }">
|
||||
<text class="font_8">优惠券</text>
|
||||
<view class="flex-row group_12">
|
||||
<text class="font_9">0张优惠券可用</text>
|
||||
<text class="font_9" :style="{color: textColor}">{{ templateString }}</text>
|
||||
<image
|
||||
class="shrink-0 image_9 ml-3"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FHomvnulG-rightblack.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center mt-34">
|
||||
<view class="flex-row justify-between items-center my-coupon">
|
||||
<text class="font_8 text_14">合计</text>
|
||||
<view class="flex-row items-center group_13">
|
||||
<!-- <image
|
||||
class="shrink-0 image_8"
|
||||
src="https://ide.code.fun/api/image?token=67be64de4ae84d0012274ced&name=0f3f4f80197a7b3647f307901f6a3bea.png"
|
||||
/> -->
|
||||
<text class="font_10">￥{{ sumprice.toFixed(2) }}</text>
|
||||
<text class="font_10">￥{{ sfAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -116,10 +116,11 @@
|
|||
src="https://ide.code.fun/api/image?token=67be64de4ae84d0012274ced&name=549b29459342a9a09d24834be40eb53b.png"
|
||||
/>
|
||||
<text class="text_17">应付：</text>
|
||||
<text class="text_18">{{ sumprice.toFixed(2) }}</text>
|
||||
<text class="text_18">{{ sfAmount.toFixed(2) }}</text>
|
||||
<!-- <text class="text_20">00</text> -->
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_3" @click="wxPayFd()"><text class="font_8 text_19">微信支付</text></view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_3" @click="wxPayFd()"
|
||||
:style="{ pointerEvents: isLoading ? 'none' : 'auto' }"><text class="font_8 text_19">微信支付</text></view>
|
||||
</view>
|
||||
</view>
|
||||
<uni-popup ref="popup" background-color="#fff" :mask-click="false">
|
||||
|
|
@ -127,6 +128,13 @@
|
|||
<contactsComponentVue></contactsComponentVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="coupon">
|
||||
<view class="coupon-popup">
|
||||
<couponPopupVue></couponPopupVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<!-- 遮罩层 -->
|
||||
<view v-if="isShow" class="overlay"></view>
|
||||
</template>
|
||||
|
|
@ -138,8 +146,10 @@
|
|||
import { baseUrl } from '../../../api/request';
|
||||
import { stateMap } from '../../../common/global';
|
||||
import { sum } from 'mathjs';
|
||||
import couponPopupVue from '../../coupon/component/couponPopup.vue';
|
||||
import contactsComponentVue from '../component/contactsComponent.vue'; //联系人弹窗\
|
||||
import contactPopVue from '../../mine/component/contactPop.vue'; //新增联系人弹窗
|
||||
import * as math from 'mathjs'
|
||||
//一些暂时变量
|
||||
const sumprice = ref(0) //总价格
|
||||
const popup = ref(null) //弹窗对象
|
||||
|
|
@ -154,6 +164,20 @@
|
|||
const postCartArr = ref([])
|
||||
const singleService = ref({}) //单个服务类商品
|
||||
const cnt = ref(1) //单个服务类商品的商品数量
|
||||
|
||||
const coupon = ref(null)
|
||||
const couponObj = ref({})
|
||||
const templateString = ref('')
|
||||
const conditionAmount = ref(0)
|
||||
const sfAmount = ref(0)
|
||||
const myCouponList = ref([])
|
||||
const cookie = wx.getStorageSync("cookie") //请求头
|
||||
|
||||
|
||||
const useCouponId = ref(null)
|
||||
const textColor = ref('')
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
getFonts()
|
||||
//将关闭弹窗方法传入弹窗页面，绑定弹窗按钮可关闭弹窗
|
||||
|
|
@ -164,8 +188,37 @@
|
|||
emitter.on('contactsNowInfo', (val) =>{
|
||||
contactRealInfo.value = val
|
||||
})
|
||||
|
||||
emitter.on('closeCoupon', () => {
|
||||
nextTick(() => {
|
||||
if (coupon.value) {
|
||||
coupon.value.close()
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
emitter.on('cancelCoupon', () => {
|
||||
templateString.value = myCouponList.value.length + '张优惠券可用'
|
||||
sfAmount.value = sumprice.value
|
||||
useCouponId.value = null
|
||||
textColor.value = '#818181'
|
||||
})
|
||||
|
||||
|
||||
emitter.on('getCouponObj', (val) => {
|
||||
couponObj.value = val
|
||||
templateString.value = "-￥" + val.couponVO.conditionAmount.toFixed(2)
|
||||
conditionAmount.value = val.couponVO.conditionAmount
|
||||
sfAmount.value = sumprice.value - conditionAmount.value
|
||||
useCouponId.value = val.id
|
||||
textColor.value = '#FFB6B9'
|
||||
console.log(val)
|
||||
})
|
||||
console.log('===============start===============')
|
||||
|
||||
})
|
||||
onLoad((options)=>{
|
||||
onLoad( async (options)=>{
|
||||
if(options.cartInfo === undefined) {
|
||||
singleService.value = JSON.parse(options.obj)
|
||||
cnt.value = JSON.parse(options.cnt)
|
||||
|
|
@ -175,8 +228,9 @@
|
|||
totalInfo.value = JSON.parse(options.cartInfo)
|
||||
console.log('options.cartInfo-->',JSON.parse(options.cartInfo));
|
||||
console.log('totalInfo.value-->',toRaw(totalInfo.value) );
|
||||
getProduct() //获取商品列表
|
||||
await getProduct() //获取商品列表
|
||||
}
|
||||
await getMyCouponList()
|
||||
})
|
||||
onShow(()=>{
|
||||
userInfo.value = wx.getStorageSync('userInfo') //从微信缓存中获取用户信息
|
||||
|
|
@ -186,10 +240,10 @@
|
|||
//关闭弹窗
|
||||
const close = () => {
|
||||
nextTick(() => {
|
||||
if (popup.value) {
|
||||
popup.value.close()
|
||||
}
|
||||
})
|
||||
if (popup.value) {
|
||||
popup.value.close()
|
||||
}
|
||||
})
|
||||
}
|
||||
//加载弹窗。默认从底部弹出
|
||||
const loadPop =() =>{
|
||||
|
|
@ -228,7 +282,7 @@
|
|||
orderType: productArr.value[0].cartExperienceGoodVO.type === '服务类' ? 'service' : 'product',
|
||||
userName: userInfo.userName,
|
||||
contactsId: contactRealInfo.value.id, //联系人信息id
|
||||
couponId: null, //优惠卷id
|
||||
couponId: useCouponId.value, //优惠卷id
|
||||
note: note.value,
|
||||
cartOrderItemAddRequestList: toRaw(postCartArr.value)
|
||||
}
|
||||
|
|
@ -262,20 +316,28 @@
|
|||
productArr.value.forEach((item)=>{
|
||||
sumprice.value += item.cartExperienceGoodVO.price * item.quantity //计算总金额
|
||||
})
|
||||
sfAmount.value = sumprice.value
|
||||
}
|
||||
//减少当前商品数量
|
||||
const shortNum = (index)=>{
|
||||
if(productArr.value[index].quantity > 1) {
|
||||
productArr.value[index].quantity -= 1
|
||||
//计算商品价格
|
||||
sumprice.value -= productArr.value[index].cartExperienceGoodVO.price * 1
|
||||
}
|
||||
sumprice.value = math.round(sumprice.value - productArr.value[index].cartExperienceGoodVO.price)
|
||||
} sfAmount.value = sumprice.value
|
||||
useCouponId.value = null
|
||||
textColor.value = '#818181'
|
||||
fd()
|
||||
}
|
||||
//增加当前商品数量
|
||||
const addNum = (index)=>{
|
||||
if( productArr.value[index].quantity < productArr.value[index].restNumber ) { //数量肯定不能大于库存
|
||||
productArr.value[index].quantity += 1
|
||||
sumprice.value += productArr.value[index].cartExperienceGoodVO.price * 1 //计算商品价格
|
||||
sumprice.value = math.round(sumprice.value + productArr.value[index].cartExperienceGoodVO.price) //计算商品价格
|
||||
sfAmount.value = sumprice.value
|
||||
useCouponId.value = null
|
||||
textColor.value = '#818181'
|
||||
fd()
|
||||
}
|
||||
}
|
||||
const formatArr = () =>{ //格式化
|
||||
|
|
@ -386,6 +448,13 @@
|
|||
isLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const openCoupon = () => {
|
||||
emitter.emit('getTotalPrice', sumprice.value)
|
||||
coupon.value.open('bottom')
|
||||
}
|
||||
|
||||
const getMyCouponList = async () => { //获取优惠卷列表
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/coupon/list/use',
|
||||
|
|
@ -415,6 +484,26 @@
|
|||
background-color: rgba(0, 0, 0, 0.4); /* 半透明黑色背景 */
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
height: 300px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// background-color: #fff;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
|
||||
.coupon-popup {
|
||||
height: 1200rpx;
|
||||
justify-content: center;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
|
||||
.my-coupon {
|
||||
padding: 25rpx 3.75rpx 25rpx 22.97rpx;
|
||||
}
|
||||
|
||||
.mt-13 {
|
||||
margin-top: 24.38rpx;
|
||||
}
|
||||
|
|
@ -593,7 +682,7 @@
|
|||
}
|
||||
.section_4 {
|
||||
margin: 30rpx 16.88rpx 0 16.88rpx;
|
||||
padding: 30rpx 19.22rpx 20.63rpx;
|
||||
padding: 20rpx 19.22rpx 20.63rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -195,8 +195,6 @@ const quantity = ref(1) //商品数量
|
|||
const couponIsShow = ref(false)
|
||||
|
||||
const coupon = ref(null)
|
||||
|
||||
|
||||
const couponObj = ref({})
|
||||
const templateString = ref('')
|
||||
const conditionAmount = ref(0)
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
/>
|
||||
<text class="text ml-10">{{ contactRealInfo.name }} {{ contactRealInfo.phone }}</text>
|
||||
</view>
|
||||
<view class="flex-row items-center group" @click="loadPop()">
|
||||
<view class="flex-row items-center group" @click="loadPop" :style="{ pointerEvents: isLoading ? 'none' : 'auto' }">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FKgDGnwlb-right.png"
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_4">
|
||||
<view class="flex-row justify-between items-center">
|
||||
<view class="flex-row justify-between items-center my-coupon">
|
||||
<view class="flex-row">
|
||||
<text class="font_8 text_13">课程总价</text>
|
||||
<text class="font_9 ml-7">共{{ cnt }}件商品</text>
|
||||
|
|
@ -82,24 +82,24 @@
|
|||
<text class="font_10">￥{{ sumprice.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between mt-34">
|
||||
<view class="flex-row justify-between my-coupon" @click="openCoupon" :style="{ pointerEvents: isLoading ? 'none' : 'auto' }">
|
||||
<text class="font_8">优惠券</text>
|
||||
<view class="flex-row group_12">
|
||||
<text class="font_9">0张优惠券可用</text>
|
||||
<text class="font_9" :style="{color: textColor}">{{ templateString }}</text>
|
||||
<image
|
||||
class="shrink-0 image_9 ml-3"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FHomvnulG-rightblack.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center mt-34">
|
||||
<view class="flex-row justify-between items-center my-coupon">
|
||||
<text class="font_8 text_14">合计</text>
|
||||
<view class="flex-row items-center group_13">
|
||||
<!-- <image
|
||||
class="shrink-0 image_8"
|
||||
src="https://ide.code.fun/api/image?token=67be64de4ae84d0012274ced&name=0f3f4f80197a7b3647f307901f6a3bea.png"
|
||||
/> -->
|
||||
<text class="font_10">￥{{ sumprice.toFixed(2) }}</text>
|
||||
<text class="font_10">￥{{ sfAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -116,10 +116,10 @@
|
|||
src="https://ide.code.fun/api/image?token=67be64de4ae84d0012274ced&name=549b29459342a9a09d24834be40eb53b.png"
|
||||
/>
|
||||
<text class="text_17">应付：</text>
|
||||
<text class="text_18">{{ sumprice.toFixed(2) }}</text>
|
||||
<text class="text_18">{{ sfAmount.toFixed(2) }}</text>
|
||||
<!-- <text class="text_20">00</text> -->
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_3" @click="wxPayFd()"><text class="font_8 text_19">微信支付</text></view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_3" @click="wxPayFd" :style="{ pointerEvents: isLoading ? 'none' : 'auto' }"><text class="font_8 text_19">微信支付</text></view>
|
||||
</view>
|
||||
</view>
|
||||
<uni-popup ref="popup" background-color="#fff" :mask-click="false">
|
||||
|
|
@ -127,6 +127,13 @@
|
|||
<contactsComponentVue></contactsComponentVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="coupon">
|
||||
<view class="coupon-popup">
|
||||
<couponPopupVue></couponPopupVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<!-- 遮罩层 -->
|
||||
<view v-if="isShow" class="overlay"></view>
|
||||
</template>
|
||||
|
|
@ -137,9 +144,10 @@
|
|||
import { onLoad , onShow } from "@dcloudio/uni-app";
|
||||
import { baseUrl } from '../../../api/request';
|
||||
import { stateMap } from '../../../common/global';
|
||||
import { sum } from 'mathjs';
|
||||
import * as math from 'mathjs'
|
||||
import contactsComponentVue from '../component/contactsComponent.vue'; //联系人弹窗\
|
||||
import contactPopVue from '../../mine/component/contactPop.vue'; //新增联系人弹窗
|
||||
import couponPopupVue from '../../coupon/component/couponPopup.vue';
|
||||
const sumprice = ref(0) //总价格
|
||||
const popup = ref(null) //弹窗对象
|
||||
const contactRealInfo = ref({
|
||||
|
|
@ -154,6 +162,19 @@
|
|||
const timeSlot = ref('') //时间段信息
|
||||
const bookDate = ref('') //日期信息
|
||||
const restNumber = ref(0) //最大预约人数信息
|
||||
|
||||
|
||||
const coupon = ref(null)
|
||||
const couponObj = ref({})
|
||||
const templateString = ref('')
|
||||
const sfAmount = ref(0)
|
||||
const conditionAmount = ref(0)
|
||||
const myCouponList = ref([])
|
||||
const cookie = wx.getStorageSync("cookie") //请求头
|
||||
|
||||
const useCouponId = ref(null)
|
||||
const textColor = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
getFonts()
|
||||
//将关闭弹窗方法传入弹窗页面，绑定弹窗按钮可关闭弹窗
|
||||
|
|
@ -164,7 +185,37 @@
|
|||
emitter.on('contactsNowInfo', (val) =>{
|
||||
contactRealInfo.value = val
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
emitter.on('closeCoupon', () => {
|
||||
nextTick(() => {
|
||||
if (coupon.value) {
|
||||
coupon.value.close()
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
emitter.on('cancelCoupon', () => {
|
||||
templateString.value = myCouponList.value.length + '张优惠券可用'
|
||||
sfAmount.value = sumprice.value
|
||||
useCouponId.value = null
|
||||
textColor.value = '#818181'
|
||||
})
|
||||
|
||||
|
||||
emitter.on('getCouponObj', (val) => {
|
||||
couponObj.value = val
|
||||
templateString.value = "-￥" + val.couponVO.conditionAmount.toFixed(2)
|
||||
conditionAmount.value = val.couponVO.conditionAmount
|
||||
sfAmount.value = sumprice.value - conditionAmount.value
|
||||
useCouponId.value = val.id
|
||||
textColor.value = '#FFB6B9'
|
||||
console.log(val)
|
||||
})
|
||||
console.log('===============start===============')
|
||||
})
|
||||
|
||||
onLoad((options)=>{
|
||||
singleService.value = JSON.parse(options.obj)
|
||||
cnt.value = JSON.parse(options.cnt)
|
||||
|
|
@ -172,11 +223,13 @@
|
|||
bookDate.value = singleService.value.appointmentDateVOList[0].specificDate
|
||||
timeSlot.value = singleService.value.appointmentDateVOList[0].timePeriodVOList[0].timeSlot
|
||||
sumprice.value = cnt.value * singleService.value.price
|
||||
sfAmount.value = cnt.value * singleService.value.price
|
||||
console.log('单个服务类--->',singleService.value);
|
||||
console.log('商品数量---->',cnt.value);
|
||||
console.log('时间段---->',timeSlot.value);
|
||||
console.log('日期---->',bookDate.value);
|
||||
console.log('剩余人数---->',restNumber.value);
|
||||
getMyCouponList()
|
||||
})
|
||||
onShow(()=>{
|
||||
userInfo.value = wx.getStorageSync('userInfo') //从微信缓存中获取用户信息
|
||||
|
|
@ -186,10 +239,10 @@
|
|||
//关闭弹窗
|
||||
const close = () => {
|
||||
nextTick(() => {
|
||||
if (popup.value) {
|
||||
popup.value.close()
|
||||
}
|
||||
})
|
||||
if (popup.value) {
|
||||
popup.value.close()
|
||||
}
|
||||
})
|
||||
}
|
||||
//加载弹窗。默认从底部弹出
|
||||
const loadPop =() =>{
|
||||
|
|
@ -244,14 +297,22 @@
|
|||
if(cnt.value > 1) {
|
||||
cnt.value -= 1
|
||||
//计算商品价格
|
||||
sumprice.value -= singleService.value.price * 1
|
||||
sumprice.value = math.round(sumprice.value - singleService.value.price, 2)
|
||||
sfAmount.value = sumprice.value
|
||||
useCouponId.value = null
|
||||
textColor.value = '#818181'
|
||||
fd()
|
||||
}
|
||||
}
|
||||
//增加当前商品数量
|
||||
const addNum = (index)=>{
|
||||
if( cnt.value < restNumber.value ) { //数量肯定不能大于库存
|
||||
cnt.value += 1
|
||||
sumprice.value += singleService.value.price * 1 //计算商品价格
|
||||
sumprice.value = math.round(sumprice.value + singleService.value.price, 2)
|
||||
sfAmount.value = sumprice.value
|
||||
useCouponId.value = null
|
||||
textColor.value = '#818181'
|
||||
fd()
|
||||
}
|
||||
}
|
||||
const formatArr = () =>{ //格式化
|
||||
|
|
@ -330,14 +391,19 @@
|
|||
let loading = false;
|
||||
let isLoading = ref(false)
|
||||
let isShow = ref(false)
|
||||
// const fd = () => { //防抖
|
||||
// clearTimeout(debounceTimer)
|
||||
// showLoading()
|
||||
// debounceTimer = setTimeout(async () => {
|
||||
// await getMyCouponList()
|
||||
// hideLoading()
|
||||
// }, 1000)
|
||||
// }
|
||||
|
||||
|
||||
|
||||
const fd = () => { //防抖
|
||||
clearTimeout(debounceTimer)
|
||||
showLoading()
|
||||
debounceTimer = setTimeout(async () => {
|
||||
await getMyCouponList()
|
||||
hideLoading()
|
||||
}, 1000)
|
||||
}
|
||||
|
||||
|
||||
const wxPayFd = () => { //微信支付按钮防抖
|
||||
clearTimeout(wxPayTimer)
|
||||
showLoading()
|
||||
|
|
@ -346,15 +412,17 @@
|
|||
await createOrder()
|
||||
}, 1000)
|
||||
}
|
||||
|
||||
function showLoading() { //加载弹窗
|
||||
if (!loading) {
|
||||
wx.showLoading({
|
||||
title: '加载中...',
|
||||
});
|
||||
loading = true;
|
||||
isLoading.value = true
|
||||
isLoading.value = true
|
||||
}
|
||||
}
|
||||
|
||||
function hideLoading() { //关闭弹窗
|
||||
if (loading) {
|
||||
wx.hideLoading();
|
||||
|
|
@ -362,6 +430,13 @@
|
|||
isLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const openCoupon = () => {
|
||||
emitter.emit('getTotalPrice', sumprice.value)
|
||||
coupon.value.open('bottom')
|
||||
}
|
||||
|
||||
const getMyCouponList = async () => { //获取优惠卷列表
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/coupon/list/use',
|
||||
|
|
@ -391,6 +466,18 @@
|
|||
background-color: rgba(0, 0, 0, 0.4); /* 半透明黑色背景 */
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.coupon-popup {
|
||||
height: 1200rpx;
|
||||
justify-content: center;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
|
||||
.my-coupon {
|
||||
padding: 25rpx 3.75rpx 25rpx 22.97rpx;
|
||||
}
|
||||
|
||||
.mt-13 {
|
||||
margin-top: 24.38rpx;
|
||||
}
|
||||
|
|
@ -569,7 +656,7 @@
|
|||
}
|
||||
.section_4 {
|
||||
margin: 30rpx 16.88rpx 0 16.88rpx;
|
||||
padding: 30rpx 19.22rpx 20.63rpx;
|
||||
padding: 20rpx 19.22rpx 20.63rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
<!-- 类别列表 -->
|
||||
<view class="flex-col justify-start items-center section_4 pos_3">
|
||||
<!-- <view class="flex-col"> -->
|
||||
<scroll-view scroll-y class="scrollable-contentType">
|
||||
<view style="overflow: auto;" class="my-aside">
|
||||
<view class="flex-col items-center self-stretch group"
|
||||
v-for="(item, index) in sort"
|
||||
:key="index"
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
/>
|
||||
<text class="font_2 text_4" :style="FontsStyle(index)">{{ item.name }}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<!-- </view> -->
|
||||
</view>
|
||||
<!-- 商品列表 -->
|
||||
|
|
@ -170,9 +170,16 @@ const getFonts = () => { //导入字体
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.scrollable-contentType {
|
||||
height: 56vh;
|
||||
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.my-aside {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.mt-9 {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
|
|
@ -230,7 +237,7 @@ const getFonts = () => { //导入字体
|
|||
.section_4 {
|
||||
padding: 7.5rpx 0 0rpx;
|
||||
background-color: #f4f3f1;
|
||||
width: 109.75rpx;
|
||||
width: 119.75rpx;
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user