|
|
@@ -0,0 +1,761 @@
|
|
|
+<template>
|
|
|
+ <div class="borderless" v-loading="pageLoading">
|
|
|
+ <div class="customer-head">
|
|
|
+ <div class="customer-back">
|
|
|
+ <el-button type="danger" style="border: none;background: none;color: red"
|
|
|
+ icon="el-icon-arrow-left"
|
|
|
+ @click="backToList">返回列表
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <div class="add-customer-btn">
|
|
|
+ <el-button size="small" style="margin-right: 8px"
|
|
|
+ :loading="saveLoading" :disabled="!form.id" @click="previewreportfun" >预 览
|
|
|
+ </el-button>
|
|
|
+ <el-button size="small" style="margin-right: 8px" v-if="roleName.indexOf('admin') != -1"
|
|
|
+ :loading="saveLoading" :disabled="!form.id" @click="DesignreportDialog = true" >报表设计
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="margin-top: 65px">
|
|
|
+ <el-tabs type="border-card" v-model="bigtabs" @tab-click="bigHandleClick">
|
|
|
+ <el-tab-pane label="委托信息" name="wt">
|
|
|
+ <el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm">
|
|
|
+ <basic-container :showBtn="true">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="业务编号" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="true"
|
|
|
+ clearable placeholder="业务编号" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="接单日期" prop="billDate" label-width="70px">
|
|
|
+ <el-date-picker v-model="form.billDate" clearable style="width: 100%;"
|
|
|
+ type="date" size="small" :disabled="true"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="贸易类型" prop="businessType" label-width="70px">
|
|
|
+ <search-query :datalist="businessTypeData"
|
|
|
+ :selectValue="form.businessType"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ placeholder="请选择贸易类型"
|
|
|
+ :forParameter="{key:'',label:'',value:''}"
|
|
|
+ @corpChange="corpChange($event,'billNo')">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="制单人" prop="createUserName" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.createUserName"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="true"
|
|
|
+ clearable placeholder="制单人" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="源操作" prop="srcOperation" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.srcOperation"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="源操作" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="对账约号" prop="reconciliationAgreementNumber" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.reconciliationAgreementNumber"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="对账约号" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="代理公司" prop="agencyCompanytId" label-width="70px">
|
|
|
+ <el-row type="flex" justify="space-between" :gutter="10">
|
|
|
+ <el-col :span="8">
|
|
|
+ <search-query :datalist="agencyCompanytData"
|
|
|
+ :selectValue="form.agencyCompanytCnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ @remoteMethod="agencyCompanytBcorpsListfun"
|
|
|
+ @corpChange="corpChange($event,'agencyCompanytCnName')"
|
|
|
+ @corpFocus="agencyCompanytBcorpsListfun">
|
|
|
+ </search-query>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-input style="width: 100%;" v-model="form.agencyCompanytCode"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="请输入" ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="提单号:" prop="mblno" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.mblno"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="请输入" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="业务来源:" prop="srcType" label-width="70px">
|
|
|
+ <el-row type="flex" justify="space-between" :gutter="10" >
|
|
|
+ <el-col :span="12">
|
|
|
+ <search-query :datalist="srcTypeData"
|
|
|
+ :selectValue="form.srcType"
|
|
|
+ :clearable="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'dictKey',label:'dictValue',value:'dictKey'}"
|
|
|
+ @remoteMethod="srcTypeWorkDictsfun"
|
|
|
+ @corpChange="corpChange($event,'srcType')"
|
|
|
+ @corpFocus="srcTypeWorkDictsfun">
|
|
|
+ </search-query>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <search-query :datalist="srcData"
|
|
|
+ :selectValue="form.srcCnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :disabled="!form.srcType"
|
|
|
+ :forParameter="srcForParameter"
|
|
|
+ @remoteMethod="srcfun"
|
|
|
+ @corpChange="corpChange($event,'srcCnName')"
|
|
|
+ @corpFocus="srcfun">
|
|
|
+ </search-query>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="申报方式:" prop="declarationMethodName" label-width="70px">
|
|
|
+ <el-row type="flex" justify="space-between" :gutter="10" >
|
|
|
+ <el-col :span="12">
|
|
|
+ <search-query :datalist="declarationMethodData"
|
|
|
+ :selectValue="form.declarationMethodName"
|
|
|
+ :clearable="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'dictValue',label:'dictValue',value:'dictValue'}"
|
|
|
+ @remoteMethod="declarationMethodWorkDictsfun"
|
|
|
+ @corpChange="corpChange($event,'declarationMethodName')"
|
|
|
+ @corpFocus="declarationMethodWorkDictsfun">
|
|
|
+ </search-query>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-input style="width: 100%;" v-model="form.declarationMethodCode"
|
|
|
+ size="small" autocomplete="off" :disabled="true"
|
|
|
+ clearable placeholder="请输入" ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="企业名称n:" prop="enterpriseCnName" label-width="80px">
|
|
|
+ <search-query :datalist="enterpriseData"
|
|
|
+ :selectValue="form.enterpriseCnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ @remoteMethod="enterpriseCnNameBcorpsListfun"
|
|
|
+ @corpChange="corpChange($event,'enterpriseCnName')"
|
|
|
+ @corpFocus="enterpriseCnNameBcorpsListfun">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="企业海关编码n:" prop="billNo" label-width="100px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.enterpriseCode"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="请输入" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="订舱号" prop="bookingNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.bookingNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="订舱号" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="船名" prop="vesselEnName" label-width="70px">
|
|
|
+ <search-query :datalist="vesselData"
|
|
|
+ :selectValue="form.vesselEnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'enName',value:'enName'}"
|
|
|
+ @remoteMethod="vesselBvesselsListfun"
|
|
|
+ @corpChange="corpChange($event,'vessel')"
|
|
|
+ @corpFocus="vesselBvesselsListfun" >
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="三检单号" prop="tripleInspectionNumber" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.tripleInspectionNumber"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="三检单号" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="报检日期" prop="inspectionDeclarationDate" label-width="70px">
|
|
|
+ <el-date-picker v-model="form.inspectionDeclarationDate" clearable style="width: 100%;"
|
|
|
+ type="date" size="small" :disabled="true"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="ETD" prop="etdDate" label-width="70px">
|
|
|
+ <el-date-picker v-model="form.etdDate" clearable style="width: 100%;"
|
|
|
+ type="date" size="small" :disabled="true"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="发票号码" prop="invoiceNumber" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.invoiceNumber"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="发票号码" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="件数" prop="quantity" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.quantity"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="件数" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="重量" prop="grossWeight" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.grossWeight"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="重量" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="贸易方式:" prop="tradeMethodName" label-width="70px">
|
|
|
+ <el-row type="flex" justify="space-between" :gutter="10">
|
|
|
+ <el-col :span="12">
|
|
|
+ <search-query :datalist="tradeMethodData"
|
|
|
+ :selectValue="form.tradeMethodName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ @remoteMethod="tradeMethodBtrademodesListfun"
|
|
|
+ @corpChange="corpChange($event,'tradeMethodName')"
|
|
|
+ @corpFocus="tradeMethodBtrademodesListfun">
|
|
|
+ </search-query>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-input style="width: 100%;" v-model="form.tradeMethodCode"
|
|
|
+ size="small" autocomplete="off" :disabled="true"
|
|
|
+ clearable placeholder="贸易方式" ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="运抵国(地区):" prop="destinationCountryCnName" label-width="90px">
|
|
|
+ <search-query :datalist="destinationCountryData"
|
|
|
+ :selectValue="form.destinationCountryCnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ @remoteMethod="destinationCountrybcountrysListfun"
|
|
|
+ @corpChange="corpChange($event,'destinationCountryCnName')"
|
|
|
+ @corpFocus="destinationCountrybcountrysListfun">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="指运港:" prop="portOfDestinationCnName" label-width="70px">
|
|
|
+ <search-query :datalist="portOfDestinationData"
|
|
|
+ :selectValue="form.portOfDestinationCnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ @remoteMethod="destinationCountrybcountrysListfun"
|
|
|
+ @corpChange="corpChange($event,'portOfDestinationCnName')"
|
|
|
+ @corpFocus="destinationCountrybcountrysListfun">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="成交方式:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="成交方式" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="运费:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="运费" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="出口空岸:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="出口空岸" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="报关单号:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="报关单号" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="备案号:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="备案号" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="申报日期:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="申报日期" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="预录日期:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="预录日期" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="提运单号:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="提运单号" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="发货单位:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="发货单位" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="汇款方式:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="汇款方式" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="成交方式:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="成交方式" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="运费:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="成交方式" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="保废:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="保废" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="杂费:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="杂费" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="境内货源地:" prop="billNo" label-width="80px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="境内货源地" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="合同协议号:" prop="billNo" label-width="80px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="合同协议号" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="件数:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="件数" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="包装种类:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="包装种类" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="毛重:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="毛重" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="净重:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="净重" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="随附单据:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="随附单据" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="唛码及备注:" prop="billNo" label-width="110px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="唛码及备注" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="备注:" prop="billNo" label-width="70px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="备注" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="货物金额:" prop="billNo" label-width="80px">
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="货物金额" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">随附单据</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">发票</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">箱单</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">合同</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">商检通过单</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">信用证</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">换证凭单</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">厂检单</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">包装性能结果单</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">许可证</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">委托单据</el-checkbox>
|
|
|
+ <div style="display: flex;align-items: center;margin-top: 10px;">
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled" v-model="form.isNeedLand">其他单据</el-checkbox>
|
|
|
+ <el-input style="width: 100%;" v-model="form.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ clearable placeholder="请输入" ></el-input>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </basic-container>
|
|
|
+ </el-form>
|
|
|
+ <basic-container>
|
|
|
+ <table-details></table-details>
|
|
|
+ </basic-container>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="费用信息" name="fy"
|
|
|
+ v-if="roleName.indexOf('admin') != -1?true:roleName.indexOf('应收修改') != -1 || roleName.indexOf('应付修改') != -1 || roleName.indexOf('应收查看') != -1 || roleName.indexOf('应付查看') != -1" >
|
|
|
+ <feecenter :assemblyForm="form" :detailData="detailData" :pleasereviewType="pleasereviewType" :pid="form.id" @billsDetailfun="billsDetailfun(form.id)"></feecenter>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
|
|
|
+ import {getBcorpslistByType} from "@/api/iosBasicData/bcorps";
|
|
|
+ import {getWorkDicts} from "@/api/system/dictbiz";
|
|
|
+ import {getList as userGetList} from '@/api/system/user'
|
|
|
+ import {getDeptLazyTree} from "@/api/system/dept";
|
|
|
+ import {getBvesselsList} from "@/api/iosBasicData/bvessels";
|
|
|
+ import TableDetails from "./assembly/TableDetails.vue";
|
|
|
+ import feecenter from "@/views/iosBasicData/SeafreightExportF/bills/assembly/feecenter.vue";
|
|
|
+ import {getBtrademodesList} from "@/api/iosBasicData/btrademodes";
|
|
|
+ import {bcountrysList} from "@/api/iosBasicData/bcountrys";
|
|
|
+
|
|
|
+ export default {
|
|
|
+ components: {feecenter, SearchQuery,TableDetails},
|
|
|
+ props:{
|
|
|
+ detailData:{
|
|
|
+ type:Object,
|
|
|
+ default:{},
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data(){
|
|
|
+ return {
|
|
|
+ pageLoading:false, // 动画加载
|
|
|
+ saveLoading:false, // 按钮动画加载
|
|
|
+ roleName:[], // 当前的角色权限
|
|
|
+ saberUserInfo:[], // 当前登录人的数据
|
|
|
+ // 绑定的数据
|
|
|
+ form:{
|
|
|
+ createUser:'', // 制单人id
|
|
|
+ createUserName:'', // 制单人名称
|
|
|
+ },
|
|
|
+ agencyCompanytData:[], // 代理公司数据
|
|
|
+ bigtabs:'wt', // tabs切换
|
|
|
+ businessTypeData:[], // 贸易类型
|
|
|
+ srcTypeData:[], // 业务来源数据
|
|
|
+ srcData:[], // 来源详情数据
|
|
|
+ srcForParameter:{ key:'id', label:'title', value:'title'}, // 来源详情配置项数据
|
|
|
+ declarationMethodData:[], // 申报方式字典数据
|
|
|
+ enterpriseData:[], // 企业数据
|
|
|
+ vesselData:[], // 船名数据
|
|
|
+ tradeMethodData:[], // 贸易条款数据
|
|
|
+ destinationCountryData:[], // 运抵港数据
|
|
|
+ portOfDestinationData:[], // 指运港
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.roleName = localStorage.getItem('roleName').split(',')
|
|
|
+ // 获取当前登录人个人信息
|
|
|
+ this.saberUserInfo = JSON.parse(localStorage.getItem('saber-userInfo')).content
|
|
|
+ this.form.createUser = this.saberUserInfo.user_id
|
|
|
+ this.form.createUserName = this.saberUserInfo.user_name
|
|
|
+
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ // 下拉回调
|
|
|
+ corpChange(value,name){
|
|
|
+ // 代理公司
|
|
|
+ if(name == 'agencyCompanytCnName') {
|
|
|
+ for (let item of this.agencyCompanytData) {
|
|
|
+ if (item.cnName == value) {
|
|
|
+ this.$set(this.form,'agencyCompanytId',item.id)
|
|
|
+ this.$set(this.form,'agencyCompanytCode',item.code)
|
|
|
+ this.$set(this.form,'agencyCompanytCnName',item.cnName)
|
|
|
+ this.$set(this.form,'agencyCompanytEnName',item.enName)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 来源详情
|
|
|
+ else if (name == 'srcCnName') {
|
|
|
+ for(let item of this.srcData) {
|
|
|
+ if (this.srcForParameter.value == value) {
|
|
|
+ if (this.form.srcType == 'SALES') {
|
|
|
+ // 业务员
|
|
|
+ this.$set(this.form,'srcId',item.id)
|
|
|
+ this.$set(this.form,'srcCnName',item.name)
|
|
|
+ this.$set(this.form,'srcEnName',item.name)
|
|
|
+ }else if (this.form.srcType == 'AGENT') {
|
|
|
+ // 代理
|
|
|
+ this.$set(this.form,'srcId',item.id)
|
|
|
+ this.$set(this.form,'srcCnName',item.cnName)
|
|
|
+ this.$set(this.form,'srcEnName',item.enName)
|
|
|
+ }else if (this.form.srcType == 'OWN') {
|
|
|
+ // 公司
|
|
|
+ this.$set(this.form,'srcId',item.id)
|
|
|
+ this.$set(this.form,'srcCnName',item.title)
|
|
|
+ this.$set(this.form,'srcEnName',item.title)
|
|
|
+ }else {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 申报方式
|
|
|
+ else if (name == 'declarationMethodName') {
|
|
|
+ for(let item of this.declarationMethodData) {
|
|
|
+ if (item.dictValue == value) {
|
|
|
+ this.$set(this.form,'declarationMethodCode',item.dictKey)
|
|
|
+ this.$set(this.form,'declarationMethodName',item.dictValue)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 企业
|
|
|
+ else if(name == 'enterpriseCnName') {
|
|
|
+ for (let item of this.enterpriseData) {
|
|
|
+ if (item.cnName == value) {
|
|
|
+ this.$set(this.form,'enterpriseId',item.id)
|
|
|
+ this.$set(this.form,'enterpriseCode',item.code)
|
|
|
+ this.$set(this.form,'enterpriseCnName',item.cnName)
|
|
|
+ this.$set(this.form,'enterpriseEnName',item.enName)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 船名
|
|
|
+ else if (name == 'vessel') {
|
|
|
+ for(let item of this.vesselData) {
|
|
|
+ if (item.enName == value) {
|
|
|
+ this.$set(this.assemblyForm,'vesselId',item.id)
|
|
|
+ this.$set(this.assemblyForm,'vesselCnName',item.cnName)
|
|
|
+ this.$set(this.assemblyForm,'vesselEnName',item.enName)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 贸易条款
|
|
|
+ else if (name == 'tradeMethodName') {
|
|
|
+ for (let item of this.tradeMethodData) {
|
|
|
+ if (item.cnName == value) {
|
|
|
+ this.$set(this.form,'tradeMethodId',item.id)
|
|
|
+ this.$set(this.form,'tradeMethodCode',item.code)
|
|
|
+ this.$set(this.form,'tradeMethodName',item.cnName)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 运抵国
|
|
|
+ else if (name == 'destinationCountryCnName') {
|
|
|
+ for (let item of this.destinationCountryData) {
|
|
|
+ if (item.cnName == value) {
|
|
|
+ this.$set(this.form,'destinationCountryId',item.cnName)
|
|
|
+ this.$set(this.form,'destinationCountryCnName',item.cnName)
|
|
|
+ this.$set(this.form,'destinationCountryEnName',item.cnName)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 指运港
|
|
|
+ else if (name == 'portOfDestinationCnName') {}
|
|
|
+
|
|
|
+ else {
|
|
|
+ this.$set(this.form,name,value)
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ // 业务来源搜索和聚焦
|
|
|
+ srcfun(value){
|
|
|
+ if (this.form.srcType == 'SALES') {
|
|
|
+ // 业务员
|
|
|
+ this.srcForParameter = { key:'id', label:'name', value:'name'}
|
|
|
+ this.salesUserGetListfun(value)
|
|
|
+ }else if (this.form.srcType == 'AGENT') {
|
|
|
+ // 代理
|
|
|
+ this.srcForParameter = { key:'id', label:'cnName', value:'cnName'}
|
|
|
+ this.agentBcorpsListfun(value)
|
|
|
+ }else if (this.form.srcType == 'OWN') {
|
|
|
+ // 公司
|
|
|
+ this.srcForParameter = { key:'id', label:'title', value:'title'}
|
|
|
+ this.ownDeptLazyTreefun()
|
|
|
+ }else {}
|
|
|
+ },
|
|
|
+ // 接口数据获取🥲🥲🥲🥲🥲🥲🥲🥲🥲🥲
|
|
|
+ // 获取代理公司数据
|
|
|
+ agencyCompanytBcorpsListfun(cnName){
|
|
|
+ let corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
|
|
|
+ getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
+ this.agencyCompanytData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取业务来源数据
|
|
|
+ srcTypeWorkDictsfun(){
|
|
|
+ getWorkDicts('src_type_los').then(res=>{
|
|
|
+ this.srcTypeData = res.data.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取业务来源代理数据
|
|
|
+ agentBcorpsListfun(cnName){
|
|
|
+ let corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
|
|
|
+ getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
+ this.srcData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取业务来源业务员数据
|
|
|
+ salesUserGetListfun(account){
|
|
|
+ userGetList(1,10,{account}).then(res=>{
|
|
|
+ this.srcData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取公司名称 用户管理左侧
|
|
|
+ ownDeptLazyTreefun(){
|
|
|
+ getDeptLazyTree(0).then(res=>{
|
|
|
+ this.srcData = res.data.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 申报方式字典数据
|
|
|
+ declarationMethodWorkDictsfun(){
|
|
|
+ getWorkDicts('declaration_method_los').then(res=>{
|
|
|
+ this.declarationMethodData = res.data.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取企业数据
|
|
|
+ enterpriseCnNameBcorpsListfun(cnName){
|
|
|
+ let corpType = '1752603229734072321'
|
|
|
+ getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
+ this.enterpriseData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 船名
|
|
|
+ vesselBvesselsListfun(cnName){
|
|
|
+ getBvesselsList(1,10,{cnName}).then(res=>{
|
|
|
+ this.vesselData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 贸易条款
|
|
|
+ tradeMethodBtrademodesListfun(cnName){
|
|
|
+ getBtrademodesList(1,10,{cnName}).then(res=>{
|
|
|
+ this.tradeMethodData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 运抵港
|
|
|
+ destinationCountrybcountrysListfun(cnName){
|
|
|
+ bcountrysList(1,10,{cnName}).then(res=>{
|
|
|
+ this.destinationCountryData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 指运港
|
|
|
+
|
|
|
+ //返回列表
|
|
|
+ backToList() {
|
|
|
+ this.$emit('goBack')
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+.borderless {
|
|
|
+ height: 100%;
|
|
|
+ box-sizing: border-box
|
|
|
+}
|
|
|
+.demo-ruleForm {
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+::v-deep.el-form-item {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+</style>
|
caojunjie