Skip to content

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

页面修改

parent 303fd301
Show whitespace changes
Inline Side-by-side
Showing with 1558 additions and 1200 deletions
src/components/onedayTripContract.vue
View file @ c85db5ae
<style> <style>
*{ * {
margin:0; margin: 0;
padding:0; padding: 0;
} }
.TC-MainContent{ .TC-MainContent {
min-height: 650px; min-height: 650px;
background: url(../assets/img/bodyBg.png); background: url(../assets/img/bodyBg.png);
padding-top: 10px; padding-top: 10px;
font: normal 13px 'Microsoft Yahei'; font: normal 13px "Microsoft Yahei";
color:#555; color: #555;
height:auto!important; height: auto !important;
} }
.TC-MainContent .fixedMenu { .TC-MainContent .fixedMenu {
position: fixed; position: fixed;
left: 20px; left: 20px;
top: 75px; top: 75px;
margin: 0; margin: 0;
padding-top: 10px; padding-top: 10px;
} }
.TC-MainContent .fixedMenu li { .TC-MainContent .fixedMenu li {
padding: 5px 15px; padding: 5px 15px;
position: relative; position: relative;
border-right: 2px solid #e2e2e2; border-right: 2px solid #e2e2e2;
cursor: pointer; cursor: pointer;
list-style: none; list-style: none;
font-size:13px; font-size: 13px;
} }
.TC-MainContent .fixedMenu li:after { .TC-MainContent .fixedMenu li:after {
content: ''; content: "";
display: block; display: block;
width: 0; width: 0;
height: 0; height: 0;
...@@ -36,11 +36,11 @@ ...@@ -36,11 +36,11 @@
position: absolute; position: absolute;
right: -12px; right: -12px;
top: 11px; top: 11px;
} }
.TC-MainContent .contractTit { .TC-MainContent .contractTit {
position: fixed; position: fixed;
left: 0; left: 0;
top:0; top: 0;
width: 100%; width: 100%;
z-index: 1000; z-index: 1000;
padding: 15px 20px 12px; padding: 15px 20px 12px;
...@@ -49,133 +49,159 @@ ...@@ -49,133 +49,159 @@
background: url(../assets/img/bodyBg.png); background: url(../assets/img/bodyBg.png);
font-size: 18px; font-size: 18px;
color: #555; color: #555;
} }
.TC-MainContent .contractTit span{ .TC-MainContent .contractTit span {
font-size: 21px; font-size: 21px;
font-weight: bold; font-weight: bold;
} }
.TC-MainContent .block { .TC-MainContent .block {
border: 1px solid #cdcdcd; border: 1px solid #cdcdcd;
background: #f9f9f9; background: #f9f9f9;
position: relative; position: relative;
margin-bottom: 20px; margin-bottom: 20px;
} }
.TC-MainContent .container-fluid { .TC-MainContent .container-fluid {
padding-right: 20px; padding-right: 20px;
padding-left: 20px; padding-left: 20px;
*zoom: 1; *zoom: 1;
} }
.TC-MainContent .mtop15{ .TC-MainContent .mtop15 {
margin-top:15px; margin-top: 15px;
} }
.TC-MainContent .blockTitle { .TC-MainContent .blockTitle {
border-bottom: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;
background-color: #efefef; background-color: #efefef;
} }
.TC-MainContent .blockTitle span.icon { .TC-MainContent .blockTitle span.icon {
border-right: 1px solid #CDCDCD; border-right: 1px solid #cdcdcd;
position: absolute; position: absolute;
left: 10px; left: 10px;
height: 40px; height: 40px;
padding-right: 10px; padding-right: 10px;
padding-top: 8px; padding-top: 8px;
} }
.TC-MainContent .blockTitle h2 { .TC-MainContent .blockTitle h2 {
font-size: 15px; font-size: 15px;
min-height: 40px; min-height: 40px;
margin: 0; margin: 0;
font-family: 'Microsoft Yahei'; font-family: "Microsoft Yahei";
color: #5b5b5b; color: #5b5b5b;
padding-right: 15px; padding-right: 15px;
padding-left: 48px; padding-left: 48px;
line-height: 40px; line-height: 40px;
} }
.TC-MainContent .blockTitle h2 { .TC-MainContent .blockTitle h2 {
font-size: 15px; font-size: 15px;
min-height: 40px; min-height: 40px;
margin: 0; margin: 0;
font-family: 'Microsoft Yahei'; font-family: "Microsoft Yahei";
color: #5b5b5b; color: #5b5b5b;
padding-right: 15px; padding-right: 15px;
padding-left: 48px; padding-left: 48px;
} }
.TC-MainContent .block em { .TC-MainContent .block em {
font-style: normal; font-style: normal;
} }
.TC-MainContent .createTableTitle { .TC-MainContent .createTableTitle {
padding: 10px 0; padding: 10px 0;
margin: 5px 30px 0; margin: 5px 30px 0;
border-bottom: 1px dashed #ccc; border-bottom: 1px dashed #ccc;
font: normal 15px 'microsoft yahei'; font: normal 15px "microsoft yahei";
} }
.TC-MainContent .createTable{ .TC-MainContent .createTable {
background-color: #f9f9f9; background-color: #f9f9f9;
width:100%; width: 100%;
} }
.TC-MainContent .el-form-item{ .TC-MainContent .el-form-item {
margin-bottom:10px; margin-bottom: 10px;
} }
.TC-MainContent .w300{ .TC-MainContent .w300 {
width:300px!important; width: 300px !important;
} }
.TC-MainContent .w150{ .TC-MainContent .w150 {
width:150px!important; width: 150px !important;
} }
.TC-MainContent .w60{ .TC-MainContent .w60 {
width:60px!important; width: 60px !important;
} }
.TC-MainContent .w180{ .TC-MainContent .w180 {
width:180px!important; width: 180px !important;
} }
.TC-MainContent .w138{ .TC-MainContent .w138 {
width:138px!important; width: 138px !important;
} }
.TC-MainContent .w600{ .TC-MainContent .w600 {
width:600px!important; width: 600px !important;
} }
.TC-MainContent .singeRowTable{width: 100%;border-collapse:collapse;} .TC-MainContent .singeRowTable {
.TC-MainContent .singeRowTable tr th,.v-table-title-cell{background: #E6E6E6;height:40px; font-size: 14px; color: #333;} width: 100%;
.TC-MainContent .singeRowTable tr{background: #fff;text-align: center; height: 40px;} border-collapse: collapse;
.TC-MainContent .singeRowTable tr:nth-child(2n+1){background:#fafafa; } }
.TC-MainContent .singeRowTable tr:hover{background: #f2f2f2;} .TC-MainContent .singeRowTable tr th,
.TC-MainContent .singeRowTable tr td{font-size: 12px;border: 1px solid #E5E5E5;} .v-table-title-cell {
.TC-MainContent .TC_NewAddBtn{ background: #e6e6e6;
height: 40px;
font-size: 14px;
color: #333;
}
.TC-MainContent .singeRowTable tr {
background: #fff;
text-align: center;
height: 40px;
}
.TC-MainContent .singeRowTable tr:nth-child(2n + 1) {
background: #fafafa;
}
.TC-MainContent .singeRowTable tr:hover {
background: #f2f2f2;
}
.TC-MainContent .singeRowTable tr td {
font-size: 12px;
border: 1px solid #e5e5e5;
}
.TC-MainContent .TC_NewAddBtn {
background-color: #006dcc; background-color: #006dcc;
width:83px; width: 83px;
height:26px; height: 26px;
color:#fff; color: #fff;
border:none; border: none;
margin-right: 5px; margin-right: 5px;
cursor: pointer; cursor: pointer;
} }
.TC-MainContent .singeRowTable .el-button.is-circle{ .TC-MainContent .singeRowTable .el-button.is-circle {
padding:5px; padding: 5px;
} }
.TC-MainContent .TcNewTable td{ .TC-MainContent .TcNewTable td {
padding:5px; padding: 5px;
} }
.TC-MainContent .fixedMenu li.active { .TC-MainContent .fixedMenu li.active {
background: #90b7ec; background: #90b7ec;
color: #fff; color: #fff;
border-right-color: #5882bb; border-right-color: #5882bb;
} }
.TC-MainContent .fixedMenu li.active:after { .TC-MainContent .fixedMenu li.active:after {
border-left-color: #5882bb; border-left-color: #5882bb;
} }
.TC-MainContent .pull-right{ .TC-MainContent .pull-right {
float:right; float: right;
} }
.TC-MainContent .TC_disabled{ .TC-MainContent .TC_disabled {
color:#57a3f3; color: #57a3f3;
cursor: not-allowed!important; cursor: not-allowed !important;
} }
.TC-MainContent .TCbtn-info { .TC-MainContent .TCbtn-info {
color: #ffffff; color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #49afcd; background-color: #49afcd;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-gradient(
linear,
0 0,
0 100%,
from(#5bc0de),
to(#2f96b4)
);
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
...@@ -184,18 +210,24 @@ ...@@ -184,18 +210,24 @@
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
padding:10px 19px; padding: 10px 19px;
border:none; border: none;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
} }
.TC-MainContent .btn-warning{ .TC-MainContent .btn-warning {
color: #ffffff; color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732; background-color: #faa732;
*background-color: #f89406; *background-color: #f89406;
background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-gradient(
linear,
0 0,
0 100%,
from(#fbb450),
to(#f89406)
);
background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406);
...@@ -204,46 +236,54 @@ ...@@ -204,46 +236,54 @@
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
padding:10px 19px; padding: 10px 19px;
outline: none; outline: none;
border:none; border: none;
cursor: pointer; cursor: pointer;
} }
.TCbtn-info:hover,.btn-warning:hover{ .TCbtn-info:hover,
.btn-warning:hover {
color: #ffffff; color: #ffffff;
opacity: 0.8; opacity: 0.8;
} }
.TcTravel_Table{ .TcTravel_Table {
width: 100%; width: 100%;
border: none; border: none;
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }
.TcTravel_Table td{ .TcTravel_Table td {
border: 1px solid rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0);
word-break: break-all; word-break: break-all;
padding:5px; padding: 5px;
line-height: 2; line-height: 2;
} }
.TC_LASTTD div{ .TC_LASTTD div {
margin-bottom:10px; margin-bottom: 10px;
} }
.feeJisuan .el-form-item__label{ .feeJisuan .el-form-item__label {
margin-top:5px; margin-top: 5px;
} }
.onedayRed{ .onedayRed {
color:red; color: red;
} }
.onedayAccount .el-form-item__label{ .onedayAccount .el-form-item__label {
margin-top:5px; margin-top: 5px;
} }
</style> </style>
<template> <template>
<div class="TC-MainContent"> <div class="TC-MainContent">
<!-- 内容开始 --> <!-- 内容开始 -->
<ul class="fixedMenu" id="fixedMenu"> <ul class="fixedMenu" id="fixedMenu">
<li v-for="(item,index) in menuArr" :class="{'active':index==ckedIndex}" @click="ckedIndex=index,goAnchor('#anchor-'+index)">{{item}}</li> <li
v-for="(item, index) in menuArr"
:key="index"
:class="{ active: index == ckedIndex }"
@click="(ckedIndex = index), goAnchor('#anchor-' + index)"
>
{{ item }}
</li>
</ul> </ul>
<div class="contractTit"> <div class="contractTit">
<span> <span>
...@@ -251,11 +291,20 @@ ...@@ -251,11 +291,20 @@
<span style="color:blue;font-size:14px;"></span> <span style="color:blue;font-size:14px;"></span>
</span> </span>
<div class="pull-right"> <div class="pull-right">
<input type="button" v-if="CtObj.auditContract!=2" class="btn-warning" @click="submitForm('CtObj')" value="保存"/> <input
type="button"
v-if="CtObj.auditContract != 2"
class="btn-warning"
@click="submitForm('CtObj')"
value="保存"
/>
</div> </div>
</div> </div>
<el-form label-width="180px" :model="CtObj" :rules="rules" ref="CtObj"> <el-form label-width="180px" :model="CtObj" :rules="rules" ref="CtObj">
<div class="container-fluid" style="padding-top: 60px; padding-left: 220px;"> <div
class="container-fluid"
style="padding-top: 60px; padding-left: 220px;"
>
<div class="block mtop15" id="anchor-0" ref="anchor0"> <div class="block mtop15" id="anchor-0" ref="anchor0">
<div class="blockTitle"> <div class="blockTitle">
<span class="icon"> <span class="icon">
...@@ -271,42 +320,71 @@ ...@@ -271,42 +320,71 @@
<tr> <tr>
<td> <td>
<el-form-item label="姓名" prop="Tourists_Name"> <el-form-item label="姓名" prop="Tourists_Name">
<el-input type="text" v-model="CtObj.Tourists_Name" maxlength="100" class="w300"></el-input> <el-input
type="text"
v-model="CtObj.Tourists_Name"
maxlength="100"
class="w300"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="联系电话" prop="Tourists_Tel"> <el-form-item label="联系电话" prop="Tourists_Tel">
<el-input type="text" v-model="CtObj.Tourists_Tel" maxlength="100" class="w300"></el-input> <el-input
type="text"
v-model="CtObj.Tourists_Tel"
maxlength="100"
class="w300"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="身份证件号码"> <el-form-item label="身份证件号码">
<el-input type="text" v-model="CtObj.Tourists_IDNum" maxlength="100" class="w300"></el-input> <el-input
type="text"
v-model="CtObj.Tourists_IDNum"
maxlength="100"
class="w300"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="邮箱"> <el-form-item label="邮箱">
<el-input type="text" v-model="CtObj.Tourists_Email" maxlength="100" class="w300"></el-input> <el-input
type="text"
v-model="CtObj.Tourists_Email"
maxlength="100"
class="w300"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="传真"> <el-form-item label="传真">
<el-input type="text" v-model="CtObj.Tourists_Fax" maxlength="100" class="w300"></el-input> <el-input
type="text"
v-model="CtObj.Tourists_Fax"
maxlength="100"
class="w300"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="住所"> <el-form-item label="住所">
<el-input type="text" v-model="CtObj.Tourists_Addres" class="w300"></el-input> <el-input
type="text"
v-model="CtObj.Tourists_Addres"
class="w300"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -318,14 +396,24 @@ ...@@ -318,14 +396,24 @@
<tr> <tr>
<td> <td>
<el-form-item label="名称"> <el-form-item label="名称">
<el-input type="text" v-model="CtObj.TravelAgency_Name" :disabled="true" class="w300"></el-input> <el-input
type="text"
v-model="CtObj.TravelAgency_Name"
:disabled="true"
class="w300"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="经营许可证编号"> <el-form-item label="经营许可证编号">
<el-input type="text" class="w300" :disabled="true" v-model="CtObj.TravelAgency_LicenseNum"></el-input> <el-input
type="text"
class="w300"
:disabled="true"
v-model="CtObj.TravelAgency_LicenseNum"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -333,56 +421,89 @@ ...@@ -333,56 +421,89 @@
<td> <td>
<!-- 无 --> <!-- 无 -->
<el-form-item label="经营范围"> <el-form-item label="经营范围">
<el-input type="text" class="w300" :disabled="true"></el-input> <el-input
type="text"
class="w300"
:disabled="true"
v-model="CtObj.TravelAgency_Scope"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="联系电话"> <el-form-item label="联系电话">
<el-input type="text" class="w300" v-model="CtObj.TravelAgency_Tel"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.TravelAgency_Tel"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="传真"> <el-form-item label="传真">
<el-input type="text" class="w300" v-model="CtObj.TravelAgency_Fax"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.TravelAgency_Fax"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="邮编"> <el-form-item label="邮编">
<el-input type="text" class="w300" v-model="CtObj.TravelAgency_PostNum"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.TravelAgency_PostNum"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="经办人" prop="TravelAgency_DealMan"> <el-form-item label="经办人" prop="TravelAgency_DealMan">
<el-input type="text" class="w300" v-model="CtObj.TravelAgency_DealMan"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.TravelAgency_DealMan"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="身份证件号码"> <el-form-item label="身份证件号码">
<el-input type="text" class="w300" v-model="CtObj.TravelAgency_IDNum"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.TravelAgency_IDNum"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="营业地址"> <el-form-item label="营业地址">
<el-input type="text" class="w300" v-model="CtObj.TravelAgency_Address"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.TravelAgency_Address"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="签约地点"> <el-form-item label="签约地点">
<el-input type="text" class="w300" v-model="CtObj.TravelAgency_SignAddress"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.TravelAgency_SignAddress"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -394,21 +515,33 @@ ...@@ -394,21 +515,33 @@
<tr> <tr>
<td> <td>
<el-form-item label="姓名"> <el-form-item label="姓名">
<el-input type="text" class="w300" v-model="CtObj.Guide_Name"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.Guide_Name"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="导游证号"> <el-form-item label="导游证号">
<el-input type="text" class="w300" v-model="CtObj.Guide_Num"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.Guide_Num"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="手机"> <el-form-item label="手机">
<el-input type="text" class="w300" v-model="CtObj.Guide_Tel"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.Guide_Tel"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -430,28 +563,46 @@ ...@@ -430,28 +563,46 @@
<tr> <tr>
<td> <td>
<el-form-item label="团号"> <el-form-item label="团号">
<el-input type="text" class="w300" v-model="CtObj.C_TCNUM"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_TCNUM"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="出发时间" prop="C_StartDate"> <el-form-item label="出发时间" prop="C_StartDate">
<el-date-picker class="w300" v-model="CtObj.C_StartDate" type="date" value-format="yyyy-MM-dd" placeholder></el-date-picker> <el-date-picker
class="w300"
v-model="CtObj.C_StartDate"
type="date"
value-format="yyyy-MM-dd"
placeholder
></el-date-picker>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="出发地点" prop="C_StartAddress"> <el-form-item label="出发地点" prop="C_StartAddress">
<el-input type="text" class="w300" v-model="CtObj.C_StartAddress"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_StartAddress"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="返回地点" prop="C_ReturnAddress"> <el-form-item label="返回地点" prop="C_ReturnAddress">
<el-input type="text" class="w300" v-model="CtObj.C_ReturnAddress"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_ReturnAddress"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -467,7 +618,8 @@ ...@@ -467,7 +618,8 @@
</tr> </tr>
<tr> <tr>
<td> <td>
<div style="margin:0 0 20px 108px;"><span class="onedayRed">*</span> <div style="margin:0 0 20px 108px;">
<span class="onedayRed">*</span>
(二选一) (二选一)
<el-radio-group v-model="CtObj.C_TrafficType"> <el-radio-group v-model="CtObj.C_TrafficType">
<el-radio :label="1">合车游</el-radio> <el-radio :label="1">合车游</el-radio>
...@@ -479,14 +631,22 @@ ...@@ -479,14 +631,22 @@
<tr> <tr>
<td> <td>
<el-form-item label="车牌号码"> <el-form-item label="车牌号码">
<el-input type="text" class="w300" v-model="CtObj.C_BusCode"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_BusCode"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="驾驶员姓名"> <el-form-item label="驾驶员姓名">
<el-input type="text" class="w300" v-model="CtObj.C_DriverName"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_DriverName"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -497,14 +657,16 @@ ...@@ -497,14 +657,16 @@
</tr> </tr>
<tr> <tr>
<td> <td>
<div style="margin-left:108px;display:inline-block;"><span class="onedayRed">*</span> <div style="margin-left:108px;display:inline-block;">
<span class="onedayRed">*</span>
(二选一) (二选一)
<el-radio-group v-model="CtObj.C_IsHaveKongTiao"> <el-radio-group v-model="CtObj.C_IsHaveKongTiao">
<el-radio :label="0">空调</el-radio> <el-radio :label="0">空调</el-radio>
<el-radio :label="1">无空调</el-radio> <el-radio :label="1">无空调</el-radio>
</el-radio-group> </el-radio-group>
</div> </div>
<div style="margin:0 0 20px 20px;display:inline-block;"><span class="onedayRed">*</span> <div style="margin:0 0 20px 20px;display:inline-block;">
<span class="onedayRed">*</span>
(三选一) (三选一)
<el-radio-group v-model="CtObj.C_BusType"> <el-radio-group v-model="CtObj.C_BusType">
<el-radio :label="1">面包车</el-radio> <el-radio :label="1">面包车</el-radio>
...@@ -512,7 +674,6 @@ ...@@ -512,7 +674,6 @@
<el-radio :label="3">大巴</el-radio> <el-radio :label="3">大巴</el-radio>
</el-radio-group> </el-radio-group>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -528,14 +689,22 @@ ...@@ -528,14 +689,22 @@
<tr> <tr>
<td> <td>
<el-form-item label="地点"> <el-form-item label="地点">
<el-input type="text" class="w300" v-model="CtObj.C_BreakfastAddress"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_BreakfastAddress"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="标准"> <el-form-item label="标准">
<el-input type="text" class="w300" v-model="CtObj.C_BreakfastBasic"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_BreakfastBasic"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -547,14 +716,22 @@ ...@@ -547,14 +716,22 @@
<tr> <tr>
<td> <td>
<el-form-item label="地点"> <el-form-item label="地点">
<el-input type="text" class="w300" v-model="CtObj.C_LunchAddress"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_LunchAddress"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="标准"> <el-form-item label="标准">
<el-input type="text" class="w300" v-model="CtObj.C_LunchBasic"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_LunchBasic"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -566,14 +743,22 @@ ...@@ -566,14 +743,22 @@
<tr> <tr>
<td> <td>
<el-form-item label="地点"> <el-form-item label="地点">
<el-input type="text" class="w300" v-model="CtObj.C_DinnerAddress"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_DinnerAddress"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="标准"> <el-form-item label="标准">
<el-input type="text" class="w300" v-model="CtObj.C_DinnerBasic"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_DinnerBasic"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -585,59 +770,108 @@ ...@@ -585,59 +770,108 @@
<tr> <tr>
<td> <td>
<el-form-item label="成人" style="display:inline-block;"> <el-form-item label="成人" style="display:inline-block;">
<el-input type="text" class="w150" v-model="CtObj.C_AdultNum"></el-input>&nbsp;人×&nbsp; <el-input
type="text"
class="w150"
v-model="CtObj.C_AdultNum"
></el-input
>&nbsp;人×&nbsp;
</el-form-item> </el-form-item>
<el-form-item label-width='0' style="display:inline-block;"> <el-form-item label-width="0" style="display:inline-block;">
<el-input type="text" class="w150" v-model="CtObj.C_AdultPrice"></el-input>&nbsp;元/人&nbsp;+&nbsp;儿童 <el-input
type="text"
class="w150"
v-model="CtObj.C_AdultPrice"
></el-input
>&nbsp;元/人&nbsp;+&nbsp;儿童
</el-form-item> </el-form-item>
<el-form-item label-width='0' style="display:inline-block;"> <el-form-item label-width="0" style="display:inline-block;">
<el-input type="text" class="w150" v-model="CtObj.C_ChildrenNum"></el-input>&nbsp;人×&nbsp;&nbsp; <el-input
type="text"
class="w150"
v-model="CtObj.C_ChildrenNum"
></el-input
>&nbsp;人×&nbsp;&nbsp;
</el-form-item> </el-form-item>
<el-form-item label-width='0' style="display:inline-block;"> <el-form-item label-width="0" style="display:inline-block;">
<el-input type="text" class="w150" v-model="CtObj.C_ChildrenPrice"></el-input>&nbsp;元/人 = <el-input
type="text"
class="w150"
v-model="CtObj.C_ChildrenPrice"
></el-input
>&nbsp;元/人 =
</el-form-item> </el-form-item>
<el-form-item label-width='0' style="display:inline-block;"> <el-form-item label-width="0" style="display:inline-block;">
<el-input type="text" class="w150" v-model="CtObj.C_TotalPrice"></el-input>&nbsp;元 <el-input
type="text"
class="w150"
v-model="CtObj.C_TotalPrice"
></el-input
>&nbsp;元
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="含：景点第一道门票、" style="display:inline-block;"> <el-form-item
label="含：景点第一道门票、"
style="display:inline-block;"
>
<el-input type="text" class="w150"></el-input> <el-input type="text" class="w150"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="午(晚)餐费、往返车费、导游服务费" label-width="250px" style="display:inline-block;"> <el-form-item
label="午(晚)餐费、往返车费、导游服务费"
label-width="250px"
style="display:inline-block;"
>
<el-input type="text" class="w150"></el-input> <el-input type="text" class="w150"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="；不含" style="display:inline-block;" label-width="60px"> <el-form-item
<el-input type="text" class="w150" v-model="CtObj.C_NonIncludeRemark"></el-input> label="；不含"
style="display:inline-block;"
label-width="60px"
>
<el-input
type="text"
class="w150"
v-model="CtObj.C_NonIncludeRemark"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="支付时间"> <el-form-item label="支付时间">
<el-date-picker class="w150" type="date" v-model="CtObj.C_PayDate" value-format="yyyy-MM-dd" placeholder></el-date-picker> <el-date-picker
class="w150"
type="date"
v-model="CtObj.C_PayDate"
value-format="yyyy-MM-dd"
placeholder
></el-date-picker>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<div style="margin:0 10px 0 108px;display:inline-block;"><span class="onedayRed">*</span> <div style="margin:0 10px 0 108px;display:inline-block;">
<span class="onedayRed">*</span>
支付方式 支付方式
<el-radio-group v-model="CtObj.C_PayType"> <el-radio-group v-model="CtObj.C_PayType">
<el-radio :label="3">现金</el-radio> <el-radio :label="1">现金</el-radio>
<el-radio :label="6">转账</el-radio> <el-radio :label="5">转账</el-radio>
</el-radio-group> </el-radio-group>
</div> </div>
<div style="margin:10px 0 0 10px;display:inline-block;" class="onedayAccount"> <div
style="margin:10px 0 0 10px;display:inline-block;"
class="onedayAccount"
>
<el-form-item label="银行账号" label-width="80px"> <el-form-item label="银行账号" label-width="80px">
<el-input type="text" class="w150"></el-input> <el-input type="text" class="w150" v-model="CtObj.C_PayTypeRemark"></el-input>
</el-form-item> </el-form-item>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<div class="createTableTitle">争议的解决方式</div> <div class="createTableTitle">争议的解决方式</div>
...@@ -646,36 +880,71 @@ ...@@ -646,36 +880,71 @@
<tr> <tr>
<td> <td>
<div style="margin-left:114px;"> <div style="margin-left:114px;">
<el-form-item label='1.协商。旅行社客服电话'> <el-form-item label="1.协商。旅行社客服电话">
<el-input type="text" class="w180" v-model="CtObj.TravelAgency_ServiceTel"></el-input> <el-input
type="text"
class="w180"
v-model="CtObj.TravelAgency_ServiceTel"
></el-input>
</el-form-item> </el-form-item>
</div> </div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label='2.投诉' style="display:inline-block;"> <el-form-item label="2.投诉" style="display:inline-block;">
<el-input type="text" class="w180" v-model="CtObj.C_ComplaintProvince"></el-input>&nbsp;省&nbsp; <el-input
type="text"
class="w180"
v-model="CtObj.C_ComplaintProvince"
></el-input
>&nbsp;省&nbsp;
</el-form-item> </el-form-item>
<el-form-item label-width="0" style="display:inline-block;"> <el-form-item label-width="0" style="display:inline-block;">
<el-input type="text" class="w180" v-model="CtObj.C_ComplaintCity"></el-input> <el-input
type="text"
class="w180"
v-model="CtObj.C_ComplaintCity"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="市旅游质监执法机构投诉电话" label-width="200px" style="display:inline-block;"> <el-form-item
<el-input type="text" class="w180" v-model="CtObj.C_ZhiFaTel"></el-input> label="市旅游质监执法机构投诉电话"
label-width="200px"
style="display:inline-block;"
>
<el-input
type="text"
class="w180"
v-model="CtObj.C_ZhiFaTel"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="，消费者协会投诉电话" style="display:inline-block;"> <el-form-item
<el-input type="text" class="w180" v-model="CtObj.C_XFZXHTSTel"></el-input> 。 label="，消费者协会投诉电话"
style="display:inline-block;"
>
<el-input
type="text"
class="w180"
v-model="CtObj.C_XFZXHTSTel"
></el-input>
。
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<div style="margin:0 0 20px 130px;"><span class="onedayRed">*</span> <div style="margin:0 0 20px 130px;">
<span class="onedayRed">*</span>
协商或投诉调解不成的，按下列第 协商或投诉调解不成的，按下列第
<el-select class="w60" placeholder="" v-model="CtObj.C_SolveType"> <el-select
class="w60"
placeholder=""
v-model="CtObj.C_SolveType"
>
<el-option label="1" :value="1"></el-option> <el-option label="1" :value="1"></el-option>
<el-option label="2" :value="2"></el-option> <el-option label="2" :value="2"></el-option>
</el-select> 种方式解决： </el-select>
种方式解决：
</div> </div>
</td> </td>
</tr> </tr>
...@@ -698,8 +967,15 @@ ...@@ -698,8 +967,15 @@
<em>其他约定</em> <em>其他约定</em>
</h2> </h2>
</div> </div>
<div style="padding:10px;">未尽事宜，经旅游者和出境社双方协商一致，可以列入补充条款。(如合同空间不够，可以另附纸张，由双方签字或者盖章确认。)</div> <div style="padding:10px;">
<el-input type="textarea" resize="none" v-model="CtObj.OtherConvention" rows="13"></el-input> 未尽事宜，经旅游者和出境社双方协商一致，可以列入补充条款。(如合同空间不够，可以另附纸张，由双方签字或者盖章确认。)
</div>
<el-input
type="textarea"
resize="none"
v-model="CtObj.OtherConvention"
rows="13"
></el-input>
</div> </div>
<div class="block mtop15" id="anchor-3" ref="anchor3"> <div class="block mtop15" id="anchor-3" ref="anchor3">
<div class="blockTitle"> <div class="blockTitle">
...@@ -736,7 +1012,12 @@ ...@@ -736,7 +1012,12 @@
<em>游客信息</em> <em>游客信息</em>
</h2> </h2>
</div> </div>
<table class="singeRowTable TcNewTable" border="0" cellspacing="0" cellpadding="0"> <table
class="singeRowTable TcNewTable"
border="0"
cellspacing="0"
cellpadding="0"
>
<tr> <tr>
<th width="80">序号</th> <th width="80">序号</th>
<th><span class="onedayRed">*</span> 姓名</th> <th><span class="onedayRed">*</span> 姓名</th>
...@@ -747,21 +1028,28 @@ ...@@ -747,21 +1028,28 @@
<th>身体状况</th> <th>身体状况</th>
<th>操作</th> <th>操作</th>
</tr> </tr>
<tr v-for="(item,index) in touristList"> <tr v-for="(item, index) in CtObj.ContractGuestList" :key="index">
<td>{{index+1}}</td> <td>{{ index + 1 }}</td>
<td> <td>
<span v-if="item.IsShow==0">{{item.CGuestName}}</span> <span v-if="item.IsShow == 0">{{ item.CGuestName }}</span>
<el-input type="text" class="w150" v-model="item.CGuestName" v-else></el-input> <el-input
type="text"
class="w150"
v-model="item.CGuestName"
v-else
></el-input>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.CGuestSex}}</span> <span v-if="item.IsShow == 0">{{ item.CGuestSex }}</span>
<el-select v-model="item.CGuestSex" v-else> <el-select v-model="item.CGuestSex" v-else>
<el-option label="男" value="男"></el-option> <el-option label="男" value="男"></el-option>
<el-option label="女" value="女"></el-option> <el-option label="女" value="女"></el-option>
</el-select> </el-select>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.CGuestCertificateType}}</span> <span v-if="item.IsShow == 0">{{
item.CGuestCertificateType
}}</span>
<el-select v-model="item.CGuestCertificateType" v-else> <el-select v-model="item.CGuestCertificateType" v-else>
<el-option label="护照" value="护照"></el-option> <el-option label="护照" value="护照"></el-option>
<el-option label="港澳通行证" value="港澳通行证"></el-option> <el-option label="港澳通行证" value="港澳通行证"></el-option>
...@@ -771,37 +1059,87 @@ ...@@ -771,37 +1059,87 @@
</el-select> </el-select>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.CGuestCertificateNum}}</span> <span v-if="item.IsShow == 0">{{
<el-input type="text" v-model="item.CGuestCertificateNum" v-else></el-input> item.CGuestCertificateNum
}}</span>
<el-input
type="text"
v-model="item.CGuestCertificateNum"
v-else
></el-input>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.CGuestTel}}</span> <span v-if="item.IsShow == 0">{{ item.CGuestTel }}</span>
<el-input type="text" v-model="item.CGuestTel" v-else></el-input> <el-input
type="text"
v-model="item.CGuestTel"
v-else
></el-input>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.CGuestHealth}}</span> <span v-if="item.IsShow == 0">{{ item.CGuestHealth }}</span>
<el-input type="text" placeholder="健康" v-model="item.CGuestHealth" v-else></el-input> <el-input
type="text"
placeholder="健康"
v-model="item.CGuestHealth"
v-else
></el-input>
</td> </td>
<td> <td>
<el-tooltip class="item" effect="dark" content="修改" v-if="item.IsShow==0" placement="top-start"> <el-tooltip
<el-button type="primary" icon="el-icon-edit" circle @click="item.IsShow=1"></el-button> class="item"
effect="dark"
content="修改"
v-if="item.IsShow == 0"
placement="top-start"
>
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="item.IsShow = 1"
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="保存" v-if="item.IsShow==1" placement="top-start"> <el-tooltip
<el-button type="primary" icon="iconfont icon-baocun" @click="item.IsShow=0" circle></el-button> class="item"
effect="dark"
content="保存"
v-if="item.IsShow == 1"
placement="top-start"
>
<el-button
type="primary"
icon="iconfont icon-baocun"
@click="item.IsShow = 0"
circle
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start"> <el-tooltip
<el-button type="danger" icon="el-icon-delete" circle @click="delTouristArr(index)" ></el-button> class="item"
effect="dark"
content="删除"
placement="top-start"
>
<el-button
type="danger"
icon="el-icon-delete"
circle
@click="delTouristArr(index)"
></el-button>
</el-tooltip> </el-tooltip>
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="9" style="text-align:right;"> <td colspan="9" style="text-align:right;">
<input type="button" class="TC_NewAddBtn" @click="addTourist()" value="+添加游客" /> <input
type="button"
class="TC_NewAddBtn"
@click="addTourist()"
value="+添加游客"
/>
</td> </td>
</tr> </tr>
</tr>
</table> </table>
</div> </div>
<div class="block mtop15" id="anchor-5" ref="anchor5"> <div class="block mtop15" id="anchor-5" ref="anchor5">
<div class="blockTitle"> <div class="blockTitle">
...@@ -812,7 +1150,12 @@ ...@@ -812,7 +1150,12 @@
<em>自愿购物活动补充协议</em> <em>自愿购物活动补充协议</em>
</h2> </h2>
</div> </div>
<table class="singeRowTable TcNewTable" border="0" cellspacing="0" cellpadding="0"> <table
class="singeRowTable TcNewTable"
border="0"
cellspacing="0"
cellpadding="0"
>
<tbody> <tbody>
<tr> <tr>
<th width="60">序号</th> <th width="60">序号</th>
...@@ -825,53 +1168,120 @@ ...@@ -825,53 +1168,120 @@
<th width="12%">旅游者签名同意</th> <th width="12%">旅游者签名同意</th>
<th width="100">操作</th> <th width="100">操作</th>
</tr> </tr>
<tr v-for="(item,index) in VoluntaryArr"> <tr v-for="(item, index) in CtObj.ContractShopList" :key="index">
<td> <td>
{{index+1}} {{ index + 1 }}
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.specificTime}}</span> <span v-if="item.IsShow == 0">{{ item.specificTime }}</span>
<el-date-picker v-else v-model="item.specificTime" class="w150" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker> <el-date-picker
v-else
v-model="item.specificTime"
class="w150"
type="date"
value-format="yyyy-MM-dd"
placeholder=""
></el-date-picker>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.Address}}</span> <span v-if="item.IsShow == 0">{{ item.Address }}</span>
<el-input type="text" v-model="item.Address" v-else></el-input> <el-input
type="text"
v-model="item.Address"
v-else
></el-input>
</td> </td>
<td style="text-align:left;"> <td style="text-align:left;">
<span v-if="item.IsShow==0">{{item.shoppName}}</span> <span v-if="item.IsShow == 0">{{ item.shoppName }}</span>
<el-input type="text" v-model="item.shoppName" v-else></el-input> <el-input
type="text"
v-model="item.shoppName"
v-else
></el-input>
</td> </td>
<td style="text-align:left;"> <td style="text-align:left;">
<span v-if="item.IsShow==0">{{item.CommodityInformation}}</span> <span v-if="item.IsShow == 0">{{
<el-input type="text" v-model="item.CommodityInformation" v-else></el-input> item.CommodityInformation
}}</span>
<el-input
type="text"
v-model="item.CommodityInformation"
v-else
></el-input>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.stayTime}}</span> <span v-if="item.IsShow == 0">{{ item.stayTime }}</span>
<el-input type="text" v-model="item.stayTime" v-else></el-input> <el-input
type="text"
v-model="item.stayTime"
v-else
></el-input>
</td> </td>
<td style="text-align:left;"> <td style="text-align:left;">
<span v-if="item.IsShow==0">{{item.other}}</span> <span v-if="item.IsShow == 0">{{ item.other }}</span>
<el-input type="text" v-model="item.other" v-else></el-input> <el-input type="text" v-model="item.other" v-else></el-input>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.travelSign}}</span> <span v-if="item.IsShow == 0">{{ item.travelSign }}</span>
<el-input type="text" v-model="item.travelSign" v-else></el-input> <el-input
type="text"
v-model="item.travelSign"
v-else
></el-input>
</td> </td>
<td> <td>
<el-tooltip class="item" effect="dark" content="修改" placement="top-start" v-if="item.IsShow==0"> <el-tooltip
<el-button type="primary" icon="el-icon-edit" circle @click="item.IsShow=1"></el-button> class="item"
effect="dark"
content="修改"
placement="top-start"
v-if="item.IsShow == 0"
>
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="item.IsShow = 1"
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="保存" placement="top-start" v-if="item.IsShow==1"> <el-tooltip
<el-button type="primary" icon="iconfont icon-baocun" circle @click="item.IsShow=0"></el-button> class="item"
effect="dark"
content="保存"
placement="top-start"
v-if="item.IsShow == 1"
>
<el-button
type="primary"
icon="iconfont icon-baocun"
circle
@click="item.IsShow = 0"
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start" v-if="item.IsShow==0"> <el-tooltip
<el-button type="danger" icon="el-icon-delete" @click="delVoluntray(index)" circle ></el-button> class="item"
effect="dark"
content="删除"
placement="top-start"
v-if="item.IsShow == 0"
>
<el-button
type="danger"
icon="el-icon-delete"
@click="delVoluntray(index)"
circle
></el-button>
</el-tooltip> </el-tooltip>
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="9" style="text-align:right;"> <td colspan="9" style="text-align:right;">
<input type="button" class="TC_NewAddBtn" @click="addRecord()" value="+添加记录" /> <input
type="button"
class="TC_NewAddBtn"
@click="addRecord()"
value="+添加记录"
/>
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -882,234 +1292,201 @@ ...@@ -882,234 +1292,201 @@
</div> </div>
</template> </template>
<script> <script>
import moment from 'moment' import moment from "moment";
export default { export default {
data() { data() {
let valiTotalNumber = (rule, value, callback) => {
if (this.CtObj.totalNumber == 0||this.CtObj.totalNumber =='') {
return callback(new Error('请选择'));
} else {
callback();
}
}
let validateEach = (rule, value, callback) => {
if (this.CtObj.eachNumber == 0||this.CtObj.eachNumber =='') {
return callback(new Error('请选择'));
} else {
callback();
}
}
let validatepayType = (rule, value, callback) => {
if (this.CtObj.payType == 0||this.CtObj.payType =='') {
return callback(new Error('请选择'));
} else {
callback();
}
}
let validatesettleDisputeMode = (rule, value, callback) => {
if (this.CtObj.settleDisputeMode == 0 ||this.CtObj.settleDisputeMode=='') {
return callback(new Error('请选择'));
} else {
callback();
}
}
return { return {
//选中切换 //选中切换
cked:1, cked: 1,
//参数 //参数
CtObj:{ CtObj: {
Tourists_Name:'', CType:3,//合同类型:(1-单项委托协议[平台版2018]，2大陆境内旅游合同2014,3-全国版国内旅游一日游旅游合同示范文本[2015版])
Tourists_IDNum:'', Tourists_Name: "",
Tourists_Addres:'', Tourists_IDNum: "",
Tourists_Tel:'', Tourists_Addres: "",
Tourists_Email:'', Tourists_Tel: "",
Tourists_PostNum:'', Tourists_Email: "",
Tourists_Fax:'', Tourists_PostNum: "",
Tourists_EmergencyLinkMan:'', Tourists_Fax: "",
Tourists_EmergencyLinkTel:'', Tourists_EmergencyLinkMan: "",
Tourists_EmergencyLinkTel: "",
TravelAgency_Name:'', //旅行社名称 TravelAgency_Name: "四川和平国际旅行社有限公司", //旅行社名称
TravelAgency_LicenseNum:'', TravelAgency_LicenseNum: "L-SC-CJ00015",
TravelAgency_DealMan:'', TravelAgency_DealMan: "",
TravelAgency_IDNum:'', TravelAgency_IDNum: "",
TravelAgency_Address:'', TravelAgency_Address: "成都市锦江区一环路东五段87号2幢23层2310.2311.2312号",
TravelAgency_Tel:'', TravelAgency_Tel: "",
TravelAgency_Fax:'', TravelAgency_Fax: "",
TravelAgency_PostNum:'', TravelAgency_PostNum: "",
TravelAgency_Email:'', TravelAgency_Email: "",
TravelAgency_SignAddress:'', TravelAgency_Scope:"出境游/境内游",//旅行社经营范围
Guide_Name:'', TravelAgency_SignAddress: "",
Guide_Num:'', Guide_Name: "",
Guide_Tel:'', Guide_Num: "",
C_TCNUM:'', //团号 Guide_Tel: "",
C_ProductName:'', C_TCNUM: "", //团号
C_StartDate:'', //出发时间 C_ProductName: "",
C_EndDate:'', C_StartDate: "", //出发时间
C_DayNum:'', C_EndDate: "",
C_NightNum:'', C_DayNum: "",
C_AdultNum:'', C_NightNum: "",
C_AdultPrice:'', //成人价格 C_AdultNum: "",
C_ChildrenNum:'', C_AdultPrice: "", //成人价格
C_ChildrenPrice:'', C_ChildrenNum: "",
C_GuideServicePrice:'', C_ChildrenPrice: "",
C_TotalPrice:'', C_GuideServicePrice: "",
C_PayDate:'', C_TotalPrice: "",
C_PayType:1, // 旅游费用支付方式(1-现金,2-支票,3-信用卡,4-其他) C_PayDate: "",
C_PayTypeRemark:'', C_PayType: 1, // 旅游费用支付方式(1-现金,2-支票,3-信用卡,4-其他,5-转账)
C_InsuranceType:1, // 旅游者保险购买方式(1-委托旅行社购买,2-自行购买,3-放弃购买) C_PayTypeRemark: "",//转账填写转账账号和备注
C_InsuranceName:'', C_InsuranceType: 1, // 旅游者保险购买方式(1-委托旅行社购买,2-自行购买,3-放弃购买)
C_LowNum:'', C_InsuranceName: "",
C_IsAgreeTravel:1, // 是否同意旅行社委托(1-不同意，0同意） C_LowNum: "",
C_AgreeTravelName:'', // 是否同意旅行社名称 C_IsAgreeTravel: 1, // 是否同意旅行社委托(1-不同意，0同意）
C_IsAgreeDelay:1, /// 是否同意延期出团(1-不同意，0同意） C_AgreeTravelName: "", // 是否同意旅行社名称
C_IsAgreeCndorse:1, /// 是否同意改签(1-不同意，0同意） C_IsAgreeDelay: 1, /// 是否同意延期出团(1-不同意，0同意）
C_IsAgreeRemove:1, // 是否同意解除合同(1-不同意，0同意） C_IsAgreeCndorse: 1, /// 是否同意改签(1-不同意，0同意）
C_IsAgreeSpellGroup:1, // 是否同意拼团(1-不同意，0同意） C_IsAgreeRemove: 1, // 是否同意解除合同(1-不同意，0同意）
C_SpellGroupName:'', // 拼团旅行社名称 C_IsAgreeSpellGroup: 1, // 是否同意拼团(1-不同意，0同意）
C_SolveType:'', // 争议解决方式 C_SpellGroupName: "", // 拼团旅行社名称
C_SolveRemark:'', // 争议解决方式备注 C_SolveType: "", // 争议解决方式
C_ContractTotal:'', // 合同总分数 C_SolveRemark: "", // 争议解决方式备注
C_ContractPer:1, // 各持几份 C_ContractTotal: "", // 合同总分数
C_StartAddress:'', // 出发地点 C_ContractPer: 1, // 各持几份
C_ReturnAddress:'', //返回地点 C_StartAddress: "", // 出发地点
C_TrafficType:1, // 交通方式(1-合车游，2-包车游) C_ReturnAddress: "", //返回地点
C_BusCode:'', // 车牌号 C_TrafficType: 1, // 交通方式(1-合车游，2-包车游)
C_DriverName:'', // 驾驶员姓名 C_BusCode: "", // 车牌号
C_IsHaveKongTiao:1, // 是否有空调(0-有空调，1-无空调) C_DriverName: "", // 驾驶员姓名
C_BusType:1, // 车辆类型(1-面包车,2-中巴车,3-大巴车) C_IsHaveKongTiao: 1, // 是否有空调(0-有空调，1-无空调)
C_BreakfastAddress:'', // 早餐地点 C_BusType: 1, // 车辆类型(1-面包车,2-中巴车,3-大巴车)
C_BreakfastBasic:'', // 早餐标准 C_BreakfastAddress: "", // 早餐地点
C_LunchAddress:'', // 午餐地点 C_BreakfastBasic: "", // 早餐标准
C_LunchBasic:'', // 午餐标准 C_LunchAddress: "", // 午餐地点
C_DinnerAddress:'', // 晚餐地点 C_LunchBasic: "", // 午餐标准
C_DinnerBasic:'', // 晚餐标准 C_DinnerAddress: "", // 晚餐地点
C_IncludeRemark:'', // 费用包含 C_DinnerBasic: "", // 晚餐标准
C_NonIncludeRemark:'', // 费用不包含 C_IncludeRemark: "", // 费用包含
TravelAgency_ServiceTel:'', // 旅行社客服电话 C_NonIncludeRemark: "", // 费用不包含
C_ComplaintProvince:'', // 投诉省 TravelAgency_ServiceTel: "", // 旅行社客服电话
C_ComplaintCity:'', // 投诉市 C_ComplaintProvince: "", // 投诉省
C_ComplaintTel:'', // 投诉电话 C_ComplaintCity: "", // 投诉市
C_ComplaintEmail:'', // 投诉电子邮箱 C_ComplaintTel: "", // 投诉电话
C_ComplaintAddress:'', // 投诉地址 C_ComplaintEmail: "", // 投诉电子邮箱
C_ComplaintPostNum:'', // 投诉邮编 C_ComplaintAddress: "", // 投诉地址
C_ZhiFaTel:'', // 执法机构电话 C_ComplaintPostNum: "", // 投诉邮编
C_XFZXHTSTel:'', // 消费者协会投诉电话 C_ZhiFaTel: "", // 执法机构电话
C_TicketDayNum:'', // 几日内出票 C_XFZXHTSTel: "", // 消费者协会投诉电话
C_OrderDayNum:'', // 几日内下单 C_TicketDayNum: "", // 几日内出票
C_PayDayNum:'', // 几日内缴费 C_OrderDayNum: "", // 几日内下单
C_SignType:'', // 获取签证资料及领取签证方式 C_PayDayNum: "", // 几日内缴费
OtherConventionPrice:'', // 其他服务费用合计 C_SignType: "", // 获取签证资料及领取签证方式
OtherConvention:'', // 其他约定事项 OtherConventionPrice: "", // 其他服务费用合计
TripJson:'', OtherConvention: "", // 其他约定事项
GuestJson:[], // 游客信息【json】 TripJson: "",
ShopJson:[], // 购物信息【json】 GuestJson: '', // 游客信息【json】
SelfFeeJson:[], // 自费信息【Json】 ShopJson: '', // 购物信息【json】
TicketJson:[], // 机票信息 SelfFeeJson: '', // 自费信息【Json】
TicketTotalNum:'', // 机票总数量 TicketJson: '', // 机票信息
TicketOutDayNum:'', // 机票几日内出票 TicketTotalNum: 0, // 机票总数量
TicketTotalDepositPrice:'', // 机票预订总费用 TicketOutDayNum: 0, // 机票几日内出票
HotelBookJson:'', // 酒店预订 TicketTotalDepositPrice: 0, // 机票预订总费用
HotelTotal:'', // 酒店多少间、晚 HotelBookJson: "", // 酒店预订
HotelCheckInType:'', // 酒店入住方式 HotelTotal: "", // 酒店多少间、晚
HotelNotice:'', // 下订单后通知旅游者的方式 HotelCheckInType: "", // 酒店入住方式
HotelTotalPrice:'', // 酒店费用总计 HotelNotice: "", // 下订单后通知旅游者的方式
PickUpJson:'', // 接送信息 HotelTotalPrice: "0", // 酒店费用总计
PickUpTotalPrice:'', // 接送总费用 PickUpJson: "", // 接送信息
VisaJson:'', // 签证信息 PickUpTotalPrice: "0", // 接送总费用
VisaTotalPrice:'', // 签证总费用 VisaJson: "", // 签证信息
TicketAndHotelJson:'', // 机票与酒店信息 VisaTotalPrice: "0", // 签证总费用
TicketAndHotelTotalPrice:'', // 机票加酒店组合总费用 TicketAndHotelJson: "", // 机票与酒店信息
TicketAndHotelTotalPrice: "0", // 机票加酒店组合总费用
ContractShopList: [], //自愿购物活动补充协议
ContractGuestList: [], //旅客名单
ContractTripList: [] //行程列表
}, },
//旅客名单
guestList:[],
tripList: [],
rules: {
Tourists_Name: [{ required: true, message: "请输入客户名称", trigger: "blur" }],
Tourists_Tel: [{ required: true, message: "请输入联系电话", trigger: "blur" }],
TravelAgency_DealMan: [{ required: true, message: "请输入经办人", trigger: "blur" }],
C_StartDate: [{ required: true, message: "请选择出发时间", trigger: "blur" }],
C_StartAddress:[{ required: true, message: "请输入出发地点", trigger: "change" }], rules: {
C_ReturnAddress:[{ required: true, message: "请输入返回地点", trigger: "change" }], Tourists_Name: [
{ required: true, message: "请输入客户名称", trigger: "blur" }
],
Tourists_Tel: [
{ required: true, message: "请输入联系电话", trigger: "blur" }
],
TravelAgency_DealMan: [
{ required: true, message: "请输入经办人", trigger: "blur" }
],
C_StartDate: [
{ required: true, message: "请选择出发时间", trigger: "blur" }
],
C_StartAddress: [
{ required: true, message: "请输入出发地点", trigger: "change" }
],
C_ReturnAddress: [
{ required: true, message: "请输入返回地点", trigger: "change" }
]
}, },
//自愿购物活动补充协议
VoluntaryArr:[],
//自愿付费项目补充协议
WillingPayArr:[],
//菜单列表 //菜单列表
menuArr:['合同基本信息','合同协议条款','其他约定','投诉联系','行程信息','游客信息','自愿购物活动补充协议'], menuArr: [
ckedIndex:0, "合同基本信息",
"合同协议条款",
"其他约定",
"投诉联系",
"行程信息",
"游客信息",
"自愿购物活动补充协议"
],
ckedIndex: 0,
//旅客信息Arr //旅客信息Arr
touristList:[{ touristList: [
CGuestName:'', {
CGuestSex:'男', CGuestName: "",
CGuestCertificateType:'身份证', CGuestSex: "男",
CGuestCertificateNum:'', CGuestCertificateType: "身份证",
CGuestTel:'', CGuestCertificateNum: "",
CGuestHealth:'健康', CGuestTel: "",
IsShow:1 CGuestHealth: "健康",
}], IsShow: 1
}
]
}; };
}, },
methods: { methods: {
//跳转锚点 //跳转锚点
goAnchor(selector) { goAnchor(selector) {
var anchor = this.$el.querySelector(selector) var anchor = this.$el.querySelector(selector);
document.documentElement.scrollTop = anchor.offsetTop-70 document.documentElement.scrollTop = anchor.offsetTop - 70;
}, },
getDate(date){ getDate(date) {
return moment(date).format("YYYY-MM-DD"); return moment(date).format("YYYY-MM-DD");
}, },
//提交数据 //提交数据
SaveMsg(){ SaveMsg() {
this.CtObj.status = 1; this.apipost(
this.CtObj.contractStatus=2; "travelcontract_post_SetTravelContractService",
let VolArr = []; this.CtObj,
let WalArr = []; res => {
if(this.VoluntaryArr.length>0){ if (res.data.resultCode == 1) {
this.VoluntaryArr.forEach(x=>{
if(x.IsShow==0){
VolArr.push(x);
}
})
if(VolArr.length>0){
this.CtObj.shopProtocol = JSON.stringify(VolArr);
}else{
this.CtObj.shopProtocol=''
}
}
if(this.WillingPayArr.length>0){
this.WillingPayArr.forEach(x=>{
if(x.IsShow==0){
WalArr.push(x);
}
})
if(WalArr.length>0){
this.CtObj.payProtocol = JSON.stringify(WalArr);
}else{
this.CtObj.payProtocol=''
}
}
this.CtObj.travelContent= this.$refs.TcTravel_Table.innerHTML;
this.apiJavaPost("/api/contract/dosaveOrUpdate",this.CtObj,res => {
if (res.data.resultCode === 1) {
this.Success(res.data.message); this.Success(res.data.message);
this.dialogVisible=false;
this.getList();
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
},null);
}, },
err => {}
);
},
//跳转至预览 //跳转至预览
goUrl(){ goUrl() {
this.$router.push({ this.$router.push({
name: 'TravelContractDetail', name: "TravelContractDetail",
query: { query: {
TCID: this.$route.query.TCID, TCID: this.$route.query.TCID,
guestId:this.CtObj.guestId, guestId: this.CtObj.guestId,
orderID: this.$route.query.orderID, orderID: this.$route.query.orderID,
blank: "y", blank: "y"
} }
}); });
}, },
...@@ -1120,73 +1497,54 @@ ...@@ -1120,73 +1497,54 @@
if (valid) { if (valid) {
this.SaveMsg(); this.SaveMsg();
} else { } else {
this.Error('请完成必填项'); this.Error("请完成必填项");
return false; return false;
} }
}); });
}, },
//添加补充协议 //添加补充协议
addRecord(){ addRecord() {
let obj={ let obj = {
specificTime:'', specificTime: "",
Address:'', Address: "",
shoppName:'', shoppName: "",
CommodityInformation:'', CommodityInformation: "",
stayTime:'', stayTime: "",
other:'', other: "",
travelSign:'', travelSign: "",
IsShow:1 IsShow: 1
} };
this.VoluntaryArr.push(obj); this.CtObj.ContractShopList.push(obj);
}, },
//删除补充协议1 //删除补充协议1
delVoluntray(index){ delVoluntray(index) {
this.VoluntaryArr.splice(index, 1); this.CtObj.ContractShopList.splice(index, 1);
},
//添加自愿付费协议
addWilling(){
let obj={
specificTime:'',
Address:'',
programName:'',
money:'',
programTime:'',
other:'',
travelSign:'',
IsShow:1
}
this.WillingPayArr.push(obj);
}, },
//删除自愿付费协议
delWilling(index){
this.WillingPayArr.splice(index, 1);
},
//添加游客信息 //添加游客信息
addTourist(){ addTourist() {
this.touristList.forEach((x,index)=>{ this.CtObj.ContractGuestList.forEach((x, index) => {
x.IsShow=0; x.IsShow = 0;
}) });
let obj={ let obj = {
CGuestName:'', CGuestName: "",
CGuestSex:'男', CGuestSex: "男",
CGuestCertificateType:'身份证', CGuestCertificateType: "身份证",
CGuestCertificateNum:'', CGuestCertificateNum: "",
CGuestTel:'', CGuestTel: "",
CGuestHealth:'健康', CGuestHealth: "健康",
IsShow:1 IsShow: 1
} };
this.touristList.push(obj); this.CtObj.ContractGuestList.push(obj);
}, },
//删除游客 //删除游客
delTouristArr(index){ delTouristArr(index) {
this.touristList.splice(index, 1); this.CtObj.ContractGuestList.splice(index, 1);
}, },
//滚动条滚动选中tab //滚动条滚动选中tab
menu() { menu() {
var _self = this; var _self = this;
_self.scroll = (document.documentElement.scrollTop || document.body.scrollTop)+70; _self.scroll =
(document.documentElement.scrollTop || document.body.scrollTop) + 70;
//滑动到指定位置相应菜单高亮 //滑动到指定位置相应菜单高亮
var a_0 = this.$refs.anchor0.offsetTop; var a_0 = this.$refs.anchor0.offsetTop;
var a_1 = this.$refs.anchor1.offsetTop; var a_1 = this.$refs.anchor1.offsetTop;
...@@ -1195,25 +1553,25 @@ ...@@ -1195,25 +1553,25 @@
var a_4 = this.$refs.anchor4.offsetTop; var a_4 = this.$refs.anchor4.offsetTop;
var a_5 = this.$refs.anchor5.offsetTop; var a_5 = this.$refs.anchor5.offsetTop;
if (_self.scroll < a_0) { if (_self.scroll < a_0) {
this.ckedIndex = 0 this.ckedIndex = 0;
} else if (_self.scroll>a_0 && _self.scroll < a_1) { } else if (_self.scroll > a_0 && _self.scroll < a_1) {
this.ckedIndex = 1 this.ckedIndex = 1;
} else if (_self.scroll > a_2 && _self.scroll<a_3) { } else if (_self.scroll > a_2 && _self.scroll < a_3) {
this.ckedIndex = 2 this.ckedIndex = 2;
}else if (_self.scroll > a_3 && _self.scroll<a_4) { } else if (_self.scroll > a_3 && _self.scroll < a_4) {
this.ckedIndex = 3 this.ckedIndex = 3;
}else if (_self.scroll > a_4 && _self.scroll<a_5) { } else if (_self.scroll > a_4 && _self.scroll < a_5) {
this.ckedIndex = 4 this.ckedIndex = 4;
}else if (_self.scroll > a_5) { } else if (_self.scroll > a_5) {
this.ckedIndex = 5 this.ckedIndex = 5;
}
} }
},
}, },
mounted() { mounted() {
this.$nextTick(function () { this.$nextTick(function() {
//滚动监听事件 //滚动监听事件
window.addEventListener('scroll', this.menu) window.addEventListener("scroll", this.menu);
}); });
} }
}; };
</script> </script>
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