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; margin: 0;
padding: 0; padding: 0;
...@@ -349,7 +349,6 @@ ...@@ -349,7 +349,6 @@
background: #fff; background: #fff;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
z-index: 1000; z-index: 1000;
padding-bottom: 32px;
} }
.TCdiv_content .signSpan .sign { .TCdiv_content .signSpan .sign {
...@@ -609,16 +608,7 @@ ...@@ -609,16 +608,7 @@
<template v-if="CtObj.CType==1"> <template v-if="CtObj.CType==1">
<div class="TCdiv_content" :class="dialogVisible?'CisHideen':''"> <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=TipTc v-if="tcShow">
<div class="TipsDiv" style="text-align:center;line-height:2"> <div class="TipsDiv" style="text-align:center;line-height:2">
...@@ -644,7 +634,8 @@ ...@@ -644,7 +634,8 @@
<li :class="ActiveTab==2?'ActiveLi':''" @click="ChangeTab(2)">相关告知及提示</li> <li :class="ActiveTab==2?'ActiveLi':''" @click="ChangeTab(2)">相关告知及提示</li>
<li :class="ActiveTab==3?'ActiveLi':''" @click="ChangeTab(3)">单项委托/组合服务合同 预定项目及要求</li> <li :class="ActiveTab==3?'ActiveLi':''" @click="ChangeTab(3)">单项委托/组合服务合同 预定项目及要求</li>
<li :class="ActiveTab==4?'ActiveLi':''" @click="ChangeTab(4)">签字盖章</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> </ul>
</div> </div>
</div> </div>
...@@ -1529,9 +1520,15 @@ ...@@ -1529,9 +1520,15 @@
</ul> </ul>
</div> </div>
<!-- 签约委托书 --> <!-- 签约委托书 -->
<div class="item_content" v-if="ActiveTab===10&&CtObj.ContractGuestList&&CtObj.ContractGuestList.length>1"> <div class="item_content"
<p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;"><span style="text-decoration: underline;">{{CtObj.TravelAgency_Name}}:</span></p> v-if="ActiveTab===10&&CtObj.ContractGuestList&&CtObj.ContractGuestList.length>1">
<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;"><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> <p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;">委托人:</p>
<ul class="guestUl"> <ul class="guestUl">
<li v-for="(item,index) in CtObj.ContractGuestList" :key="index"> <li v-for="(item,index) in CtObj.ContractGuestList" :key="index">
...@@ -1577,16 +1574,7 @@ ...@@ -1577,16 +1574,7 @@
</template> </template>
<template v-if="CtObj.CType==2"> <template v-if="CtObj.CType==2">
<div class="TCdiv_content" :class="dialogVisible?'CisHideen':''"> <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=TipTc v-if="tcShow">
<div class="TipsDiv" style="text-align:center;line-height:2"> <div class="TipsDiv" style="text-align:center;line-height:2">
...@@ -1612,7 +1600,8 @@ ...@@ -1612,7 +1600,8 @@
<li :class="ActiveTab==2?'ActiveLi':''" @click="ChangeTab(2)">合同信息</li> <li :class="ActiveTab==2?'ActiveLi':''" @click="ChangeTab(2)">合同信息</li>
<li :class="ActiveTab==3?'ActiveLi':''" @click="ChangeTab(3)">盖章签字</li> <li :class="ActiveTab==3?'ActiveLi':''" @click="ChangeTab(3)">盖章签字</li>
<li :class="ActiveTab==4?'ActiveLi':''" @click="ChangeTab(4)">游客名单</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==5?'ActiveLi':''" @click="ChangeTab(5)">团队行程</li>
<li :class="ActiveTab==6?'ActiveLi':''" @click="ChangeTab(6)">自愿购物活动补充协议</li> <li :class="ActiveTab==6?'ActiveLi':''" @click="ChangeTab(6)">自愿购物活动补充协议</li>
<li :class="ActiveTab==7?'ActiveLi':''" @click="ChangeTab(7)"> <li :class="ActiveTab==7?'ActiveLi':''" @click="ChangeTab(7)">
...@@ -2247,9 +2236,18 @@ ...@@ -2247,9 +2236,18 @@
</ul> </ul>
</div> </div>
<!-- 签约委托书 --> <!-- 签约委托书 -->
<div class="item_content" v-if="ActiveTab===10&&CtObj.ContractGuestList&&CtObj.ContractGuestList.length>1"> <div class="item_content"
<p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;"><span style="text-decoration: underline;">{{CtObj.TravelAgency_Name}}:</span></p> v-if="ActiveTab===10&&CtObj.ContractGuestList&&CtObj.ContractGuestList.length>1">
<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;"><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> <p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;">委托人:</p>
<ul class="guestUl"> <ul class="guestUl">
<li v-for="(item,index) in CtObj.ContractGuestList" :key="index"> <li v-for="(item,index) in CtObj.ContractGuestList" :key="index">
...@@ -2451,17 +2449,7 @@ ...@@ -2451,17 +2449,7 @@
<!-- 一日游 --> <!-- 一日游 -->
<template v-if="CtObj.CType==3"> <template v-if="CtObj.CType==3">
<div class="TCdiv_content" :class="dialogVisible?'CisHideen':''"> <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=TipTc v-if="tcShow">
<div class="TipsDiv" style="text-align:center;line-height:2"> <div class="TipsDiv" style="text-align:center;line-height:2">
...@@ -2896,8 +2884,16 @@ ...@@ -2896,8 +2884,16 @@
</div> </div>
<!-- 签约委托书 --> <!-- 签约委托书 -->
<div class="item_content" v-if="ActiveTab==10&&CtObj.ContractGuestList&&CtObj.ContractGuestList.length>1"> <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="font-size: 14px;font-weight: bolder;margin-bottom: 10px;"><span
<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> 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> <p style="font-size: 14px;font-weight: bolder;margin-bottom: 10px;">委托人:</p>
<ul class="guestUl"> <ul class="guestUl">
<li v-for="(item,index) in CtObj.ContractGuestList" :key="index"> <li v-for="(item,index) in CtObj.ContractGuestList" :key="index">
...@@ -3952,6 +3948,18 @@ ...@@ -3952,6 +3948,18 @@
</div> </div>
</div> </div>
</template> </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" :class="dialogVisible?'isShowSign':''" @touchmove.prevent>
<div class="CliSignDiv" style="height:100%;background:#fff;z-index:100"> <div class="CliSignDiv" style="height:100%;background:#fff;z-index:100">
<div class="CanvasDiv"> <div class="CanvasDiv">
...@@ -3960,7 +3968,7 @@ ...@@ -3960,7 +3968,7 @@
</div> </div>
</div> </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-row>
<el-col :span="12"> <el-col :span="12">
<div style="width:100%;" @click="handelClearEl()"> <div style="width:100%;" @click="handelClearEl()">
...@@ -3976,7 +3984,7 @@ ...@@ -3976,7 +3984,7 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </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> </div>
</div> </div>
...@@ -4159,7 +4167,7 @@ ...@@ -4159,7 +4167,7 @@
} }
return serviceCount; return serviceCount;
}, },
getKongge(str){ getKongge(str) {
return str.replace(/\s+/g, ""); return str.replace(/\s+/g, "");
}, },
ChangeTab(num) { 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