Skip to content

S
SuperMan
Commit dc166aa2 authored by 黄奎's avatar 黄奎
Browse files
Options

11

parent 0383156a
Show whitespace changes
Inline Side-by-side
Showing with 123 additions and 115 deletions
src/components/TravelContractConfirm.vue
View file @ dc166aa2
<style>
<style>
* {
margin: 0;
padding: 0;
......@@ -349,7 +349,6 @@
background: #fff;
border-top: 1px solid #ccc;
z-index: 1000;
padding-bottom: 32px;
}
.TCdiv_content .signSpan .sign {
......@@ -609,16 +608,7 @@
<template v-if="CtObj.CType==1">
<div class="TCdiv_content" :class="dialogVisible?'CisHideen':''">
<!-- 签字 -->
<div class="signSpan">
<div @click="dialogVisible=true" :class="dialogVisible?'CisHideen':''" class="sign">
<p><span style="font-size:3rem" class="iconfont icon-qianming"></span></p>
<span style="font-size:2rem"
v-if="CtObj.Tourists_Sign==''||CtObj.Tourists_Sign==null">{{$t('objFill.v101.qianzhi')}}</span>
<span style="font-size:2rem" v-else>重新签字</span>
</div>
<div style="width:100%;height:50px;">&nbsp;</div>
</div>
<!-- 开始进入弹窗 -->
<div class=TipTc v-if="tcShow">
<div class="TipsDiv" style="text-align:center;line-height:2">
......@@ -644,7 +634,8 @@
<li :class="ActiveTab==2?'ActiveLi':''" @click="ChangeTab(2)">相关告知及提示</li>
<li :class="ActiveTab==3?'ActiveLi':''" @click="ChangeTab(3)">单项委托/组合服务合同 预定项目及要求</li>
<li :class="ActiveTab==4?'ActiveLi':''" @click="ChangeTab(4)">签字盖章</li>
<li v-if=" CtObj.ContractGuestList&& CtObj.ContractGuestList.length>1" :class="ActiveTab==10?'ActiveLi':''" @click="ChangeTab(10)">签约委托书</li>
<li v-if=" CtObj.ContractGuestList&& CtObj.ContractGuestList.length>1"
:class="ActiveTab==10?'ActiveLi':''" @click="ChangeTab(10)">签约委托书</li>
</ul>
</div>
</div>
......@@ -1529,9 +1520,15 @@
</ul>
</div>
<!-- 签约委托书 -->
<div class="item_content" v-if="ActiveTab===10&&CtObj.ContractGuestList&&CtObj.ContractGuestList.length>1">
<p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;"><span style="text-decoration: underline;">{{CtObj.TravelAgency_Name}}:</span></p>
<p style="margin-bottom: 10px;">我自愿参加贵社组织的旅行团， <template v-if="CtObj.C_TCNUM&&CtObj.C_TCNUM.length>0">团号:<span style="text-decoration: underline;"> {{CtObj.C_TCNUM}}</span>，</template> 并全权委托<span style="text-decoration: underline;">{{CtObj.Tourists_Name}}</span>代表我与贵社签订《单项委托协议[平台版2018]》(合同编号:<span style="text-decoration: underline;">{{CtObj.T_ContractNum}}</span>)，按《单项委托协议[平台版2018]》约定，承担责任。</p>
<div class="item_content"
v-if="ActiveTab===10&&CtObj.ContractGuestList&&CtObj.ContractGuestList.length>1">
<p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;"><span
style="text-decoration: underline;">{{CtObj.TravelAgency_Name}}:</span></p>
<p style="margin-bottom: 10px;">我自愿参加贵社组织的旅行团， <template
v-if="CtObj.C_TCNUM&&CtObj.C_TCNUM.length>0">团号:<span style="text-decoration: underline;">
{{CtObj.C_TCNUM}}</span>，</template> 并全权委托<span
style="text-decoration: underline;">{{CtObj.Tourists_Name}}</span>代表我与贵社签订《单项委托协议[平台版2018]》(合同编号:<span
style="text-decoration: underline;">{{CtObj.T_ContractNum}}</span>)，按《单项委托协议[平台版2018]》约定，承担责任。</p>
<p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;">委托人:</p>
<ul class="guestUl">
<li v-for="(item,index) in CtObj.ContractGuestList" :key="index">
......@@ -1577,16 +1574,7 @@
</template>
<template v-if="CtObj.CType==2">
<div class="TCdiv_content" :class="dialogVisible?'CisHideen':''">
<!-- 签字 -->
<div class="signSpan">
<div @click="dialogVisible=true" :class="dialogVisible?'CisHideen':''" class="sign">
<p><span style="font-size:3rem" class="iconfont icon-qianming"></span></p>
<span style="font-size:2rem"
v-if="CtObj.Tourists_Sign==''||CtObj.Tourists_Sign==null">{{$t('objFill.v101.qianzhi')}}</span>
<span style="font-size:2rem" v-else>重新签字</span>
</div>
<div style="width:100%;height:50px;">&nbsp;</div>
</div>
<!-- 开始进入弹窗 -->
<div class=TipTc v-if="tcShow">
<div class="TipsDiv" style="text-align:center;line-height:2">
......@@ -1612,7 +1600,8 @@
<li :class="ActiveTab==2?'ActiveLi':''" @click="ChangeTab(2)">合同信息</li>
<li :class="ActiveTab==3?'ActiveLi':''" @click="ChangeTab(3)">盖章签字</li>
<li :class="ActiveTab==4?'ActiveLi':''" @click="ChangeTab(4)">游客名单</li>
<li v-if=" CtObj.ContractGuestList&& CtObj.ContractGuestList.length>1" :class="{'ActiveLi':ActiveTab==10}" @click="ChangeTab(10)">签约委托书</li>
<li v-if=" CtObj.ContractGuestList&& CtObj.ContractGuestList.length>1"
:class="{'ActiveLi':ActiveTab==10}" @click="ChangeTab(10)">签约委托书</li>
<li :class="ActiveTab==5?'ActiveLi':''" @click="ChangeTab(5)">团队行程</li>
<li :class="ActiveTab==6?'ActiveLi':''" @click="ChangeTab(6)">自愿购物活动补充协议</li>
<li :class="ActiveTab==7?'ActiveLi':''" @click="ChangeTab(7)">
......@@ -2247,9 +2236,18 @@
</ul>
</div>
<!-- 签约委托书 -->
<div class="item_content" v-if="ActiveTab===10&&CtObj.ContractGuestList&&CtObj.ContractGuestList.length>1">
<p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;"><span style="text-decoration: underline;">{{CtObj.TravelAgency_Name}}:</span></p>
<p style="margin-bottom: 10px;">我自愿参加贵社组织的<template v-if="CtObj.C_ProductName&&CtObj.C_ProductName.length>0"><span style="text-decoration: underline;" >{{CtObj.C_ProductName}}</span></template><template v-if="CtObj.C_DayNum>0"> <span style="text-decoration: underline;" > {{CtObj.C_DayNum}}天</span> </template> 旅行团，<template v-if="CtObj.C_TCNUM&&CtObj.C_TCNUM.length>0">团号:<span style="text-decoration: underline;"> {{CtObj.C_TCNUM}}</span>，</template> 并全权委托<span style="text-decoration: underline;">{{CtObj.Tourists_Name}}</span>代表我与贵社签订《大陆境内旅游合同2014》(合同编号:<span style="text-decoration: underline;">{{CtObj.T_ContractNum}}</span>)，按《大陆境内旅游合同2014》约定，承担责任。</p>
<div class="item_content"
v-if="ActiveTab===10&&CtObj.ContractGuestList&&CtObj.ContractGuestList.length>1">
<p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;"><span
style="text-decoration: underline;">{{CtObj.TravelAgency_Name}}:</span></p>
<p style="margin-bottom: 10px;">我自愿参加贵社组织的<template
v-if="CtObj.C_ProductName&&CtObj.C_ProductName.length>0"><span
style="text-decoration: underline;">{{CtObj.C_ProductName}}</span></template><template
v-if="CtObj.C_DayNum>0"> <span style="text-decoration: underline;"> {{CtObj.C_DayNum}}天</span>
</template> 旅行团，<template v-if="CtObj.C_TCNUM&&CtObj.C_TCNUM.length>0">团号:<span
style="text-decoration: underline;"> {{CtObj.C_TCNUM}}</span>，</template> 并全权委托<span
style="text-decoration: underline;">{{CtObj.Tourists_Name}}</span>代表我与贵社签订《大陆境内旅游合同2014》(合同编号:<span
style="text-decoration: underline;">{{CtObj.T_ContractNum}}</span>)，按《大陆境内旅游合同2014》约定，承担责任。</p>
<p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;">委托人:</p>
<ul class="guestUl">
<li v-for="(item,index) in CtObj.ContractGuestList" :key="index">
......@@ -2451,17 +2449,7 @@
<!-- 一日游 -->
<template v-if="CtObj.CType==3">
<div class="TCdiv_content" :class="dialogVisible?'CisHideen':''">
<!-- 签字 -->
<div class="signSpan">
<div @click="dialogVisible=true" :class="dialogVisible?'CisHideen':''" class="sign">
<!-- <span><span class="sp1"></span></p> -->
<p><span style="font-size:3rem" class="iconfont icon-qianming"></span></p>
<span style="font-size:2rem"
v-if="CtObj.Tourists_Sign==''||CtObj.Tourists_Sign==null">{{$t('objFill.v101.qianzhi')}}</span>
<span style="font-size:2rem" v-else>重新签字</span>
</div>
<div style="width:100%;height:50px;">&nbsp;</div>
</div>
<!-- 开始进入弹窗 -->
<div class=TipTc v-if="tcShow">
<div class="TipsDiv" style="text-align:center;line-height:2">
......@@ -2896,8 +2884,16 @@
</div>
<!-- 签约委托书 -->
<div class="item_content" v-if="ActiveTab==10&&CtObj.ContractGuestList&&CtObj.ContractGuestList.length>1">
<p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;"><span style="text-decoration: underline;">{{CtObj.TravelAgency_Name}}:</span></p>
<p style="margin-bottom: 10px;">我自愿参加贵社组织的 <template v-if="CtObj.C_ProductName&&CtObj.C_ProductName.length>0"><span style="text-decoration: underline;" >{{CtObj.C_ProductName}}</span></template><template v-if="CtObj.C_DayNum>0"> <span style="text-decoration: underline;" > {{CtObj.C_DayNum}}天</span> </template>旅行团， <template v-if="CtObj.C_TCNUM&&CtObj.C_TCNUM.length>0">团号:<span style="text-decoration: underline;"> {{CtObj.C_TCNUM}}</span>，</template>并全权委托<span style="text-decoration: underline;">{{CtObj.Tourists_Name}}</span>代表我与贵社签订《一日游旅游合同》(合同编号:<span style="text-decoration: underline;">{{CtObj.T_ContractNum}}</span>)，按《一日游旅游合同》约定，承担责任。</p>
<p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;"><span
style="text-decoration: underline;">{{CtObj.TravelAgency_Name}}:</span></p>
<p style="margin-bottom: 10px;">我自愿参加贵社组织的 <template
v-if="CtObj.C_ProductName&&CtObj.C_ProductName.length>0"><span
style="text-decoration: underline;">{{CtObj.C_ProductName}}</span></template><template
v-if="CtObj.C_DayNum>0"> <span style="text-decoration: underline;"> {{CtObj.C_DayNum}}天</span>
</template>旅行团， <template v-if="CtObj.C_TCNUM&&CtObj.C_TCNUM.length>0">团号:<span
style="text-decoration: underline;"> {{CtObj.C_TCNUM}}</span>，</template>并全权委托<span
style="text-decoration: underline;">{{CtObj.Tourists_Name}}</span>代表我与贵社签订《一日游旅游合同》(合同编号:<span
style="text-decoration: underline;">{{CtObj.T_ContractNum}}</span>)，按《一日游旅游合同》约定，承担责任。</p>
<p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;">委托人:</p>
<ul class="guestUl">
<li v-for="(item,index) in CtObj.ContractGuestList" :key="index">
......@@ -3952,6 +3948,18 @@
</div>
</div>
</template>
<!-- 签字 -->
<div class="TCdiv_content">
<div class="signSpan">
<div @click="dialogVisible=true" :class="dialogVisible?'CisHideen':''" class="sign">
<p><span style="font-size:3rem" class="iconfont icon-qianming"></span></p>
<span style="font-size:2rem"
v-if="CtObj.Tourists_Sign==''||CtObj.Tourists_Sign==null">{{$t('objFill.v101.qianzhi')}}</span>
<span style="font-size:2rem" v-else>重新签字</span>
</div>
<div style="width:100%;height:calc(50px + env(safe-area-inset-bottom, 34px));padding-bottom:env(safe-area-inset-bottom, 34px);">&nbsp;</div>
</div>
</div>
<div class="CliSignDiv" :class="dialogVisible?'isShowSign':''" @touchmove.prevent>
<div class="CliSignDiv" style="height:100%;background:#fff;z-index:100">
<div class="CanvasDiv">
......@@ -3960,7 +3968,7 @@
</div>
</div>
</div>
<div class="bottom" style="text-align:center;height:100px;line-height:100px;">
<div class="bottom" style="text-align:center;height:80px;line-height:80px;">
<el-row>
<el-col :span="12">
<div style="width:100%;" @click="handelClearEl()">
......@@ -3976,7 +3984,7 @@
</el-col>
</el-row>
</div>
<div style="width:100%;height:50px;">&nbsp;</div>
<div style="width:100%;height:calc(50px + env(safe-area-inset-bottom, 34px));padding-bottom:env(safe-area-inset-bottom, 34px);">&nbsp;</div>
</div>
</div>
</div>
......@@ -4159,7 +4167,7 @@
}
return serviceCount;
},
getKongge(str){
getKongge(str) {
return str.replace(/\s+/g, "");
},
ChangeTab(num) {
......
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