Skip to content

M
million
Commit 3cee4656 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent d3154a66
Show whitespace changes
Inline Side-by-side
Showing with 97 additions and 48 deletions
src/pages/usercenter/passengerList.vue
View file @ 3cee4656
......@@ -263,10 +263,7 @@
</div>
<div class="tour-desc">
<div class="tour-cover">
<div class="tour_img"
:style="{backgroundImage:`url('${GuestObj.CoverImg}')`}">
</div>
<div class="tour_img" :style="{backgroundImage:`url('${GuestObj.CoverImg}')`}"></div>
</div>
<div class="tour_content">
<ul class="tour-detail-list">
......@@ -292,10 +289,13 @@
</div>
<!-- 旅客资料开始 -->
<div class="order-info-block" v-if="shape==1">
<div class="buy-title">旅客資料</div>
<div class="member-data" v-for="(item,index) in passengerList" :key="index">
<div class="buy-title">旅客資料
<q-btn color="amber" @click="SavePassenger()" style="height:50px;font-size:17px;font-weight:bold;"
label="儲存" />
</div>
<div class="member-data" v-for="(item,index) in GuestObj.list" :key="index">
<div class="data-header">
<div class="gustNum">旅客 1</div>
<div class="gustNum">旅客 {{index+1}}</div>
<i class="iconfont iconarrow-top"></i>
</div>
<div class="data-content">
......@@ -344,19 +344,20 @@
</div>
<div>
<div class="q-gutter-sm">
<q-radio v-model="item.inservice" :val="1" label="否" />
<q-radio v-model="item.inservice" :val="2" label="服役中" />
<q-radio v-model="item.inservice" :val="3" label="役男身份" />
<q-radio v-model="item.inservice" :val="4" label="接近役齡" />
<q-radio v-model="item.MilitaryServiceType" :val="1" label="否" />
<q-radio v-model="item.MilitaryServiceType" :val="2" label="服役中" />
<q-radio v-model="item.MilitaryServiceType" :val="3" label="役男身份" />
<q-radio v-model="item.MilitaryServiceType" :val="4" label="接近役齡" />
</div>
</div>
<div class="warning-bar2" v-if="item.inservice>1">
<div class="warning-bar2" v-if="item.MilitaryServiceType>1">
<div>請於出團前七天內上傳符合以下規定之護照畫面：</div>
<ol class="dot_list" style="font-size:14px;">
<li v-if="item.inservice==2">若您正在服役，出國必須蓋兩種章： 【持照人出國應經核准】【 年 月 日之前同意出國 字第 號核准】。</li>
<li v-if="item.inservice==3">若您是役男者，出國前必須前往戶籍所在地之鄉鎮市區公所兵役科(課)蓋兩種章：【持照人出國應經核准尚未履行兵役義務】【役男出國核准 年 月
<li v-if="item.MilitaryServiceType==2">若您正在服役，出國必須蓋兩種章： 【持照人出國應經核准】【 年 月 日之前同意出國 字第 號核准】。</li>
<li v-if="item.MilitaryServiceType==3">
若您是役男者，出國前必須前往戶籍所在地之鄉鎮市區公所兵役科(課)蓋兩種章：【持照人出國應經核准尚未履行兵役義務】【役男出國核准 年 月
日前一次有效 縣 市公所】</li>
<li v-if="item.inservice==4">若您是役齡男子，出國前必須前往戶籍所在地之鄉鎮市區公所兵役科(課)一種章：【尚未履行兵役義務】。</li>
<li v-if="item.MilitaryServiceType==4">若您是役齡男子，出國前必須前往戶籍所在地之鄉鎮市區公所兵役科(課)一種章：【尚未履行兵役義務】。</li>
</ol>
</div>
<div class="row q-col-gutter-x-xs q-col-gutter-y-lg">
......@@ -377,22 +378,10 @@
</q-input>
</div>
</div>
<div class="row q-col-gutter-x-xs q-col-gutter-y-lg">
<div class="account-group col-6">
<div class="account_labelName">機上餐食</div>
<q-select filled v-model="item.airfood" :options="airFood" emit-value map-options>
</q-select>
</div>
<div class="account-group col-6">
<div class="account_labelName">旅程餐食</div>
<q-select filled v-model="item.tripfood" :options="airFood" emit-value map-options>
</q-select>
</div>
</div>
<div class="row q-col-gutter-x-xs q-col-gutter-y-lg">
<div class="account-group col-12">
<div class="account_labelName">其他備註</div>
<q-input filled type="textarea" v-model="item.otherRemark" />
<q-input filled type="textarea" v-model="item.Remarks" />
</div>
</div>
</div>
......@@ -539,7 +528,6 @@
cityArray: [],
//台湾区列表
areaArray: [],
//收據開立Msg
receiptMsg: {
receipType: 1, //是否需要抬头
......@@ -558,22 +546,6 @@
}],
//单选显示哪个
shape: 1,
passengerList: [{
SurName: '', // 中文姓
Name: '', // 中文名
ESurName: '', //護照姓 ( 英文 )
EName: '', //護照名 ( 英文 )
IdCard: '', //身份证号码
Birthday: '', //出生日期
Sex: 1, //性别
inservice: 1, //是否服役中
PassportNo: '', //护照号
PassportExpiry: '', // 護照效期截止日期
airfood: 1, //机上餐食
tripfood: 1, //旅程餐食
otherRemark: '' //其他备注
}],
date: '', //要删的
//性别
sexArray: [{
value: 1,
......@@ -606,16 +578,93 @@
this.getTravelGuest();
},
methods: {
GetGuestObj() {
var obj = {
Id: 0, //旅客编号
TCID: 0, //团期编号
OrderId: 0, //订单编号
VisaPlanId: 0, //申请表id
SurName: '', //中文姓
Name: '', //中文名
Sex: 1, //性别 1-男 2-女
ESurName: "", //英文姓
EName: "", //英文名
Birthday: "", //出生日期
IdCard: "", //身份证号码
PassportNo: "", //护照号
PassportExpiry: "", //护照过期时间
Remarks: "", //备注
MilitaryServiceType: 1, //兵役类型
};
return obj;
},
//获取旅客信息
getTravelGuest() {
this.apipost("sellorder_get_GetTravelGuestList", {
OrderId: this.orderId
}, res => {
if (res.data.resultCode == 1) {
this.GuestObj = res.data.data;
console.log("GuestObj", this.GuestObj);
var tempObj = res.data.data;
if (tempObj && tempObj.list) {
if (tempObj.list.length == 0) {
for (var i = 0; i < tempObj.GuestNum; i++) {
tempObj.list.push(this.GetGuestObj());
}
} else if (tempObj.list.length > 0 && tempObj.list.length < tempObj.GuestNum) {
var newArray = [];
var tempArray = JSON.parse(JSON.stringify(tempObj.list));
if (tempArray && tempArray.length > 0) {
tempArray.forEach(item => {
var obj = {
Id: item.Id, //旅客编号
TCID: item.TCID, //团期编号
OrderId: item.OrderId, //订单编号
VisaPlanId: item.VisaPlanId, //申请表id
SurName: item.SurName, //中文姓
Name: item.NameStr, //中文名
Sex: item.SexNum, //性别 1-男 2-女
ESurName: item.ESurName, //英文姓
EName: item.EName, //英文名
Birthday: item.Birthday, //出生日期
IdCard: item.IdCard, //身份证号码
PassportNo: item.PassportNo, //护照号
PassportExpiry: item.PassportExpiry, //护照过期时间
Remarks: item.Remarks, //备注
MilitaryServiceType: 1, //兵役类
};
newArray.push(obj);
});
}
for (var i = tempObj.list.length; i < tempObj.GuestNum; i++) {
newArray.push(this.GetGuestObj());
}
tempObj.list = [];
tempObj.list = newArray;
}
}
this.GuestObj = tempObj;
}
});
},
//保存旅客信息
SavePassenger() {
var that = this;
if (that.GuestObj.list && that.GuestObj.list.length > 0) {
that.GuestObj.list.forEach(item => {
item.IsB2B = 1;
item.TCID = that.GuestObj.TCID;
item.OrderId = that.GuestObj.OrderId;
});
this.apipost(
"sellorder_post_SetTravelGuestList", this.GuestObj.list,
res => {
if (res.data.resultCode == 1) {
this.getTravelGuest();
}
},
err => {}
);
}
}
},
};
......
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