|
@@ -8,8 +8,8 @@
|
|
|
<hr style='background-color:#5555; height:1px; border:none;' />
|
|
|
<div>
|
|
|
<el-form :model="delegationInfo" class="demo-ruleForm">
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="display: flex;flex-wrap: wrap;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="团组名称:" label-width="160px">
|
|
|
<el-select v-model="DiIdSelect" clearable filterable placeholder="团组选择"
|
|
|
@change="DecreasePaymentsChange" :disabled="isShow" style="width: 100%;">
|
|
@@ -19,19 +19,19 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<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: 390px;">
|
|
|
<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: 390px;">
|
|
|
<el-form-item label="出访国家:" prop="visitCountry" label-width="160px">
|
|
|
<el-input placeholder="出访国家" v-model="delegationInfo.visitCountry" :disabled="true">
|
|
|
</el-input>
|
|
@@ -41,27 +41,27 @@
|
|
|
</el-form>
|
|
|
<el-form :model="InvitationOfficialActivities" ref="InvitationOfficialActivities"
|
|
|
:rules="InvitationOfficialActivitiesRules" label-width="160px" class="demo-ruleForm">
|
|
|
- <div style="display:flex ;">
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="display:flex ; flex-wrap: wrap;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="邀请方地区:" prop="inviterArea" label-width="160px">
|
|
|
<el-input placeholder="邀请方地区" v-model="InvitationOfficialActivities.inviterArea">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="邀请方:" prop="inviter" label-width="160px">
|
|
|
<el-input placeholder="邀请方" v-model="InvitationOfficialActivities.inviter">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="邀请时间:" prop="inviteTime" label-width="160px">
|
|
|
<el-date-picker value-format="yyyy-MM-dd" v-model="InvitationOfficialActivities.inviteTime"
|
|
|
type="date" placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="是否到场:" prop="isGoOfficaiaBussiness" label-width="160px">
|
|
|
<el-radio-group v-model="InvitationOfficialActivities.isGoOfficaiaBussiness">
|
|
|
<el-radio :label=1>是</el-radio>
|
|
@@ -70,40 +70,40 @@
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="display:flex ;">
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="display:flex ; flex-wrap: wrap;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="联系人:" prop="contact" label-width="160px">
|
|
|
<el-input placeholder="联系人" v-model="InvitationOfficialActivities.contact">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="联系电话:" prop="tel" label-width="160px">
|
|
|
<el-input placeholder="联系电话" v-model="InvitationOfficialActivities.tel">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="电子邮箱:" prop="email" label-width="160px">
|
|
|
<el-input placeholder="电子邮箱" v-model="InvitationOfficialActivities.email">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="传真号码:" prop="fax" label-width="160px">
|
|
|
<el-input placeholder="传真号码" v-model="InvitationOfficialActivities.fax">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="width: 50%;">
|
|
|
+ <div style="display: flex; flex-wrap: wrap;">
|
|
|
+ <div style="width: 780px;">
|
|
|
<el-form-item label="邀请方地址:" prop="address" label-width="160px">
|
|
|
<el-input type="textarea" :rows="5" placeholder="邀请方地址"
|
|
|
v-model="InvitationOfficialActivities.address"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 50%;">
|
|
|
+ <div style="width: 780px;">
|
|
|
<el-form-item label="其他信息:" prop="otherInformation" label-width="160px">
|
|
|
<el-input type="textarea" :rows="5" placeholder="其他信息"
|
|
|
v-model="InvitationOfficialActivities.otherInformation"></el-input>
|
|
@@ -111,7 +111,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="display:flex ;flex-wrap: wrap;">
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 72%;">
|
|
|
<el-form-item label="公务活动费:" prop="eventsCost" label-width="160px">
|
|
@@ -129,7 +129,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 72%;">
|
|
|
<el-form-item label="公务翻译费:" prop="translateCost" label-width="160px">
|
|
@@ -147,7 +147,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 72%;">
|
|
|
<el-form-item label="快递费:" prop="sendCost" label-width="160px">
|
|
@@ -165,7 +165,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 72%;">
|
|
|
<el-form-item label="邀请费用:" prop="inviteCost" label-width="160px">
|
|
@@ -183,7 +183,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 72%;">
|
|
|
<el-form-item label="支付总费用:" prop="payMoney" label-width="160px">
|
|
@@ -201,13 +201,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="收款方:" prop="payee" label-width="160px">
|
|
|
<el-input placeholder="收款方" v-model="InvitationOfficialActivities.payee">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="费用标识:" prop="orbitalPrivateTransfer">
|
|
|
<el-select v-model="InvitationOfficialActivities.orbitalPrivateTransfer" placeholder="费用标识"
|
|
|
style="width: 100%;">
|
|
@@ -216,20 +216,20 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="消费日期:" prop="consumptionDate">
|
|
|
<el-date-picker value-format="yyyy-MM-dd" v-model="InvitationOfficialActivities.consumptionDate"
|
|
|
type="date" placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="消费方式:" prop="consumptionPatterns">
|
|
|
<el-input placeholder="消费方式" v-model="InvitationOfficialActivities.consumptionPatterns">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="支付方式:" prop="payDId">
|
|
|
<el-select v-model="InvitationOfficialActivities.payDId" placeholder="支付方式">
|
|
|
<el-option v-for="item in payment" :key="item.id" :label="item.name" :value="item.id">
|
|
@@ -237,7 +237,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div v-if="InvitationOfficialActivities.payDId==72" style="width: 25%;">
|
|
|
+ <div v-if="InvitationOfficialActivities.payDId==72" style="width: 390px;">
|
|
|
<el-form-item label="卡类型:" prop="ctdId">
|
|
|
<el-select @change="cardhandoff" v-model="InvitationOfficialActivities.ctdId" placeholder="卡类型">
|
|
|
<el-option v-for="item in cardTypeData" :key="item.id" :label="item.name" :value="item.id">
|
|
@@ -245,43 +245,43 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div v-if="InvitationOfficialActivities.payDId==72" style="width: 25%;">
|
|
|
+ <div v-if="InvitationOfficialActivities.payDId==72" style="width: 390px;">
|
|
|
<el-form-item label="银行卡号:" prop="bankNo">
|
|
|
<el-input :disabled="true" placeholder="银行卡号" v-model="InvitationOfficialActivities.bankNo">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div v-if="InvitationOfficialActivities.payDId==72" style="width: 25%;">
|
|
|
+ <div v-if="InvitationOfficialActivities.payDId==72" style="width: 390px;">
|
|
|
<el-form-item label="持卡人姓名:" prop="cardholderName">
|
|
|
<el-input :disabled="true" placeholder="持卡人姓名" v-model="InvitationOfficialActivities.cardholderName">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div v-if="InvitationOfficialActivities.payDId==73||InvitationOfficialActivities.payDId==83" style="width: 25%;">
|
|
|
+ <div v-if="InvitationOfficialActivities.payDId==73||InvitationOfficialActivities.payDId==83" style="width: 390px;">
|
|
|
<el-form-item label="公司银行卡号:" prop="companyBankNo">
|
|
|
<el-input placeholder="公司银行卡号" v-model="InvitationOfficialActivities.companyBankNo">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div v-if="InvitationOfficialActivities.payDId==73||InvitationOfficialActivities.payDId==83" style="width: 25%;">
|
|
|
+ <div v-if="InvitationOfficialActivities.payDId==73||InvitationOfficialActivities.payDId==83" style="width: 390px;">
|
|
|
<el-form-item label="对方开户行:" prop="otherBankName">
|
|
|
<el-input placeholder="对方开户行" v-model="InvitationOfficialActivities.otherBankName">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div v-if="InvitationOfficialActivities.payDId==73||InvitationOfficialActivities.payDId==83" style="width: 25%;">
|
|
|
+ <div v-if="InvitationOfficialActivities.payDId==73||InvitationOfficialActivities.payDId==83" style="width: 390px;">
|
|
|
<el-form-item label="对方银行账号:" prop="otherSideNo">
|
|
|
<el-input placeholder="对方银行账号" v-model="InvitationOfficialActivities.otherSideNo">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div v-if="InvitationOfficialActivities.payDId==73||InvitationOfficialActivities.payDId==83" style="width: 25%;">
|
|
|
+ <div v-if="InvitationOfficialActivities.payDId==73||InvitationOfficialActivities.payDId==83" style="width: 390px;">
|
|
|
<el-form-item label="对方姓名:" prop="otherSideName">
|
|
|
<el-input placeholder="对方姓名" v-model="InvitationOfficialActivities.otherSideName">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div style="width: 25%;">
|
|
|
+ <div style="width: 390px;">
|
|
|
<el-form-item label="附件:" prop="fileUrl" label-width="160px">
|
|
|
<el-upload :file-list="uploadFiles" ref="upload" :on-success="upLoadSuccess"
|
|
|
:on-error="upLoadError" :before-remove="beforeRemove" :on-change="onChange" :limit="1"
|