Skip to content

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

页面修改

parent 2a299ab8
Show whitespace changes
Inline Side-by-side
Showing with 1930 additions and 1304 deletions
src/components/DomesticTravelcontract.vue
View file @ 1ade1d64
<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,127 +49,153 @@ ...@@ -49,127 +49,153 @@
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 .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);
...@@ -178,18 +204,24 @@ ...@@ -178,18 +204,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);
...@@ -198,41 +230,48 @@ ...@@ -198,41 +230,48 @@
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{
margin-top:5px;
}
.feeJisuan .el-form-item__label {
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>
...@@ -240,11 +279,19 @@ ...@@ -240,11 +279,19 @@
<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"
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">
...@@ -259,50 +306,84 @@ ...@@ -259,50 +306,84 @@
<tbody> <tbody>
<tr> <tr>
<td> <td>
<el-form-item label="姓名" prop="clientName"> <el-form-item label="姓名">
<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="证件号码"> <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_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>
<tr> <tr>
<td> <td>
<el-form-item label="联系电话" prop="clientCall"> <el-form-item label="联系电话" prop="clientCall">
<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_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_PostNum" maxlength="100" class="w300"></el-input> <el-input
type="text"
v-model="CtObj.Tourists_PostNum"
maxlength="100"
class="w300"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -314,63 +395,101 @@ ...@@ -314,63 +395,101 @@
<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>
<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_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_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="电子邮箱"> <el-form-item label="电子邮箱">
<el-input type="text" class="w300" v-model="CtObj.TravelAgency_Email"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.TravelAgency_Email"
></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>
...@@ -392,42 +511,72 @@ ...@@ -392,42 +511,72 @@
<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_ProductName"> <el-form-item label="旅游产品名称" prop="C_ProductName">
<el-input type="text" class="w300" v-model="CtObj.C_ProductName"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_ProductName"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="出发日期" prop="startDate"> <el-form-item label="出发日期" prop="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="returnDate"> <el-form-item label="返回日期" prop="returnDate">
<el-date-picker class="w300" v-model="CtObj.C_EndDate" type="date" value-format="yyyy-MM-dd" placeholder></el-date-picker> <el-date-picker
class="w300"
v-model="CtObj.C_EndDate"
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_DayNum"> <el-form-item label="共" prop="C_DayNum">
<el-input type="text" class="w300" v-model="CtObj.C_DayNum"></el-input>&nbsp;天 <el-input
type="text"
class="w300"
v-model="CtObj.C_DayNum"
></el-input
>&nbsp;天
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="酒店住宿" prop="C_NightNum"> <el-form-item label="酒店住宿" prop="C_NightNum">
<el-input type="text" class="w300" v-model="CtObj.C_NightNum"></el-input>&nbsp;晚 <el-input
type="text"
class="w300"
v-model="CtObj.C_NightNum"
></el-input
>&nbsp;晚
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -439,54 +588,89 @@ ...@@ -439,54 +588,89 @@
<tr> <tr>
<td> <td>
<el-form-item label="成人" prop="adultPrice"> <el-form-item label="成人" prop="adultPrice">
<el-input type="text" class="w300" v-model="CtObj.C_AdultPrice"></el-input> 元/人 <el-input
type="text"
class="w300"
v-model="CtObj.C_AdultPrice"
></el-input>
元/人
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="儿童(不满14岁的)"> <el-form-item label="儿童(不满14岁的)">
<el-input type="text" class="w300" v-model="CtObj.C_ChildrenPrice"></el-input> 元/人 <el-input
type="text"
class="w300"
v-model="CtObj.C_ChildrenPrice"
></el-input>
元/人
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="导游服务费" prop="C_GuideServicePrice"> <el-form-item label="导游服务费" prop="C_GuideServicePrice">
<el-input type="text" class="w300" v-model="CtObj.C_GuideServicePrice"></el-input> 元/人 <el-input
type="text"
class="w300"
v-model="CtObj.C_GuideServicePrice"
></el-input>
元/人
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="合计" prop="C_TotalPrice"> <el-form-item label="合计" prop="C_TotalPrice">
<el-input type="text" class="w300" v-model="CtObj.C_TotalPrice"></el-input> 元 <el-input
type="text"
class="w300"
v-model="CtObj.C_TotalPrice"
></el-input>
元
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="旅游费用支付日期" prop="C_PayDate"> <el-form-item label="旅游费用支付日期" prop="C_PayDate">
<el-date-picker class="w300" v-model="CtObj.C_PayDate" type="date" value-format="yyyy-MM-dd" placeholder></el-date-picker> <el-date-picker
class="w300"
v-model="CtObj.C_PayDate"
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_PayType"> <el-form-item label="支付方式" prop="C_PayType">
<el-select placeholder="请选择" filterable class='w300' v-model="CtObj.C_PayType"> <el-select
<el-option label="现金" :value='1'></el-option> placeholder="请选择"
<el-option label="支票" :value='2'></el-option> filterable
<el-option label="信用卡" :value='3'></el-option> class="w300"
<el-option label="其他" :value='4'></el-option> v-model="CtObj.C_PayType"
>
<el-option label="现金" :value="1"></el-option>
<el-option label="支票" :value="2"></el-option>
<el-option label="信用卡" :value="3"></el-option>
<el-option label="其他" :value="4"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr v-if="CtObj.C_PayType==4"> <tr v-if="CtObj.C_PayType == 4">
<td> <td>
<el-form-item label="备注"> <el-form-item label="备注">
<el-input type="text" class="w300" v-model="CtObj.C_PayTypeRemark"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_PayTypeRemark"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -498,10 +682,15 @@ ...@@ -498,10 +682,15 @@
<tr> <tr>
<td> <td>
<el-form-item label="旅游者"> <el-form-item label="旅游者">
<el-select placeholder="请选择" filterable class='w300' v-model="CtObj.C_InsuranceType"> <el-select
<el-option label="委托出境社购买" :value='1'></el-option> placeholder="请选择"
<el-option label="自行购买" :value='2'></el-option> filterable
<el-option label="放弃购买" :value='3'></el-option> class="w300"
v-model="CtObj.C_InsuranceType"
>
<el-option label="委托出境社购买" :value="1"></el-option>
<el-option label="自行购买" :value="2"></el-option>
<el-option label="放弃购买" :value="3"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</td> </td>
...@@ -509,7 +698,11 @@ ...@@ -509,7 +698,11 @@
<tr> <tr>
<td> <td>
<el-form-item label="保险产品名称" prop="C_InsuranceName"> <el-form-item label="保险产品名称" prop="C_InsuranceName">
<el-input type="text" class="w300" v-model="CtObj.C_InsuranceName"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_InsuranceName"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -521,31 +714,53 @@ ...@@ -521,31 +714,53 @@
<tr> <tr>
<td> <td>
<el-form-item label="最低成团人数" prop="C_LowNum"> <el-form-item label="最低成团人数" prop="C_LowNum">
<el-input type="text" class="w150" v-model="CtObj.C_LowNum"></el-input> 人 <el-input
type="text"
class="w150"
v-model="CtObj.C_LowNum"
></el-input>
人
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td style="padding:10px 0 20px 86px;">如不能成团，旅游者是否同意按下列方式解决：</td> <td style="padding:10px 0 20px 86px;">
如不能成团，旅游者是否同意按下列方式解决：
</td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="1、"> <el-form-item label="1、">
<el-select placeholder="请选择" filterable class='w150' v-model="CtObj.C_IsAgreeTravel"> <el-select
<el-option label="同意" :value='0'></el-option> placeholder="请选择"
<el-option label="不同意" :value='1'></el-option> filterable
class="w150"
v-model="CtObj.C_IsAgreeTravel"
>
<el-option label="同意" :value="0"></el-option>
<el-option label="不同意" :value="1"></el-option>
</el-select> </el-select>
出境社委托 出境社委托
<el-input type="text" class="w300" v-model="CtObj.C_AgreeTravelName"></el-input> 出境社履行合同； <el-input
type="text"
class="w300"
v-model="CtObj.C_AgreeTravelName"
></el-input>
出境社履行合同；
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="2、"> <el-form-item label="2、">
<el-select placeholder="请选择" filterable class='w150' v-model="CtObj.C_IsAgreeDelay"> <el-select
<el-option label="不同意" :value='1'></el-option> placeholder="请选择"
<el-option label="同意" :value='0'></el-option> filterable
class="w150"
v-model="CtObj.C_IsAgreeDelay"
>
<el-option label="不同意" :value="1"></el-option>
<el-option label="同意" :value="0"></el-option>
</el-select> </el-select>
延期出团； 延期出团；
</el-form-item> </el-form-item>
...@@ -554,9 +769,14 @@ ...@@ -554,9 +769,14 @@
<tr> <tr>
<td> <td>
<el-form-item label="3、"> <el-form-item label="3、">
<el-select placeholder="请选择" filterable class='w150' v-model="CtObj.C_IsAgreeCndorse"> <el-select
<el-option label="不同意" :value='1'></el-option> placeholder="请选择"
<el-option label="同意" :value='0'></el-option> filterable
class="w150"
v-model="CtObj.C_IsAgreeCndorse"
>
<el-option label="不同意" :value="1"></el-option>
<el-option label="同意" :value="0"></el-option>
</el-select> </el-select>
改签其他线路出团； 改签其他线路出团；
</el-form-item> </el-form-item>
...@@ -565,9 +785,14 @@ ...@@ -565,9 +785,14 @@
<tr> <tr>
<td> <td>
<el-form-item label="4、"> <el-form-item label="4、">
<el-select placeholder="请选择" filterable class='w150' v-model="CtObj.C_IsAgreeRemove"> <el-select
<el-option label="不同意" :value='1'></el-option> placeholder="请选择"
<el-option label="同意" :value='0'></el-option> filterable
class="w150"
v-model="CtObj.C_IsAgreeRemove"
>
<el-option label="不同意" :value="1"></el-option>
<el-option label="同意" :value="0"></el-option>
</el-select> </el-select>
解除合同。 解除合同。
</el-form-item> </el-form-item>
...@@ -581,12 +806,22 @@ ...@@ -581,12 +806,22 @@
<tr> <tr>
<td> <td>
<el-form-item label="旅游者"> <el-form-item label="旅游者">
<el-select placeholder="请选择" filterable class='w150' v-model="CtObj.C_IsAgreeSpellGroup"> <el-select
<el-option label="不同意" :value='1'></el-option> placeholder="请选择"
<el-option label="同意" :value='0'></el-option> filterable
class="w150"
v-model="CtObj.C_IsAgreeSpellGroup"
>
<el-option label="不同意" :value="1"></el-option>
<el-option label="同意" :value="0"></el-option>
</el-select> </el-select>
采用拼团方式拼至 采用拼团方式拼至
<el-input type="text" class="w300" v-model="CtObj.C_SpellGroupName"></el-input> 旅行社成团。 <el-input
type="text"
class="w300"
v-model="CtObj.C_SpellGroupName"
></el-input>
旅行社成团。
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -597,19 +832,41 @@ ...@@ -597,19 +832,41 @@
<tbody> <tbody>
<tr> <tr>
<td> <td>
<div style="margin:20px 0 10px 50px">本合同履行过程中发生争议，由双方协商解决；亦可向合同签订地的旅游质监执法机构、消费者协会等有关部门或者机构申请调解解决。</div> <div style="margin:20px 0 10px 50px">
本合同履行过程中发生争议，由双方协商解决；亦可向合同签订地的旅游质监执法机构、消费者协会等有关部门或者机构申请调解解决。
</div>
<el-form-item label-width="0" style="margin-left:50px;"> <el-form-item label-width="0" style="margin-left:50px;">
<span style="color:red;">*</span> 争议解决方式选择：协商或调解不成，按下列第 <span style="color:red;">*</span>
<el-select placeholder="请选择" filterable class='w150' v-model="CtObj.C_SolveType"> 争议解决方式选择：协商或调解不成，按下列第
<el-option label="1" :value='1'></el-option> <el-select
<el-option label="2" :value='2'></el-option> placeholder="请选择"
filterable
class="w150"
v-model="CtObj.C_SolveType"
>
<el-option label="1" :value="1"></el-option>
<el-option label="2" :value="2"></el-option>
</el-select> </el-select>
种方式解决 种方式解决
</el-form-item> </el-form-item>
<el-form-item label="1、提交" v-if="CtObj.C_SolveType==1" label-width="110px"> <el-form-item
<el-input type="text" class="w300" v-model="CtObj.C_SolveRemark"></el-input>&nbsp;仲裁委员会仲裁； label="1、提交"
v-if="CtObj.C_SolveType == 1"
label-width="110px"
>
<el-input
type="text"
class="w300"
v-model="CtObj.C_SolveRemark"
></el-input
>&nbsp;仲裁委员会仲裁；
</el-form-item> </el-form-item>
<div v-if="CtObj.C_SolveType==2" style="margin:0 0 20px 50px;">2、依法向人民法院起诉。</div> <div
v-if="CtObj.C_SolveType == 2"
style="margin:0 0 20px 50px;"
>
2、依法向人民法院起诉。
</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -618,14 +875,27 @@ ...@@ -618,14 +875,27 @@
<table class="createTable feeJisuan"> <table class="createTable feeJisuan">
<tbody> <tbody>
<tr> <tr>
<td width='450'> <td width="450">
<el-form-item label="本合同一式" prop="C_ContractTotal"> <el-form-item label="本合同一式" prop="C_ContractTotal">
<el-input type="text" class="w150" v-model="CtObj.C_ContractTotal"></el-input>&nbsp;份 <el-input
type="text"
class="w150"
v-model="CtObj.C_ContractTotal"
></el-input
>&nbsp;份
</el-form-item> </el-form-item>
</td> </td>
<td> <td>
<el-form-item label="，双方各持" prop="C_ContractPer" label-width="120"> <el-form-item
<el-input type="text" class="w150" v-model="CtObj.C_ContractPer"></el-input> label="，双方各持"
prop="C_ContractPer"
label-width="120"
>
<el-input
type="text"
class="w150"
v-model="CtObj.C_ContractPer"
></el-input>
&nbsp;份，具有同等法律效力，自双方当事人签字或者盖章之日起生效。 &nbsp;份，具有同等法律效力，自双方当事人签字或者盖章之日起生效。
</el-form-item> </el-form-item>
</td> </td>
...@@ -642,8 +912,15 @@ ...@@ -642,8 +912,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">
...@@ -659,45 +936,71 @@ ...@@ -659,45 +936,71 @@
<tr> <tr>
<td> <td>
<el-form-item label="旅行社监督、投诉电话"> <el-form-item label="旅行社监督、投诉电话">
<el-input type="text" class="w300"></el-input> <el-input type="text" class="w300" v-model="CtObj.TravelAgency_ServiceTel"></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item style="display:inline-block;"> <el-form-item style="display:inline-block;">
<el-input type="text" class="w138" v-model="CtObj.C_ComplaintProvince"></el-input>&nbsp;省 <el-input
type="text"
class="w138"
v-model="CtObj.C_ComplaintProvince"
></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="w138" v-model="CtObj.C_ComplaintCity"></el-input>&nbsp;市旅游质监执法机构 <el-input
type="text"
class="w138"
v-model="CtObj.C_ComplaintCity"
></el-input
>&nbsp;市旅游质监执法机构
</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_ComplaintTel"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_ComplaintTel"
></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_ComplaintEmail"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_ComplaintEmail"
></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_ComplaintAddress"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_ComplaintAddress"
></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_ComplaintPostNum"></el-input> <el-input
type="text"
class="w300"
v-model="CtObj.C_ComplaintPostNum"
></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -739,7 +1042,12 @@ ...@@ -739,7 +1042,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>姓名</th> <th>姓名</th>
...@@ -862,7 +1170,6 @@ ...@@ -862,7 +1170,6 @@
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
<div class="block mtop15" id="anchor-6" ref="anchor6"> <div class="block mtop15" id="anchor-6" ref="anchor6">
<div class="blockTitle"> <div class="blockTitle">
...@@ -873,7 +1180,12 @@ ...@@ -873,7 +1180,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>
...@@ -886,53 +1198,126 @@ ...@@ -886,53 +1198,126 @@
<th width="12%">旅游者签名同意</th> <th width="12%">旅游者签名同意</th>
<th width="100">操作</th> <th width="100">操作</th>
</tr> </tr>
<tr v-for="(item,index) in CtObj.ContractShopList"> <tr v-for="(item, index) in CtObj.ContractShopList">
<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.ShopTime }}</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.ShopTime"
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.ShopAddress }}</span>
<el-input type="text" v-model="item.Address" v-else></el-input> <el-input
type="text"
v-model="item.ShopAddress"
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.ShopName }}</span>
<el-input type="text" v-model="item.shoppName" v-else></el-input> <el-input
type="text"
v-model="item.ShopName"
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">{{ item.ShopGoodName }}</span>
<el-input type="text" v-model="item.CommodityInformation" v-else></el-input> <el-input
type="text"
v-model="item.ShopGoodName"
v-else
></el-input>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.stayTime}}</span> <span v-if="item.IsShow == 0">{{ item.StopTime }}</span>
<el-input type="text" v-model="item.stayTime" v-else></el-input> <el-input
type="text"
v-model="item.StopTime"
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">{{
<el-input type="text" v-model="item.other" v-else></el-input> item.OtherInstruction
}}</span>
<el-input
type="text"
v-model="item.OtherInstruction"
v-else
></el-input>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.travelSign}}</span> <span v-if="item.IsShow == 0">{{
<el-input type="text" v-model="item.travelSign" v-else></el-input> item.TouristsSignAgree
}}</span>
<el-input
type="text"
v-model="item.TouristsSignAgree"
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>
...@@ -947,7 +1332,12 @@ ...@@ -947,7 +1332,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>
...@@ -960,53 +1350,114 @@ ...@@ -960,53 +1350,114 @@
<th width="12%">旅游者签名同意</th> <th width="12%">旅游者签名同意</th>
<th width="100">操作</th> <th width="100">操作</th>
</tr> </tr>
<tr v-for="(item,index) in WillingPayArr"> <tr v-for="(item, index) in CtObj.ContractSelfFeeList" :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.SelfFeeTime }}</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.SelfFeeTime"
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.SelfFeeAddress }}</span>
<el-input type="text" v-model="item.Address" v-else></el-input> <el-input
type="text"
v-model="item.SelfFeeAddress"
v-else
></el-input>
</td> </td>
<td style="text-align:left;"> <td style="text-align:left;">
<span v-if="item.IsShow==0">{{item.programName}}</span> <span v-if="item.IsShow == 0">{{ item.SelfFeeName }}</span>
<el-input type="text" v-model="item.programName" v-else></el-input> <el-input
type="text"
v-model="item.SelfFeeName"
v-else
></el-input>
</td> </td>
<td style="text-align:left;"> <td style="text-align:left;">
<span v-if="item.IsShow==0">{{item.money}}</span> <span v-if="item.IsShow == 0">{{ item.SelfFeePrice }}</span>
<el-input type="text" v-model="item.money" v-else></el-input> <el-input type="text" v-model="item.SelfFeePrice" v-else></el-input>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.programTime}}</span> <span v-if="item.IsShow == 0">{{ item.StopTime }}</span>
<el-input type="text" v-model="item.programTime" v-else></el-input> <el-input
type="text"
v-model="item.StopTime"
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.OtherInstruction }}</span>
<el-input type="text" v-model="item.other" v-else></el-input> <el-input type="text" v-model="item.OtherInstruction" v-else></el-input>
</td> </td>
<td> <td>
<span v-if="item.IsShow==0">{{item.travelSign}}</span> <span v-if="item.IsShow == 0">{{ item.TouristsSignAgree }}</span>
<el-input type="text" v-model="item.travelSign" v-else></el-input> <el-input
type="text"
v-model="item.TouristsSignAgree"
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="delWilling(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="delWilling(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="addWilling()" value="+添加记录" /> <input
type="button"
class="TC_NewAddBtn"
@click="addWilling()"
value="+添加记录"
/>
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -1017,17 +1468,17 @@ ...@@ -1017,17 +1468,17 @@
</div> </div>
</template> </template>
<script> <script>
import moment from 'moment' import moment from "moment";
export default { export default {
data() { data() {
return { return {
//选中切换 //选中切换
cked:1, cked: 1,
//查询参数 //查询参数
msg:{ msg: {
TCID:0, TCID: 0,
orderID:0, orderID: 0,
guestId:0 guestId: 0
}, },
addMsg: { addMsg: {
Country: 0, Country: 0,
...@@ -1035,8 +1486,8 @@ ...@@ -1035,8 +1486,8 @@
City: 0 City: 0
}, },
//参数 //参数
CtObj:{ CtObj: {
CType:2,//合同类型:(1-单项委托协议[平台版2018]，2大陆境内旅游合同2014,3-全国版国内旅游一日游旅游合同示范文本[2015版]) CType: 2, //合同类型:(1-单项委托协议[平台版2018]，2大陆境内旅游合同2014,3-全国版国内旅游一日游旅游合同示范文本[2015版])
Tourists_Name: "", Tourists_Name: "",
Tourists_IDNum: "", Tourists_IDNum: "",
Tourists_Addres: "", Tourists_Addres: "",
...@@ -1050,12 +1501,13 @@ ...@@ -1050,12 +1501,13 @@
TravelAgency_LicenseNum: "L-SC-CJ00015", TravelAgency_LicenseNum: "L-SC-CJ00015",
TravelAgency_DealMan: "", TravelAgency_DealMan: "",
TravelAgency_IDNum: "", TravelAgency_IDNum: "",
TravelAgency_Address: "成都市锦江区一环路东五段87号2幢23层2310.2311.2312号", 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_Scope:"出境游/境内游",//旅行社经营范围 TravelAgency_Scope: "出境游/境内游", //旅行社经营范围
TravelAgency_SignAddress: "", TravelAgency_SignAddress: "",
Guide_Name: "", Guide_Name: "",
Guide_Num: "", Guide_Num: "",
...@@ -1074,7 +1526,7 @@ ...@@ -1074,7 +1526,7 @@
C_TotalPrice: "", C_TotalPrice: "",
C_PayDate: "", C_PayDate: "",
C_PayType: 1, // 旅游费用支付方式(1-现金,2-支票,3-信用卡,4-其他,5-转账) C_PayType: 1, // 旅游费用支付方式(1-现金,2-支票,3-信用卡,4-其他,5-转账)
C_PayTypeRemark: "",//转账填写转账账号和备注 C_PayTypeRemark: "", //转账填写转账账号和备注
C_InsuranceType: 1, // 旅游者保险购买方式(1-委托旅行社购买,2-自行购买,3-放弃购买) C_InsuranceType: 1, // 旅游者保险购买方式(1-委托旅行社购买,2-自行购买,3-放弃购买)
C_InsuranceName: "", C_InsuranceName: "",
C_LowNum: "", C_LowNum: "",
...@@ -1087,8 +1539,8 @@ ...@@ -1087,8 +1539,8 @@
C_SpellGroupName: "", // 拼团旅行社名称 C_SpellGroupName: "", // 拼团旅行社名称
C_SolveType: 2, // 争议解决方式 C_SolveType: 2, // 争议解决方式
C_SolveRemark: "", // 争议解决方式备注 C_SolveRemark: "", // 争议解决方式备注
C_ContractTotal: "贰", // 合同总分数 C_ContractTotal: "2", // 合同总分数
C_ContractPer: '壹', // 各持几份 C_ContractPer: "1", // 各持几份
C_StartAddress: "", // 出发地点 C_StartAddress: "", // 出发地点
C_ReturnAddress: "", //返回地点 C_ReturnAddress: "", //返回地点
C_TrafficType: 1, // 交通方式(1-合车游，2-包车游) C_TrafficType: 1, // 交通方式(1-合车游，2-包车游)
...@@ -1120,10 +1572,10 @@ ...@@ -1120,10 +1572,10 @@
OtherConventionPrice: "", // 其他服务费用合计 OtherConventionPrice: "", // 其他服务费用合计
OtherConvention: "", // 其他约定事项 OtherConvention: "", // 其他约定事项
TripJson: "", TripJson: "",
GuestJson: '', // 游客信息【json】 GuestJson: "", // 游客信息【json】
ShopJson: '', // 购物信息【json】 ShopJson: "", // 购物信息【json】
SelfFeeJson: '', // 自费信息【Json】 SelfFeeJson: "", // 自费信息【Json】
TicketJson: '', // 机票信息 TicketJson: "", // 机票信息
TicketTotalNum: 0, // 机票总数量 TicketTotalNum: 0, // 机票总数量
TicketOutDayNum: 0, // 机票几日内出票 TicketOutDayNum: 0, // 机票几日内出票
TicketTotalDepositPrice: 0, // 机票预订总费用 TicketTotalDepositPrice: 0, // 机票预订总费用
...@@ -1141,81 +1593,56 @@ ...@@ -1141,81 +1593,56 @@
ContractShopList: [], //自愿购物活动补充协议 ContractShopList: [], //自愿购物活动补充协议
ContractGuestList: [], //旅客名单 ContractGuestList: [], //旅客名单
ContractTripList: [], //行程列表 ContractTripList: [], //行程列表
ContractSelfFeeList:[], //自愿付费项目补充协议 ContractSelfFeeList: [] //自愿付费项目补充协议
}, },
//旅客名单 //旅客名单
guestList:[], guestList: [],
tripList: [], tripList: [],
rules: { rules: {
clientName: [{ required: true, message: "请输入客户名称", trigger: "blur" }], clientName: [
{ required: true, message: "请输入客户名称", trigger: "blur" }
]
}, },
//自愿购物活动补充协议 //自愿购物活动补充协议
VoluntaryArr:[], VoluntaryArr: [],
//自愿付费项目补充协议 //自愿付费项目补充协议
WillingPayArr:[], WillingPayArr: [],
//菜单列表 //菜单列表
menuArr:['合同基本信息','合同协议条款','其他约定事项','投诉联系','行程信息','游客信息','自愿购物活动补充协议','自愿付费项目补充协议'], menuArr: [
ckedIndex:0, "合同基本信息",
"合同协议条款",
"其他约定事项",
"投诉联系",
"行程信息",
"游客信息",
"自愿购物活动补充协议",
"自愿付费项目补充协议"
],
ckedIndex: 0
}; };
}, },
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;
}, },
//提交数据 //提交数据
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=>{ this.CtObj.ID = res.data.data;
if(x.IsShow==0){ this.GetData();
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(){ );
this.$router.push({
name: 'TravelContractDetail',
query: {
TCID: this.$route.query.TCID,
guestId:this.CtObj.guestId,
orderID: this.$route.query.orderID,
blank: "y",
}
});
}, },
//提交 //提交
submitForm(addMsg) { submitForm(addMsg) {
...@@ -1224,46 +1651,46 @@ ...@@ -1224,46 +1651,46 @@
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:'', ShopTime: "",
Address:'', ShopAddress: "",
shoppName:'', ShopName: "",
CommodityInformation:'', ShopGoodName: "",
stayTime:'', StopTime: "",
other:'', OtherInstruction: "",
travelSign:'', TouristsSignAgree: "",
IsShow:1 IsShow: 1
} };
this.CtObj.ContractShopList.push(obj); this.CtObj.ContractShopList.push(obj);
}, },
//删除补充协议1 //删除补充协议1
delVoluntray(index){ delVoluntray(index) {
this.CtObj.ContractShopList.splice(index, 1); this.CtObj.ContractShopList.splice(index, 1);
}, },
//添加自愿付费协议 //添加自愿付费协议
addWilling(){ addWilling() {
let obj={ let obj = {
specificTime:'', SelfFeeTime: "",
Address:'', SelfFeeAddress: "",
programName:'', SelfFeeName: "",
money:'', SelfFeePrice: "",
programTime:'', StopTime: "",
other:'', OtherInstruction: "",
travelSign:'', TouristsSignAgree: "",
IsShow:1 IsShow: 1
} };
this.WillingPayArr.push(obj); this.CtObj.ContractSelfFeeList.push(obj);
}, },
//删除自愿付费协议 //删除自愿付费协议
delWilling(index){ delWilling(index) {
this.WillingPayArr.splice(index, 1); this.CtObj.ContractSelfFeeList.splice(index, 1);
}, },
//添加游客信息 //添加游客信息
...@@ -1289,7 +1716,8 @@ ...@@ -1289,7 +1716,8 @@
//滚动条滚动选中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;
...@@ -1300,29 +1728,210 @@ ...@@ -1300,29 +1728,210 @@
var a_6 = this.$refs.anchor6.offsetTop; var a_6 = this.$refs.anchor6.offsetTop;
var a_7 = this.$refs.anchor7.offsetTop; var a_7 = this.$refs.anchor7.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 && _self.scroll<a_6) { } else if (_self.scroll > a_5 && _self.scroll < a_6) {
this.ckedIndex = 5 this.ckedIndex = 5;
}else if (_self.scroll > a_6 && _self.scroll<a_7) { } else if (_self.scroll > a_6 && _self.scroll < a_7) {
this.ckedIndex = 6 this.ckedIndex = 6;
}else if (_self.scroll > a_7) { } else if (_self.scroll > a_7) {
this.ckedIndex = 7 this.ckedIndex = 7;
} }
}, },
GetData() {
this.apipost(
"travelcontract_get_GetTravelContractService",
{ ID: this.CtObj.ID },
res => {
if (res.data.resultCode == 1) {
var tempObj = res.data.data;
this.CtObj.ID = tempObj.ID;
this.CtObj.CType = tempObj.CType;
this.CtObj.T_ContractNum = tempObj.T_ContractNum;
this.CtObj.Tourists_Name = tempObj.Tourists_Name;
this.CtObj.Tourists_IDNum = tempObj.Tourists_IDNum;
this.CtObj.Tourists_Addres = tempObj.Tourists_Addres;
this.CtObj.Tourists_Tel = tempObj.Tourists_Tel;
this.CtObj.Tourists_Email = tempObj.Tourists_Email;
this.CtObj.Tourists_PostNum = tempObj.Tourists_PostNum;
this.CtObj.Tourists_Fax = tempObj.Tourists_Fax;
this.CtObj.Tourists_EmergencyLinkMan =
tempObj.Tourists_EmergencyLinkMan;
this.CtObj.Tourists_EmergencyLinkTel =
tempObj.Tourists_EmergencyLinkTel;
this.CtObj.TravelAgency_DealMan = tempObj.TravelAgency_DealMan;
this.CtObj.TravelAgency_IDNum = tempObj.TravelAgency_IDNum;
this.CtObj.TravelAgency_Tel = tempObj.TravelAgency_Tel;
this.CtObj.TravelAgency_Fax = tempObj.TravelAgency_Fax;
this.CtObj.TravelAgency_PostNum = tempObj.TravelAgency_PostNum;
this.CtObj.TravelAgency_Email = tempObj.TravelAgency_Email;
this.CtObj.TravelAgency_SignAddress =
tempObj.TravelAgency_SignAddress;
this.CtObj.Guide_Name = tempObj.Guide_Name;
this.CtObj.Guide_Num = tempObj.Guide_Num;
this.CtObj.Guide_Tel = tempObj.Guide_Tel;
this.CtObj.C_TCNUM = tempObj.C_TCNUM;
this.CtObj.C_ProductName = tempObj.C_ProductName;
this.CtObj.C_StartDate = tempObj.C_StartDate;
this.CtObj.C_EndDate = tempObj.C_EndDate;
this.CtObj.C_DayNum = tempObj.C_DayNum;
this.CtObj.C_NightNum = tempObj.C_NightNum;
this.CtObj.C_AdultNum = tempObj.C_AdultNum;
this.CtObj.C_AdultPrice = tempObj.C_AdultPrice;
this.CtObj.C_ChildrenNum = tempObj.C_ChildrenNum;
this.CtObj.C_ChildrenPrice = tempObj.C_ChildrenPrice;
this.CtObj.C_GuideServicePrice = tempObj.C_GuideServicePrice;
this.CtObj.C_TotalPrice = tempObj.C_TotalPrice;
this.CtObj.C_PayDate = tempObj.C_PayDate;
this.CtObj.C_PayType = tempObj.C_PayType;
this.CtObj.C_PayTypeRemark = tempObj.C_PayTypeRemark;
this.CtObj.C_InsuranceType = tempObj.C_InsuranceType;
this.CtObj.C_InsuranceName = tempObj.C_InsuranceName;
this.CtObj.C_LowNum = tempObj.C_LowNum;
this.CtObj.C_IsAgreeTravel = tempObj.C_IsAgreeTravel;
this.CtObj.C_AgreeTravelName = tempObj.C_AgreeTravelName;
this.CtObj.C_IsAgreeDelay = tempObj.C_IsAgreeDelay;
this.CtObj.C_IsAgreeCndorse = tempObj.C_IsAgreeCndorse;
this.CtObj.C_IsAgreeRemove = tempObj.C_IsAgreeRemove;
this.CtObj.C_IsAgreeSpellGroup = tempObj.C_IsAgreeSpellGroup;
this.CtObj.C_SpellGroupName = tempObj.C_SpellGroupName;
this.CtObj.C_SolveType = tempObj.C_SolveType;
this.CtObj.C_SolveRemark = tempObj.C_SolveRemark;
this.CtObj.C_ContractTotal = tempObj.C_ContractTotal;
this.CtObj.C_ContractPer = tempObj.C_ContractPer;
this.CtObj.C_StartAddress = tempObj.C_StartAddress;
this.CtObj.C_ReturnAddress = tempObj.C_ReturnAddress;
this.CtObj.C_TrafficType = tempObj.C_TrafficType;
this.CtObj.C_BusCode = tempObj.C_BusCode;
this.CtObj.C_DriverName = tempObj.C_DriverName;
this.CtObj.C_IsHaveKongTiao = tempObj.C_IsHaveKongTiao;
this.CtObj.C_BusType = tempObj.C_BusType;
this.CtObj.C_BreakfastAddress = tempObj.C_BreakfastAddress;
this.CtObj.C_BreakfastBasic = tempObj.C_BreakfastBasic;
this.CtObj.C_LunchAddress = tempObj.C_LunchAddress;
this.CtObj.C_LunchBasic = tempObj.C_LunchBasic;
this.CtObj.C_DinnerAddress = tempObj.C_DinnerAddress;
this.CtObj.C_DinnerBasic = tempObj.C_DinnerBasic;
this.CtObj.C_IncludeRemark = tempObj.C_IncludeRemark;
this.CtObj.C_IncludeFee = tempObj.C_IncludeFee;
this.CtObj.C_NonIncludeRemark = tempObj.C_NonIncludeRemark;
this.CtObj.TravelAgency_ServiceTel =
tempObj.TravelAgency_ServiceTel;
this.CtObj.C_ComplaintProvince = tempObj.C_ComplaintProvince;
this.CtObj.C_ComplaintCity = tempObj.C_ComplaintCity;
this.CtObj.C_ComplaintTel = tempObj.C_ComplaintTel;
this.CtObj.C_ComplaintEmail = tempObj.C_ComplaintEmail;
this.CtObj.C_ComplaintAddress = tempObj.C_ComplaintAddress;
this.CtObj.C_ComplaintPostNum = tempObj.C_ComplaintPostNum;
this.CtObj.C_ZhiFaTel = tempObj.C_ZhiFaTel;
this.CtObj.C_XFZXHTSTel = tempObj.C_XFZXHTSTel;
this.CtObj.C_TicketDayNum = tempObj.C_TicketDayNum;
this.CtObj.C_OrderDayNum = tempObj.C_OrderDayNum;
this.CtObj.C_PayDayNum = tempObj.C_PayDayNum;
this.CtObj.C_SignType = tempObj.C_SignType;
this.CtObj.OtherConventionPrice = tempObj.OtherConventionPrice;
this.CtObj.OtherConvention = tempObj.OtherConvention;
this.CtObj.OtherConventionPrice = tempObj.OtherConventionPrice;
this.CtObj.TicketTotalNum = tempObj.TicketTotalNum;
this.CtObj.TicketOutDayNum = tempObj.TicketOutDayNum;
this.CtObj.TicketTotalDepositPrice =
tempObj.TicketTotalDepositPrice;
this.CtObj.HotelTotal = tempObj.HotelTotal;
this.CtObj.HotelCheckInType = tempObj.HotelCheckInType;
this.CtObj.HotelNotice = tempObj.HotelNotice;
this.CtObj.HotelTotalPrice = tempObj.HotelTotalPrice;
this.CtObj.PickUpTotalPrice = tempObj.PickUpTotalPrice;
this.CtObj.VisaTotalPrice = tempObj.VisaTotalPrice;
this.CtObj.TicketAndHotelTotalPrice =
tempObj.TicketAndHotelTotalPrice;
if (
tempObj.ContractShopList &&
tempObj.ContractShopList != null &&
tempObj.ContractShopList.length > 0
) {
this.CtObj.ContractShopList = tempObj.ContractShopList;
} else {
this.CtObj.ContractShopList = [];
}
if (
this.CtObj.ContractShopList &&
this.CtObj.ContractShopList != null &&
this.CtObj.ContractShopList.length > 0
) {
this.CtObj.ContractShopList.forEach(gItem => {
gItem.IsShow = 0;
});
}
if (
tempObj.ContractGuestList &&
tempObj.ContractGuestList != null &&
tempObj.ContractGuestList.length > 0
) {
this.CtObj.ContractGuestList = tempObj.ContractGuestList;
} else {
this.CtObj.ContractGuestList = [];
}
if (
this.CtObj.ContractGuestList &&
this.CtObj.ContractGuestList != null &&
this.CtObj.ContractGuestList.length > 0
) {
this.CtObj.ContractGuestList.forEach(gItem => {
gItem.IsShow = 0;
});
}
if (
tempObj.ContractSelfFeeList &&
tempObj.ContractSelfFeeList != null &&
tempObj.ContractSelfFeeList.length > 0
) {
this.CtObj.ContractSelfFeeList = tempObj.ContractSelfFeeList;
} else {
this.CtObj.ContractGuestList = [];
}
if (
this.CtObj.ContractSelfFeeList &&
this.CtObj.ContractSelfFeeList != null &&
this.CtObj.ContractSelfFeeList.length > 0
) {
this.CtObj.ContractSelfFeeList.forEach(gItem => {
gItem.IsShow = 0;
});
}
if (
tempObj.ContractTripList &&
tempObj.ContractTripList != null &&
tempObj.ContractTripList.length > 0
) {
this.CtObj.ContractTripList = tempObj.ContractTripList;
} else {
this.CtObj.ContractTripList = [];
}
} else {
this.Error(res.data.message);
}
},
err => {}
);
}
}, },
mounted() { mounted() {
this.$nextTick(function () { if (this.$route.query.id && this.$route.query.id > 0) {
this.CtObj.ID = this.$route.query.id;
this.GetData();
}
this.$nextTick(function() {
//滚动监听事件 //滚动监听事件
window.addEventListener('scroll', this.menu) window.addEventListener("scroll", this.menu);
}); });
} }
}; };
</script> </script>
src/components/administrative/ContractManage.vue
View file @ 1ade1d64
...@@ -79,19 +79,19 @@ ...@@ -79,19 +79,19 @@
<li> <li>
<input <input
type="button" type="button"
@click="goContract('onedayTripContract')" @click="goContract('onedayTripContract',0,'一日游合同')"
class="normalBtn" class="normalBtn"
value="一日游合同" value="一日游合同"
/> />
<input <input
type="button" type="button"
@click="goContract('DomesticTravelcontract')" @click="goContract('DomesticTravelcontract',0,'境内旅游合同')"
class="normalBtn" class="normalBtn"
value="境内旅游合同" value="境内旅游合同"
/> />
<input <input
type="button" type="button"
@click="goContract('SingleContract')" @click="goContract('SingleContract',0,'单项委托合同')"
class="normalBtn" class="normalBtn"
value="单项委托合同" value="单项委托合同"
/> />
...@@ -108,6 +108,7 @@ ...@@ -108,6 +108,7 @@
<tr> <tr>
<th width="80">编号</th> <th width="80">编号</th>
<th width="120">合同编号</th> <th width="120">合同编号</th>
<th width="120">合同类型</th>
<th width="150">客户名称</th> <th width="150">客户名称</th>
<th width="150">客户联系电话</th> <th width="150">客户联系电话</th>
<th width="150">客户地址</th> <th width="150">客户地址</th>
...@@ -119,6 +120,14 @@ ...@@ -119,6 +120,14 @@
<tr v-for="(item, index) in dataList" :key="index"> <tr v-for="(item, index) in dataList" :key="index">
<td>{{ item.ID }}</td> <td>{{ item.ID }}</td>
<td>{{ item.T_ContractNum }}</td> <td>{{ item.T_ContractNum }}</td>
<td>
<template v-if="item.CType == 2">
境内旅游合同
</template>
<template v-else-if="item.CType == 3">
一日游合同
</template>
</td>
<td>{{ item.Tourists_Name }}</td> <td>{{ item.Tourists_Name }}</td>
<td>{{ item.Tourists_Tel }}</td> <td>{{ item.Tourists_Tel }}</td>
<td>{{ item.Tourists_Addres }}</td> <td>{{ item.Tourists_Addres }}</td>
...@@ -132,12 +141,22 @@ ...@@ -132,12 +141,22 @@
content="修改" content="修改"
placement="top-start" placement="top-start"
> >
<template v-if="item.CType == 3">
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="goContract('onedayTripContract', item.ID,'一日游合同')"
></el-button>
</template>
<template v-else-if="item.CType == 2">
<el-button <el-button
type="primary" type="primary"
icon="el-icon-edit" icon="el-icon-edit"
circle circle
@click="goContract('onedayTripContract', item.ID)" @click="goContract('DomesticTravelcontract', item.ID,'境内旅游合同')"
></el-button> ></el-button>
</template>
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip
class="item" class="item"
...@@ -257,7 +276,7 @@ export default { ...@@ -257,7 +276,7 @@ export default {
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getList(); this.getList();
}, },
goContract(path, Id) { goContract(path, Id,title) {
var nId = 0; var nId = 0;
if (Id && Id > 0) { if (Id && Id > 0) {
nId = Id; nId = Id;
...@@ -267,7 +286,7 @@ export default { ...@@ -267,7 +286,7 @@ export default {
query: { query: {
id: nId, id: nId,
blank: "y", blank: "y",
tab: "一日游合同" tab: title
} }
}); });
} }
......
src/components/onedayTripContract.vue
View file @ 1ade1d64
...@@ -1628,7 +1628,6 @@ export default { ...@@ -1628,7 +1628,6 @@ export default {
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
var tempObj = res.data.data; var tempObj = res.data.data;
console.log(tempObj,'tempobj');
this.CtObj.ID = tempObj.ID; this.CtObj.ID = tempObj.ID;
this.CtObj.CType = tempObj.CType; this.CtObj.CType = tempObj.CType;
this.CtObj.T_ContractNum = tempObj.T_ContractNum; this.CtObj.T_ContractNum = tempObj.T_ContractNum;
...@@ -1766,7 +1765,6 @@ export default { ...@@ -1766,7 +1765,6 @@ export default {
gItem.IsShow = 0; gItem.IsShow = 0;
}); });
} }
console.log(this.CtObj.ContractGuestList,'this.CtObj.ContractGuestList');
if ( if (
tempObj.ContractTripList && tempObj.ContractTripList &&
tempObj.ContractTripList != null && tempObj.ContractTripList != null &&
......
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