|
|
@@ -49,7 +49,8 @@
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="开票日期" prop="invoiceDate">
|
|
|
<el-date-picker v-model="form.invoiceDate" clearable style="width: 100%;"
|
|
|
- type="date" size="small" :disabled="editSave|| (tableData.length && this.invoicestype != 1)"
|
|
|
+ type="date" size="small"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
value-format="yyyy-MM-dd" placeholder="请选择开票日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
@@ -71,7 +72,8 @@
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="收/付" prop="dc">
|
|
|
<el-select v-model="form.dc" placeholder="请选择"
|
|
|
- :disabled="editSave || (tableData.length && this.invoicestype != 1)" size="small">
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ size="small">
|
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label"
|
|
|
:value="item.value">
|
|
|
</el-option>
|
|
|
@@ -104,8 +106,8 @@
|
|
|
<el-form-item label="发票币种" prop="invCurCode">
|
|
|
<search-query :datalist="invCurCodeData" :selectValue="form.invCurCode"
|
|
|
:filterable="true" :clearable="true"
|
|
|
- :disabled="editSave || (tableData.length && this.invoicestype != 1)" :buttonIf="false"
|
|
|
- placeholder="请选择发票币种"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ :buttonIf="false" placeholder="请选择发票币种"
|
|
|
:forParameter="{ key: 'id', label: 'code', value: 'code' }"
|
|
|
@corpChange="corpChange($event, 'invCurCode')"
|
|
|
@corpFocus="invCurCodeRateListfun">
|
|
|
@@ -133,15 +135,17 @@
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="船名/航次" prop="vesselVoyno">
|
|
|
<el-input style="width: 100%;" v-model="form.vesselVoyno" size="small"
|
|
|
- autocomplete="off" :disabled="editSave || (tableData.length && this.invoicestype != 1)" clearable
|
|
|
- placeholder="请输入船名/航次">
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ clearable placeholder="请输入船名/航次">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="开航日期" prop="etd">
|
|
|
<el-date-picker v-model="form.etd" clearable style="width: 100%;"
|
|
|
- type="date" size="small" :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ type="date" size="small"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" placeholder="请输入开航日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
@@ -150,8 +154,8 @@
|
|
|
<el-form-item label="装货港" prop="pol">
|
|
|
<search-query :datalist="polData" :selectValue="form.pol" :filterable="true"
|
|
|
:clearable="true" :remote="true"
|
|
|
- :disabled="editSave || (tableData.length && this.invoicestype != 1)" :buttonIf="false"
|
|
|
- placeholder="请选择装货港"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ :buttonIf="false" placeholder="请选择装货港"
|
|
|
:forParameter="{ key: 'id', label: 'enName', value: 'enName' }"
|
|
|
@corpChange="corpChange($event, 'pol')" @remoteMethod="polBportsListfun"
|
|
|
@corpFocus="polBportsListfun">
|
|
|
@@ -162,8 +166,8 @@
|
|
|
<el-form-item label="卸货港" prop="pod">
|
|
|
<search-query :datalist="podData" :selectValue="form.pod" :filterable="true"
|
|
|
:clearable="true" :remote="true"
|
|
|
- :disabled="editSave || (tableData.length && this.invoicestype != 1)" :buttonIf="false"
|
|
|
- placeholder="请选择卸货港"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ :buttonIf="false" placeholder="请选择卸货港"
|
|
|
:forParameter="{ key: 'id', label: 'enName', value: 'enName' }"
|
|
|
@corpChange="corpChange($event, 'pod')" @remoteMethod="podBportsListfun"
|
|
|
@corpFocus="podBportsListfun">
|
|
|
@@ -174,8 +178,8 @@
|
|
|
<el-form-item label="目的地" prop="destination">
|
|
|
<search-query :datalist="destinationData" :selectValue="form.destination"
|
|
|
:filterable="true" :clearable="true" :remote="true"
|
|
|
- :disabled="editSave || (tableData.length && this.invoicestype != 1)" :buttonIf="false"
|
|
|
- placeholder="请选择目的地"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ :buttonIf="false" placeholder="请选择目的地"
|
|
|
:forParameter="{ key: 'id', label: 'enName', value: 'enName' }"
|
|
|
@corpChange="corpChange($event, 'destination')"
|
|
|
@remoteMethod="destinationBportsListfun"
|
|
|
@@ -186,8 +190,9 @@
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="箱型箱量" prop="containers">
|
|
|
<el-input style="width: 100%;" v-model="form.containers" size="small"
|
|
|
- autocomplete="off" :disabled="editSave || (tableData.length && this.invoicestype != 1)" clearable
|
|
|
- placeholder="请输入箱型箱量">
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ clearable placeholder="请输入箱型箱量">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -243,7 +248,7 @@
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="结算单位" prop="corpCnName">
|
|
|
<search-query :datalist="corpData" :selectValue="form.corpCnName"
|
|
|
- :clearable="true" :disabled="editSave ||tableData.length"
|
|
|
+ :clearable="true" :disabled="editSave || tableData.length"
|
|
|
:buttonIf="false" :remote="true" :filterable="true"
|
|
|
placeholder="请输入结算单位"
|
|
|
:forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
@@ -263,8 +268,9 @@
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="税控发票号" prop="taxInvoiceNo">
|
|
|
<el-input style="width: 100%;" v-model="form.taxInvoiceNo" size="small"
|
|
|
- autocomplete="off" :disabled="editSave || (tableData.length && this.invoicestype != 1)" clearable
|
|
|
- placeholder="请输入税控发票号">
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ clearable placeholder="请输入税控发票号">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -272,15 +278,16 @@
|
|
|
<el-form-item label="业务开始日期" prop="accountDateFrom">
|
|
|
<el-date-picker v-model="form.accountDateFrom" clearable
|
|
|
style="width: 100%;" type="date" size="small"
|
|
|
- :disabled="editSave || (tableData.length && this.invoicestype != 1)" value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择业务日期">
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ value-format="yyyy-MM-dd" placeholder="选择业务日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="业务结束日期" prop="accountDateTo">
|
|
|
<el-date-picker v-model="form.accountDateTo" clearable style="width: 100%;"
|
|
|
- type="date" size="small" :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ type="date" size="small"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
value-format="yyyy-MM-dd" placeholder="选择业务日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
@@ -288,15 +295,16 @@
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="发票汇率" prop="exrate">
|
|
|
<el-input style="width: 100%;" v-model="form.exrate" size="small"
|
|
|
- autocomplete="off" :disabled="editSave || (tableData.length && this.invoicestype != 1)" clearable
|
|
|
- placeholder="请输入发票汇率">
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ clearable placeholder="请输入发票汇率">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="16">
|
|
|
<el-form-item label="业务编号" prop="businessNo">
|
|
|
<el-input style="width: 100%;" v-model="form.businessNo" size="small"
|
|
|
- autocomplete="off" :disabled="editSave||tableData.length" clearable
|
|
|
+ autocomplete="off" :disabled="editSave || tableData.length" clearable
|
|
|
placeholder="请输入业务编号">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
@@ -304,7 +312,8 @@
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="发票类型" prop="invType">
|
|
|
<search-query :datalist="invTypeData" :selectValue="form.invType"
|
|
|
- :clearable="true" :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
:buttonIf="false" placeholder="请输入发票类型"
|
|
|
:forParameter="{ key: 'dictKey', label: 'dictValue', value: 'dictKey' }"
|
|
|
@corpChange="corpChange($event, 'invType')"
|
|
|
@@ -323,8 +332,9 @@
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="对账单号" prop="checkNo">
|
|
|
<el-input style="width: 100%;" v-model="form.checkNo" size="small"
|
|
|
- autocomplete="off" :disabled="editSave || (tableData.length && this.invoicestype != 1)" clearable
|
|
|
- placeholder="请输入对账单号">
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ clearable placeholder="请输入对账单号">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -333,24 +343,27 @@
|
|
|
<el-col :span="16">
|
|
|
<el-form-item label="分单编号" prop="hblno">
|
|
|
<el-input style="width: 100%;" v-model="form.hblno" size="small"
|
|
|
- autocomplete="off" :disabled="editSave || (tableData.length && this.invoicestype != 1)" clearable
|
|
|
- placeholder="请输入分单编号">
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ clearable placeholder="请输入分单编号">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="申请单号" prop="applyNo">
|
|
|
<el-input style="width: 100%;" v-model="form.applyNo" size="small"
|
|
|
- autocomplete="off" :disabled="editSave || (tableData.length && this.invoicestype != 1)" clearable
|
|
|
- placeholder="请输入申请单号">
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ clearable placeholder="请输入申请单号">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="BOOK NO" prop="bookingNo">
|
|
|
<el-input style="width: 100%;" v-model="form.bookingNo" size="small"
|
|
|
- autocomplete="off" :disabled="editSave || (tableData.length && this.invoicestype != 1)" clearable
|
|
|
- placeholder="请输入BOOK NO">
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ clearable placeholder="请输入BOOK NO">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -358,17 +371,18 @@
|
|
|
<el-form-item label="业务类型" prop="businessTypes">
|
|
|
<search-query :datalist="businessTypesData"
|
|
|
:selectValue="form.businessTypes" :clearable="true"
|
|
|
- :disabled="editSave || (tableData.length && this.invoicestype != 1)" :buttonIf="false"
|
|
|
- :multiple="true" :collapseTags="true" placeholder="请输入业务类型"
|
|
|
- @corpChange="corpChange($event, 'businessTypes')">
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ :buttonIf="false" :multiple="true" :collapseTags="true"
|
|
|
+ placeholder="请输入业务类型" @corpChange="corpChange($event, 'businessTypes')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="税率(%)" prop="taxRate">
|
|
|
<el-input style="width: 100%;" v-model="form.taxRate" size="small"
|
|
|
- autocomplete="off" :disabled="editSave || (tableData.length && this.invoicestype != 1)" clearable
|
|
|
- placeholder="请输入税率">
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ clearable placeholder="请输入税率">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -376,8 +390,8 @@
|
|
|
<el-form-item label="选择币种" prop="curCode">
|
|
|
<search-query :datalist="curData" :selectValue="form.curCode"
|
|
|
:filterable="true" :clearable="true"
|
|
|
- :disabled="editSave || (tableData.length && this.invoicestype != 1)" :remote="true"
|
|
|
- :buttonIf="false" placeholder="请输入选择币种"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ :remote="true" :buttonIf="false" placeholder="请输入选择币种"
|
|
|
:forParameter="{ key: 'id', label: 'code', value: 'code' }"
|
|
|
@remoteMethod="getRateListfun"
|
|
|
@corpChange="corpChange($event, 'curCode')" @corpFocus="getRateListfun">
|
|
|
@@ -387,16 +401,17 @@
|
|
|
<el-col :span="16">
|
|
|
<el-form-item label="邮箱" prop="yx">
|
|
|
<el-input style="width: 100%;" v-model="form.yx" size="small"
|
|
|
- autocomplete="off" :disabled="editSave || (tableData.length && this.invoicestype != 1)" clearable
|
|
|
- placeholder="请输入邮箱">
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ clearable placeholder="请输入邮箱">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="全电发票:" prop="elecRemarks">
|
|
|
<el-input style="width: 100%;" v-model="form.elecRemarks" size="small"
|
|
|
- :disabled="editSave || (tableData.length && this.invoicestype != 1)" autocomplete="off"
|
|
|
- type="textarea" clearable placeholder="请输入全电发票备注">
|
|
|
+ :disabled="editSave || (tableData.length && this.invoicestype != 1)"
|
|
|
+ autocomplete="off" type="textarea" clearable placeholder="请输入全电发票备注">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -1384,6 +1399,8 @@ export default {
|
|
|
this.saveLoading = false
|
|
|
this.$message.success('操作成功');
|
|
|
this.fininvoicesDetailfun(res.data.data.id)
|
|
|
+ }).catch(() => {
|
|
|
+ this.saveLoading = false
|
|
|
})
|
|
|
},
|
|
|
// 详情接口
|