Skip to content

M
million
Commit 02bc1efd authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 8b32e2e6
Hide whitespace changes
Inline Side-by-side
Showing with 110 additions and 82 deletions
src/pages/usercenter/passengerList.vue
View file @ 02bc1efd
......@@ -148,7 +148,7 @@
}
.order-info-block .buy-title {
margin-bottom: 5px;
margin-bottom: 35px;
font-size: 20px;
font-weight: bold;
}
......@@ -290,100 +290,111 @@
<!-- 旅客资料开始 -->
<div class="order-info-block" v-if="shape==1">
<div class="buy-title">旅客資料
<q-btn color="amber" @click="SavePassenger()" style="height:50px;font-size:17px;font-weight:bold;"
<q-btn color="amber" @click="SavePassenger()" style="float:right;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">旅客 {{index+1}}</div>
<i class="iconfont iconarrow-top"></i>
<i class="iconfont iconarrow-top" v-if="item.isShow" @click="getShow(item)"></i>
<i class="iconfont iconarrowdown" v-else @click="getShow(item)"></i>
</div>
<div class="data-content">
<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-input outlined v-model="item.SurName" class="bg-grey-1" />
<div class="data-content" v-if="item.isShow">
<q-form class="q-gutter-md">
<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-input outlined v-model="item.SurName" :rules="[ val => val && val.length > 0 || '请输入中文姓']" class="bg-grey-1" />
</div>
<div class="account-group col-6">
<div class="account_labelName">中文名</div>
<q-input outlined v-model="item.Name" class="bg-grey-1" />
</div>
</div>
<div class="account-group col-6">
<div class="account_labelName">中文名</div>
<q-input outlined v-model="item.Name" class="bg-grey-1" />
<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-input outlined v-model="item.ESurName" class="bg-grey-1" />
</div>
<div class="account-group col-6">
<div class="account_labelName">護照名 ( 英文 )</div>
<q-input outlined v-model="item.EName" class="bg-grey-1" />
</div>
</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-input outlined v-model="item.ESurName" class="bg-grey-1" />
<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-input outlined v-model="item.IdCard" class="bg-grey-1" />
</div>
</div>
<div class="account-group col-6">
<div class="account_labelName">護照名 ( 英文 )</div>
<q-input outlined v-model="item.EName" class="bg-grey-1" />
<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-input filled v-model="item.Birthday" mask="date">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy :ref="'qDateProxy'+index" transition-show="scale" transition-hide="scale">
<q-date v-model="item.Birthday" @input="()=> $refs['qDateProxy'+index][0].hide()" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</div>
<div class="account-group col-6">
<div class="account_labelName">性別</div>
<q-select filled v-model="item.Sex" :options="sexArray" emit-value map-options>
</q-select>
</div>
</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-input outlined v-model="item.IdCard" class="bg-grey-1" />
<div class="remind-question">
是否服役中、為役男身份或接近役齡？
</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-input outlined v-model="item.Birthday" class="bg-grey-1" />
<div class="tip-text">
*服役中包含替代役，役男身份指年滿18歲至服兵役前，接近役齡指年滿16歲至18歲，若為免役者請勾選否。
</div>
<div class="account-group col-6">
<div class="account_labelName">性別</div>
<q-select filled v-model="item.Sex" :options="sexArray" emit-value map-options>
</q-select>
<div>
<div class="q-gutter-sm" style="margin-bottom:15px;">
<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>
<div class="remind-question">
是否服役中、為役男身份或接近役齡？
</div>
<div class="tip-text">
*服役中包含替代役，役男身份指年滿18歲至服兵役前，接近役齡指年滿16歲至18歲，若為免役者請勾選否。
</div>
<div>
<div class="q-gutter-sm">
<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 class="warning-bar2" v-if="item.MilitaryServiceType>1">
<div>請於出團前七天內上傳符合以下規定之護照畫面：</div>
<ol class="dot_list" style="font-size:14px;">
<li v-if="item.MilitaryServiceType==2">若您正在服役，出國必須蓋兩種章： 【持照人出國應經核准】【 年 月 日之前同意出國 字第 號核准】。</li>
<li v-if="item.MilitaryServiceType==3">
若您是役男者，出國前必須前往戶籍所在地之鄉鎮市區公所兵役科(課)蓋兩種章：【持照人出國應經核准尚未履行兵役義務】【役男出國核准 年 月
日前一次有效 縣 市公所】</li>
<li v-if="item.MilitaryServiceType==4">若您是役齡男子，出國前必須前往戶籍所在地之鄉鎮市區公所兵役科(課)一種章：【尚未履行兵役義務】。</li>
</ol>
</div>
</div>
<div class="warning-bar2" v-if="item.MilitaryServiceType>1">
<div>請於出團前七天內上傳符合以下規定之護照畫面：</div>
<ol class="dot_list" style="font-size:14px;">
<li v-if="item.MilitaryServiceType==2">若您正在服役，出國必須蓋兩種章： 【持照人出國應經核准】【 年 月 日之前同意出國 字第 號核准】。</li>
<li v-if="item.MilitaryServiceType==3">
若您是役男者，出國前必須前往戶籍所在地之鄉鎮市區公所兵役科(課)蓋兩種章：【持照人出國應經核准尚未履行兵役義務】【役男出國核准 年 月
日前一次有效 縣 市公所】</li>
<li v-if="item.MilitaryServiceType==4">若您是役齡男子，出國前必須前往戶籍所在地之鄉鎮市區公所兵役科(課)一種章：【尚未履行兵役義務】。</li>
</ol>
</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-input outlined v-model="item.PassportNo" class="bg-grey-1" />
<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-input outlined v-model="item.PassportNo" class="bg-grey-1" />
</div>
<div class="account-group col-6">
<div class="account_labelName">護照效期截止日期</div>
<q-input filled v-model="item.PassportExpiry" mask="date">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy :ref="'huzhao'+index" transition-show="scale" transition-hide="scale">
<q-date v-model="item.PassportExpiry" @input="()=>$refs['huzhao'+index][0].hide()" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</div>
</div>
<div class="account-group col-6">
<div class="account_labelName">護照效期截止日期</div>
<q-input filled v-model="item.PassportExpiry" mask="date">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy" transition-show="scale" transition-hide="scale">
<q-date v-model="item.PassportExpiry" @input="() => $refs.qDateProxy.hide()" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</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.Remarks" />
<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.Remarks" />
</div>
</div>
</div>
</q-form>
</div>
</div>
</div>
......@@ -493,14 +504,14 @@
<div class="passRadio">
<q-radio v-model="shape" :val="1" label="旅客資料" />
</div>
<div class="passRadio">
<div class="passRadio" style="display:none;">
<q-radio v-model="shape" :val="2" label="收件資料" />
</div>
<div class="passRadio">
<div class="passRadio" style="display:none;">
<q-radio v-model="shape" :val="3" label="收據開立" />
</div>
</div>
<q-btn color="white" text-color="black" style="width:100%;height:40px;margin-top:10px;" label="回訂單明細" />
<q-btn color="white" text-color="black" style="width:100%;height:40px;margin-top:10px;display:none;" label="回訂單明細" />
<q-btn color="primary" style="width:100%;height:40px;margin-top:15px;" label="前往付款" />
</div>
</div>
......@@ -578,6 +589,10 @@
this.getTravelGuest();
},
methods: {
getShow(item){
item.isShow=!item.isShow;
this.$forceUpdate();
},
GetGuestObj() {
var obj = {
Id: 0, //旅客编号
......@@ -640,9 +655,15 @@
}
tempObj.list = [];
tempObj.list = newArray;
tempObj.list.forEach(x=>{
x.isShow=true;
})
}
}
this.GuestObj = tempObj;
this.GuestObj.list.forEach(x=>{
x.isShow=true;
})
}
});
},
......@@ -660,6 +681,13 @@
res => {
if (res.data.resultCode == 1) {
this.getTravelGuest();
}else{
this.$q.notify({
type: 'negative',
message: res.data.message,
position: 'top',
timeout: 2000, // 以毫秒为单位; 0意味着没有超时
})
}
},
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