|
@@ -1,19 +1,26 @@
|
|
|
<template>
|
|
|
- <div v-loading="loading" element-loading-text="跳转中..." class="car_add">
|
|
|
+ <div v-loading="loading" element-loading-text="跳转中..." class="car_add" style="min-width: 1000px;">
|
|
|
<div class="communal-title">
|
|
|
<div>签证费用资料</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <el-form :model="addData" :rules="rules" ref="addData" label-width="100px" class="demo-ruleForm">
|
|
|
+ <el-form :model="addData" :rules="rules" ref="addData" label-width="110px" class="demo-ruleForm">
|
|
|
<div style="display: flex;">
|
|
|
- <div style="width: 49%;">
|
|
|
- <el-form-item label="所在洲" label-width="125px" prop="VisaContinent">
|
|
|
+ <div style="width: 20%;">
|
|
|
+ <el-form-item label="签证费用类型" label-width="140px">
|
|
|
+ <el-select v-model="addData.visaFeeType" placeholder="签证费用类型">
|
|
|
+ <el-option v-for="(item,index) in visaFeeTypearr" :key="index" :label="item.label" :value="item.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="width: 39%;">
|
|
|
+ <el-form-item label="所在洲" label-width="140px" prop="VisaContinent">
|
|
|
<el-input placeholder="所在洲" v-model="addData.VisaContinent">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 49%;">
|
|
|
- <el-form-item label="国家名称" label-width="125px" prop="VisaCountry">
|
|
|
+ <div style="width: 39%;">
|
|
|
+ <el-form-item label="国家名称" label-width="140px" prop="VisaCountry">
|
|
|
<el-input placeholder="国家名称" v-model="addData.VisaCountry">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
@@ -21,15 +28,15 @@
|
|
|
</div>
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 98%;">
|
|
|
- <el-form-item label="签证地址" label-width="125px" prop="VisaAddress">
|
|
|
+ <el-form-item label="签证地址" label-width="140px" prop="VisaAddress">
|
|
|
<el-input placeholder="签证地址" v-model="addData.VisaAddress">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="display: flex;">
|
|
|
- <div style="width: 25%;">
|
|
|
- <el-form-item label="签证类型" label-width="125px">
|
|
|
+ <div v-if="!addData.visaFeeType" style="width: 25%;">
|
|
|
+ <el-form-item label="签证类型" label-width="140px">
|
|
|
<el-select v-model="addData.VisaType" placeholder="请选择签证类型">
|
|
|
<el-option key="暂无" label="暂无" value="暂无">
|
|
|
</el-option>
|
|
@@ -43,23 +50,23 @@
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="是否免签" label-width="125px">
|
|
|
+ <el-form-item label="是否免签" label-width="140px">
|
|
|
<el-radio-group v-model="addData.IsVisaExemption">
|
|
|
<el-radio :label="0">是</el-radio>
|
|
|
<el-radio :label="1">否</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
- <el-form-item label="是否落地签" label-width="125px">
|
|
|
+ <div v-if="!addData.visaFeeType" style="width: 25%;">
|
|
|
+ <el-form-item label="是否落地签" label-width="140px">
|
|
|
<el-radio-group v-model="addData.IsVisaOnArrival">
|
|
|
<el-radio :label="0">是</el-radio>
|
|
|
<el-radio :label="1">否</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
- <el-form-item label="是否电子签" label-width="125px">
|
|
|
+ <div v-if="!addData.visaFeeType" style="width: 25%;">
|
|
|
+ <el-form-item label="是否电子签" label-width="140px">
|
|
|
<el-radio-group v-model="addData.IsElectronicSignature">
|
|
|
<el-radio :label="0">是</el-radio>
|
|
|
<el-radio :label="1">否</el-radio>
|
|
@@ -69,14 +76,14 @@
|
|
|
</div>
|
|
|
<div style="display: flex;flex-wrap: wrap;">
|
|
|
<div style="width: 49%;">
|
|
|
- <el-form-item label="普通签证时间" label-width="125px" prop="VisaTime">
|
|
|
+ <el-form-item label="普通签证时间" label-width="140px" prop="VisaTime">
|
|
|
<el-input style="width: 100%;" placeholder="普通签证时间" v-model="addData.VisaTime">
|
|
|
<template slot="append">天</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="width: 49%;">
|
|
|
- <el-form-item label="签证费用" label-width="125px" prop="VisaPrice">
|
|
|
+ <el-form-item label="签证费用" label-width="140px" prop="VisaPrice">
|
|
|
<el-input-number style="width:100%" v-model="addData.VisaPrice" auto-complete="off"
|
|
|
:precision="2" :controls="false"></el-input-number>
|
|
|
<!-- <el-input placeholder="签证费用" v-model="addData.VisaPrice">
|
|
@@ -84,15 +91,15 @@
|
|
|
</el-input> -->
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 49%;">
|
|
|
- <el-form-item label="大公务代办费 " label-width="125px">
|
|
|
+ <div v-if="!addData.visaFeeType" style="width: 49%;">
|
|
|
+ <el-form-item label="大公务代办费 " label-width="140px">
|
|
|
<el-input-number style="width:100%" v-model="addData.grandBusinessAgencyFee" auto-complete="off"
|
|
|
:precision="2" :controls="false"></el-input-number>
|
|
|
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 49%;">
|
|
|
- <el-form-item label="小公务代办费" label-width="125px">
|
|
|
+ <div v-if="!addData.visaFeeType" style="width: 49%;">
|
|
|
+ <el-form-item label="小公务代办费" label-width="140px">
|
|
|
<el-input-number style="width:100%" v-model="addData.pettyBusinessAgencyFee" auto-complete="off"
|
|
|
:precision="2" :controls="false"></el-input-number>
|
|
|
</el-form-item>
|
|
@@ -100,31 +107,61 @@
|
|
|
</div>
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 98%;">
|
|
|
- <el-form-item label="签证价格描述" label-width="125px" prop="VisaPriceDesc">
|
|
|
+ <el-form-item label="签证价格描述" label-width="140px" prop="VisaPriceDesc">
|
|
|
<el-input type="textarea" :rows="3" placeholder="签证价格描述"
|
|
|
v-model="addData.VisaPriceDesc"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="width: 49%;">
|
|
|
- <el-form-item label="加急签证时间" label-width="125px" prop="UrgentTime">
|
|
|
+ <div style="display: flex;flex-wrap: wrap;">
|
|
|
+ <div v-if="!addData.visaFeeType" style="width: 49%;">
|
|
|
+ <el-form-item label="加急签证时间" label-width="140px" prop="UrgentTime">
|
|
|
<el-input style="width: 100%;" placeholder="加急签证时间" v-model="addData.UrgentTime">
|
|
|
<template slot="append">天</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 49%;">
|
|
|
- <el-form-item label="加急签证费用" label-width="125px" prop="UrgentPrice">
|
|
|
+ <div v-if="!addData.visaFeeType" style="width: 49%;">
|
|
|
+ <el-form-item label="加急签证费用" label-width="140px" prop="UrgentPrice">
|
|
|
<el-input-number style="width:100%" v-model="addData.UrgentPrice" auto-complete="off"
|
|
|
:precision="2" :controls="false"></el-input-number>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
+ <div style="width: 49%;">
|
|
|
+ <el-form-item label="云南代办费" label-width="140px">
|
|
|
+ <el-input-number style="width:100%" v-model="addData.yunNanAgencyFee" auto-complete="off"
|
|
|
+ :precision="2" :controls="false"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="width: 49%;">
|
|
|
+ <el-form-item label="贵州代办费" label-width="140px">
|
|
|
+ <el-input-number style="width:100%" v-model="addData.guiZhouAgencyFee" auto-complete="off"
|
|
|
+ :precision="2" :controls="false"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="width: 49%;">
|
|
|
+ <el-form-item label="重庆代办费" label-width="140px">
|
|
|
+ <el-input-number style="width:100%" v-model="addData.chongQingAgencyFee" auto-complete="off"
|
|
|
+ :precision="2" :controls="false"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="width: 49%;">
|
|
|
+ <el-form-item label="重庆外办费用(普通)" label-width="140px" title="重庆外办出入境证明费用 - 普通">
|
|
|
+ <el-input-number style="width:100%" v-model="addData.chongQingNormalFee" auto-complete="off"
|
|
|
+ :precision="2" :controls="false"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="width: 49%;">
|
|
|
+ <el-form-item label="重庆外办费用(加急)" label-width="140px" title="重庆外办出入境证明费用 - 加急">
|
|
|
+ <el-input-number style="width:100%" v-model="addData.chongQingUrgentFee" auto-complete="off"
|
|
|
+ :precision="2" :controls="false"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div style="display: flex;">
|
|
|
- <div style="width: 98%;">
|
|
|
- <el-form-item label="加急签证价格描述" label-width="125px" prop="UrgentPriceDesc">
|
|
|
+ <div v-if="!addData.visaFeeType" style="width: 98%;">
|
|
|
+ <el-form-item label="加急签证价格描述" label-width="140px" prop="UrgentPriceDesc">
|
|
|
<el-input type="textarea" :rows="3" placeholder="加急签证价格描述"
|
|
|
v-model="addData.UrgentPriceDesc"></el-input>
|
|
|
</el-form-item>
|
|
@@ -132,7 +169,7 @@
|
|
|
</div>
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 98%;">
|
|
|
- <el-form-item label="签证备注" label-width="125px" prop="Remark">
|
|
|
+ <el-form-item label="签证备注" label-width="140px" prop="Remark">
|
|
|
<el-input type="textarea" :rows="3" placeholder="签证备注" v-model="addData.Remark"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
@@ -220,10 +257,23 @@ export default {
|
|
|
UrgentPriceDesc: '',
|
|
|
VisaAddress: '',
|
|
|
CreateUserId: 0,
|
|
|
- Remark: ''
|
|
|
+ Remark: '',
|
|
|
+ //添加新字段
|
|
|
+ visaFeeType:0,//签证费用类型 0 因公 1 因私签证费用类型 0 因公 1 因私
|
|
|
+ yunNanAgencyFee:0,//云南代办费
|
|
|
+ guiZhouAgencyFee:0,//贵州代办费
|
|
|
+ chongQingAgencyFee:0,//重庆代办费
|
|
|
+ chongQingNormalFee:0,//重庆外办出入境证明费用 - 普通
|
|
|
+ chongQingUrgentFee:0,//重庆外办出入境证明费用 - 加急
|
|
|
},
|
|
|
- CountryFeeCostData: {}
|
|
|
-
|
|
|
+ CountryFeeCostData: {},
|
|
|
+ visaFeeTypearr:[{
|
|
|
+ label: '因公',
|
|
|
+ value: 0
|
|
|
+ }, {
|
|
|
+ label: '因私',
|
|
|
+ value: 1
|
|
|
+ }],
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -264,8 +314,18 @@ export default {
|
|
|
|
|
|
addBtn() {
|
|
|
const that = this;
|
|
|
+ if (that.addData.visaFeeType) {
|
|
|
+ that.addData.VisaType = '';
|
|
|
+ that.addData.IsVisaOnArrival = 1;
|
|
|
+ that.addData.IsElectronicSignature = 1;
|
|
|
+ that.addData.grandBusinessAgencyFee = 0;
|
|
|
+ that.addData.pettyBusinessAgencyFee = 0;
|
|
|
+ that.addData.UrgentTime = '0';
|
|
|
+ that.addData.UrgentPrice = 0;
|
|
|
+ that.addData.UrgentPriceDesc = "";
|
|
|
+ }
|
|
|
+ that.addData.CreateUserId = that.userId;
|
|
|
|
|
|
- that.addData.CreateUserId = that.userId
|
|
|
that.$refs.addData.validate((valid) => {
|
|
|
if (valid) {
|
|
|
console.log(that.addData)
|
|
@@ -307,7 +367,6 @@ export default {
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
- console.log(this.CountryFeeCostData);
|
|
|
this.addData.Status = 2;
|
|
|
this.addData.Id = this.CountryFeeCostData.id;
|
|
|
this.addData.VisaContinent = this.CountryFeeCostData.visaContinent;
|
|
@@ -330,6 +389,13 @@ export default {
|
|
|
this.addData.VisaAddress = this.CountryFeeCostData.visaAddress;
|
|
|
this.addData.CreateUserId = this.CountryFeeCostData.createUserId;
|
|
|
this.addData.Remark = this.CountryFeeCostData.remark;
|
|
|
+ //
|
|
|
+ this.addData.visaFeeType = this.CountryFeeCostData.visaFeeType;
|
|
|
+ this.addData.yunNanAgencyFee = this.CountryFeeCostData.yunNanAgencyFee;
|
|
|
+ this.addData.guiZhouAgencyFee = this.CountryFeeCostData.guiZhouAgencyFee;
|
|
|
+ this.addData.chongQingAgencyFee = this.CountryFeeCostData.chongQingAgencyFee;
|
|
|
+ this.addData.chongQingNormalFee = this.CountryFeeCostData.chongQingNormalFee;
|
|
|
+ this.addData.chongQingUrgentFee = this.CountryFeeCostData.chongQingUrgentFee;
|
|
|
},
|
|
|
},
|
|
|
|