Skip to content

S
SuperMan
Commit b9d5fca3 authored by youjie's avatar youjie
Browse files
Options

no message

parent cf1097c4
Hide whitespace changes
Inline Side-by-side
Showing with 272 additions and 19 deletions
src/components/SalesModule/productQueryOne.vue
View file @ b9d5fca3
......@@ -144,6 +144,34 @@
.PQ_detail tr th,.v-table-title-cell{background: #E6E6E6;height:40px; font-size: 14px;border-right:1px solid #e6e6e6;color: #333;}
.PQ_detail tr{background: #fff;text-align: center; height: 40px;}
.PQ_detail tr td{font-size: 12px;border: 1px solid #E5E5E5;}
.passengerSaleList_table {
width: 100%;
color: #333;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.passengerSaleList_table tr {
background: #fff;
}
.passengerSaleList_table tr th {
background: #e6e6e6;
height: 30px;
font-size: 12px;
text-align: center;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.passengerSaleList_table tr td {
padding: 10px 10px 25px 10px;
font-size: 12px;
text-align: center;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
</style>
<template>
<div class="flexOne">
......@@ -267,14 +295,14 @@
<el-col :span="4">
<el-form-item :label="$t('salesModule.AdultNum')" prop="ManNum" v-show="addMsg.GroupType !== '4'">
<el-input v-model='addMsg.ManNum' :disabled="addMsg.GroupType==='4'" @keyup.native="checkInteger(addMsg,'ManNum')"
@input='getNumber();getHouseNo();getTotalPrice()'></el-input>
@input='getNumber();getHouseNo();getTotalPrice()' @change="getNumGuest"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<p v-if='addObj.IsSupportChildren==2' style="color: #E95252; font-size: 12px; line-height: 40px; text-align: center;">{{$t('salesModule.NoSupplier')}}!</p>
<el-form-item v-if='addObj.IsSupportChildren==1' v-show="addMsg.GroupType !== '4'" :label="$t('salesModule.ChildNum')" prop="ChirdNoNeedBedNum">
<el-input v-model='addMsg.ChirdNum' :disabled="addMsg.GroupType==='4'" @keyup.native="checkInteger(addMsg,'ChirdNoNeedBedNum')"
@input='getNumber();getHouseNo();getTotalPrice();autoRemarks("ChirdNoNeedBedNum","儿童人数");'></el-input>
@input='getNumber();getHouseNo();getTotalPrice();autoRemarks("ChirdNoNeedBedNum","儿童人数");' @change="getNumGuest"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="4">
......@@ -293,21 +321,22 @@
<el-col :span="4" v-if='addObj.IsSupportChildren==1' v-show="addMsg.GroupType !== '4'">
<el-form-item :label="$t('salesModule.BabyNum')" prop="BabyNum">
<el-input v-model='addMsg.BabyNum' :disabled="addMsg.GroupType==='4'" @keyup.native="checkInteger(addMsg,'BabyNum')"
@input='getNumber();getTotalPrice();autoRemarks("BabyNum","婴儿人数");'></el-input>
@input='getNumber();getTotalPrice();autoRemarks("BabyNum","婴儿人数");' @change="getNumGuest"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" v-show="addMsg.GroupType !== '4'">
<!-- <el-col :span="4" v-show="addMsg.GroupType !== '4'">
<el-form-item :label="$t('salesModule.OldPeopleNum')" prop="OldPeopleNum">
<el-input v-model='addMsg.OldPeopleNum' :disabled="addMsg.GroupType==='4'" @keyup.native="checkInteger(addMsg,'OldPeopleNum')"
@input='getNumber();getHouseNo();getTotalPrice();autoRemarks("OldPeopleNum","老人人数");'></el-input>
</el-form-item>
</el-col>
</el-col> -->
<!-- <el-col :span="4">
<el-form-item label="单地接人数" prop="AirticketNum" v-show="addMsg.GroupType !== '1'">
<el-input v-model='addMsg.AirticketNum' @keyup.native="checkInteger(addMsg,'AirticketNum')" @input='getNumber();getTotalPrice();getHouseNo();autoRemarks("AirticketNum","单地接数量")'></el-input>
</el-form-item>
</el-col> -->
</el-row>
<el-row :gutter="20">
<!-- <el-col :span="4">
<el-form-item label="单房数量" prop="SingleRoomNum">
......@@ -331,7 +360,7 @@
</el-col> -->
<el-col :span="4">
<el-form-item :label="$t('salesModule.SaleNum')" prop="SaleNum">
<el-input v-model='addMsg.SafeNum' @keyup.native="checkInteger(addMsg,'SafeNum')" @input='yzSafeNum();getTotalPrice();autoRemarks2("SafeNum","不要保险数量");'></el-input>
<el-input v-model='addMsg.SafeNum' @keyup.native="checkInteger(addMsg,'SafeNum')" @input='yzSafeNum();getTotalPrice();autoRemarks2("SafeNum","不要保险数量");' @change="getNumGuest"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
......@@ -339,7 +368,7 @@
<el-input v-model='addMsg.PreferPrice' :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<!-- <el-col :span="4">
<el-form-item :label="$t('salesModule.ScenicRefund')">
<el-select filterable multiple class='multiple_input' v-model='addMsg.ScenicRefundArr' :placeholder="$t('pub.pleaseSel')"
@change='ScenicRefundMethods'>
......@@ -347,7 +376,7 @@
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="4">
<el-form-item :label="$t('salesModule.MsgMoney')">
<el-select filterable v-model='addMsg.IsShowMessagesMoney' :placeholder="$t('pub.pleaseSel')">
......@@ -365,7 +394,13 @@
</el-form-item>
</el-col>
<el-col :span="4">
&nbsp;
<el-form-item
label="集合地"
prop="GatherAddress"
label-width="125px"
label-position="left">
<el-input size="small" v-model='addMsg.GatherAddress' placeholder="请输入集合地" style="width: 100%;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
......@@ -402,8 +437,8 @@
&nbsp;
</el-col>
</el-row>
<el-row :gutter="20">
<!-- <el-col :span="4">
<!-- <el-row :gutter="20">
<el-col :span="4">
<el-form-item label="经济舱" prop="YSeatNum">
<el-input v-model='addMsg.YSeatNum' @keyup.native="checkInteger(addMsg,'YSeatNum')"></el-input>
</el-form-item>
......@@ -417,13 +452,13 @@
<el-form-item label="头等舱" prop="FSeatNum">
<el-input v-model='addMsg.FSeatNum' @input='getNumber()'></el-input>
</el-form-item>
</el-col> -->
</el-col>
<el-col :span="4">
<!--<el-form-item label="单地接数量" prop="AirticketNum">
<el-form-item label="单地接数量" prop="AirticketNum">
<el-input v-model='addMsg.AirticketNum' @keyup.native="checkInteger(addMsg,'AirticketNum')" @input='getTotalPrice();getHouseNo()'></el-input>
</el-form-item>-->
</el-form-item>
</el-col>
<!-- <el-col :span="4">
<el-col :span="4">
<el-form-item label="可退景点">
<el-select filterable multiple class='multiple_input' v-model='addMsg.ScenicRefundArr' :placeholder="$t('pub.pleaseSel')"
@change='ScenicRefundMethods'>
......@@ -439,11 +474,11 @@
<el-option label="不显示" value="2"></el-option>
</el-select>
</el-form-item>
</el-col> -->
</el-col>
<el-col :span="4">
&nbsp;
</el-col>
</el-row>
</el-row> -->
<el-row :gutter="20">
<!-- <el-col :span="4">
<el-form-item label="客人来源" prop="ClientSource">
......@@ -501,6 +536,107 @@
<el-date-picker v-model='addMsg.TradeDate' value-format="yyyy-MM-dd" type="date"></el-date-picker>
</el-form-item>
</el-col> -->
</el-row>
<el-row :gutter="20" style="margin-bottom: 20px;">
<el-col :span="24">
<el-form-item label="房客信息" prop="">
<table class="passengerSaleList_table" border="0" cellspacing="0" cellpadding="0" >
<thead>
<tr>
<th width="20%" style="min-width: 260px;">姓名</th>
<th width="20%" style="min-width: 220px;">性别</th>
<th width="20%" style="min-width: 220px;">生日</th>
<th width="20%" style="min-width: 220px;">护照号</th>
<th width="20%" style="min-width: 220px;">电话</th>
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in addMsg.GuestList" :key="index">
<td width="20%" style="min-width: 260px;">
<div style="display: flex;flex-direction: row;">
<el-form-item
style="width: 50%;"
:label="`姓 ${index+1} `"
:prop="`GuestList.${index}.SurName`"
:rules="rules.SurName"
label-width="50px"
label-position="left">
<el-input size="small" v-model='item.SurName' placeholder="请输入姓" style="width: 100%;" @input="Transformation(item.SurName,'SurName',index)"></el-input>
</el-form-item>
<el-form-item
style="width: 50%;"
:label="`名 ${index+1} `"
:prop="`GuestList.${index}.Name`"
:rules="rules.Name"
label-width="50px"
label-position="left">
<el-input size="small" v-model='item.Name' placeholder="请输入名" style="width: 100%;" @input="Transformation(item.Name,'Name',index)"></el-input>
</el-form-item>
</div>
</td>
<td width="20%" style="min-width: 220px;">
<el-form-item
:label="`性别 ${index+1} `"
:prop="`GuestList.${index}.Sex`"
:rules="rules.Sex"
label-width="70px"
label-position="left">
<el-select v-model="item.Sex" placeholder="请选择性别">
<el-option
v-for="item in optionsList"
:key="item.Id"
:label="item.Name"
:value="item.Id">
</el-option>
</el-select>
</el-form-item>
</td>
<td width="20%" style="min-width: 220px;">
<el-form-item
:label="`出生日期 ${index+1} `"
:prop="`GuestList.${index}.Birthday`"
:rules="rules.Birthday"
label-width="100px"
label-position="left">
<el-date-picker
v-model="item.Birthday"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择出生日期">
</el-date-picker>
</el-form-item>
</td>
<td width="20%" style="min-width: 220px;">
<el-form-item
:label="`护照号 ${index+1} `"
:prop="`GuestList.${index}.PassportNo`"
:rules="rules.PassportNo"
label-width="125px"
label-position="left">
<el-input size="small" v-model='item.PassportNo' placeholder="请输入护照号" style="width: 100%;"></el-input>
</el-form-item>
</td>
<td width="20%" style="min-width: 220px;">
<el-form-item
:label="`手机号 ${index+1} `"
:prop="`GuestList.${index}.MobilePhone`"
:rules="rules.MobilePhone"
label-width="80px"
label-position="left">
<el-input size="small" type="Number" v-model='item.MobilePhone' placeholder="请输入手机号" style="width: 100%;"></el-input>
</el-form-item>
</td>
</tr>
<tr v-if="addMsg.GuestList.length==0">
<td colspan="5">暂无房客信息</td>
</tr>
</tbody>
</table>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
......@@ -922,7 +1058,32 @@
CommissionShareMoney: '0',
OrderForm: '1',
SonControlID: '-1',
IsShowMessagesMoney: '2'
IsShowMessagesMoney: '2',
GuestList: [],
GatherAddress: ''
},
GuestList: [
{
SurName: '',
Name: '',
Sex: '',
ESurName: '',
EName: '',
Birthday: '',
PassportNo: '',
Remarks: '',
MobilePhone: ''}
],
GuestObj:{
SurName: '',
Name: '',
Sex: '',
ESurName: '',
EName: '',
Birthday: '',
PassportNo: '',
Remarks: '',
MobilePhone: ''
},
employeeMsg: {
BranchId: '-1',
......@@ -975,6 +1136,59 @@
message: '请输入正确的手机'
}
],
SurName: [
{
required: true,
message: '请输入姓',
trigger: 'blur'
},
],
Name: [
{
required: true,
message: '请输入名',
trigger: 'blur'
},
],
Sex: [
{
required: true,
message: '请选择性别',
trigger: 'change'
},
],
Birthday: [
{
required: true,
message: '请选择出生日期',
trigger: 'blur'
},
],
PassportNo: [
{
required: true,
message: '请输入护照号',
trigger: 'blur'
},
],
MobilePhone: [
{
required: true,
message: '请输入联系人电话',
trigger: 'blur'
},
{
pattern: /^(0|86|17951)?(13[0-9]|15[012356789]|17[012356789]|18[0-9]|19[0-9]|14[57])[0-9]{8}$/,
message: '请输入正确的手机'
}
],
GatherAddress: [
{
required: true,
message: '请输入集合地',
trigger: 'blur'
},
]
},
msg: {
pageIndex: 1,
......@@ -1044,7 +1258,10 @@
},
SingleDMCPricex:0,// 单地接;
SingleDMCPrice:0,// 单地接;
optionsList: [
{Name:'男',Id:1},
{Name:'女',Id:2},
]
}
},
components: {
......@@ -1052,6 +1269,13 @@
tripDownLoadCommon: tripDownLoadCommon,
carousel: carousel
},
watch: {
// addMsg: {
// handler: function (val, oldVal) {
// },
// deep: true
// }
},
filters: {
priceFormat(value) {
if (value == null) {
......@@ -1159,6 +1383,7 @@
if (count < this.addMsg.SafeNum) {
this.addMsg.SafeNum = count
this.$message.error('保险人数不能大于总人数')
this.getNumGuest()
}
},
// 结束日期不能大于开始日期
......@@ -1856,6 +2081,34 @@
}
}, err => {})
},
getNumGuest(){
let i = 0
let num = 0
if(this.addMsg.GuestList.length<this.addMsg.SafeNum){
num = this.addMsg.SafeNum-this.addMsg.GuestList.length
for(i;i<num;i++){
this.addMsg.GuestList.push(JSON.parse(JSON.stringify(this.GuestObj)))
}
}if(this.addMsg.GuestList.length>this.addMsg.SafeNum){
num = this.addMsg.GuestList.length-this.addMsg.SafeNum
for(i;i<num;i++){
this.addMsg.GuestList.splice(i,1)
}
}
},
Transformation(val, type,index) {
let text = this.pinyin(val, {
style: this.pinyin.STYLE_NORMAL
});
if (type == "SurName") {
let upText = text.join("").toLocaleUpperCase()
this.addMsg.GuestList[index].ESurName = upText;
}
if (type == "Name") {
let upText = text.join("").toLocaleUpperCase()
this.addMsg.GuestList[index].EName = upText;
}
},
goBuy(obj) {
this.isUpdateSharePeople = false
this.isShowLayer = true
......
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