|  | @@ -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>
 |