|
@@ -8,8 +8,8 @@
|
|
|
<hr style='background-color:#5555; height:1px; border:none;' />
|
|
|
<div>
|
|
|
<el-form :model="delegationInfo" label-width="100px" class="demo-ruleForm">
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="display: flex;flex-wrap: wrap;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="团组名称:" label-width="160px">
|
|
|
<el-select v-model="OpVisaPriceData.diId" clearable filterable placeholder="团组选择"
|
|
|
:disabled="isShow" style="width: 100%;" @change="DiIdSelectChange">
|
|
@@ -19,39 +19,39 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="团 号:" prop="tourCode" label-width="160px">
|
|
|
<el-input placeholder="团号" v-model="delegationInfo.tourCode" :disabled="true">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="客户:" prop="clientName" label-width="160px">
|
|
|
<el-input placeholder="客户" v-model="delegationInfo.clientName" :disabled="true">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="出访国家:" prop="visitCountry" label-width="160px">
|
|
|
<el-input placeholder="出访国家" v-model="delegationInfo.visitCountry" :disabled="true">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="display: flex;flex-wrap: wrap;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="出访时间:" label-width="160px">
|
|
|
<el-input placeholder="出访时间" v-model="VisitDate" :disabled="true">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="出访人数:" label-width="160px">
|
|
|
<el-input placeholder="出访人数" v-model="delegationInfo.visitPNumber" :disabled="true">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="出访天数:" label-width="160px">
|
|
|
<el-input placeholder="出访天数" v-model="delegationInfo.visitDays" :disabled="true">
|
|
|
</el-input>
|
|
@@ -61,7 +61,19 @@
|
|
|
</el-form>
|
|
|
<el-form :model="OpVisaPriceData" ref="OpVisaPriceData" :rules="OpVisaPriceDataRules" label-width="100px"
|
|
|
class="demo-ruleForm">
|
|
|
- <div style="width: 100%;">
|
|
|
+ <div style="width: 98.5%;">
|
|
|
+ <el-form-item label="签证描述:" prop="visaClient" label-width="160px">
|
|
|
+ <!-- <el-select @change="clientNamechange" style="width: 100%;" v-model="OpVisaPriceData.visaClient"
|
|
|
+ placeholder="签证客户" multiple clearable filterable>
|
|
|
+ <el-option v-for="item in fliterClient" :key="item.id"
|
|
|
+ :label="item.lastName + item.firstName" :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select> -->
|
|
|
+ <el-input placeholder="签证描述" v-model="OpVisaPriceData.visaDescription">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="width: 98.5%;">
|
|
|
<el-form-item label="签证客户:" prop="visaClient" label-width="160px">
|
|
|
<el-select @change="clientNamechange" style="width: 100%;" v-model="OpVisaPriceData.visaClient"
|
|
|
placeholder="签证客户" multiple clearable filterable>
|
|
@@ -72,13 +84,13 @@
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="display: flex;flex-wrap: wrap;">
|
|
|
- <!-- <div style="width: 25%;">
|
|
|
+ <!-- <div style="width: 385px;">
|
|
|
<el-form-item label="签证客户:" prop="visaClient" label-width="160px">
|
|
|
<el-input placeholder="签证客户" v-model="OpVisaPriceData.visaClient">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div> -->
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="签证费用:" prop="visaCurrency" label-width="160px">
|
|
|
<el-input-number style="width:52%" :precision="2" placeholder="付款金额" v-model="OpVisaPriceData.visaPrice" :controls='false'>
|
|
|
</el-input-number>
|
|
@@ -91,7 +103,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="是否第三方代办:" prop="isThird" label-width="160px">
|
|
|
<el-radio-group v-model="OpVisaPriceData.isThird">
|
|
|
<el-radio :label=1>是</el-radio>
|
|
@@ -99,7 +111,7 @@
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="客户类型:" prop="passengerType" label-width="160px">
|
|
|
<el-select v-model="OpVisaPriceData.passengerType" clearable filterable placeholder="客户类型">
|
|
|
<el-option v-for="item in passengerTypeSelect" :key="item.id" :label="item.name"
|
|
@@ -108,20 +120,20 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="签证办理人数:" prop="visaNumber" label-width="160px">
|
|
|
<el-input placeholder="签证办理人数" v-model="OpVisaPriceData.visaNumber" style="width: 100%;">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="免签人数:" prop="visaFreeNumber" label-width="160px">
|
|
|
<el-input placeholder="免签人数" v-model="OpVisaPriceData.visaFreeNumber" style="width: 100%;">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="display: flex;">
|
|
|
+ <div style="display: flex;flex-wrap: wrap;">
|
|
|
<div style="width: 100%;">
|
|
|
<el-form-item label="备 注:" prop="Remark" label-width="160px">
|
|
|
<el-input type="textarea" :rows="5" placeholder="备注"
|
|
@@ -130,8 +142,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<hr style='background-color:#5555; height:1px; border:none;margin-top: 10px;' />
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="display: flex;flex-wrap: wrap;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="支付方式:" prop="payDId" label-width="160px">
|
|
|
<el-select v-model="OpVisaPriceData.payDId" placeholder="支付方式" style="width: 100%;"
|
|
|
@change="payChange">
|
|
@@ -140,13 +152,13 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <!-- <div style="width: 385px;">
|
|
|
<el-form-item label="消费方式:" prop="consumptionPatterns" label-width="160px">
|
|
|
<el-input placeholder="消费方式" v-model="OpVisaPriceData.consumptionPatterns">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
- </div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ </div> -->
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="消费日期:" prop="consumptionDate" label-width="160px">
|
|
|
<el-date-picker style="width:100%" v-model="OpVisaPriceData.consumptionDate"
|
|
|
placeholder="消费日期" type="date">
|
|
@@ -154,7 +166,7 @@
|
|
|
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="付款金额:" label-width="160px">
|
|
|
<el-input placeholder="付款金额" v-model="OpVisaPriceData.visaPrice" style="width: 52%;"
|
|
|
:disabled="true">
|
|
@@ -167,8 +179,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="OpVisaPriceData.payDId == 72">
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="display: flex;flex-wrap: wrap;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="卡类型:" prop="ctdId" label-width="160px">
|
|
|
<el-select v-model="OpVisaPriceData.ctdId" placeholder="卡类型" style="width: 100%;"
|
|
|
@change="ctdChange">
|
|
@@ -178,13 +190,13 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="银行卡号:" prop="bankNo" label-width="160px">
|
|
|
<el-input placeholder="银行卡号" v-model="OpVisaPriceData.bankNo" :disabled="true">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="持卡人姓名:" prop="cardholderName" label-width="160px">
|
|
|
<el-input placeholder="持卡人姓名" v-model="OpVisaPriceData.cardholderName" :disabled="true">
|
|
|
</el-input>
|
|
@@ -193,27 +205,27 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else-if="OpVisaPriceData.payDId == 73">
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="display: flex;flex-wrap: wrap;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="公司银行账号:" label-width="160px" prop="companyBankNo">
|
|
|
<el-input placeholder="公司银行账号" v-model="OpVisaPriceData.companyBankNo">
|
|
|
</el-input>
|
|
|
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="对方开户行:" prop="otherBankName" label-width="160px">
|
|
|
<el-input placeholder="对方开户行:" v-model="OpVisaPriceData.otherBankName">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="对方银行卡号:" prop="otherSideNo" label-width="160px">
|
|
|
<el-input placeholder="对方银行卡号" v-model="OpVisaPriceData.otherSideNo">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="对方姓名:" prop="otherSideName" label-width="160px">
|
|
|
<el-input placeholder="对方姓名" v-model="OpVisaPriceData.otherSideName">
|
|
|
</el-input>
|
|
@@ -222,20 +234,20 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else-if="OpVisaPriceData.payDId == 83">
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="display: flex;flex-wrap: wrap;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="对方开户行:" prop="otherBankName" label-width="160px">
|
|
|
<el-input placeholder="对方开户行" v-model="OpVisaPriceData.otherBankName">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="对方银行卡号:" prop="otherSideNo" label-width="160px">
|
|
|
<el-input placeholder="对方银行卡号" v-model="OpVisaPriceData.otherSideNo">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="对方姓名:" prop="otherSideName" label-width="160px">
|
|
|
<el-input placeholder="对方姓名" v-model="OpVisaPriceData.otherSideName">
|
|
|
</el-input>
|
|
@@ -244,14 +256,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else></div>
|
|
|
- <div style="display:flex;">
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="display:flex;flex-wrap: wrap;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="收款方:" label-width="160px">
|
|
|
<el-input placeholder="对方姓名:" v-model="OpVisaPriceData.payee">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 385px;">
|
|
|
<el-form-item label="费用标识:" prop="orbitalPrivateTransfer" label-width="160px">
|
|
|
<el-select v-model="OpVisaPriceData.orbitalPrivateTransfer" placeholder="费用标识"
|
|
|
style="width: 100%;">
|
|
@@ -263,7 +275,7 @@
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="display: flex;">
|
|
|
+ <div style="display: flex;flex-wrap: wrap;">
|
|
|
<div style="width: 100%;">
|
|
|
<el-form-item label="备 注:" prop="Remark" label-width="160px">
|
|
|
<el-input type="textarea" :rows="5" placeholder="备注"
|
|
@@ -298,6 +310,7 @@ export default {
|
|
|
bankCard: [],//卡类型下拉框
|
|
|
payment: [],//支付方式下拉框
|
|
|
OpVisaPriceData: {
|
|
|
+ visaDescription:'',
|
|
|
status: 0,
|
|
|
id: 0,
|
|
|
diId: '',
|
|
@@ -311,7 +324,7 @@ export default {
|
|
|
createUserId: 0,
|
|
|
remark: '',
|
|
|
payDId: 72,
|
|
|
- consumptionPatterns: '',
|
|
|
+ consumptionPatterns: '暂无',
|
|
|
consumptionDate: '',
|
|
|
ctdId: '',
|
|
|
companyBankNo: '',
|
|
@@ -565,7 +578,8 @@ export default {
|
|
|
that.OpVisaPriceData.createUserId = VisaInfo.createUserId;
|
|
|
that.OpVisaPriceData.remark = VisaInfo.remark;
|
|
|
that.OpVisaPriceData.payDId = CreditCardPayment.payDId;
|
|
|
- that.OpVisaPriceData.consumptionPatterns = CreditCardPayment.consumptionPatterns;
|
|
|
+ that.OpVisaPriceData.visaDescription = VisaInfo.visaDescription;
|
|
|
+ // that.OpVisaPriceData.consumptionPatterns = CreditCardPayment.consumptionPatterns;
|
|
|
that.OpVisaPriceData.consumptionDate = CreditCardPayment.consumptionDate;
|
|
|
that.OpVisaPriceData.ctdId = CreditCardPayment.ctdId;
|
|
|
that.OpVisaPriceData.bankNo = CreditCardPayment.bankNo;
|
|
@@ -634,6 +648,7 @@ export default {
|
|
|
otherBankName:that.OpVisaPriceData.otherBankName,
|
|
|
otherSideNo:that.OpVisaPriceData.otherSideNo,
|
|
|
otherSideName:that.OpVisaPriceData.otherSideName,
|
|
|
+ visaDescription:that.OpVisaPriceData.visaDescription,
|
|
|
bankNo:that.OpVisaPriceData.bankNo,
|
|
|
cardholderName:that.OpVisaPriceData.cardholderName,
|
|
|
payee:that.OpVisaPriceData.payee,
|