Skip to content

M
million
Commit 23cb1f5b authored by zhengke's avatar zhengke
Browse files
Options

修改

parent ba37be7a
Hide whitespace changes
Inline Side-by-side
Showing with 109 additions and 99 deletions
src/pages/usercenter/passengerList.vue
View file @ 23cb1f5b
......@@ -159,7 +159,10 @@
padding-left: 20px;
list-style-type: disc;
}
.order-buy .q-field--with-bottom{
padding-bottom:0!important;
margin-bottom:20px;
}
.account_labelName {
margin: 20px 0 10px 0;
font-size: 15px;
......@@ -170,9 +173,12 @@
}
.order-buy .q-field__control {
min-height: 46px !important;
min-height: 46px;
}
.otherBeizhu .q-field__control{
min-height:auto;
height:auto;
}
.order-buy .q-field__native {
min-height: 46px;
}
......@@ -245,7 +251,11 @@
background-color: #fffde7;
color: #ff9800;
}
.isShowDiv{
visibility:hidden;
height:0;
padding:0;
}
</style>
<template>
<q-page>
......@@ -290,113 +300,113 @@
<!-- 旅客资料开始 -->
<div class="order-info-block" v-if="shape==1">
<div class="buy-title">旅客資料
<q-btn color="amber" @click="SavePassenger()" type="submit" style="float:right;font-size:17px;font-weight:bold;"
<q-btn color="amber" @click="getConnect()" type="submit" 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" v-if="item.isShow" @click="getShow(item)"></i>
<i class="iconfont iconarrowdown" v-else @click="getShow(item)"></i>
</div>
<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" />
<q-form ref="myForm" class="q-gutter-md">
<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" v-if="item.isShow" @click="getShow(item)"></i>
<i class="iconfont iconarrowdown" v-else @click="getShow(item)"></i>
</div>
<div class="data-content" :class="{'isShowDiv':!item.isShow}">
<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" :rules="[ val => val && val.length > 0 || '请输入中文名']" 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.ESurName" :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.EName" :rules="[ val => val && val.length > 0 || '请输入護照名']" 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 outlined v-model="item.IdCard" :rules="[ val => val && val.length > 0 || '请输入身分證字號']" 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.IdCard" 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" :rules="[ val => val && val.length > 0 || '请选择出生日期']">
<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 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 class="remind-question">
是否服役中、為役男身份或接近役齡？
</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 class="tip-text">
*服役中包含替代役，役男身份指年滿18歲至服兵役前，接近役齡指年滿16歲至18歲，若為免役者請勾選否。
</div>
</div>
<div class="remind-question">
是否服役中、為役男身份或接近役齡？
</div>
<div class="tip-text">
*服役中包含替代役，役男身份指年滿18歲至服兵役前，接近役齡指年滿16歲至18歲，若為免役者請勾選否。
</div>
<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 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="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="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="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 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" :rules="[ val => val && val.length > 0 || '请填写護照號碼']" 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" :rules="[ val => val && val.length > 0 || '请选择護照效期截止日期']">
<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>
<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 otherBeizhu">
<div class="account_labelName">其他備註</div>
<q-input filled type="textarea" class="col" v-model="item.Remarks" />
</div>
</div>
</div>
</q-form>
</div>
</div>
</div>
</q-form>
</div>
<!-- 旅客资料结束 -->
<!-- 收件资料开始 -->
......@@ -669,7 +679,7 @@
getConnect(){
this.$refs.myForm.validate().then(success => {
if (success) {
// yay, models are correct
this.SavePassenger();
}
else {
// oh no, user has filled in
......
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