Skip to content

S
SuperMan
Commit d701843e authored by zhengke's avatar zhengke
Browse files
Options

修改

parent ba0e0a4c
Hide whitespace changes
Inline Side-by-side
Showing with 871 additions and 370 deletions
src/components/SingleContract.vue
View file @ d701843e
......@@ -243,7 +243,7 @@
单项委托协议
</span>
<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>
<el-form label-width="180px" :model="CtObj" :rules="rules" ref="CtObj">
......@@ -262,15 +262,15 @@
<tbody>
<tr>
<td>
<el-form-item label="姓名" prop="clientName">
<el-input type="text" v-model="CtObj.clientName" maxlength="100" class="w300"></el-input>
<el-form-item label="姓名">
<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.clientIdcardnum" 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>
......@@ -283,15 +283,15 @@
</tr>
<tr>
<td>
<el-form-item label="联系电话" prop="clientCall">
<el-input type="text" v-model="CtObj.clientCall" maxlength="100" class="w300"></el-input>
<el-form-item label="联系电话">
<el-input type="text" v-model="CtObj.Tourists_Addres" maxlength="100" class="w300"></el-input>
</el-form-item>
</td>
</tr>
<tr>
<td>
<el-form-item label="传真">
<el-input type="text" v-model="CtObj.clientFax" 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>
......@@ -305,21 +305,21 @@
<tr>
<td>
<el-form-item label="邮箱">
<el-input type="text" v-model="CtObj.clientEmail" 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>
<tr>
<td>
<el-form-item label="紧急情况联系人姓名">
<el-input type="text" maxlength="100" class="w300"></el-input>
<el-input type="text" maxlength="100" v-model="CtObj.Tourists_EmergencyLinkMan" class="w300"></el-input>
</el-form-item>
</td>
</tr>
<tr>
<td>
<el-form-item label="紧急情况联系人电话">
<el-input type="text" maxlength="100" class="w300"></el-input>
<el-input type="text" maxlength="100" v-model="CtObj.Tourists_EmergencyLinkTel" class="w300"></el-input>
</el-form-item>
</td>
</tr>
......@@ -331,49 +331,49 @@
<tr>
<td>
<el-form-item label="名称">
<el-input type="text" v-model="CtObj.company" :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="经办人" prop="agentName">
<el-input type="text" class="w300" v-model="CtObj.agentName"></el-input>
<el-form-item label="经办人">
<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.companyAddress"></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.companyCall"></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.companyFax"></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.companyPostCode"></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.companyEmail"></el-input>
<el-input type="text" class="w300" v-model="CtObj.TravelAgency_Email"></el-input>
</el-form-item>
</td>
</tr>
......@@ -396,7 +396,7 @@
<td>
<div style="margin:0 0 10px 50px">a．折扣机票出票后不得退票、不改签。不可变更姓名、证件号码、日期和航班，一般在合同签订后&nbsp;
<el-form-item style="display:inline-block;" label-width="0">
<el-input type="text" class="w150"></el-input>&nbsp;日内出票
<el-input type="text" class="w150" v-model="CtObj.C_TicketDayNum"></el-input>&nbsp;日内出票
</el-form-item>
</div>
</td>
......@@ -410,7 +410,7 @@
<td>
<div style="margin:0 0 20px 50px">旅行社代旅游者预订酒店，一般合同签订后&nbsp;
<el-form-item style="display:inline-block;margin-bottom:0;" label-width="0">
<el-input type="text" class="w150"></el-input>&nbsp;
<el-input type="text" class="w150" v-model="CtObj.C_OrderDayNum"></el-input>&nbsp;
</el-form-item>
日内旅行社将为旅游者下订单，并以短信的方式通知旅游者，酒店一经预定并由旅行社通知到旅游者即完成合同代理义务。因酒店服务质量、退改房等引起的纠纷旅行社不承担责任，但应协助旅游者与酒店协商解决。
</div>
......@@ -425,7 +425,7 @@
<td>
<div style="margin:20px 0 10px 50px">旅游者委托旅行社代办旅游签证的，旅行社需收取一定数额的出境押金用于旅游者违反旅游行程时间滞留境外或逾期回国时，旅游者应当向旅行社承担由此造成损失，包括旅行社信誉或被停签的损失，一旦发生滞留境外或逾期回国、不配合旅行社销签的，旅行社将该押金用于赔偿损失，不予退还。该押金应于旅行社交付旅游者签证前&nbsp;
<el-form-item style="display:inline-block;margin-bottom:0;" label-width="0">
<el-input type="text" class="w150"></el-input>&nbsp;
<el-input type="text" class="w150" v-model="CtObj.C_PayDayNum"></el-input>&nbsp;
</el-form-item>
日内全额交纳。如未按时交纳该押金，旅行社有权停止交付旅游者签证并办理注销，费用不退还；如旅游者按期回国并销签后凭记载有入境记录的护照和登机牌向旅行社领回该押金。如未收取押金旅游者发生滞留、晚归或不配合销签的，旅行社有权向旅游者追偿由此造成的损失。
</div>
......@@ -435,7 +435,7 @@
<td>
<div style="margin:0 0 10px 50px">旅游者同意选择下列第&nbsp;
<el-form-item style="display:inline-block;margin-bottom:0;" label-width="0">
<el-input type="text" class="w150"></el-input>&nbsp;
<el-input type="text" class="w150" v-model="CtObj.C_SignType"></el-input>&nbsp;
</el-form-item>
种方式交付办理签证的材料及领取签证。
</div>
......@@ -474,10 +474,10 @@
<td>
<div style="margin:20px 0 10px 50px">
<el-form-item style="display:inline-block;" label="费用总额（小写）人民币">
<el-input type="text" class="w150"></el-input>&nbsp;元
<el-input type="text" class="w300" v-model="CtObj.C_TotalPrice"></el-input>&nbsp;元
</el-form-item>
<el-form-item style="display:inline-block;" label="（大写）人民币" label-width="120px">
<el-input type="text" class="w150"></el-input>&nbsp;元
<el-input type="text" class="w300"></el-input>&nbsp;元
</el-form-item>
</div>
</td>
......@@ -505,58 +505,117 @@
<th>身体状况</th>
<th>操作</th>
</tr>
<tr v-for="(item,index) in touristList">
<td>{{index+1}}</td>
<tr v-for="(item, index) in CtObj.ContractGuestList" :key="index">
<td>{{ index + 1 }}</td>
<td>
<span v-if="item.IsShow==0">{{item.name}}</span>
<el-input v-else type="text" v-model="item.name"></el-input>
</td>
<span v-if="item.IsShow == 0">{{ item.CGuestName }}</span>
<el-input
type="text"
class="w150"
v-model="item.CGuestName"
v-else
></el-input>
</td>
<td>
<span v-if="item.IsShow==0">{{item.sex}}</span>
<el-select v-else v-model="item.sex">
<el-option label="男" :value="1"></el-option>
<el-option label="女" :value="2"></el-option>
<span v-if="item.IsShow == 0">{{ item.CGuestSex }}</span>
<el-select v-model="item.CGuestSex" v-else>
<el-option label="男" value="男"></el-option>
<el-option label="女" value="女"></el-option>
</el-select>
</td>
</td>
<td>
<span v-if="item.IsShow==0">{{item.certificateType}}</span>
<el-select v-else v-model="item.certificateType">
<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-option label="其他" :value="5"></el-option>
<span v-if="item.IsShow == 0">{{
item.CGuestCertificateType
}}</span>
<el-select v-model="item.CGuestCertificateType" v-else>
<el-option label="护照" value="护照"></el-option>
<el-option label="港澳通行证" value="港澳通行证"></el-option>
<el-option label="赴台证" value="赴台证"></el-option>
<el-option label="身份证" value="身份证"></el-option>
<el-option label="其他" value="其他"></el-option>
</el-select>
</td>
<td>
<span v-if="item.IsShow==0">{{item.passportNo}}</span>
<el-input v-else type="text" v-model="item.passportNo"></el-input>
</td>
<span v-if="item.IsShow == 0">{{
item.CGuestCertificateNum
}}</span>
<el-input
type="text"
v-model="item.CGuestCertificateNum"
v-else
></el-input>
</td>
<td>
<span v-if="item.IsShow==0">{{item.mobilePhone}}</span>
<el-input v-else type="text" v-model="item.mobilePhone"></el-input>
</td>
<span v-if="item.IsShow == 0">{{ item.CGuestTel }}</span>
<el-input
type="text"
v-model="item.CGuestTel"
v-else
></el-input>
</td>
<td>
<span v-if="item.IsShow==0">{{item.isHealth}}</span>
<el-input v-else type="text" v-model="item.isHealth"></el-input>
<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="修改" 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
class="item"
effect="dark"
content="修改"
v-if="item.IsShow == 0"
placement="top-start"
>
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="item.IsShow = 1"
></el-button>
</el-tooltip>
<el-tooltip 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
class="item"
effect="dark"
content="保存"
v-if="item.IsShow == 1"
placement="top-start"
>
<el-button
type="primary"
icon="iconfont icon-baocun"
@click="item.IsShow = 0"
circle
></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start" v-if="item.IsShow==0">
<el-button type="danger" icon="el-icon-delete" @click="delTourist(index)" circle ></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="addTourists()" value="+添加游客" />
<input
type="button"
class="TC_NewAddBtn"
@click="addTourist()"
value="+添加游客"
/>
</td>
</tr>
</tr>
</table>
</div>
<div class="block mtop15" id="anchor-4" ref="anchor4">
......@@ -581,56 +640,61 @@
<th width="12%">定金（元/张）</th>
<th width="100">操作</th>
</tr>
<tr>
<tr v-for="(item,index) in CtObj.ContractTicketList">
<td>{{index+1}}</td>
<td>
1
<span v-if="item.IsShow == 0">{{item.TicketTime}}</span>
<el-date-picker v-else class="w150" type="date" v-model="item.TicketTime" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
</td>
<td>
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
<span v-if="item.IsShow == 0">{{item.StartPlace}}</span>
<el-input v-else type="text" v-model="item.StartPlace"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow == 0">{{item.ArrivePlace}}</span>
<el-input v-else type="text" v-model="item.ArrivePlace"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow == 0">{{item.FlightNum}}</span>
<el-input v-else type="text" v-model="item.FlightNum"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow == 0">{{item.TicketPrice}}</span>
<el-input v-else type="text" v-model="item.TicketPrice"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow == 0">{{item.AirportPirce}}</span>
<el-input v-else type="text" v-model="item.AirportPirce"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow == 0">{{item.DepositPrice}}</span>
<el-input v-else type="text" v-model="item.DepositPrice"></el-input>
</td>
<td>
<el-input type="text"></el-input>
</td>
<td>
<!-- <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle></el-button>
</el-tooltip> -->
<el-tooltip class="item" effect="dark" content="保存" placement="top-start">
<el-button type="primary" icon="iconfont icon-baocun" circle></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="item.IsShow=1"></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" @click="item.IsShow=0" circle></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" circle ></el-button>
<el-button type="danger" icon="el-icon-delete" @click="delTicket(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="addTickets()" value="+添加记录" />
</td>
</tr>
<tr>
<td colspan="9" style="text-align:left;">
<div style="margin:20px 0 10px 50px">
<el-form-item style="display:inline-block;" label="共计：" label-width="60px">
<el-input type="text" class="w150"></el-input>
<el-input type="text" class="w150" v-model="CtObj.TicketTotalNum"></el-input>
</el-form-item>
<el-form-item style="display:inline-block;" label="张机票合同签订后" label-width="130px">
<el-input type="text" class="w150"></el-input>&nbsp;日内出票，
<el-input type="text" class="w150" v-model="CtObj.TicketOutDayNum"></el-input>&nbsp;日内出票，
</el-form-item>
</div>
<div style="margin:0 0 20px 50px">
......@@ -638,7 +702,7 @@
</div>
<div style="margin-left:50px">
<el-form-item label="机票预定费用总额：" label-width="140px">
<el-input type="text" class="w150"></el-input>&nbsp;元
<el-input type="text" class="w150" v-model="CtObj.TicketTotalDepositPrice"></el-input>&nbsp;元
</el-form-item>
</div>
</td>
......@@ -680,72 +744,80 @@
<th>离店日期</th>
<th width="100">操作</th>
</tr>
<tr>
<td>
1
</td>
<tr v-for="(item,index) in CtObj.ContractHotelList">
<td>{{index+1}}</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.HotelName}}</span>
<el-input v-else type="text" v-model="item.HotelName"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.DoubleRoom}}</span>
<el-input v-else type="text" v-model="item.DoubleRoom"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.SingleRoom}}</span>
<el-input v-else type="text" v-model="item.SingleRoom"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.ThirdRoom}}</span>
<el-input v-else type="text" v-model="item.ThirdRoom"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.AdultNum}}</span>
<el-input v-else type="text" v-model="item.AdultNum"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.ChildrenNum}}</span>
<el-input v-else type="text" v-model="item.ChildrenNum"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<td>
<span v-if="item.IsShow==0">{{item.RoomPrice}}</span>
<el-input v-else type="text" v-model="item.RoomPrice"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.DepositPrice}}</span>
<el-input v-else type="text" v-model="item.DepositPrice"></el-input>
</td>
<td>
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
<span v-if="item.IsShow==0">{{item.CheckInDate}}</span>
<el-date-picker v-else class="w150" type="date" v-model="item.CheckInDate" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
</td>
<td>
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
<span v-if="item.IsShow==0">{{item.OutDate}}</span>
<el-date-picker v-else class="w150" type="date" v-model="item.OutDate" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
</td>
<td>
<!-- <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle></el-button>
</el-tooltip> -->
<el-tooltip class="item" effect="dark" content="保存" placement="top-start">
<el-button type="primary" icon="iconfont icon-baocun" circle></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="item.IsShow=1"></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" circle @click="item.IsShow=0"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" circle ></el-button>
<el-button type="danger" icon="el-icon-delete" circle @click="delHotelList(index)" ></el-button>
</el-tooltip>
</td>
</tr>
<tr>
<td colspan="12" style="text-align:right;">
<input type="button" class="TC_NewAddBtn" @click="addRecord()" value="+添加记录" />
<input type="button" class="TC_NewAddBtn" @click="addHotelList()" value="+添加记录" />
</td>
</tr>
<tr>
<td colspan="12" style="text-align:left;">
<div style="margin:20px 0 0 50px">
<el-form-item style="display:inline-block;" label="共计：" label-width="60px">
<el-input type="text" class="w180"></el-input>&nbsp;间、晚
<el-input type="text" class="w180" v-model="CtObj.HotelTotal"></el-input>&nbsp;间、晚
</el-form-item>
</div>
<div style="margin:10px 0 10px 50px">
<el-form-item style="display:inline-block;" label="酒店入住的方式：" label-width="130px">
<el-input type="text" class="w180"></el-input>
<el-input type="text" class="w180" v-model="CtObj.HotelCheckInType"></el-input>
</el-form-item>
</div>
<div style="margin:0 0 10px 50px">
<el-form-item style="display:inline-block;" label="下订单后通知旅游者的方式：" label-width="200px">
<el-input type="text" class="w180"></el-input>
<el-input type="text" class="w180" v-model="CtObj.HotelNotice"></el-input>
</el-form-item>
</div>
<div style="margin:0 0 20px 56px">
......@@ -753,7 +825,7 @@
</div>
<div>
<el-form-item style="display:inline-block;" label="费用共计：" label-width="140px">
<el-input type="text" class="w180"></el-input>&nbsp;元
<el-input type="text" class="w180" v-model="CtObj.HotelTotalPrice"></el-input>&nbsp;元
</el-form-item>
</div>
</td>
......@@ -781,50 +853,53 @@
<th>类型</th>
<th width="100">操作</th>
</tr>
<tr>
<tr v-for="(item,index) in CtObj.ContractPickUpList">
<td>{{index+1}}</td>
<td>
1
<span v-if="item.IsShow==0">{{item.UseTime}}</span>
<el-date-picker v-else class="w150" v-model="item.UseTime" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
</td>
<td>
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
<span v-if="item.IsShow==0">{{item.UseNum}}</span>
<el-input v-else type="text" v-model="item.UseNum"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.StartPlace}}</span>
<el-input v-else type="text" v-model="item.StartPlace"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.ArrivePlace}}</span>
<el-input v-else type="text" v-model="item.ArrivePlace"></el-input>
</td>
<td>
<el-input type="text"></el-input>
</td>
<td>
<el-select>
<el-option label="单程" :value="1"></el-option>
<el-option label="往返" :value="2"></el-option>
<span v-if="item.IsShow==0">{{item.UseBusType}}</span>
<el-select v-else v-model="item.UseBusType">
<el-option label="单程" value="单程"></el-option>
<el-option label="往返" value="往返"></el-option>
</el-select>
</td>
<td>
<!-- <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle></el-button>
</el-tooltip> -->
<el-tooltip class="item" effect="dark" content="保存" placement="top-start">
<el-button type="primary" icon="iconfont icon-baocun" circle></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="item.IsShow=1"></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="item.IsShow=0"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" circle ></el-button>
<el-button type="danger" icon="el-icon-delete" circle @click="delJieSong(index)" ></el-button>
</el-tooltip>
</td>
</tr>
<tr>
<td colspan="12" style="text-align:right;">
<input type="button" class="TC_NewAddBtn" value="+添加记录" />
<input type="button" class="TC_NewAddBtn" @click="addJieSong()" value="+添加记录" />
</td>
</tr>
<tr>
<td colspan="12" style="text-align:left;">
<div style="margin:20px 0 0 50px">
<el-form-item style="display:inline-block;" label="费用共计：" label-width="90px">
<el-input type="text" class="w180"></el-input>&nbsp;元
<el-input type="text" class="w180" v-model="CtObj.PickUpTotalPrice"></el-input>&nbsp;元
</el-form-item>
</div>
</td>
......@@ -851,44 +926,46 @@
<th>交付保证金（元/个）</th>
<th width="100">操作</th>
</tr>
<tr>
<td>
1
</td>
<tr v-for="(item,index) in CtObj.ContractVisaList">
<td>{{index+1}}</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.Country}}</span>
<el-input v-else type="text" v-model="item.Country"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.StopTime}}</span>
<el-input v-else type="text" v-model="item.StopTime"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.VisaPrice}}</span>
<el-input v-else type="text" v-model="item.VisaPrice"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.DepositPrice}}</span>
<el-input v-else type="text" v-model="item.DepositPrice"></el-input>
</td>
<td>
<!-- <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle></el-button>
</el-tooltip> -->
<el-tooltip class="item" effect="dark" content="保存" placement="top-start">
<el-button type="primary" icon="iconfont icon-baocun" circle></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="item.IsShow=1"></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="item.IsShow=0"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" circle ></el-button>
<el-button type="danger" icon="el-icon-delete" circle @click="delVisaList(index)"></el-button>
</el-tooltip>
</td>
</tr>
<tr>
<td colspan="12" style="text-align:right;">
<input type="button" class="TC_NewAddBtn" value="+添加记录" />
<input type="button" class="TC_NewAddBtn" @click="addVisaList()" value="+添加记录" />
</td>
</tr>
<tr>
<td colspan="12" style="text-align:left;">
<div style="margin:20px 0 0 50px">
<el-form-item style="display:inline-block;" label="合计金额：" label-width="90px">
<el-input type="text" class="w180"></el-input>&nbsp;元
<el-input type="text" class="w180" v-model="CtObj.VisaTotalPrice"></el-input>&nbsp;元
</el-form-item>
</div>
</td>
......@@ -919,50 +996,55 @@
<th>机场建设费（元/张）</th>
<th width="100">操作</th>
</tr>
<tr>
<td>
1
</td>
<tr v-for="(item,index) in CtObj.ContractTicketAndHotel.ContractTickets">
<td>{{index+1}}</td>
<td>
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
<span v-if="item.IsShow==0">{{item.TicketTime}}</span>
<el-date-picker v-else v-model="item.TicketTime" class="w150" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.StartPlace}}</span>
<el-input v-else type="text" v-model="item.StartPlace"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.ArrivePlace}}</span>
<el-input v-else type="text" v-model="item.ArrivePlace"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.FlightNum}}</span>
<el-input v-else type="text" v-model="item.FlightNum"></el-input>
</td>
<td>
<el-select>
<el-option label="普通舱" :value="1"></el-option>
<el-option label="公务舱" :value="2"></el-option>
<el-option label="头等舱" :value="3"></el-option>
<span v-if="item.IsShow==0">{{item.TicketSpace}}</span>
<el-select v-else v-model="item.TicketSpace">
<el-option label="普通舱" value="普通舱"></el-option>
<el-option label="公务舱" value="公务舱"></el-option>
<el-option label="头等舱" value="头等舱"></el-option>
</el-select>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.TicketPrice}}</span>
<el-input v-else type="text" v-model="item.TicketPrice"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<span v-if="item.IsShow==0">{{item.AirportPirce}}</span>
<el-input v-else type="text" v-model="item.AirportPirce"></el-input>
</td>
<td>
<!-- <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle></el-button>
</el-tooltip> -->
<el-tooltip class="item" effect="dark" content="保存" placement="top-start">
<el-button type="primary" icon="iconfont icon-baocun" circle></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="item.IsShow=1"></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="item.IsShow=0"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" circle ></el-button>
<el-button type="danger" icon="el-icon-delete" circle @click="delZuheTicket(index)"></el-button>
</el-tooltip>
</td>
</tr>
<tr>
<td colspan="12" style="text-align:right;">
<input type="button" class="TC_NewAddBtn" value="+添加记录" />
<input type="button" class="TC_NewAddBtn" @click="addZuheTicket()" value="+添加记录" />
</td>
</tr>
</tbody>
......@@ -982,56 +1064,54 @@
<th>儿童费用</th>
<th width="100">操作</th>
</tr>
<tr>
<tr v-for="(item,index) in CtObj.ContractTicketAndHotel.ContractHotels">
<td>{{index+1}}</td>
<td>
1
<el-input type="text" v-model="item.HotelName"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<el-input type="text" v-model="item.DoubleRoom"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<el-input type="text" v-model="item.SingleRoom"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<el-input type="text" v-model="item.ThirdRoom"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<el-date-picker class="w150" v-model="item.CheckInDate" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
</td>
<td>
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
<el-date-picker class="w150" v-model="item.OutDate" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
</td>
<td>
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder=''></el-date-picker>
</td>
<td>
<el-input type="text"></el-input>
<el-input type="text" v-model="item.AdultPrice"></el-input>
</td>
<td>
<el-input type="text"></el-input>
<el-input type="text" v-model="item.ChildrenPrice"></el-input>
</td>
<td>
<!-- <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle></el-button>
</el-tooltip> -->
<el-tooltip class="item" effect="dark" content="保存" placement="top-start">
<el-button type="primary" icon="iconfont icon-baocun" circle></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="item.IsShow=1"></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="item.IsShow=0"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="danger" icon="el-icon-delete" circle ></el-button>
<el-button type="danger" icon="el-icon-delete" circle @click="delZuheHotel(index)"></el-button>
</el-tooltip>
</td>
</tr>
<tr>
<td colspan="12" style="text-align:right;">
<input type="button" class="TC_NewAddBtn" value="+添加记录" />
<input type="button" class="TC_NewAddBtn" @click="addZuheHotel()" value="+添加记录" />
</td>
</tr>
<tr>
<td colspan="12" style="text-align:left;">
<div style="margin:20px 0 0 50px">
<el-form-item style="display:inline-block;" label="合计金额：" label-width="90px">
<el-input type="text" class="w180"></el-input>&nbsp;元
<el-input type="text" class="w180" v-model="CtObj.TicketAndHotelTotalPrice"></el-input>&nbsp;元
</el-form-item>
</div>
</td>
......@@ -1051,13 +1131,14 @@
<div>
<div style="margin:20px 0 0 50px">
<el-form-item style="display:inline-block;" label="其他服务费用合计：" label-width="140px">
<el-input type="text" class="w180"></el-input>&nbsp;元
<el-input type="text" class="w180" v-model="CtObj.OtherConventionPrice"></el-input>&nbsp;元
</el-form-item>
</div>
</div>
<div>
<el-form-item label-width="0">
<quill-editor :options="editorOption"></quill-editor>
<!-- <quill-editor :options="editorOption" v-model=""></quill-editor> -->
<el-input type="textarea" resize="none" v-model="CtObj.OtherConvention" rows="13"></el-input>
</el-form-item>
</div>
</div>
......@@ -1070,34 +1151,6 @@
import moment from 'moment'
export default {
data() {
let valiTotalNumber = (rule, value, callback) => {
if (this.CtObj.totalNumber == 0||this.CtObj.totalNumber =='') {
return callback(new Error('请选择'));
} else {
callback();
}
}
let validateEach = (rule, value, callback) => {
if (this.CtObj.eachNumber == 0||this.CtObj.eachNumber =='') {
return callback(new Error('请选择'));
} else {
callback();
}
}
let validatepayType = (rule, value, callback) => {
if (this.CtObj.payType == 0||this.CtObj.payType =='') {
return callback(new Error('请选择'));
} else {
callback();
}
}
let validatesettleDisputeMode = (rule, value, callback) => {
if (this.CtObj.settleDisputeMode == 0 ||this.CtObj.settleDisputeMode=='') {
return callback(new Error('请选择'));
} else {
callback();
}
}
return {
//选中切换
cked:1,
......@@ -1114,90 +1167,124 @@
},
//参数
CtObj:{
//基本信息
clientName:'',
clientIdcardnum:'',
clientCall:'',
clientFax:'',
clientEmail:'',
clientPostCode:'',
clientCountryid:0,
clientProvinceid:0,
clientCityid:0,
clientAddress:'',
company:'',
businessCertificate:'',
companyCall:'',
companyFax:'',
companyEmail:'',
companyPostCode:'',
companyCountryid:0,
companyProvinceid:0,
companyCityid:0,
companyAddress:'',
agentName:'',
agentCall:'',
//合同条款
totalNumber:2,
eachNumber:1,
productName:'',
startDate:'',
returnDate:'',
dayNum:'',
nightNum:'',
adultPrice:'',
childPrice:'',
servicePrice:'',
orderPrice:'',
payDate:'',
payType:'',
//客户同意
insuranceOpinion:'',
insuranceCompany:'',
insuranceProduct:'',
insuranceAmount:'',
minNumber:0,
insteadOpinion:'',
insteadCompany:'',
delayOpinion:'',
changeOpinion:'',
terminateOpinion:'',
carpoolOpinion:'',
carpoolCompany:'',
settleDisputeMode:2,
arbitrationCommission:'',
court:'',
otherMatter:'',
//投诉信息
companyComplainCall:'',
regulatorName:'',
regulatorComplainCall:'',
regulatorWebsite:'',
regulatorPostCode:'',
regulatorCountryid:0,
regulatorProvinceid:0,
regulatorCityid:0,
regulatorAddress:'',
//行程信息
travelContent:'',
//旅客信息
togetherRemark:'',
singleRemark:'',
nobedRemark:'',
aloneRemark:'',
tcid:0,
orderId:0,
tCNum:'',
payProtocol:'',
shopProtocol:''
CType:1,//合同类型:(1-单项委托协议[平台版2018]，2大陆境内旅游合同2014,3-全国版国内旅游一日游旅游合同示范文本[2015版])
Tourists_Name: "",
Tourists_IDNum: "",
Tourists_Addres: "",
Tourists_Tel: "",
Tourists_Email: "",
Tourists_PostNum: "",
Tourists_Fax: "",
Tourists_EmergencyLinkMan: "",
Tourists_EmergencyLinkTel: "",
TravelAgency_Name: "四川和平国际旅行社有限公司", //旅行社名称
TravelAgency_LicenseNum: "L-SC-CJ00015",
TravelAgency_DealMan: "",
TravelAgency_IDNum: "",
TravelAgency_Address: "成都市锦江区一环路东五段87号2幢23层2310.2311.2312号",
TravelAgency_Tel: "",
TravelAgency_Fax: "",
TravelAgency_PostNum: "",
TravelAgency_Email: "",
TravelAgency_Scope:"出境游/境内游",//旅行社经营范围
TravelAgency_SignAddress: "",
Guide_Name: "",
Guide_Num: "",
Guide_Tel: "",
C_TCNUM: "", //团号
C_ProductName: "",
C_StartDate: "", //出发时间
C_EndDate: "",
C_DayNum: "",
C_NightNum: "",
C_AdultNum: "",
C_AdultPrice: "", //成人价格
C_ChildrenNum: "",
C_ChildrenPrice: "",
C_GuideServicePrice: "",
C_TotalPrice: "",
C_PayDate: "",
C_PayType: 1, // 旅游费用支付方式(1-现金,2-支票,3-信用卡,4-其他,5-转账)
C_PayTypeRemark: "",//转账填写转账账号和备注
C_InsuranceType: 1, // 旅游者保险购买方式(1-委托旅行社购买,2-自行购买,3-放弃购买)
C_InsuranceName: "",
C_LowNum: "",
C_IsAgreeTravel: 1, // 是否同意旅行社委托(1-不同意，0同意）
C_AgreeTravelName: "", // 是否同意旅行社名称
C_IsAgreeDelay: 1, /// 是否同意延期出团(1-不同意，0同意）
C_IsAgreeCndorse: 1, /// 是否同意改签(1-不同意，0同意）
C_IsAgreeRemove: 1, // 是否同意解除合同(1-不同意，0同意）
C_IsAgreeSpellGroup: 1, // 是否同意拼团(1-不同意，0同意）
C_SpellGroupName: "", // 拼团旅行社名称
C_SolveType: 2, // 争议解决方式
C_SolveRemark: "", // 争议解决方式备注
C_ContractTotal: "贰", // 合同总分数
C_ContractPer: '壹', // 各持几份
C_StartAddress: "", // 出发地点
C_ReturnAddress: "", //返回地点
C_TrafficType: 1, // 交通方式(1-合车游，2-包车游)
C_BusCode: "", // 车牌号
C_DriverName: "", // 驾驶员姓名
C_IsHaveKongTiao: 1, // 是否有空调(0-有空调，1-无空调)
C_BusType: 1, // 车辆类型(1-面包车,2-中巴车,3-大巴车)
C_BreakfastAddress: "", // 早餐地点
C_BreakfastBasic: "", // 早餐标准
C_LunchAddress: "", // 午餐地点
C_LunchBasic: "", // 午餐标准
C_DinnerAddress: "", // 晚餐地点
C_DinnerBasic: "", // 晚餐标准
C_IncludeRemark: "", // 费用包含
C_NonIncludeRemark: "", // 费用不包含
TravelAgency_ServiceTel: "", // 旅行社客服电话
C_ComplaintProvince: "", // 投诉省
C_ComplaintCity: "", // 投诉市
C_ComplaintTel: "", // 投诉电话
C_ComplaintEmail: "", // 投诉电子邮箱
C_ComplaintAddress: "", // 投诉地址
C_ComplaintPostNum: "", // 投诉邮编
C_ZhiFaTel: "", // 执法机构电话
C_XFZXHTSTel: "", // 消费者协会投诉电话
C_TicketDayNum: "", // 几日内出票
C_OrderDayNum: "", // 几日内下单
C_PayDayNum: "", // 几日内缴费
C_SignType: "", // 获取签证资料及领取签证方式
OtherConventionPrice: "", // 其他服务费用合计
OtherConvention: "", // 其他约定事项
TripJson: "",
GuestJson: '', // 游客信息【json】
ShopJson: '', // 购物信息【json】
SelfFeeJson: '', // 自费信息【Json】
TicketJson: '', // 机票信息
TicketTotalNum: 0, // 机票总数量
TicketOutDayNum: 0, // 机票几日内出票
TicketTotalDepositPrice: 0, // 机票预订总费用
HotelBookJson: "", // 酒店预订
HotelTotal: "", // 酒店多少间、晚
HotelCheckInType: "", // 酒店入住方式
HotelNotice: "", // 下订单后通知旅游者的方式
HotelTotalPrice: "0", // 酒店费用总计
PickUpJson: "", // 接送信息
PickUpTotalPrice: "0", // 接送总费用
VisaJson: "", // 签证信息
VisaTotalPrice: "0", // 签证总费用
TicketAndHotelJson: "", // 机票与酒店信息
TicketAndHotelTotalPrice: "0", // 机票加酒店组合总费用
ContractShopList: [], //自愿购物活动补充协议
ContractGuestList: [], //旅客名单
ContractTripList: [], //行程列表
ContractSelfFeeList:[], //自愿付费项目补充协议
ContractTicketList:[], //机票预订
ContractHotelList:[], //酒店预订列表
ContractPickUpList:[], //接送服务列表
ContractVisaList:[], //代办签证列表
ContractTicketAndHotel:{ // 机票和酒店组合信息
ContractTickets:[],
ContractHotels:[]
}
},
rules: {
},
//自愿购物活动补充协议
VoluntaryArr:[],
//自愿付费项目补充协议
WillingPayArr:[],
//菜单列表
menuArr:['合同基本信息','相关告知及提示','费用计算','游客信息','机票预订','酒店预订','接送服务','代办签证','服务组合（机票与酒店）','其他单项服务事宜'],
ckedIndex:0,
......@@ -1224,44 +1311,20 @@
},
//提交数据
SaveMsg(){
this.CtObj.status = 1;
this.CtObj.contractStatus=2;
let VolArr = [];
let WalArr = [];
if(this.VoluntaryArr.length>0){
this.VoluntaryArr.forEach(x=>{
if(x.IsShow==0){
VolArr.push(x);
}
})
if(VolArr.length>0){
this.CtObj.shopProtocol = JSON.stringify(VolArr);
}else{
this.CtObj.shopProtocol=''
}
}
if(this.WillingPayArr.length>0){
this.WillingPayArr.forEach(x=>{
if(x.IsShow==0){
WalArr.push(x);
}
})
if(WalArr.length>0){
this.CtObj.payProtocol = JSON.stringify(WalArr);
}else{
this.CtObj.payProtocol=''
this.apipost(
"travelcontract_post_SetTravelContractService",
this.CtObj,
res => {
if (res.data.resultCode == 1) {
this.CtObj.ID = res.data.data;
this.GetData();
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
}
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.dialogVisible=false;
this.getList();
} else {
this.Error(res.data.message);
}
},null);
},
err => {}
);
},
//跳转至预览
goUrl(){
......@@ -1287,41 +1350,154 @@
}
});
},
//添加旅客信息
addTourists(){
let obj={
name:'',
sex:'',
certificateType:1,
passportNo:'',
mobilePhone:'',
isHealth:'',
IsShow:1
}
this.touristList.push(obj);
//添加游客信息
addTourist() {
this.CtObj.ContractGuestList.forEach((x, index) => {
x.IsShow = 0;
});
let obj = {
CGuestName: "",
CGuestSex: "男",
CGuestCertificateType: "身份证",
CGuestCertificateNum: "",
CGuestTel: "",
CGuestHealth: "健康",
IsShow: 1
};
this.CtObj.ContractGuestList.push(obj);
},
//删除旅客信息
delTourist(index){
this.touristList.splice(index, 1);
//删除游客
delTouristArr(index) {
this.CtObj.ContractGuestList.splice(index, 1);
},
//添加机票
addTickets(){
this.CtObj.ContractTicketList.forEach((x, index) => {
x.IsShow = 0;
});
let obj = {
TicketTime: "", // 时间
StartPlace: "", // 出发地
ArrivePlace:'', // 目的地
FlightNum:'', // 航班号
TicketPrice:'', // 机票金额
AirportPirce:'', // 机场建设费
DepositPrice:'', // 定金
IsShow: 1
};
this.CtObj.ContractTicketList.push(obj);
},
//删除机票
delTicket(index){
this.CtObj.ContractTicketList.splice(index, 1);
},
//添加酒店
addHotelList(){
this.CtObj.ContractHotelList.forEach((x, index) => {
x.IsShow = 0;
});
let obj = {
HotelName: "", // 酒店名称
DoubleRoom:'', //标准间
SingleRoom:'', //单间
ThirdRoom:'', //三人间
AdultNum:'', //成人人数
AdultPrice:'', //成人费用
ChildrenNum:'', //儿童人数
ChildrenPrice:'', //儿童费用
RoomPrice:'', //房费/晚
DepositPrice:'', // 定金/晚
CheckInDate:'', //入住日期
OutDate:'', //离店日期
IsShow: 1
};
this.CtObj.ContractHotelList.push(obj);
},
//删除酒店
delHotelList(index){
this.CtObj.ContractHotelList.splice(index, 1);
},
//添加接送服务
addJieSong(){
this.CtObj.ContractPickUpList.forEach((x, index) => {
x.IsShow = 0;
});
let obj = {
UseTime:'', //用车日期
UseNum:'', //用车人数
StartPlace:'', //出发地
ArrivePlace:'', //目的地
UseBusType:'单程',
IsShow: 1
};
this.CtObj.ContractPickUpList.push(obj);
},
//删除接送服务
delJieSong(index){
this.CtObj.ContractPickUpList.splice(index, 1);
},
//添加代办签证
addVisaList(){
this.CtObj.ContractVisaList.forEach((x, index) => {
x.IsShow = 0;
});
let obj = {
Country:'', //国家
StopTime:'', //停留时间
VisaPrice:'', //代办签证费用(元/个)
DepositPrice:'', // 保证金(元/个)
IsShow: 1
};
this.CtObj.ContractVisaList.push(obj);
},
//删除代办签证
delVisaList(index){
this.CtObj.ContractVisaList.splice(index, 1);
},
//添加机票加酒店服务组合的机票
addZuheTicket(){
this.CtObj.ContractTicketAndHotel.ContractTickets.forEach((x, index) => {
x.IsShow = 0;
});
let obj = {
TicketTime: "", // 时间
StartPlace: "", // 出发地
ArrivePlace:'', // 目的地
FlightNum:'', // 航班号
TicketSpace:'普通舱', // 舱位
TicketPrice:'', // 机票金额
AirportPirce:'', // 机场建设费
IsShow: 1
};
this.CtObj.ContractTicketAndHotel.ContractTickets.push(obj);
},
//删除机票加酒店服务组合的机票
delZuheTicket(index){
this.CtObj.ContractTicketAndHotel.ContractTickets.splice(index, 1);
},
//添加机票加酒店服务组合的机票
addZuheHotel(){
this.CtObj.ContractTicketAndHotel.ContractHotels.forEach((x, index) => {
x.IsShow = 0;
});
let obj = {
HotelName: "", // 酒店名称
DoubleRoom:'', //标准间
SingleRoom:'', //单间
ThirdRoom:'', //三人间
CheckInDate:'', //入住日期
OutDate:'', //离店日期
AdultPrice:'', //成人费用
ChildrenPrice:'', //儿童费用
IsShow: 1
};
this.CtObj.ContractTicketAndHotel.ContractHotels.push(obj);
},
//删除机票加酒店服务组合的机票
delZuheHotel(index){
this.CtObj.ContractTicketAndHotel.ContractHotels.splice(index, 1);
},
//添加补充协议
addRecord(){
let obj={
specificTime:'',
Address:'',
shoppName:'',
CommodityInformation:'',
stayTime:'',
other:'',
travelSign:'',
IsShow:1
}
this.VoluntaryArr.push(obj);
},
//删除补充协议1
delVoluntray(index){
this.VoluntaryArr.splice(index, 1);
},
//滚动条滚动选中tab
menu() {
var _self = this;
......@@ -1357,8 +1533,254 @@
this.ckedIndex = 8
}
},
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 = [];
}
if (
tempObj.ContractTicketList &&
tempObj.ContractTicketList != null &&
tempObj.ContractTicketList.length > 0
) {
this.CtObj.ContractTicketList = tempObj.ContractTicketList;
} else {
this.CtObj.ContractTicketList = [];
}
if (
tempObj.ContractHotelList &&
tempObj.ContractHotelList != null &&
tempObj.ContractHotelList.length > 0
) {
this.CtObj.ContractHotelList = tempObj.ContractHotelList;
} else {
this.CtObj.ContractHotelList = [];
}
if (
tempObj.ContractPickUpList &&
tempObj.ContractPickUpList != null &&
tempObj.ContractPickUpList.length > 0
) {
this.CtObj.ContractPickUpList = tempObj.ContractPickUpList;
} else {
this.CtObj.ContractPickUpList = [];
}
if (
tempObj.ContractVisaList &&
tempObj.ContractVisaList != null &&
tempObj.ContractVisaList.length > 0
) {
this.CtObj.ContractVisaList = tempObj.ContractVisaList;
} else {
this.CtObj.ContractVisaList = [];
}
if (
tempObj.ContractTicketAndHotel.ContractTickets &&
tempObj.ContractTicketAndHotel.ContractTickets != null &&
tempObj.ContractTicketAndHotel.ContractTickets.length > 0
) {
this.CtObj.ContractTicketAndHotel.ContractTickets = tempObj.ContractTicketAndHotel.ContractTickets;
} else {
this.CtObj.ContractTicketAndHotel.ContractTickets = [];
}
if (
tempObj.ContractTicketAndHotel.ContractHotels &&
tempObj.ContractTicketAndHotel.ContractHotels != null &&
tempObj.ContractTicketAndHotel.ContractHotels.length > 0
) {
this.CtObj.ContractTicketAndHotel.ContractHotels = tempObj.ContractTicketAndHotel.ContractHotels;
} else {
this.CtObj.ContractTicketAndHotel.ContractHotels = [];
}
} else {
this.Error(res.data.message);
}
},
err => {}
);
}
},
mounted() {
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)
......
src/components/commonPage/commonTripList.vue
View file @ d701843e
<style>
.leftDayList{
display:inline-block;
width: 30px;
height: 100%;
vertical-align: top;
}
.dayNum{
font-weight: bold;
......@@ -16,21 +19,97 @@
position: relative;
border-left: 2px solid #ebebec;
position: relative;
padding: 0 0 20px;
padding: 0 0 20px 50px;
margin-left: 10px;
}
.Trip_Content{
margin-left:100px;
}
.Trip_Content:first-child{
margin-top:20px;
}
.Trip_Content:last-child{
margin-bottom:20px;
}
.TC_circles{
width: 18px;
height: 18px;
background: #fff;
border-radius: 100%;
border: 2px solid #90b7ec;
position: absolute;
left: -11px;
top: 0;
}
.TripControl{
display: inline-block;
vertical-align: middle;
position: relative;
top: -170px;
margin-left: 30px;
}
.TripControl i{
display:inline-block;
width:30px;
height:30px;
line-height: 30px;
cursor: pointer;
border-radius: 50%;
text-align: center;
}
.TripControl i:hover{
background-color: #90b7ec;
color:#fff;
}
</style>
<template>
<div>
<div class="leftDayList">
<span class="dayNum">第1天</span>
</div>
<div class="siteList">
<el-form-item label="前往地" label-width='100px'>
<el-input type="text" class="w300"></el-input
>&nbsp;仲裁委员会仲裁；
</el-form-item>
</div>
<div class="Trip_Content">
<div class="leftDayList">
<span class="dayNum">第1天</span>
</div>
<div class="siteList">
<el-form-item label="前往地" label-width='100px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input
>&nbsp;仲裁委员会仲裁；
</el-form-item>
<el-form-item label="前往省份/国家地区" label-width='160px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input>
</el-form-item>
<el-form-item label="是否过境" label-width='100px' style="display:inline-block;">
<el-checkbox v-model="checked"></el-checkbox>
</el-form-item>
<el-input type="textarea" resize="none" rows="16" cols="40"></el-input>
<div class="TC_circles"></div>
</div>
<div class="TripControl">
<i class="iconfont icon-baocun1"></i>
<i class="iconfont icon-img_delete_small" style="margin-left:10px;"></i>
</div>
</div>
<div class="Trip_Content">
<div class="leftDayList">
<span class="dayNum">第1天</span>
</div>
<div class="siteList">
<el-form-item label="前往地" label-width='100px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input
>&nbsp;仲裁委员会仲裁；
</el-form-item>
<el-form-item label="前往省份/国家地区" label-width='160px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input>
</el-form-item>
<el-form-item label="是否过境" label-width='100px' style="display:inline-block;">
<el-checkbox v-model="checked"></el-checkbox>
</el-form-item>
<el-input type="textarea" resize="none" rows="16" cols="40"></el-input>
<div class="TC_circles"></div>
</div>
<div class="TripControl">
<i class="iconfont icon-baocun1"></i>
<i class="iconfont icon-img_delete_small" style="margin-left:10px;"></i>
</div>
</div>
</div>
</template>
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