Skip to content

J
jz_Travel
Commit 54334d3c authored by 罗超's avatar 罗超
Browse files
Options

1

parent bf12641e
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1333 additions and 80 deletions
manifest.json
View file @ 54334d3c
......@@ -66,7 +66,7 @@
"quickapp" : {},
/* 小程序特有相关 */
"mp-weixin" : {
"appid" : "wxbb033190e0ffa5db",
"appid" : "wxcf0727a7c78b501e",
"setting" : {
"urlCheck" : false,
"minified" : false
......
pages.json
View file @ 54334d3c
......@@ -770,7 +770,13 @@
"path": "imgList"
},
{
"path": "policyDetail"
"path": "policyDetail"//政策详情
},
{
"path": "fillOrder"//填写订单
},
{
"path": "addGuest"//新增旅客
}
]
}
......
pages/ticketCoupons/addGuest.vue 0 → 100644
View file @ 54334d3c
<template>
<view class="add-guest">
<view class="title">
乘客姓名
</view>
<view class="item">
<input type="text" placeholder="请输入真实姓名" v-model="msg.Name" />
</view>
<view class="title">
乘客电话
</view>
<view class="item">
<input type="number" placeholder="请输入电话" v-model="msg.Mobile" />
</view>
<view class="title">
乘客身份证号码
</view>
<view class="item">
<input type="number" :maxlength="18" placeholder-class='placeholderStyle' placeholder="请输入18位身份证号码" v-model="msg.IdCard" />
</view>
<view class="btn" @click="updateInfo">
确认
</view>
</view>
</template>
<script>
export default{
data(){
return{
msg:{
ID:0,
Name:"",
Mobile:"",
IdCard:"",
}
}
},
onLoad(options) {
let Id=options.id
if(Id){
uni.setNavigationBarTitle({
title: "修改出行人",
});
this.msg.ID=Id;
this.getInfo();
}else{
uni.setNavigationBarTitle({
title: "新增出行人",
});
}
},
methods:{
getInfo(){
this.request2({
url: '/api/AppletDining//GetDMCGuest',
data: {ID:this.msg.ID}
},
res => {
if (res.resultCode == 1) {
this.msg.Name=res.data.Name;
this.msg.Mobile=res.data.Mobile;
this.msg.IdCard=res.data.IdCard;
}
}
);
},
updateInfo(){
if(!this.msg.Name){
uni.showToast({
title: '请输入真实姓名',
icon:"none",
duration: 2000
});
return
}
if(!this.msg.Mobile){
uni.showToast({
title: '请输入电话号码',
icon:"none",
duration: 2000
});
return
}
if(!this.msg.IdCard){
uni.showToast({
title: '请输入18位身份证号码',
icon:"none",
duration: 2000
});
return
}
this.request2({
url: '/api/AppletDining//SetDMCGuest',
data: this.msg
},
res => {
if (res.resultCode == 1) {
uni.showToast({
title: '操作成功',
icon:"none",
duration: 2000
});
uni.navigateBack({
delta:2
})
// uni.navigateTo({
// url:"/pages/ticketCoupons/fillOrder"
// })
}else{
uni.showToast({
title: '操作失败',
icon:"none",
duration: 2000
});
}
}
);
},
}
}
</script>
<style lang="scss" scoped>
.add-guest{
position: relative;
height: 100vh;
padding: 45rpx;
.title{
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #1F1F1F;
margin-bottom: 40rpx;
}
.item{
height: 95rpx;
border-bottom: 1rpx solid #E7E7E7;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #111111;
line-height: 93rpx;
margin-bottom: 60rpx;
}
.placeholderStyle{
color: #BABABA;
}
.btn{
width: 650rpx;
height: 80rpx;
background-color: #111111;
border-radius: 20rpx;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 100rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
text-align: center;
line-height: 78rpx;
}
}
</style>
pages/ticketCoupons/components/buyNotice.vue
View file @ 54334d3c
......@@ -127,7 +127,7 @@
<text class="price-pre">￥</text>
{{TicketData.HPriceB}}
</view>
<view class="btn">
<view class="btn" @click="success">
立即预订
</view>
</view>
......@@ -191,7 +191,9 @@
delta: 1,
});
},
success(){
this.$emit("success")
}
}
......
pages/ticketCoupons/components/guestList.vue 0 → 100644
View file @ 54334d3c
<template>
<view class="GuestList">
<view class="title">
选择出行人
</view>
<view class="guest-box">
<checkbox-group @change="changeCheck">
<view v-for="(item,index) in guestList" :key="index" class="guestList-item">
<view class="guest-info">
<view class="name">
{{item.Name}}
</view>
<view class="idcard">
{{item.showIdCard}}
</view>
</view>
<view class="right">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/edit-icon.png"
mode="aspectFit" class="edit-img" @click="goUrl(item.Id)"></image>
<label class="check-box" @click="changeCheckItem(item,index)">
<checkbox :checked="item.check" :value="item.Id" style="display: none;" />
<view class="nocheck" v-if="!item.check" >
</view>
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/checked.png"
mode="aspectFit" class="check-icon" v-if="item.check" ></image>
</label>
</view>
</view>
</checkbox-group>
</view>
<view class="btn-box">
<view class="add" @click="goUrl">
新增乘客
</view>
<view class="confirm" @click="confirm">
确认
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
guestList:[],
checkGuestList:[]
}
},
mounted() {
this.getGuestList()
},
methods: {
getGuestList(){
this.request2({
url: '/api/AppletDining/GetGuestList',
data: {}
},
res => {
if (res.resultCode == 1) {
res.data.forEach(i=>{
i.check=false
i.showIdCard=i.IdCard.slice(0,6)+"******"+i.IdCard.slice(-4)
})
this.guestList=res.data
}
}
);
},
goUrl(id) {
if (id) {
uni.navigateTo({
url: "/pages/ticketCoupons/addGuest?id=" + id
})
} else {
uni.navigateTo({
url: "/pages/ticketCoupons/addGuest"
})
}
},
changeCheck(val){
this.checkGuestList=[]
this.guestList.map(i=>{
val.detail.value.map(x=>{
if(i.Id==x){
this.checkGuestList.push(i)
}
})
})
},
confirm(){
this.$emit("confirm",this.checkGuestList)
},
changeCheckItem(item,index){
item.check=!item.check
}
}
}
</script>
<style lang="scss" scoped>
.GuestList {
height: 55vh;
padding: 45rpx;
.title {
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
color: #1B1D1E;
text-align: center;
}
.guest-box {
height: 35vh;
margin: 20rpx 0;
// background-color: #000000;
overflow-y: scroll;
overflow-x: hidden;
.guestList-item {
height: 145rpx;
display: flex;
align-items: center;
justify-content: space-between;
.guest-info {
width: 250rpx;
.name {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #DFBE6E;
}
.idcard {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #6E6E6E;
}
}
.right {
width: 270rpx;
height: 145rpx;
display: flex;
align-items: center;
justify-content: space-between;
.edit-img {
width: 32rpx;
height: 32rpx;
}
.check-box{
display: flex;
}
.nocheck{
width: 40rpx;
height: 40rpx;
border: 2rpx solid #D6D6D6;
border-radius: 50%;
}
.check-icon {
width: 40rpx;
height: 40rpx;
}
}
}
}
.btn-box {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10rpx;
.add {
width: 300rpx;
height: 80rpx;
background-color: #FFFFFF;
border: 1rpx solid #111111;
border-radius: 20rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #111111;
text-align: center;
line-height: 78rpx;
}
.confirm {
width: 300rpx;
height: 80rpx;
background: #111111;
border-radius: 20rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
text-align: center;
line-height: 78rpx;
}
}
}
</style>
pages/ticketCoupons/components/njzz-calendar/njzz-calendar.vue
View file @ 54334d3c
......@@ -9,8 +9,11 @@
<text class="reset" @tap="reset">重置</text>
</view>
<scroll-view class="calenHead" scroll-x v-if="mode=='1'">
<view class="headItem" v-for="(date,index) in monthList" v-bind:key="index" :class="[current==index?'active':'']" @tap="headItemTap(index)">
<view class="headItem" v-for="(date,index) in monthList" v-bind:key="index" :class="[current==index?'active':'']" @tap="headItemTap(index,date.getMonth()+1)">
<text>{{date.getMonth()+1}}月</text>
<text class="calen-text-orange" v-if="monthDatePrice[index].length">&yen;{{monthDatePrice[index][0].price}}</text>
<text class="calen-text-small" v-if="monthDatePrice[index].length">起</text>
<text class="calen-text-orange" v-if="!monthDatePrice[index].length">暂无报价</text>
</view>
</scroll-view>
<view class="weekBar">
......@@ -19,19 +22,20 @@
</view>
</view>
<view class="dayBox">
<view class="day" v-for="(item,index) in space" :key="index"></view>
<view class="day" v-for="(item,index) in space" v-bind:key="index+999"></view>
<view class="day" :class="[getDateStr(item.date)==getDateStr(dayActive.date)?'active':'']" v-for="(item,index) in dayList" v-bind:key="index" @tap="selectDate(item)">
<view :class="[isToday(item.date)?'today':'']">{{isToday(item.date) ? "今天" : item.date.getDate()}}</view>
<view class="calen-text-orange">{{item.price?item.price:''}}</view>
<view class="calen-text-orange">{{item.price?'&yen;'+item.price:''}}</view>
</view>
</view>
</view>
</template>
<script>
// import uniIcons from "../uni-icons/uni-icons.vue"
import uniIcons from "./uni-icons/uni-icons.vue"
/* import {uniIcons} from "../../components/uni-icons" */
export default{
// components:{uniIcons},
components:{uniIcons},
name:"Zcalendar",
props:{
themeColor:{ //主题色 并没有用到 留给以后用吧
......@@ -53,14 +57,6 @@
mode:{
type:String,
default:"1" //1:固定月份列表 2:传统日历模式(自由选择日期)
},
curryear:{
type:String,
default:"" //初始年份
},
currmonth:{
type:String,
default:"" //初始月份
}
},
data(){
......@@ -77,10 +73,8 @@
mounted() {
this.today = new Date();
this.nowMonth = {
// year:this.today.getFullYear(),
// month:(this.today.getMonth()+1<10)?"0"+(this.today.getMonth()+1) : this.today.getMonth()+1,
year:this.curryear!=''?this.curryear:this.today.getFullYear(),
month:this.currmonth!=''?this.currmonth:((this.today.getMonth()+1<10)?"0"+(this.today.getMonth()+1) : this.today.getMonth()+1)
year:this.today.getFullYear(),
month:(this.today.getMonth()+1<10)?"0"+(this.today.getMonth()+1) : this.today.getMonth()+1
}
this.setMonthList()
},
......@@ -137,9 +131,10 @@
}
},
methods:{
headItemTap(index){
console.log(index)
headItemTap(index,month){
this.current = index
console.log(month)
this.$emit('changeMonth',momth)
},
getDefaultData(d){ //设置初始值
let list = this.datePrice.filter(item=>item.date==d);
......@@ -221,7 +216,7 @@
price:data.price
}
let map = this.getSelectData()
this.$emit('changeDate',map.date)
this.$emit('changeDate',map)
}
},
getSelectData(){ //获取最终结果
......@@ -242,7 +237,8 @@
this.nowMonth.year = this.today.getFullYear()
this.nowMonth.month = this.today.getMonth()+1
this.dayActive = {}
this.$emit('changeDate',{})
// this.$emit('changeDate',{})
this.$emit('changeMonth',this.nowMonth)
}
}
}
......
pages/ticketCoupons/components/subscribeTicket.vue
View file @ 54334d3c
<template>
<view class="subscribeTicket">
<view class="title">
选择日期和人数
</view>
<view>
<z-calendar ref="calendar" :datePrice="datePrice" :curryear='curryear' :currmonth='currmonth'
howManyMonth="6" mode="2" @changeDate="changeDate" @changeMonth="changeMonth"
:defaultSelect="date"></z-calendar>
:defaultSelect="defaultSelect"></z-calendar>
</view>
<view class="chooseTicketAndNum">
<view class="chooseTicket">
<view class="TicketName">
{{TicketName}}
</view>
<view class="">
<u-number-box v-model="peopleNum" @change="valChange"></u-number-box>
</view>
</view>
<view class="chooseBtn-box">
<view class="btn-TicketName-box">
{{defaultSelect}}
<text class="btn-TicketName">
{{TicketName}}
</text>
</view>
<view class="btn-box">
<view class="icon-box">
<view class="kefu-iocn">
<u-icon name="service-o" color="#111111" size="24rpx"></u-icon>
</view>
<view class="">
客服
</view>
</view>
<view class="subscribe-btn" @click="nextStep">
立即预订
</view>
</view>
</view>
</view>
</view>
</template>
......@@ -15,27 +52,35 @@
zCalendar
},
props: {
date: {
dateStr: {
type: String,
default: ""
},
TicketID: {
type: Number,
default: 0
},
TitekCounponId:{
type: Number,
default: 0
},
TicketName:{
type: String,
default: ""
}
},
data() {
return {
curryear: 0,
currmonth: 0,
datePrice: [
],
defaultSelect:"",
datePrice: [],
price:"",
peopleNum:1,
}
},
watch: {
date(val, oldVal) {
console.log(val, oldVal)
dateStr(val, oldVal) {
let newMonth = val.split('-')[1]
let oldMonth = oldVal.split('-')[1]
if(newMonth!=oldMonth&&oldMonth!=undefined){
......@@ -43,6 +88,11 @@
this.getGoodsDateList()
}
},
TicketID(val){
if(val){
this.getGoodsDateList(this.dateStr)
}
}
},
mounted() {
......@@ -53,16 +103,20 @@
}
this.curryear= year
this.currmonth= month
console.log('sub')
this.getGoodsDateList()
this.defaultSelect = this.dateStr;
},
methods: {
getGoodsDateList() {
getGoodsDateList(date) {
let d = new Date();
let today = `${d.getFullYear()}-${d.getMonth()+1}-${d.getDate()}`
if(!data){
data=today
}
this.request2({
url: '/api/AppletDining/GetMonthTicketList',
data: {
TicketID: this.TicketID,
BuyDate: this.date
BuyDate: date
}
},
......@@ -72,22 +126,42 @@
data.forEach(x => {
let obj = {}
obj.date = x.Year+'-'+x.Month+'-'+x.Day;
if(x.IsHavePrice===1){
// if(x.IsHavePrice==1){
obj.price = x.HPriceB;
}else{
obj.price = "";
}
// }else{
// obj.price = "";
// }
datePrice.push(obj)
})
this.datePrice = datePrice
console.log(this.datePrice)
}
);
},
changeDate(data){ //选择日期事件 可以将data绑定到此页面以用来提交等操作
this.defaultSelect = data.date;
this.price=data.price
this.$forceUpdate()
},
changeMonth(nowMonth){
let Month = nowMonth.year+'-'+nowMonth.month;
let Month = nowMonth.year+'-'+nowMonth.month+'-01';
this.getGoodsDateList(Month)
},
nextStep(){
let data={
TicketId:this.TicketID,
TitekCounponId:this.TitekCounponId,
Unit_Price:this.price,
Date:this.defaultSelect,
TicketName:this.TicketName,
PeopleNumber:this.peopleNum,
}
uni.navigateTo({
url: "/pages/ticketCoupons/fillOrder?data="+encodeURIComponent(JSON.stringify(data)),
});
}
}
}
......@@ -95,7 +169,90 @@
<style lang="scss" scoped>
.subscribeTicket {
height: 70vh;
padding: 45rpx 45rpx 90rpx;
height: 80vh;
padding-top: 45rpx;
overflow-y: scroll;
overflow-x: hidden;
.title{
text-align: center;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #111111;
margin-bottom: 10rpx;
}
.chooseTicketAndNum{
height: 335rpx;
padding: 30rpx;
.chooseTicket{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 100rpx;
.TicketName{
width: auto;
height: 60rpx;
padding: 0rpx 30rpx;
background-color: #111111;
text-align: center;
line-height: 58rpx;
border-radius: 10rpx;
font-size: 26rpx;
font-family: PingFang SC;
color: #FFFFFF;
}
}
.chooseBtn-box{
// width: 670px;
height: 100rpx;
background-color: #FFFFFF;
box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2);
border-radius: 16rpx;
padding: 0 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
.btn-TicketName-box{
font-size: 24rpx;
font-family: PingFang SC;
font-weight: bold;
color: #111111;
.btn-TicketName{
margin-left: 10rpx;
}
}
.btn-box{
display: flex;
justify-content: space-between;
align-items: center;
.icon-box{
width: 44rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 500;
color: #111111;
.kefu-iocn{
width: 44rpx;
display: flex;
justify-content: center;
}
}
.subscribe-btn{
width: 190rpx;
height: 80rpx;
margin-left: 20rpx;
background-color: #111111;
border-radius: 16rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
text-align: center;
line-height: 78rpx;
}
}
}
}
}
</style>
pages/ticketCoupons/detail.vue
View file @ 54334d3c
......@@ -63,7 +63,7 @@
<view class="line"></view>
<view class="info4">
<view class="mark-icon">
<u-icon name="location" color="#111111" size="24rpx" class="icon"></u-icon>
</view>
<view class="address">
{{details.Address}}
......@@ -92,8 +92,6 @@
@click="changeCheckTicketNavIndex(3)">
其他日期
</view>
<calendar ref="calendar" :insert="false" :selected="calendar" @confirm="confirm"></calendar>
</view>
......@@ -129,7 +127,7 @@
<text v-if="_item.IsWorryFreeRefund!=0">有条件退</text>
</view>
<!-- 预订按钮 -->
<view class="pre-buy" @click="subscribeTicket">
<view class="pre-buy" @click="chooseSubscribeTicket(_item)">
预订
</view>
<!-- 已售 -->
......@@ -171,13 +169,13 @@
<view>
<u-popup v-model="showPop" mode="bottom" border-radius="40">
<buyNotice :TicketData="curTicketData" :coverImg="details.AllPicList[0].TagPicList[0].Path"
:score="details.ScoreNum"></buyNotice>
:score="details.ScoreNum" @success="successBuyNotice"></buyNotice>
</u-popup>
</view>
<!-- 填写订单弹出层 -->
<view>
<u-popup v-model="showSubscribeTicketPop" mode="bottom" border-radius="40">
<subscribeTicket :date="Date" :TicketID="TicketID"></subscribeTicket>
<u-popup v-model="showSubscribeTicketPop" mode="bottom" border-radius="40" :closeable="true">
<subscribeTicket :dateStr="Date" :TicketID="TicketID" :TitekCounponId="ID" :TicketName="TicketName"></subscribeTicket>
</u-popup>
</view>
</view>
......@@ -187,12 +185,12 @@
</template>
<script>
// import calendar from "./components/uni-calendar/uni-calendar.vue"
import calendar from "./components/uni-calendar/uni-calendar.vue"
import buyNotice from "./components/buyNotice.vue"
import subscribeTicket from "./components/subscribeTicket.vue"
export default {
components: {
// calendar,
calendar,
buyNotice,
subscribeTicket,
},
......@@ -226,6 +224,7 @@
curTicketData: {},
showSubscribeTicketPop: false,//订单弹出层
TicketID:0,//门票id
TicketName:"",
}
},
onLoad(options) {
......@@ -277,9 +276,11 @@
url: url + "?id=" + this.ID,
})
},
subscribeTicket(item){
chooseSubscribeTicket(item){
this.showSubscribeTicketPop=true
this.TicketID=item.Id
this.TicketName=item.TicketSubName+item.TicketName
console.log(item)
},
//获取详情
getDetail() {
......@@ -295,16 +296,6 @@
res.data.ScenicSpotTag = res.data.ScenicSpotTag.split(',')
res.data.GeographicTag = res.data.GeographicTag.split(',')
this.details = res.data;
// if (res.data.VideoUrl == '') {
// this.active = 1
// };
// this.details.imgs = []
// this.details.BannerList.forEach(x=>{
// let obj= {
// name:x
// }
// this.details.imgs.push(obj)
// })
}
}
);
......@@ -312,20 +303,7 @@
changeHandler(i) {
this.active = i;
},
// previewImage(i) {
// console.log(i)
// uni.previewImage({
// urls: this.details.BannerList,
// current: i,
// longPressActions: {
// itemList: ["发送给朋友", "保存图片", "收藏"],
// success: function(data) {},
// fail: function(err) {
// console.log(err.errMsg);
// },
// },
// });
// },
scroll(e) {
this.boxOption = Math.floor((e.detail.scrollTop - 50) / 1.5);
this.titleStyle.opacity = ((e.detail.scrollTop - 100) < 0 ? 0 : Math.floor(e.detail.scrollTop - 100)) +
......@@ -392,11 +370,14 @@
this.getDetail()
this.$forceUpdate()
} else if (i === 3) {
this.$refs.calendar.open();
this.$refs.calendar.open()
}
},
successBuyNotice(){
this.showPop=false
this.showSubscribeTicketPop=true
}
}
}
......
pages/ticketCoupons/fillOrder.vue 0 → 100644
View file @ 54334d3c
<template>
<view class="">
<view class="ticket-info">
<view class="ticket-name">{{ticketdData.TicketName}}</view>
<view class="ticket-date">门票日期:{{ticketdData.Date}}</view>
<view class="ticket-peopleNum">人数:{{ticketdData.PeopleNumber}}</view>
<view class="line"></view>
<view class="tip">
<image class="tip-icon" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/tip-icon.png" mode="aspectFit"></image>
即时确认：本产品付款后可快速确认，放心期待您的旅行
</view>
</view>
<view class="people-info">
<!-- <view class="title">出行人
<text class="title-tip">请务必保证填写项与出游所持证件一致</text>
</view>
<view class="add-guest">
<view v-for="(item,index) in GuestList" :key="index">
<view class="guest-item">
{{item.Name}}
</view>
</view>
<view class="guest-add" @click="add">
添加
</view>
</view> -->
<view class="title">联系人</view>
<view class="item-box">
<view class="item-title">
姓名
</view>
<input class="input" type="text" placeholder="请输入真实姓名" v-model="Consignee" />
</view>
<view class="item-box">
<view class="item-title">
手机号
</view>
<input class="input" type="text" placeholder="请输入手机号" v-model="ConsigneeMobile" />
</view>
<u-popup v-model="showAddGuset" mode="bottom" border-radius="40" :closeable="true">
<guest @confirm='changeGuest'></guest>
</u-popup>
<view class="btn-box">
<view class="left">
<view class="total-price">
<text class="price-pre">￥</text>{{Final_Price}}
</view>
<view class="total-peoplenum">
共计{{ticketdData.PeopleNumber}}人
</view>
</view>
<view class="right">
<view class="mx">
明细
</view>
<view class="btn" @click="submitOrder">
去支付
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import guest from "./components/guestList.vue"
export default {
components:{
guest
},
data() {
return {
ticketdData:{},
GuestList:[],
showAddGuset:false,
Final_Price:0,//总价
Consignee:"",
ConsigneeMobile:"",
BuyerMessage:"",
}
},
onLoad(options) {
let obj=JSON.parse(decodeURIComponent(options.data))
this.ticketdData=obj
},
created() {
uni.setNavigationBarTitle({
title: "订单填写",
});
},
methods: {
add(){
this.showAddGuset=true
},
changeGuest(val){
this.showAddGuset=false
this.GuestList=val
this.ticketdData.PeopleNumber=this.GuestList.length
this.Final_Price=this.ticketdData.PeopleNumber*this.ticketdData.Unit_Price
},
submitOrder(){
this.request2({
url: '/api/AppletDining/SetAppletTicketOrderInfo',
data: {
...this.ticketdData,
Final_Price:this.Final_Price,
Consignee:this.Consignee,
ConsigneeMobile:this.ConsigneeMobile,
GuestList:this.GuestList
}
},
res => {
console.log(res)
}
);
}
},
}
</script>
<style lang="scss" scoped>
.ticket-info{
width: 750rpx;
// height: 300rpx;
padding: 60rpx 45rpx 0;
background-color: #FFFFFF;
box-shadow: 0rpx 2rpx 15rpx 0rpx rgba(76, 76, 76, 0.13);
border-radius: 0rpx 0rpx 60rpx 60rpx;
.ticket-name{
font-size: 36rpx;
font-family: PingFang SC;
font-weight: 800;
color: #111111;
margin-bottom: 20rpx;
}
.ticket-date{
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
margin-bottom: 20rpx;
}
.ticket-peopleNum{
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
margin-bottom: 30rpx;
}
.line{
// width: 657px;
height: 1rpx;
background-color: #E7E7E7;
}
.tip{
display: flex;
align-items: center;
height: 85rpx;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #DFBE6E;
.tip-icon{
width: 24rpx;
margin-right: 10rpx;
}
}
}
.people-info{
padding: 60rpx 45rpx 0;
.title{
// height: 32rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
color: #1F1F1F;
.title-tip{
font-size:24rpx;
margin-left: 10rpx;
}
}
.add-guest{
padding: 40rpx 0rpx;
// height: 150rpx;
border-bottom: 1rpx solid #E7E7E7;
display: flex;
flex-wrap: wrap;
margin-bottom: 50rpx;
.guest-item{
width: 145rpx;
height: 70rpx;
background-color: #111111;
// border: 1rpx solid #111111;
border-radius: 20rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
text-align: center;
line-height: 68rpx;
color: #ffffff;
margin-right: 25rpx;
margin-bottom: 25rpx;
}
.guest-add{
width: 145rpx;
height: 70rpx;
background-color: #FFFFFF;
border: 1rpx solid #111111;
border-radius: 20rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
text-align: center;
line-height: 68rpx;
color: #111111;
}
}
.item-box{
height: 105rpx;
position: relative;
border-bottom: 1rpx solid #E7E7E7;
display: flex;
align-items: center;
.item-title{
width: 150rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
}
.input{
height: 100%;
// padding-left: 270rpx;
}
}
.btn-box{
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: 100rpx;
width: 670rpx;
height: 100rpx;
background-color: #FFFFFF;
box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2);
border-radius: 16rpx;
padding: 0 10rpx 0 35rpx;
display: flex;
justify-content: space-between;
align-items: center;
.left{
display: flex;
// align-items: flex-end;
.total-price{
// height: 80rpx;
font-size: 40rpx;
font-family: PingFang SC;
font-weight: 500;
color: #D91818;
margin-right: 20rpx;
line-height: 40rpx;
.price-pre{
font-size: 22rpx;
}
}
.total-peoplenum{
// height: 80rpx;
line-height: 50rpx;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #6E6E6E;
}
}
.right{
display: flex;
.mx{
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #6E6E6E;
line-height: 78rpx;
}
.btn{
width: 193rpx;
height: 80rpx;
background-color: #111111;
border-radius: 16rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
text-align: center;
line-height: 78rpx;
margin-left: 35rpx;
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment