Commit 77428188 authored by 黄奎's avatar 黄奎

页面修改

parent 867fa2df
<style>
* {
* {
margin: 0;
padding: 0;
}
.TC-MainContent {
}
.TC-MainContent {
min-height: 650px;
background: url(../assets/img/bodyBg.png);
padding-top: 10px;
font: normal 13px "Microsoft Yahei";
color: #555;
height: auto !important;
}
.TC-MainContent .fixedMenu {
}
.TC-MainContent .fixedMenu {
position: fixed;
left: 20px;
top: 75px;
margin: 0;
padding-top: 10px;
}
.TC-MainContent .fixedMenu li {
}
.TC-MainContent .fixedMenu li {
padding: 5px 15px;
position: relative;
border-right: 2px solid #e2e2e2;
cursor: pointer;
list-style: none;
font-size: 13px;
}
.TC-MainContent .fixedMenu li:after {
}
.TC-MainContent .fixedMenu li:after {
content: "";
display: block;
width: 0;
......@@ -36,8 +40,9 @@
position: absolute;
right: -12px;
top: 11px;
}
.TC-MainContent .contractTit {
}
.TC-MainContent .contractTit {
position: fixed;
left: 0;
top: 0;
......@@ -49,38 +54,45 @@
background: url(../assets/img/bodyBg.png);
font-size: 18px;
color: #555;
}
.TC-MainContent .contractTit span {
}
.TC-MainContent .contractTit span {
font-size: 21px;
font-weight: bold;
}
.TC-MainContent .block {
}
.TC-MainContent .block {
border: 1px solid #cdcdcd;
background: #f9f9f9;
position: relative;
margin-bottom: 20px;
}
.TC-MainContent .container-fluid {
}
.TC-MainContent .container-fluid {
padding-right: 20px;
padding-left: 20px;
*zoom: 1;
}
.TC-MainContent .mtop15 {
}
.TC-MainContent .mtop15 {
margin-top: 15px;
}
.TC-MainContent .blockTitle {
}
.TC-MainContent .blockTitle {
border-bottom: 1px solid #cdcdcd;
background-color: #efefef;
}
.TC-MainContent .blockTitle span.icon {
}
.TC-MainContent .blockTitle span.icon {
border-right: 1px solid #cdcdcd;
position: absolute;
left: 10px;
height: 40px;
padding-right: 10px;
padding-top: 8px;
}
.TC-MainContent .blockTitle h2 {
}
.TC-MainContent .blockTitle h2 {
font-size: 15px;
min-height: 40px;
margin: 0;
......@@ -89,8 +101,9 @@
padding-right: 15px;
padding-left: 48px;
line-height: 40px;
}
.TC-MainContent .blockTitle h2 {
}
.TC-MainContent .blockTitle h2 {
font-size: 15px;
min-height: 40px;
margin: 0;
......@@ -98,63 +111,77 @@
color: #5b5b5b;
padding-right: 15px;
padding-left: 48px;
}
.TC-MainContent .block em {
}
.TC-MainContent .block em {
font-style: normal;
}
.TC-MainContent .createTableTitle {
}
.TC-MainContent .createTableTitle {
padding: 10px 0;
margin: 5px 30px 0;
border-bottom: 1px dashed #ccc;
font: normal 15px "microsoft yahei";
}
.TC-MainContent .createTable {
}
.TC-MainContent .createTable {
background-color: #f9f9f9;
width: 100%;
}
.TC-MainContent .el-form-item {
}
.TC-MainContent .el-form-item {
margin-bottom: 10px;
}
.TC-MainContent .w300 {
}
.TC-MainContent .w300 {
width: 300px !important;
}
.TC-MainContent .w150 {
}
.TC-MainContent .w150 {
width: 150px !important;
}
.TC-MainContent .w138 {
}
.TC-MainContent .w138 {
width: 138px !important;
}
.TC-MainContent .w600 {
}
.TC-MainContent .w600 {
width: 600px !important;
}
}
.TC-MainContent .singeRowTable {
.TC-MainContent .singeRowTable {
width: 100%;
border-collapse: collapse;
}
.TC-MainContent .singeRowTable tr th,
.v-table-title-cell {
}
.TC-MainContent .singeRowTable tr th,
.v-table-title-cell {
background: #e6e6e6;
height: 40px;
font-size: 14px;
color: #333;
}
.TC-MainContent .singeRowTable tr {
}
.TC-MainContent .singeRowTable tr {
background: #fff;
text-align: center;
height: 40px;
}
.TC-MainContent .singeRowTable tr:nth-child(2n + 1) {
}
.TC-MainContent .singeRowTable tr:nth-child(2n + 1) {
background: #fafafa;
}
.TC-MainContent .singeRowTable tr:hover {
}
.TC-MainContent .singeRowTable tr:hover {
background: #f2f2f2;
}
.TC-MainContent .singeRowTable tr td {
}
.TC-MainContent .singeRowTable tr td {
font-size: 12px;
border: 1px solid #e5e5e5;
}
.TC-MainContent .TC_NewAddBtn {
}
.TC-MainContent .TC_NewAddBtn {
background-color: #006dcc;
width: 83px;
height: 26px;
......@@ -162,40 +189,45 @@
border: none;
margin-right: 5px;
cursor: pointer;
}
.TC-MainContent .singeRowTable .el-button.is-circle {
}
.TC-MainContent .singeRowTable .el-button.is-circle {
padding: 5px;
}
.TC-MainContent .TcNewTable td {
}
.TC-MainContent .TcNewTable td {
padding: 5px;
}
.TC-MainContent .fixedMenu li.active {
}
.TC-MainContent .fixedMenu li.active {
background: #90b7ec;
color: #fff;
border-right-color: #5882bb;
}
.TC-MainContent .fixedMenu li.active:after {
}
.TC-MainContent .fixedMenu li.active:after {
border-left-color: #5882bb;
}
.TC-MainContent .pull-right {
}
.TC-MainContent .pull-right {
float: right;
}
.TC-MainContent .TC_disabled {
}
.TC-MainContent .TC_disabled {
color: #57a3f3;
cursor: not-allowed !important;
}
.TC-MainContent .TCbtn-info {
}
.TC-MainContent .TCbtn-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #49afcd;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(
linear,
background-image: -webkit-gradient(linear,
0 0,
0 100%,
from(#5bc0de),
to(#2f96b4)
);
to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
......@@ -208,20 +240,19 @@
border: none;
outline: none;
cursor: pointer;
}
.TC-MainContent .btn-warning {
}
.TC-MainContent .btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
*background-color: #f89406;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(
linear,
background-image: -webkit-gradient(linear,
0 0,
0 100%,
from(#fbb450),
to(#f89406)
);
to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
......@@ -234,58 +265,60 @@
outline: none;
border: none;
cursor: pointer;
}
.TCbtn-info:hover,
.btn-warning:hover {
}
.TCbtn-info:hover,
.btn-warning:hover {
color: #ffffff;
opacity: 0.8;
}
.TcTravel_Table {
}
.TcTravel_Table {
width: 100%;
border: none;
border-collapse: collapse;
border-spacing: 0;
}
.TcTravel_Table td {
}
.TcTravel_Table td {
border: 1px solid rgb(0, 0, 0);
word-break: break-all;
padding: 5px;
line-height: 2;
}
.TC_LASTTD div {
}
.TC_LASTTD div {
margin-bottom: 10px;
}
}
.feeJisuan .el-form-item__label {
.feeJisuan .el-form-item__label {
margin-top: 5px;
}
.Tc_ExchangeBtn{
padding:3px 10px;
}
.Tc_ExchangeBtn {
padding: 3px 10px;
background-color: #006dcc;
color:#fff;
float:right;
margin-top:10px;
color: #fff;
float: right;
margin-top: 10px;
border: none;
outline: none;
cursor: pointer;
}
.Tc_ExchangeBtn:hover{
}
.Tc_ExchangeBtn:hover {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}
}
</style>
<template>
<div class="TC-MainContent">
<!-- 内容开始 -->
<ul class="fixedMenu" id="fixedMenu">
<li
v-for="(item, index) in menuArr"
:key="index"
:class="{ active: index == ckedIndex }"
@click="(ckedIndex = index), goAnchor('#anchor-' + index)"
>
<li v-for="(item, index) in menuArr" :key="index" :class="{ active: index == ckedIndex }"
@click="(ckedIndex = index), goAnchor('#anchor-' + index)">
{{ item }}
</li>
</ul>
......@@ -295,19 +328,11 @@
<span style="color:blue;font-size:14px;"></span>
</span>
<div class="pull-right">
<input
type="button"
class="btn-warning"
@click="submitForm('CtObj')"
value="保存"
/>
<input type="button" class="btn-warning" @click="submitForm('CtObj')" value="保存" />
</div>
</div>
<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="blockTitle">
<span class="icon">
......@@ -323,83 +348,49 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
......@@ -411,101 +402,64 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
......@@ -527,74 +481,46 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<el-form-item label="结束时间" prop="C_EndDate">
<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>
</td>
</tr>
<tr>
<td>
<el-form-item label="共" prop="C_DayNum">
<el-input
type="text"
class="w300"
@keyup.native="checkInteger(CtObj,'C_DayNum')"
v-model="CtObj.C_DayNum"
></el-input
>&nbsp;
<el-input type="text" class="w300" @keyup.native="checkInteger(CtObj,'C_DayNum')"
v-model="CtObj.C_DayNum"></el-input>&nbsp;
</el-form-item>
</td>
</tr>
<tr>
<td>
<el-form-item label="酒店住宿" prop="C_NightNum">
<el-input
type="text"
class="w300"
@keyup.native="checkInteger(CtObj,'C_NightNum')"
v-model="CtObj.C_NightNum"
></el-input
>&nbsp;
<el-input type="text" class="w300" @keyup.native="checkInteger(CtObj,'C_NightNum')"
v-model="CtObj.C_NightNum"></el-input>&nbsp;
</el-form-item>
</td>
</tr>
......@@ -606,12 +532,8 @@
<tr>
<td>
<el-form-item label="成人" prop="C_AdultPrice">
<el-input
type="text"
class="w300"
@keyup.native="checkPrice(CtObj,'C_AdultPrice')"
v-model="CtObj.C_AdultPrice"
></el-input>
<el-input type="text" class="w300" @keyup.native="checkPrice(CtObj,'C_AdultPrice')"
v-model="CtObj.C_AdultPrice"></el-input>
元/人
</el-form-item>
</td>
......@@ -619,12 +541,8 @@
<tr>
<td>
<el-form-item label="儿童(不满14岁的)">
<el-input
type="text"
class="w300"
@keyup.native="checkPrice(CtObj,'C_ChildrenPrice')"
v-model="CtObj.C_ChildrenPrice"
></el-input>
<el-input type="text" class="w300" @keyup.native="checkPrice(CtObj,'C_ChildrenPrice')"
v-model="CtObj.C_ChildrenPrice"></el-input>
元/人
</el-form-item>
</td>
......@@ -632,12 +550,8 @@
<tr>
<td>
<el-form-item label="导游服务费" prop="C_GuideServicePrice">
<el-input
type="text"
class="w300"
@keyup.native="checkPrice(CtObj,'C_GuideServicePrice')"
v-model="CtObj.C_GuideServicePrice"
></el-input>
<el-input type="text" class="w300" @keyup.native="checkPrice(CtObj,'C_GuideServicePrice')"
v-model="CtObj.C_GuideServicePrice"></el-input>
元/人
</el-form-item>
</td>
......@@ -645,12 +559,8 @@
<tr>
<td>
<el-form-item label="合计" prop="C_TotalPrice">
<el-input
type="text"
class="w300"
@keyup.native="checkPrice(CtObj,'C_TotalPrice')"
v-model="CtObj.C_TotalPrice"
></el-input>
<el-input type="text" class="w300" @keyup.native="checkPrice(CtObj,'C_TotalPrice')"
v-model="CtObj.C_TotalPrice"></el-input>
</el-form-item>
</td>
......@@ -658,25 +568,15 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<el-form-item label="支付方式" prop="C_PayType">
<el-select
placeholder="请选择"
filterable
class="w300"
v-model="CtObj.C_PayType"
>
<el-select placeholder="请选择" filterable class="w300" 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>
......@@ -688,11 +588,7 @@
<tr v-if="CtObj.C_PayType == 4">
<td>
<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>
</td>
</tr>
......@@ -704,12 +600,7 @@
<tr>
<td>
<el-form-item label="旅游者">
<el-select
placeholder="请选择"
filterable
class="w300"
v-model="CtObj.C_InsuranceType"
>
<el-select placeholder="请选择" filterable 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>
......@@ -720,11 +611,7 @@
<tr>
<td>
<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>
</td>
</tr>
......@@ -736,12 +623,8 @@
<tr>
<td>
<el-form-item label="最低成团人数" prop="C_LowNum">
<el-input
type="text"
class="w150"
@keyup.native="checkInteger(CtObj,'C_LowNum')"
v-model="CtObj.C_LowNum"
></el-input>
<el-input type="text" class="w150" @keyup.native="checkInteger(CtObj,'C_LowNum')"
v-model="CtObj.C_LowNum"></el-input>
</el-form-item>
</td>
......@@ -754,21 +637,12 @@
<tr>
<td>
<el-form-item label="1、">
<el-select
placeholder="请选择"
filterable
class="w150"
v-model="CtObj.C_IsAgreeTravel"
>
<el-select placeholder="请选择" 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-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>
</td>
......@@ -776,12 +650,7 @@
<tr>
<td>
<el-form-item label="2、">
<el-select
placeholder="请选择"
filterable
class="w150"
v-model="CtObj.C_IsAgreeDelay"
>
<el-select placeholder="请选择" filterable class="w150" v-model="CtObj.C_IsAgreeDelay">
<el-option label="不同意" :value="1"></el-option>
<el-option label="同意" :value="0"></el-option>
</el-select>
......@@ -792,12 +661,7 @@
<tr>
<td>
<el-form-item label="3、">
<el-select
placeholder="请选择"
filterable
class="w150"
v-model="CtObj.C_IsAgreeCndorse"
>
<el-select placeholder="请选择" filterable class="w150" v-model="CtObj.C_IsAgreeCndorse">
<el-option label="不同意" :value="1"></el-option>
<el-option label="同意" :value="0"></el-option>
</el-select>
......@@ -808,12 +672,7 @@
<tr>
<td>
<el-form-item label="4、">
<el-select
placeholder="请选择"
filterable
class="w150"
v-model="CtObj.C_IsAgreeRemove"
>
<el-select placeholder="请选择" filterable class="w150" v-model="CtObj.C_IsAgreeRemove">
<el-option label="不同意" :value="1"></el-option>
<el-option label="同意" :value="0"></el-option>
</el-select>
......@@ -829,21 +688,12 @@
<tr>
<td>
<el-form-item label="旅游者">
<el-select
placeholder="请选择"
filterable
class="w150"
v-model="CtObj.C_IsAgreeSpellGroup"
>
<el-select placeholder="请选择" 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-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>
</td>
......@@ -861,33 +711,16 @@
<el-form-item label-width="0" style="margin-left:50px;">
<span style="color:red;">*</span>
争议解决方式选择:协商或调解不成,按下列第
<el-select
placeholder="请选择"
filterable
class="w150"
v-model="CtObj.C_SolveType"
>
<el-select 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-form-item>
<el-form-item
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 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>
<div
v-if="CtObj.C_SolveType == 2"
style="margin:0 0 20px 50px;"
>
<div v-if="CtObj.C_SolveType == 2" style="margin:0 0 20px 50px;">
2、依法向人民法院起诉。
</div>
</td>
......@@ -900,25 +733,12 @@
<tr>
<td width="450">
<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>
</td>
<td>
<el-form-item
label=",双方各持"
prop="C_ContractPer"
label-width="120"
>
<el-input
type="text"
class="w150"
v-model="CtObj.C_ContractPer"
></el-input>
<el-form-item label=",双方各持" prop="C_ContractPer" label-width="120">
<el-input type="text" class="w150" v-model="CtObj.C_ContractPer"></el-input>
&nbsp;份,具有同等法律效力,自双方当事人签字或者盖章之日起生效。
</el-form-item>
</td>
......@@ -938,12 +758,7 @@
<div style="padding:10px;">
未尽事宜,经旅游者和出境社双方协商一致,可以列入补充条款。(如合同空间不够,可以另附纸张,由双方签字或者盖章确认。)
</div>
<el-input
type="textarea"
resize="none"
v-model="CtObj.OtherConvention"
rows="13"
></el-input>
<el-input type="textarea" resize="none" v-model="CtObj.OtherConvention" rows="13"></el-input>
</div>
<div class="block mtop15" id="anchor-3" ref="anchor3">
<div class="blockTitle">
......@@ -966,64 +781,38 @@
<tr>
<td>
<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 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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
......@@ -1037,7 +826,7 @@
</span>
<h2>
<em>行程信息</em>
<input type="button" class="Tc_ExchangeBtn" @click="exchangeTrip()" :value="tripStr"/>
<input type="button" class="Tc_ExchangeBtn" @click="exchangeTrip()" :value="tripStr" />
</h2>
</div>
<div style="padding:10px;background:#f9f9f9;color:red;">
......@@ -1052,13 +841,10 @@
(8)行程安排的娱乐活动(明确娱乐活动的时间、地点和项目内容);
《行程单》用语须准确清晰,在表明服务标准用语中不应当出现“准×星级”、“豪华”、“仅供参考”、“以××为准”、“与××同级”等不确定用语。
</div>
<div v-if="CtObj.TripType==0">
<quill-editor v-model="TripInfo" style="height:400px;"></quill-editor>
</div>
<div v-if="CtObj.TripType==1">
<commonTripList @tripData="tripData" :ContractTripList="CtObj.ContractTripList"> </commonTripList>
<div v-if="IsLoad==1">
<commonTripList @tripData="tripData" :ContractTripList="CtObj.ContractTripList" :TripType="CtObj.TripType">
</commonTripList>
</div>
<!-- <el-input type="textarea" rows="26" resize="none" v-model="CtObj.travelContent"></el-input> -->
</div>
<div class="block mtop15" id="anchor-5" ref="anchor5">
<div class="blockTitle">
......@@ -1069,12 +855,7 @@
<em>游客信息</em>
</h2>
</div>
<table
class="singeRowTable TcNewTable"
border="0"
cellspacing="0"
cellpadding="0"
>
<table class="singeRowTable TcNewTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="80">序号</th>
<th>姓名</th>
......@@ -1089,12 +870,7 @@
<td>{{ index + 1 }}</td>
<td>
<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>
<span v-if="item.IsShow == 0">{{ item.CGuestSex }}</span>
......@@ -1119,82 +895,32 @@
<span v-if="item.IsShow == 0">{{
item.CGuestCertificateNum
}}</span>
<el-input
type="text"
v-model="item.CGuestCertificateNum"
v-else
></el-input>
<el-input type="text" v-model="item.CGuestCertificateNum" v-else></el-input>
</td>
<td>
<span v-if="item.IsShow == 0">{{ item.CGuestTel }}</span>
<el-input
type="text"
@keyup.native="checkInteger(item,'CGuestTel')"
v-model="item.CGuestTel"
v-else
></el-input>
<el-input type="text" @keyup.native="checkInteger(item,'CGuestTel')" v-model="item.CGuestTel" v-else>
</el-input>
</td>
<td>
<span v-if="item.IsShow == 0">{{ item.CGuestHealth }}</span>
<el-input
type="text"
placeholder="健康"
v-model="item.CGuestHealth"
v-else
></el-input>
</td>
<td>
<el-tooltip
class="item"
effect="dark"
content="修改"
v-if="item.IsShow == 0"
placement="top-start"
>
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="commonUpdate(item)"
></el-button>
<el-input type="text" placeholder="健康" v-model="item.CGuestHealth" v-else></el-input>
</td>
<td>
<el-tooltip class="item" effect="dark" content="修改" v-if="item.IsShow == 0" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle @click="commonUpdate(item)"></el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="保存"
v-if="item.IsShow == 1"
placement="top-start"
>
<el-button
type="primary"
icon="iconfont icon-baocun"
@click="commonSave(item)"
circle
></el-button>
<el-tooltip class="item" effect="dark" content="保存" v-if="item.IsShow == 1" placement="top-start">
<el-button type="primary" icon="iconfont icon-baocun" @click="commonSave(item)" circle></el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="删除"
placement="top-start"
>
<el-button
type="danger"
icon="el-icon-delete"
circle
@click="delTouristArr(index)"
></el-button>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" circle @click="delTouristArr(index)"></el-button>
</el-tooltip>
</td>
</tr>
<tr>
<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>
</tr>
</table>
......@@ -1208,12 +934,7 @@
<em>自愿购物活动补充协议</em>
</h2>
</div>
<table
class="singeRowTable TcNewTable"
border="0"
cellspacing="0"
cellpadding="0"
>
<table class="singeRowTable TcNewTable" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th width="60">序号</th>
......@@ -1232,120 +953,53 @@
</td>
<td>
<span v-if="item.IsShow == 0">{{ item.ShopTime }}</span>
<el-date-picker
v-else
v-model="item.ShopTime"
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>
<span v-if="item.IsShow == 0">{{ item.ShopAddress }}</span>
<el-input
type="text"
v-model="item.ShopAddress"
v-else
></el-input>
<el-input type="text" v-model="item.ShopAddress" v-else></el-input>
</td>
<td style="text-align:left;">
<span v-if="item.IsShow == 0">{{ item.ShopName }}</span>
<el-input
type="text"
v-model="item.ShopName"
v-else
></el-input>
<el-input type="text" v-model="item.ShopName" v-else></el-input>
</td>
<td style="text-align:left;">
<span v-if="item.IsShow == 0">{{ item.ShopGoodName }}</span>
<el-input
type="text"
v-model="item.ShopGoodName"
v-else
></el-input>
<el-input type="text" v-model="item.ShopGoodName" v-else></el-input>
</td>
<td>
<span v-if="item.IsShow == 0">{{ item.StopTime }}</span>
<el-input
type="text"
@keyup.native="checkInteger(item,'StopTime')"
v-model="item.StopTime"
v-else
></el-input>
<el-input type="text" @keyup.native="checkInteger(item,'StopTime')" v-model="item.StopTime" v-else>
</el-input>
</td>
<td style="text-align:left;">
<span v-if="item.IsShow == 0">{{
item.OtherInstruction
}}</span>
<el-input
type="text"
v-model="item.OtherInstruction"
v-else
></el-input>
<el-input type="text" v-model="item.OtherInstruction" v-else></el-input>
</td>
<td>
<span v-if="item.IsShow == 0">{{
item.TouristsSignAgree
}}</span>
<el-input
type="text"
v-model="item.TouristsSignAgree"
v-else
></el-input>
</td>
<td>
<el-tooltip
class="item"
effect="dark"
content="修改"
placement="top-start"
v-if="item.IsShow == 0"
>
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="commonUpdate(item)"
></el-button>
<el-input type="text" v-model="item.TouristsSignAgree" v-else></el-input>
</td>
<td>
<el-tooltip class="item" effect="dark" content="修改" placement="top-start" v-if="item.IsShow == 0">
<el-button type="primary" icon="el-icon-edit" circle @click="commonUpdate(item)"></el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="保存"
placement="top-start"
v-if="item.IsShow == 1"
>
<el-button
type="primary"
icon="iconfont icon-baocun"
circle
@click="commonSave(item)"
></el-button>
<el-tooltip class="item" effect="dark" content="保存" placement="top-start" v-if="item.IsShow == 1">
<el-button type="primary" icon="iconfont icon-baocun" circle @click="commonSave(item)"></el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="删除"
placement="top-start"
>
<el-button
type="danger"
icon="el-icon-delete"
@click="delVoluntray(index)"
circle
></el-button>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" @click="delVoluntray(index)" circle></el-button>
</el-tooltip>
</td>
</tr>
<tr>
<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>
</tr>
</tbody>
......@@ -1360,12 +1014,7 @@
<em>自愿付费项目补充协议</em>
</h2>
</div>
<table
class="singeRowTable TcNewTable"
border="0"
cellspacing="0"
cellpadding="0"
>
<table class="singeRowTable TcNewTable" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th width="60">序号</th>
......@@ -1384,43 +1033,26 @@
</td>
<td>
<span v-if="item.IsShow == 0">{{ item.SelfFeeTime }}</span>
<el-date-picker
v-else
v-model="item.SelfFeeTime"
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>
<span v-if="item.IsShow == 0">{{ item.SelfFeeAddress }}</span>
<el-input
type="text"
v-model="item.SelfFeeAddress"
v-else
></el-input>
<el-input type="text" v-model="item.SelfFeeAddress" v-else></el-input>
</td>
<td style="text-align:left;">
<span v-if="item.IsShow == 0">{{ item.SelfFeeName }}</span>
<el-input
type="text"
v-model="item.SelfFeeName"
v-else
></el-input>
<el-input type="text" v-model="item.SelfFeeName" v-else></el-input>
</td>
<td style="text-align:left;">
<span v-if="item.IsShow == 0">{{ item.SelfFeePrice }}</span>
<el-input type="text" v-model="item.SelfFeePrice" @keyup.native="checkPrice(item,'SelfFeePrice')" v-else></el-input>
<el-input type="text" v-model="item.SelfFeePrice" @keyup.native="checkPrice(item,'SelfFeePrice')"
v-else></el-input>
</td>
<td>
<span v-if="item.IsShow == 0">{{ item.StopTime }}</span>
<el-input
type="text"
@keyup.native="checkInteger(item,'StopTime')"
v-model="item.StopTime"
v-else
></el-input>
<el-input type="text" @keyup.native="checkInteger(item,'StopTime')" v-model="item.StopTime" v-else>
</el-input>
</td>
<td style="text-align:left;">
<span v-if="item.IsShow == 0">{{ item.OtherInstruction }}</span>
......@@ -1428,64 +1060,23 @@
</td>
<td>
<span v-if="item.IsShow == 0">{{ item.TouristsSignAgree }}</span>
<el-input
type="text"
v-model="item.TouristsSignAgree"
v-else
></el-input>
</td>
<td>
<el-tooltip
class="item"
effect="dark"
content="修改"
placement="top-start"
v-if="item.IsShow == 0"
>
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="commonUpdate(item)"
></el-button>
<el-input type="text" v-model="item.TouristsSignAgree" v-else></el-input>
</td>
<td>
<el-tooltip class="item" effect="dark" content="修改" placement="top-start" v-if="item.IsShow == 0">
<el-button type="primary" icon="el-icon-edit" circle @click="commonUpdate(item)"></el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="保存"
placement="top-start"
v-if="item.IsShow == 1"
>
<el-button
type="primary"
icon="iconfont icon-baocun"
circle
@click="commonSave(item)"
></el-button>
<el-tooltip class="item" effect="dark" content="保存" placement="top-start" v-if="item.IsShow == 1">
<el-button type="primary" icon="iconfont icon-baocun" circle @click="commonSave(item)"></el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="删除"
placement="top-start"
>
<el-button
type="danger"
icon="el-icon-delete"
@click="delWilling(index)"
circle
></el-button>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" @click="delWilling(index)" circle></el-button>
</el-tooltip>
</td>
</tr>
<tr>
<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>
</tr>
</tbody>
......@@ -1496,12 +1087,13 @@
</div>
</template>
<script>
import commonTripList from "./commonPage/commonTripList.vue";
export default {
import commonTripList from "./commonPage/commonTripList.vue";
export default {
data() {
return {
//选中切换
cked: 1,
IsLoad: 0, //是加载行程信息
//查询参数
msg: {
TCID: 0,
......@@ -1529,8 +1121,7 @@ export default {
TravelAgency_LicenseNum: "L-SC-CJ00015",
TravelAgency_DealMan: "",
TravelAgency_IDNum: "",
TravelAgency_Address:
"成都市锦江区一环路东五段87号2幢23层2310.2311.2312号",
TravelAgency_Address: "成都市锦江区一环路东五段87号2幢23层2310.2311.2312号",
TravelAgency_Tel: "",
TravelAgency_Fax: "",
TravelAgency_PostNum: "",
......@@ -1622,55 +1213,83 @@ export default {
ContractGuestList: [], //旅客名单
ContractTripList: [], //行程列表
ContractSelfFeeList: [], //自愿付费项目补充协议
TripType:0, //行程类型(0-简易行程,1-标准行程)
TripType: 0, //行程类型(0-简易行程,1-标准行程)
},
//旅客名单
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_ProductName: [
{ required: true, message: "请输入旅游产品名称", trigger: "blur" }
],
C_StartDate: [
{ required: true, message: "请选择出发日期", trigger: "change" }
],
C_EndDate: [
{ required: true, message: "请选择结束时间", trigger: "change" }
],
C_DayNum: [
{ required: true, message: "请输入天数", trigger: "blur" }
],
C_AdultPrice: [
{ required: true, message: "请输入成人价", trigger: "blur" }
],
C_GuideServicePrice: [
{ required: true, message: "请输入导游服务费", trigger: "blur" }
],
C_TotalPrice: [
{ required: true, message: "请输入合计", trigger: "blur" }
],
C_PayDate: [
{ required: true, message: "请选择支付日期", trigger: "blur" }
],
C_InsuranceName: [
{ required: true, message: "请输入保险名称", trigger: "blur" }
],
C_LowNum: [
{ required: true, message: "请输入最低成团人数", trigger: "blur" }
],
C_ContractTotal: [
{ required: true, message: "请输入合同份数", trigger: "blur" }
]
Tourists_Name: [{
required: true,
message: "请输入客户名称",
trigger: "blur"
}],
Tourists_Tel: [{
required: true,
message: "请输入联系电话",
trigger: "blur"
}],
TravelAgency_DealMan: [{
required: true,
message: "请输入经办人",
trigger: "blur"
}],
C_ProductName: [{
required: true,
message: "请输入旅游产品名称",
trigger: "blur"
}],
C_StartDate: [{
required: true,
message: "请选择出发日期",
trigger: "change"
}],
C_EndDate: [{
required: true,
message: "请选择结束时间",
trigger: "change"
}],
C_DayNum: [{
required: true,
message: "请输入天数",
trigger: "blur"
}],
C_AdultPrice: [{
required: true,
message: "请输入成人价",
trigger: "blur"
}],
C_GuideServicePrice: [{
required: true,
message: "请输入导游服务费",
trigger: "blur"
}],
C_TotalPrice: [{
required: true,
message: "请输入合计",
trigger: "blur"
}],
C_PayDate: [{
required: true,
message: "请选择支付日期",
trigger: "blur"
}],
C_InsuranceName: [{
required: true,
message: "请输入保险名称",
trigger: "blur"
}],
C_LowNum: [{
required: true,
message: "请输入最低成团人数",
trigger: "blur"
}],
C_ContractTotal: [{
required: true,
message: "请输入合同份数",
trigger: "blur"
}]
},
//自愿购物活动补充协议
VoluntaryArr: [],
......@@ -1688,8 +1307,8 @@ export default {
"自愿付费项目补充协议"
],
ckedIndex: 0,
TripInfo:'',
tripStr:'切换到标准行程录入',
TripInfo: '',
tripStr: '切换到标准行程录入',
};
},
components: {
......@@ -1697,15 +1316,19 @@ export default {
},
methods: {
//点击切换行程
exchangeTrip(){
if(this.CtObj.TripType==0){
this.CtObj.TripType=1;
this.tripStr='切换到简易行程录入';
}else{
this.CtObj.TripType=0;
this.tripStr='切换到标准行程录入';
exchangeTrip() {
if (this.CtObj.TripType == 0) {
this.CtObj.TripType = 1;
this.tripStr = '切换到简易行程录入';
} else {
this.CtObj.TripType = 0;
this.tripStr = '切换到标准行程录入';
}
},
//获取子组件数据
tripData(msg) {
this.CtObj.ContractTripList = msg;
},
//跳转锚点
goAnchor(selector) {
var anchor = this.$el.querySelector(selector);
......@@ -1713,19 +1336,6 @@ export default {
},
//提交数据
SaveMsg() {
if(this.CtObj.TripType==0){
this.CtObj.ContractTripList=[];
let obj={
DayNum: 1,
Go:'',
GoProvice:'',
IsOut:1,
TravelContent:'',
TripType:0
}
obj.TravelContent=this.TripInfo;
this.CtObj.ContractTripList.push(obj);
}
this.apipost(
"travelcontract_post_SetTravelContractService",
this.CtObj,
......@@ -1844,8 +1454,9 @@ export default {
},
GetData() {
this.apipost(
"travelcontract_get_GetTravelContractService",
{ ID: this.CtObj.ID },
"travelcontract_get_GetTravelContractService", {
ID: this.CtObj.ID
},
res => {
if (res.data.resultCode == 1) {
var tempObj = res.data.data;
......@@ -2012,9 +1623,7 @@ export default {
} else {
this.CtObj.ContractTripList = [];
}
if(this.CtObj.TripType==0){
this.TripInfo=this.CtObj.ContractTripList[0].TravelContent;
}
this.IsLoad = 1;
} else {
this.Error(res.data.message);
}
......@@ -2023,13 +1632,13 @@ export default {
);
},
//公用休改
commonUpdate(item){
item.IsShow=1;
commonUpdate(item) {
item.IsShow = 1;
this.$forceUpdate();
},
//公用保存
commonSave(item){
item.IsShow=0;
commonSave(item) {
item.IsShow = 0;
this.$forceUpdate();
},
......@@ -2038,11 +1647,14 @@ export default {
if (this.$route.query.id && this.$route.query.id > 0) {
this.CtObj.ID = this.$route.query.id;
this.GetData();
} else {
this.IsLoad = 1;
}
this.$nextTick(function() {
this.$nextTick(function () {
//滚动监听事件
window.addEventListener("scroll", this.menu);
});
}
};
};
</script>
<style>
.leftDayList{
display:inline-block;
.leftDayList {
display: inline-block;
width: 30px;
height: 100%;
vertical-align: top;
}
.dayNum{
.dayNum {
font-weight: bold;
font-size: 16px;
margin-left: -42px;
......@@ -14,7 +15,8 @@
margin-bottom: 5px;
display: block;
}
.siteList{
.siteList {
display: inline-block;
position: relative;
border-left: 2px solid #ebebec;
......@@ -22,16 +24,20 @@
padding: 0 0 50px 50px;
margin-left: 10px;
}
.Trip_Content{
margin-left:100px;
.Trip_Content {
margin-left: 100px;
}
.Trip_Content:first-child{
margin-top:20px;
.Trip_Content:first-child {
margin-top: 20px;
}
.Trip_Content:last-child{
margin-bottom:20px;
.Trip_Content:last-child {
margin-bottom: 20px;
}
.TC_circles{
.TC_circles {
width: 18px;
height: 18px;
background: #fff;
......@@ -41,29 +47,33 @@
left: -11px;
top: 0;
}
.TripControl{
.TripControl {
display: inline-block;
vertical-align: middle;
position: relative;
top: -170px;
margin-left: 30px;
}
.TripControl i{
display:inline-block;
width:30px;
height:30px;
.TripControl i {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
cursor: pointer;
border-radius: 50%;
text-align: center;
}
.TripControl i:hover{
.TripControl i:hover {
background-color: #90b7ec;
color:#fff;
color: #fff;
}
.addTrip{
width:30px;
height:30px;
.addTrip {
width: 30px;
height: 30px;
color: #fff;
text-align: center;
font-size: 25px;
......@@ -71,13 +81,17 @@
background-color: #f60;
border-radius: 100%;
cursor: pointer;
margin:-2px 0 20px 130px;
margin: -2px 0 20px 130px;
}
</style>
<template>
<div>
<div class="Trip_Content" v-for="(item,index) in TripListArr">
<div v-if="TripType==0">
<quill-editor v-model="TripListArr[0].TravelContent" style="height:400px;"></quill-editor>
</div>
<div v-else class="Trip_Content" v-for="(item,index) in TripListArr" :key="index">
<div class="leftDayList">
<span class="dayNum">{{index+1}}</span>
</div>
......@@ -92,70 +106,81 @@
<el-checkbox v-model="item.IsOut" :true-label="CheckedVaule" :false-label="UnCheckedVaule"></el-checkbox>
</el-form-item>
<quill-editor v-model="item.TravelContent" style="height:300px;"></quill-editor>
<!-- <el-input type="textarea" resize="none" rows="16" cols="40" v-model="item.TravelContent"></el-input> -->
<div class="TC_circles"></div>
</div>
<div class="TripControl">
<!-- <i class="iconfont icon-baocun1" @click="saveTripList(item,index)"></i> -->
<i class="iconfont icon-img_delete_small" style="margin-left:10px;" @click="delTrip(index)"></i>
</div>
</div>
<div class="addTrip" @click="addTrip()">+</div>
</div>
</div>
</template>
<script>
export default {
props:["ContractTripList"],
export default {
props: ["ContractTripList", "TripType"],
data() {
return {
checked: false,
TripListArr:[],
TripListArr: [],
//选中过境
CheckedVaule: 1,
//不过境
UnCheckedVaule: 0,
};
},
mounted() {
if(this.ContractTripList&&this.ContractTripList.length>0){
this.TripListArr=this.ContractTripList;
},
created() {
if (this.ContractTripList) {
if (this.ContractTripList.length > 0) {
this.TripListArr = JSON.parse(JSON.stringify(this.ContractTripList));
} else {
var tripObj = {
DayNum: 1, //天数
Go: '', // 前往地
GoProvice: '', //前往国家地区
IsOut: 0, // 是否过境(0-不过,1-过)
TravelContent: '', //行程内容
}
this.TripListArr.push(tripObj);
}
}
},
methods: {
//添加行程
addTrip(){
let obj={
DayNum:'', //天数
Go:'', // 前往地
GoProvice:'', //前往国家地区
IsOut:0, // 是否过境(0-不过,1-过)
TravelContent:'', //行程内容
addTrip() {
let obj = {
DayNum: '', //天数
Go: '', // 前往地
GoProvice: '', //前往国家地区
IsOut: 0, // 是否过境(0-不过,1-过)
TravelContent: '', //行程内容
}
this.TripListArr.push(obj);
this.getSavedData();
},
//删除行程
delTrip(index){
this.TripListArr.splice(index,1);
delTrip(index) {
this.TripListArr.splice(index, 1);
this.getSavedData();
},
//保存行程
// saveTripList(item,index){
// item.DayNum=index+1;
// item.IsShow=1;
// this.getSavedData();
// },
//遍历已经保存数据
getSavedData(){
let sendArr=[];
this.TripListArr.forEach((x,index)=>{
x.DayNum=index+1;
sendArr.push(x);
getSavedData() {
this.TripListArr.forEach((x, index) => {
x.DayNum = index + 1;
})
this.$emit('tripData', sendArr);
}
},
watch: {
//监听参数
TripListArr: {
handler: function (val, oldVal) {
this.$emit('tripData', this.TripListArr);
},
deep: true
},
}
};
};
</script>
......@@ -67,8 +67,6 @@
<div v-if="FeatureData.FeatureType==FeatureTypeState.userDefined">
<span class="userDeSpan">{{$t('sm.xiaoguoyldzxg')}}</span>
<div class="userDefined">
<!-- <quill-editor @change="onEditorChange($event)" v-model="FeatureData.FeatureContent">
</quill-editor>-->
<my-edit v-on:edit-value="FeatureData.FeatureContent = arguments[0]"
v-bind:editValue="FeatureData.FeatureContent" v-bind:toolbarShow="toolbar"
v-bind:referenceList="DefaultList" v-bind:placeholder="placeholder"></my-edit>
......
<style>
* {
* {
margin: 0;
padding: 0;
}
.TC-MainContent {
}
.TC-MainContent {
min-height: 650px;
background: url(../assets/img/bodyBg.png);
padding-top: 10px;
font: normal 13px "Microsoft Yahei";
color: #555;
height: auto !important;
}
.TC-MainContent .fixedMenu {
}
.TC-MainContent .fixedMenu {
position: fixed;
left: 20px;
top: 75px;
margin: 0;
padding-top: 10px;
}
.TC-MainContent .fixedMenu li {
}
.TC-MainContent .fixedMenu li {
padding: 5px 15px;
position: relative;
border-right: 2px solid #e2e2e2;
cursor: pointer;
list-style: none;
font-size: 13px;
}
.TC-MainContent .fixedMenu li:after {
}
.TC-MainContent .fixedMenu li:after {
content: "";
display: block;
width: 0;
......@@ -36,8 +40,9 @@
position: absolute;
right: -12px;
top: 11px;
}
.TC-MainContent .contractTit {
}
.TC-MainContent .contractTit {
position: fixed;
left: 0;
top: 0;
......@@ -49,38 +54,45 @@
background: url(../assets/img/bodyBg.png);
font-size: 18px;
color: #555;
}
.TC-MainContent .contractTit span {
}
.TC-MainContent .contractTit span {
font-size: 21px;
font-weight: bold;
}
.TC-MainContent .block {
}
.TC-MainContent .block {
border: 1px solid #cdcdcd;
background: #f9f9f9;
position: relative;
margin-bottom: 20px;
}
.TC-MainContent .container-fluid {
}
.TC-MainContent .container-fluid {
padding-right: 20px;
padding-left: 20px;
*zoom: 1;
}
.TC-MainContent .mtop15 {
}
.TC-MainContent .mtop15 {
margin-top: 15px;
}
.TC-MainContent .blockTitle {
}
.TC-MainContent .blockTitle {
border-bottom: 1px solid #cdcdcd;
background-color: #efefef;
}
.TC-MainContent .blockTitle span.icon {
}
.TC-MainContent .blockTitle span.icon {
border-right: 1px solid #cdcdcd;
position: absolute;
left: 10px;
height: 40px;
padding-right: 10px;
padding-top: 8px;
}
.TC-MainContent .blockTitle h2 {
}
.TC-MainContent .blockTitle h2 {
font-size: 15px;
min-height: 40px;
margin: 0;
......@@ -89,8 +101,9 @@
padding-right: 15px;
padding-left: 48px;
line-height: 40px;
}
.TC-MainContent .blockTitle h2 {
}
.TC-MainContent .blockTitle h2 {
font-size: 15px;
min-height: 40px;
margin: 0;
......@@ -98,69 +111,85 @@
color: #5b5b5b;
padding-right: 15px;
padding-left: 48px;
}
.TC-MainContent .block em {
}
.TC-MainContent .block em {
font-style: normal;
}
.TC-MainContent .createTableTitle {
}
.TC-MainContent .createTableTitle {
padding: 10px 0;
margin: 5px 30px 0;
border-bottom: 1px dashed #ccc;
font: normal 15px "microsoft yahei";
}
.TC-MainContent .createTable {
}
.TC-MainContent .createTable {
background-color: #f9f9f9;
width: 100%;
}
.TC-MainContent .el-form-item {
}
.TC-MainContent .el-form-item {
margin-bottom: 10px;
}
.TC-MainContent .w300 {
}
.TC-MainContent .w300 {
width: 300px !important;
}
.TC-MainContent .w150 {
}
.TC-MainContent .w150 {
width: 150px !important;
}
.TC-MainContent .w60 {
}
.TC-MainContent .w60 {
width: 60px !important;
}
.TC-MainContent .w180 {
}
.TC-MainContent .w180 {
width: 180px !important;
}
.TC-MainContent .w138 {
}
.TC-MainContent .w138 {
width: 138px !important;
}
.TC-MainContent .w600 {
}
.TC-MainContent .w600 {
width: 600px !important;
}
}
.TC-MainContent .singeRowTable {
.TC-MainContent .singeRowTable {
width: 100%;
border-collapse: collapse;
}
.TC-MainContent .singeRowTable tr th,
.v-table-title-cell {
}
.TC-MainContent .singeRowTable tr th,
.v-table-title-cell {
background: #e6e6e6;
height: 40px;
font-size: 14px;
color: #333;
}
.TC-MainContent .singeRowTable tr {
}
.TC-MainContent .singeRowTable tr {
background: #fff;
text-align: center;
height: 40px;
}
.TC-MainContent .singeRowTable tr:nth-child(2n + 1) {
}
.TC-MainContent .singeRowTable tr:nth-child(2n + 1) {
background: #fafafa;
}
.TC-MainContent .singeRowTable tr:hover {
}
.TC-MainContent .singeRowTable tr:hover {
background: #f2f2f2;
}
.TC-MainContent .singeRowTable tr td {
}
.TC-MainContent .singeRowTable tr td {
font-size: 12px;
border: 1px solid #e5e5e5;
}
.TC-MainContent .TC_NewAddBtn {
}
.TC-MainContent .TC_NewAddBtn {
background-color: #006dcc;
width: 83px;
height: 26px;
......@@ -168,40 +197,45 @@
border: none;
margin-right: 5px;
cursor: pointer;
}
.TC-MainContent .singeRowTable .el-button.is-circle {
}
.TC-MainContent .singeRowTable .el-button.is-circle {
padding: 5px;
}
.TC-MainContent .TcNewTable td {
}
.TC-MainContent .TcNewTable td {
padding: 5px;
}
.TC-MainContent .fixedMenu li.active {
}
.TC-MainContent .fixedMenu li.active {
background: #90b7ec;
color: #fff;
border-right-color: #5882bb;
}
.TC-MainContent .fixedMenu li.active:after {
}
.TC-MainContent .fixedMenu li.active:after {
border-left-color: #5882bb;
}
.TC-MainContent .pull-right {
}
.TC-MainContent .pull-right {
float: right;
}
.TC-MainContent .TC_disabled {
}
.TC-MainContent .TC_disabled {
color: #57a3f3;
cursor: not-allowed !important;
}
.TC-MainContent .TCbtn-info {
}
.TC-MainContent .TCbtn-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #49afcd;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(
linear,
background-image: -webkit-gradient(linear,
0 0,
0 100%,
from(#5bc0de),
to(#2f96b4)
);
to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
......@@ -214,20 +248,19 @@
border: none;
outline: none;
cursor: pointer;
}
.TC-MainContent .btn-warning {
}
.TC-MainContent .btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
*background-color: #f89406;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(
linear,
background-image: -webkit-gradient(linear,
0 0,
0 100%,
from(#fbb450),
to(#f89406)
);
to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
......@@ -240,68 +273,74 @@
outline: none;
border: none;
cursor: pointer;
}
.TCbtn-info:hover,
.btn-warning:hover {
}
.TCbtn-info:hover,
.btn-warning:hover {
color: #ffffff;
opacity: 0.8;
}
.TcTravel_Table {
}
.TcTravel_Table {
width: 100%;
border: none;
border-collapse: collapse;
border-spacing: 0;
}
.TcTravel_Table td {
}
.TcTravel_Table td {
border: 1px solid rgb(0, 0, 0);
word-break: break-all;
padding: 5px;
line-height: 2;
}
.TC_LASTTD div {
}
.TC_LASTTD div {
margin-bottom: 10px;
}
}
.feeJisuan .el-form-item__label {
.feeJisuan .el-form-item__label {
margin-top: 5px;
}
.onedayRed {
}
.onedayRed {
color: red;
}
.onedayAccount .el-form-item__label {
}
.onedayAccount .el-form-item__label {
margin-top: 5px;
}
.ContractNum{
font-size:16px!important;
color:#5882bb;
margin-left:20px;
}
.Tc_ExchangeBtn{
padding:3px 10px;
}
.ContractNum {
font-size: 16px !important;
color: #5882bb;
margin-left: 20px;
}
.Tc_ExchangeBtn {
padding: 3px 10px;
background-color: #006dcc;
color:#fff;
float:right;
margin-top:10px;
color: #fff;
float: right;
margin-top: 10px;
border: none;
outline: none;
cursor: pointer;
}
.Tc_ExchangeBtn:hover{
}
.Tc_ExchangeBtn:hover {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}
}
</style>
<template>
<div class="TC-MainContent">
<!-- 内容开始 -->
<ul class="fixedMenu" id="fixedMenu">
<li
v-for="(item, index) in menuArr"
:key="index"
:class="{ active: index == ckedIndex }"
@click="(ckedIndex = index), goAnchor('#anchor-' + index)"
>
<li v-for="(item, index) in menuArr" :key="index" :class="{ active: index == ckedIndex }"
@click="(ckedIndex = index), goAnchor('#anchor-' + index)">
{{ item }}
</li>
</ul>
......@@ -312,20 +351,12 @@
<span style="color:blue;font-size:14px;"></span>
</span>
<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>
<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="blockTitle">
<span class="icon">
......@@ -341,71 +372,42 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
......@@ -417,24 +419,15 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
......@@ -442,89 +435,56 @@
<td>
<!-- 无 -->
<el-form-item label="经营范围">
<el-input
type="text"
class="w300"
:disabled="true"
v-model="CtObj.TravelAgency_Scope"
></el-input>
<el-input type="text" class="w300" :disabled="true" v-model="CtObj.TravelAgency_Scope"></el-input>
</el-form-item>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
......@@ -536,34 +496,22 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<el-form-item label="手机">
<el-input
type="text"
class="w300"
@keyup.native="checkInteger(CtObj,'Guide_Tel')"
v-model="CtObj.Guide_Tel"
></el-input>
<el-input type="text" class="w300" @keyup.native="checkInteger(CtObj,'Guide_Tel')"
v-model="CtObj.Guide_Tel"></el-input>
</el-form-item>
</td>
</tr>
......@@ -585,46 +533,29 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
......@@ -653,22 +584,14 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
......@@ -711,22 +634,14 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
......@@ -738,22 +653,14 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
......@@ -765,22 +672,14 @@
<tr>
<td>
<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>
</td>
</tr>
<tr>
<td>
<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>
</td>
</tr>
......@@ -792,99 +691,46 @@
<tr>
<td>
<el-form-item label="成人" style="display:inline-block;" prop="C_AdultNum">
<el-input
type="text"
class="w150"
@keyup.native="checkInteger(CtObj,'C_AdultNum')"
v-model="CtObj.C_AdultNum"
></el-input
>&nbsp;人×&nbsp;
<el-input type="text" class="w150" @keyup.native="checkInteger(CtObj,'C_AdultNum')"
v-model="CtObj.C_AdultNum"></el-input>&nbsp;人×&nbsp;
</el-form-item>
<el-form-item label-width="0" style="display:inline-block;">
<el-input
type="text"
class="w150"
@keyup.native="checkPrice(CtObj,'C_AdultPrice')"
v-model="CtObj.C_AdultPrice"
></el-input
>&nbsp;元/人&nbsp;+&nbsp;儿童
<el-input type="text" class="w150" @keyup.native="checkPrice(CtObj,'C_AdultPrice')"
v-model="CtObj.C_AdultPrice"></el-input>&nbsp;元/人&nbsp;+&nbsp;儿童
</el-form-item>
<el-form-item label-width="0" style="display:inline-block;">
<el-input
type="text"
class="w150"
@keyup.native="checkInteger(CtObj,'C_ChildrenNum')"
v-model="CtObj.C_ChildrenNum"
></el-input
>&nbsp;人×&nbsp;&nbsp;
<el-input type="text" class="w150" @keyup.native="checkInteger(CtObj,'C_ChildrenNum')"
v-model="CtObj.C_ChildrenNum"></el-input>&nbsp;人×&nbsp;&nbsp;
</el-form-item>
<el-form-item label-width="0" style="display:inline-block;">
<el-input
type="text"
class="w150"
@keyup.native="checkPrice(CtObj,'C_ChildrenPrice')"
v-model="CtObj.C_ChildrenPrice"
></el-input
>&nbsp;元/人 =
<el-input type="text" class="w150" @keyup.native="checkPrice(CtObj,'C_ChildrenPrice')"
v-model="CtObj.C_ChildrenPrice"></el-input>&nbsp;元/人 =
</el-form-item>
<el-form-item label-width="0" style="display:inline-block;">
<el-input
type="text"
class="w150"
@keyup.native="checkPrice(CtObj,'C_TotalPrice')"
v-model="CtObj.C_TotalPrice"
></el-input
>&nbsp;
<el-input type="text" class="w150" @keyup.native="checkPrice(CtObj,'C_TotalPrice')"
v-model="CtObj.C_TotalPrice"></el-input>&nbsp;
</el-form-item>
</td>
</tr>
<tr>
<td>
<el-form-item
label="含:景点第一道门票、"
style="display:inline-block;"
>
<el-input
type="text"
class="w150"
v-model="CtObj.C_IncludeRemark"
></el-input>
<el-form-item label="含:景点第一道门票、" style="display:inline-block;">
<el-input type="text" class="w150" v-model="CtObj.C_IncludeRemark"></el-input>
</el-form-item>
<el-form-item
label="午(晚)餐费、往返车费、导游服务费"
label-width="250px"
style="display:inline-block;"
>
<el-input
type="text"
class="w150"
@keyup.native="checkPrice(CtObj,'C_IncludeFee')"
v-model="CtObj.C_IncludeFee"
></el-input>
<el-form-item label="午(晚)餐费、往返车费、导游服务费" label-width="250px" style="display:inline-block;">
<el-input type="text" class="w150" @keyup.native="checkPrice(CtObj,'C_IncludeFee')"
v-model="CtObj.C_IncludeFee"></el-input>
</el-form-item>
<el-form-item
label=";不含"
style="display:inline-block;"
label-width="60px"
>
<el-input
type="text"
class="w150"
v-model="CtObj.C_NonIncludeRemark"
></el-input>
<el-form-item label=";不含" style="display:inline-block;" label-width="60px">
<el-input type="text" class="w150" v-model="CtObj.C_NonIncludeRemark"></el-input>
</el-form-item>
</td>
</tr>
<tr>
<td>
<el-form-item label="支付时间" prop="C_PayDate">
<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>
</td>
</tr>
......@@ -898,16 +744,9 @@
<el-radio :label="5">转账</el-radio>
</el-radio-group>
</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-input
type="text"
class="w150"
v-model="CtObj.C_PayTypeRemark"
></el-input>
<el-input type="text" class="w150" v-model="CtObj.C_PayTypeRemark"></el-input>
</el-form-item>
</div>
</td>
......@@ -921,11 +760,7 @@
<td>
<div style="margin-left:114px;">
<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>
</div>
</td>
......@@ -933,40 +768,16 @@
<tr>
<td>
<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 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
label="市旅游质监执法机构投诉电话"
label-width="200px"
style="display:inline-block;"
>
<el-input
type="text"
class="w180"
v-model="CtObj.C_ZhiFaTel"
></el-input>
<el-form-item 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
label=",消费者协会投诉电话"
style="display:inline-block;"
>
<el-input
type="text"
class="w180"
v-model="CtObj.C_XFZXHTSTel"
></el-input>
<el-form-item label=",消费者协会投诉电话" style="display:inline-block;">
<el-input type="text" class="w180" v-model="CtObj.C_XFZXHTSTel"></el-input>
</el-form-item>
</td>
......@@ -976,11 +787,7 @@
<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="2" :value="2"></el-option>
</el-select>
......@@ -991,12 +798,7 @@
<tr v-if="CtObj.C_SolveType==1">
<td>
<el-form-item label="1.将争议提交" label-width='225px'>
<el-input
type="text"
class="w300"
v-model="CtObj.C_SolveRemark"
></el-input
>&nbsp;仲裁委员会仲裁;
<el-input type="text" class="w300" v-model="CtObj.C_SolveRemark"></el-input>&nbsp;仲裁委员会仲裁;
</el-form-item>
</td>
</tr>
......@@ -1031,7 +833,7 @@
</span>
<h2>
<em>行程信息</em>
<input type="button" class="Tc_ExchangeBtn" @click="exchangeTrip()" :value="tripStr"/>
<input type="button" class="Tc_ExchangeBtn" @click="exchangeTrip()" :value="tripStr" />
</h2>
</div>
<div style="padding:10px;background:#f9f9f9;color:red;">
......@@ -1046,11 +848,9 @@
(8)行程安排的娱乐活动(明确娱乐活动的时间、地点和项目内容);
《行程单》用语须准确清晰,在表明服务标准用语中不应当出现“准×星级”、“豪华”、“仅供参考”、“以××为准”、“与××同级”等不确定用语。
</div>
<div v-if="CtObj.TripType==0">
<quill-editor v-model="TripInfo" style="height:400px;"></quill-editor>
</div>
<div v-if="CtObj.TripType==1">
<commonTripList @tripData="tripData" :ContractTripList="CtObj.ContractTripList"> </commonTripList>
<div v-if="IsLoad==1">
<commonTripList @tripData="tripData" :ContractTripList="CtObj.ContractTripList" :TripType="CtObj.TripType">
</commonTripList>
</div>
</div>
<div class="block mtop15" id="anchor-4" ref="anchor4">
......@@ -1062,12 +862,7 @@
<em>游客信息</em>
</h2>
</div>
<table
class="singeRowTable TcNewTable"
border="0"
cellspacing="0"
cellpadding="0"
>
<table class="singeRowTable TcNewTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="80">序号</th>
<th><span class="onedayRed">*</span> 姓名</th>
......@@ -1082,12 +877,7 @@
<td>{{ index + 1 }}</td>
<td>
<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>
<span v-if="item.IsShow == 0">{{ item.CGuestSex }}</span>
......@@ -1112,82 +902,32 @@
<span v-if="item.IsShow == 0">{{
item.CGuestCertificateNum
}}</span>
<el-input
type="text"
v-model="item.CGuestCertificateNum"
v-else
></el-input>
<el-input type="text" v-model="item.CGuestCertificateNum" v-else></el-input>
</td>
<td>
<span v-if="item.IsShow == 0">{{ item.CGuestTel }}</span>
<el-input
type="text"
@keyup.native="checkInteger(item,'CGuestTel')"
v-model="item.CGuestTel"
v-else
></el-input>
<el-input type="text" @keyup.native="checkInteger(item,'CGuestTel')" v-model="item.CGuestTel" v-else>
</el-input>
</td>
<td>
<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>
<el-tooltip
class="item"
effect="dark"
content="修改"
v-if="item.IsShow == 0"
placement="top-start"
>
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="commonUpdate(item)"
></el-button>
<el-tooltip class="item" effect="dark" content="修改" v-if="item.IsShow == 0" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle @click="commonUpdate(item)"></el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="保存"
v-if="item.IsShow == 1"
placement="top-start"
>
<el-button
type="primary"
icon="iconfont icon-baocun"
@click="commonSave(item)"
circle
></el-button>
<el-tooltip class="item" effect="dark" content="保存" v-if="item.IsShow == 1" placement="top-start">
<el-button type="primary" icon="iconfont icon-baocun" @click="commonSave(item)" circle></el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="删除"
placement="top-start"
>
<el-button
type="danger"
icon="el-icon-delete"
circle
@click="delTouristArr(index)"
></el-button>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" circle @click="delTouristArr(index)"></el-button>
</el-tooltip>
</td>
</tr>
<tr>
<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>
</tr>
</table>
......@@ -1201,12 +941,7 @@
<em>自愿购物活动补充协议</em>
</h2>
</div>
<table
class="singeRowTable TcNewTable"
border="0"
cellspacing="0"
cellpadding="0"
>
<table class="singeRowTable TcNewTable" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th width="60">序号</th>
......@@ -1225,120 +960,53 @@
</td>
<td>
<span v-if="item.IsShow == 0">{{ item.ShopTime }}</span>
<el-date-picker
v-else
v-model="item.ShopTime"
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>
<span v-if="item.IsShow == 0">{{ item.ShopAddress }}</span>
<el-input
type="text"
v-model="item.ShopAddress"
v-else
></el-input>
<el-input type="text" v-model="item.ShopAddress" v-else></el-input>
</td>
<td style="text-align:left;">
<span v-if="item.IsShow == 0">{{ item.ShopName }}</span>
<el-input
type="text"
v-model="item.ShopName"
v-else
></el-input>
<el-input type="text" v-model="item.ShopName" v-else></el-input>
</td>
<td style="text-align:left;">
<span v-if="item.IsShow == 0">{{ item.ShopGoodName }}</span>
<el-input
type="text"
v-model="item.ShopGoodName"
v-else
></el-input>
<el-input type="text" v-model="item.ShopGoodName" v-else></el-input>
</td>
<td>
<span v-if="item.IsShow == 0">{{ item.StopTime }}</span>
<el-input
type="text"
@keyup.native="checkInteger(item,'StopTime')"
v-model="item.StopTime"
v-else
></el-input>
<el-input type="text" @keyup.native="checkInteger(item,'StopTime')" v-model="item.StopTime" v-else>
</el-input>
</td>
<td style="text-align:left;">
<span v-if="item.IsShow == 0">{{
item.OtherInstruction
}}</span>
<el-input
type="text"
v-model="item.OtherInstruction"
v-else
></el-input>
<el-input type="text" v-model="item.OtherInstruction" v-else></el-input>
</td>
<td>
<span v-if="item.IsShow == 0">{{
item.TouristsSignAgree
}}</span>
<el-input
type="text"
v-model="item.TouristsSignAgree"
v-else
></el-input>
<el-input type="text" v-model="item.TouristsSignAgree" v-else></el-input>
</td>
<td>
<el-tooltip
class="item"
effect="dark"
content="修改"
placement="top-start"
v-if="item.IsShow == 0"
>
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="commonUpdate(item)"
></el-button>
<el-tooltip class="item" effect="dark" content="修改" placement="top-start" v-if="item.IsShow == 0">
<el-button type="primary" icon="el-icon-edit" circle @click="commonUpdate(item)"></el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="保存"
placement="top-start"
v-if="item.IsShow == 1"
>
<el-button
type="primary"
icon="iconfont icon-baocun"
circle
@click="commonSave(item)"
></el-button>
<el-tooltip class="item" effect="dark" content="保存" placement="top-start" v-if="item.IsShow == 1">
<el-button type="primary" icon="iconfont icon-baocun" circle @click="commonSave(item)"></el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="删除"
placement="top-start"
>
<el-button
type="danger"
icon="el-icon-delete"
@click="delVoluntray(index)"
circle
></el-button>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" @click="delVoluntray(index)" circle></el-button>
</el-tooltip>
</td>
</tr>
<tr>
<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>
</tr>
</tbody>
......@@ -1349,17 +1017,18 @@
</div>
</template>
<script>
import commonTripList from "./commonPage/commonTripList.vue";
export default {
import commonTripList from "./commonPage/commonTripList.vue";
export default {
data() {
return {
//选中切换
cked: 1,
IsLoad:0,//是加载行程信息
//参数
CtObj: {
ID: 0,
CType: 3, //合同类型:(1-单项委托协议[平台版2018],2大陆境内旅游合同2014,3-全国版国内旅游一日游旅游合同示范文本[2015版])
T_ContractNum:'',
T_ContractNum: '',
Tourists_Name: "",
Tourists_IDNum: "",
Tourists_Addres: "",
......@@ -1373,8 +1042,7 @@ export default {
TravelAgency_LicenseNum: "L-SC-CJ00015",
TravelAgency_DealMan: "",
TravelAgency_IDNum: "",
TravelAgency_Address:
"成都市锦江区一环路东五段87号2幢23层2310.2311.2312号",
TravelAgency_Address: "成都市锦江区一环路东五段87号2幢23层2310.2311.2312号",
TravelAgency_Tel: "",
TravelAgency_Fax: "",
TravelAgency_PostNum: "",
......@@ -1445,7 +1113,7 @@ export default {
OtherConventionPrice: "", // 其他服务费用合计
OtherConvention: "", // 其他约定事项
TripJson: "",
TripType:0, //行程类型(0-简易行程,1-标准行程)
TripType: 0, //行程类型(0-简易行程,1-标准行程)
GuestJson: "", // 游客信息【json】
ShopJson: "", // 购物信息【json】
SelfFeeJson: "", // 自费信息【Json】
......@@ -1470,32 +1138,48 @@ export default {
},
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" }
],
C_ReturnAddress: [
{ required: true, message: "请输入返回地点", trigger: "change" }
],
C_AdultNum: [
{ required: true, message: "请输入成人数", trigger: "change" }
],
C_PayDate: [
{ 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"
}],
C_AdultNum: [{
required: true,
message: "请输入成人数",
trigger: "change"
}],
C_PayDate: [{
required: true,
message: "请选择支付日期",
trigger: "change"
}]
},
tripStr:'切换到标准行程录入',
tripStr: '切换到标准行程录入',
//菜单列表
menuArr: [
"合同基本信息",
......@@ -1507,7 +1191,7 @@ export default {
"自愿购物活动补充协议"
],
ckedIndex: 0,
TripInfo:'',
TripInfo: '',
};
},
components: {
......@@ -1521,25 +1205,12 @@ export default {
},
//提交数据
SaveMsg() {
if(this.CtObj.TripType==0){
this.CtObj.ContractTripList=[];
let obj={
DayNum: 1,
Go:'',
GoProvice:'',
IsOut:1,
TravelContent:'',
TripType:0
}
obj.TravelContent=this.TripInfo;
this.CtObj.ContractTripList.push(obj);
}
this.apipost(
"travelcontract_post_SetTravelContractService",
this.CtObj,
res => {
if (res.data.resultCode == 1) {
this.CtObj.ID=res.data.data;
this.CtObj.ID = res.data.data;
this.GetData();
this.Success(res.data.message);
} else {
......@@ -1628,12 +1299,12 @@ export default {
},
GetData() {
this.apipost(
"travelcontract_get_GetTravelContractService",
{ ID: this.CtObj.ID },
"travelcontract_get_GetTravelContractService", {
ID: this.CtObj.ID
},
res => {
if (res.data.resultCode == 1) {
var tempObj = res.data.data;
console.log(tempObj,'tempObj');
this.CtObj.ID = tempObj.ID;
this.CtObj.CType = tempObj.CType;
this.CtObj.T_ContractNum = tempObj.T_ContractNum;
......@@ -1771,7 +1442,7 @@ export default {
gItem.IsShow = 0;
});
}
this.CtObj.TripType=tempObj.TripType;
this.CtObj.TripType = tempObj.TripType;
if (
tempObj.ContractTripList &&
tempObj.ContractTripList != null &&
......@@ -1781,9 +1452,7 @@ export default {
} else {
this.CtObj.ContractTripList = [];
}
if(this.CtObj.TripType==0){
this.TripInfo=this.CtObj.ContractTripList[0].TravelContent;
}
this.IsLoad=1;
} else {
this.Error(res.data.message);
}
......@@ -1792,27 +1461,27 @@ export default {
);
},
//点击切换行程
exchangeTrip(){
if(this.CtObj.TripType==0){
this.CtObj.TripType=1;
this.tripStr='切换到简易行程录入';
}else{
this.CtObj.TripType=0;
this.tripStr='切换到标准行程录入';
exchangeTrip() {
if (this.CtObj.TripType == 0) {
this.CtObj.TripType = 1;
this.tripStr = '切换到简易行程录入';
} else {
this.CtObj.TripType = 0;
this.tripStr = '切换到标准行程录入';
}
},
//获取子组件数据
tripData(msg){
this.CtObj.ContractTripList=msg;
tripData(msg) {
this.CtObj.ContractTripList = msg;
},
//公用休改
commonUpdate(item){
item.IsShow=1;
commonUpdate(item) {
item.IsShow = 1;
this.$forceUpdate();
},
//公用保存
commonSave(item){
item.IsShow=0;
commonSave(item) {
item.IsShow = 0;
this.$forceUpdate();
},
},
......@@ -1821,10 +1490,15 @@ export default {
this.CtObj.ID = this.$route.query.id;
this.GetData();
}
this.$nextTick(function() {
else
{
this.IsLoad=1;
}
this.$nextTick(function () {
//滚动监听事件
window.addEventListener("scroll", this.menu);
});
}
};
};
</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