<template>
<el-container>
<el-aside width="220px">
<el-container class="leftcontainer">
<el-aside width="220px" class="aside01">
<el-form :model="ChooseForm" class="formface"><br/>
<el-form-item style="height:13px ">
<el-radio-group v-model="radioLabel" size="mini" @change="radioChange">
<el-radio-button label="port">口岸表</el-radio-button>
<el-radio-button label="custom">审单表</el-radio-button>
</el-radio-group>
<el-button size="mini" @click="clickqueryData"> 刷新表</el-button>
</el-form-item>
<el-form-item style="height:13px">
<span class="span-title">报关日期</span>
<span class="span-title">报关部门</span>
</el-form-item>
<el-form-item class="formchange">
<el-date-picker v-model="TreeBeanList.customsDate" type="date" size="mini" style="width: 126px;" :clearable="false" @change="handleNodeClickDate"></el-date-picker>
<el-select v-model="TreeBeanList.portCode" @change="handleNodeClickPort" placeholder="请选择" size="mini" filterable style="width:80px">
<el-option v-for="item in cusDepts" :key="item.cusDeptCode" :label="item.cusDeptCode" :value="item.cusDeptCode">
<span style="float: left">{{ item.cusDeptName }} </span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.cusDeptCode }}</span>
</el-option>
</el-select>
</el-form-item>
</el-form>
</el-aside>
</el-container>
<legend class="span-title">{{this.newDate}}</legend>
<el-container class="container">
<el-aside width="210px" class="aside02">
<fieldset class="quickArea">
<el-form :model="ChooseForm">
<div class="importExportArea_quick" style="width:180px">
<span class="span-title">
<el-tree :data="data1" :props="customBatchProps" @node-click="getCustomData1" default-expand-all>
</el-tree>
</span>
<span class="span-title">
<el-tree :data="data2" :props="customBatchProps" @node-click="getCustomData2" default-expand-all>
</el-tree>
</span>
</div>
</el-form>
</fieldset>
</el-aside>
</el-container>
<legend class="span-title">{{this.newDate1}}</legend>
<el-container class="container">
<el-aside width="210px" class="aside02">
<fieldset class="quickArea" >
<el-form :model="ChooseForm">
<div class="importExportArea_quick" style="width:180px">
<span class="span-title">
<el-tree :data="data3" :props="customBatchProps" @node-click="getCustomData3" default-expand-all>
</el-tree>
</span>
<span class="span-title">
<el-tree :data="data4" :props="customBatchProps" @node-click="getCustomData4" default-expand-all>
</el-tree>
</span>
</div>
</el-form>
</fieldset>
</el-aside>
</el-container>
<legend class="span-title">消息提示区</legend>
<el-container class="container">
<el-aside width="210px" class="aside03">
<fieldset class="quickArea">
<el-form :model="ChooseForm">
<el-form-item class="importExportArea_quickArea" style="width:180px">
</el-form-item>
</el-form>
</fieldset>
</el-aside>
</el-container>
</el-aside>
<el-container>
<fieldset class="combinationSearchArea">
<el-col :span="12.5">
<el-form :model="combinationSearchForm">
<el-form-item style="height:12px ">
<span class="span-label">报关部门</span>
<span class="span-label">进/出口标识</span>
</el-form-item>
<el-form-item style="height:12px ">
<el-select v-model="TreeBeanList.portCode" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:135px">
<el-option v-for="item in cusDepts" :key="item.cusDeptCode" :label="item.cusDeptCode" :value="item.cusDeptCode">
<span style="float: left">{{ item.cusDeptName }} </span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.cusDeptCode }}</span>
</el-option>
</el-select>
<el-select v-model="TreeBeanList.ieFlag" style="width:110px" size="mini">
<el-option label="I - 进口" value="I"></el-option>
<el-option label="E - 出口" value="E"></el-option>
</el-select>
</el-form-item>
<el-form-item style="height:12px ">
<span class="span-label">实际报关批次</span>
<span class="span-label">车次</span>
</el-form-item>
<el-form-item style="height:10px ">
<el-select v-model="TreeBeanList.cusBatch" filterable style="width:135px" size="mini" @change="handleNodeClick">
<el-option v-for="(value,key) in customBatch" :value="value">
<span style="float: left">{{ value }}</span>
</el-option>
</el-select>
<el-select v-model="TreeBeanList.veList" filterable style="width:110px" size="mini" @change="handleNodeClick">
<el-option v-for="(value,key) in carNumber" :value="value">
<span style="float: left">{{ value }}</span>
</el-option>
</el-select>
</el-form-item>
</el-form>
</el-col>
<el-form :model="ChooseForm">
<el-col :span="2.5">
<el-form-item style="height:13px ">
<span class="span-label">报关日期</span>
</el-form-item>
<el-form-item style="height:13px ">
<el-date-picker v-model="combinationSearchForm.customsDate" type="date" size="mini" style="width: 130px;"></el-date-picker>
</el-form-item>
<el-form-item style="height:10px ">
<span class="span-label">报关类型</span>
</el-form-item>
<el-form-item style="height:10px ">
<el-select v-model="combinationSearchForm.gateType" filterable clearable style="width:130px" size="mini">
<el-option v-for="item in customType" :key="item" :value="item">
{{item}}
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-form>
<el-form :model="ChooseForm">
<el-col :span="2.5">
<el-form-item style="height:13px ">
<span class="span-label">车牌/航班号</span>
</el-form-item>
<el-form-item style="height:10px ">
<el-select v-model="combinationSearchForm.flightno" filterable style="width:130px" size="mini">
<el-option v-for="(value,key) in flightnos" :value="key">
<span style="float: left">{{ key }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ value }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-form>
<el-form :model="ChooseForm">
<el-col :span="2.5">
<el-form-item style="height:13px ">
</el-form-item>
<el-form-item style="height:33px ">
<el-button size="mini" @click="queryData">选择数据</el-button>
</el-form-item>
<el-form-item style="height:20px ">
<el-button size="mini" @click="queryData">初始状态</el-button>
</el-form-item>
</el-col>
</el-form>
<el-form :model="ChooseForm">
<el-col :span="2.5">
<el-form-item style="height:18px ">
<span class="span-label">运单号:</span>
</el-form-item>
<el-form-item style="height:60px ">
<el-input type="textarea" v-model="bnoText" :rows="3" style="width:140px;" @blur="inputVerifier"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:11px ">
<el-checkbox v-model="filterData">过滤数据</el-checkbox>
</el-form-item>
<el-form-item style="height:32px ">
<el-button size="mini">导入运单号</el-button>
<span><el-button size="mini">导入Excel</el-button></span>
</el-form-item>
<el-form-item style="height:13px ">
<el-button size="mini">清空运单号</el-button>
</el-form-item>
</el-col>
</el-form>
<el-form :model="ChooseForm">
</el-form>
</fieldset>
<!--EDI.EDIReport.columnNames=是否选择,运单编号,子运单号,托寄物内容,实际重量,计费重量,重量单位,数量/单位,件数,申报价值,申报币别,单价,发票申报价值,商品编码,规格型号,产品代码,
原寄地代码,原寄地名称,目的地代码,目的地名称,报关类型,报关日期,预报关日期,税金类别,税金付款方式,税金结算账号,预报关批次,实际报关批次,车次,寄件公司,
寄件地址,寄件联络人,寄件电话,寄件手机,寄件公司统编号,寄件公司经营单位编码,寄件地址邮政编码,寄件城市三字代码,寄件城市名称,寄件州、省名称,寄件国别地区代码,
寄件国别数字代码,寄件国别地区名称,收件公司,收件地址,收件联络人,收件电话,收件手机,收件公司统编号,收件公司经营单位编码,收件地址邮政编码,收件城市三字代码,
收件城市名称,收件州、省名称,收件国别地区代码,收件国别数字代码,收件国别地区名称,关税税率,关税,增值税税率,增值税,消费税税率,消费税,付款方式,运费,保险费,服务费,
杂费,寄件日期,寄件时间,寄件格林日期时间,袋(包)号,袋(包)数,快件类型,FDA指标,包装方式,货物存处,主提单号,KJ单号,车牌/航班号,运输公司名称,始发口岸代码,始发口岸名称,
目的口岸代码,目的口岸名称,征免性质代码,征免性质名称,验放代码,集装箱号,贸易方式,成交方式代码,成交方式名称,运输方式,数据来源,操作日期,操作地区,操作格林时间,备注,
修改时间,修改人,修改地区,修改格林时间,托寄物内容翻译,寄件公司翻译,寄件地址翻译,寄件联络人翻译,收件公司翻译,收件地址翻译,收件联络人翻译,翻译标示,参考资料审核途径,
是否选择,修改标志,审核标志,审核确认标志,清关标志,审核确认格林时间,审核确认地区,审核确认时间,审核确认人,审核地区,审核格林时间,审核人,审核时间,列印原寄地代码,
列印目的地代码,备用字段1,备用字段2,备用字段3,备用字段4,原产地,运费币别,品名精确翻译匹配标志,商品编码精确匹配标志,敏感品名标志,处理标志,edi标志,敏感价值标记,
最大件数标记,最大重量标记,寄件经营单位公司名称,收件经营单位公司名称,证件号码,证件类型,代理运单号,原始订单号,产品国检备案编号,月结卡号,申请单编号,商品国条码-->
<!--EDI.EDIReport.columnKews=ISSELECTED,bno,sub_waybill_no,gdesc,aweight,weight,weight_unit,quantity,pcs,cusvalue,cus_currency_symbol,price,invoice_value,hscode,gmodel,product_code,
srccode,srcname,descode,desname,gate_type,customs_date,exp_customs_date,custype,taxpaymenttype,taxaccount,org_cusbatch,cusbatch,velist,srccompany,
srcaddr,srcpname,srctel,srcmobile,src_union_no,src_business_unit_code,src_postal_code,src_city_code,src_city_name,srcstate,srccountry,
src_country_code,src_country_name,descompany,desaddr,despname,destel,desmobile,des_union_no,des_business_unit_code,des_postal_code,des_city_code,
des_city_name,desstate,descountry,des_country_code,des_country_name,tariff,tariff_value,vat,vat_value,consumption_tax_rate,consumption_tax,payment_type,feeamt,insurance,service_charge,
miscellaneous,send_date,send_time,send_gl_time,packageno,packagenum,express_type,fdacode,packing,storages,mawb,kjno,flightno,transport_company_name,start_city_code,start_city_name,
end_city_code,end_city_name,exemption_code,exemption_name,clearance_code,containerno,trade_type,transaction_method_code,transaction_method_name,transport_mode,source,opdt,oparea,op_gl_time,note,
modify_time,modify_by,modify_area,modify_gl_time,tr_gdesc,tr_srccompany,tr_srcaddr,tr_srcname,tr_descompany,tr_desaddr,tr_desname,tr_flag,sadinfo,
selected,upsign,adsign,cfsign,passign,confirm_gl_time,confirm_area,confirm_time,confirm_by,audit_area,audit_gl_time,audit_by,audit_time,psrcnm,
pdesnm,bak1,bak2,bak3,bak4,produce_src,fee_currency,tranflag,hscodeflag,senssign,deal_flag,edi_flag,sensvalueflag,
maxpcsflag,maxaweightflag,src_business_unit_name,des_business_unit_name,cardid,cardidtype,agency_waybillno,ori_order_id,productrecordno,customer_acct_code,application_no,goods_barcode-->
<el-main>
<el-tabs @tab-click="handleNodeClickTabs" v-model="quickChooseForm.selectCode">
<el-tab-pane name="one">
<span slot="label"><i class="el-icon-menu"></i> 报关资料</span>
<template>
<el-table v-loading="loading" :data="dealReportData" border style="width: 100%" stripe id='tbodyID' @selection-change="multipleSelected" height="380">
<el-table-column type="selection" width="55" class="selection" prop='uuid'></el-table-column>、
<el-table-column type="index" width="80" label="序号" :index="indexMethod"> </el-table-column>
<el-table-column prop="bnoIE" label="运单编号" width="150" sortable/>
<el-table-column prop="subWaybillNo" label="子运单号" width="150" sortable/>
<el-table-column prop="gdescIE" label="托寄物内容" width="250" sortable show-overflow-tooltip/>
<el-table-column prop="aweightIE" label="实际重量" width="150" sortable/>
<el-table-column prop="meterageWeight" label="计费重量" width="150" sortable/>
<el-table-column prop="weightUnitIE" label="重量单位" width="150" sortable/>
<el-table-column prop="countuniIE" label="数量/单位" width="250" sortable show-overflow-tooltip/>
<el-table-column prop="pcsIE" label="件数" width="150" sortable/>
<el-table-column prop="cusValueIE" label="申报价值" width="150" sortable/>
<el-table-column prop="cusCurrencySymbolIE" label="申报币别" width="150" sortable/>
<el-table-column prop="priceIE" label="单价" width="150" sortable/>
<el-table-column prop="invoiceValue" label="发票申报价值" width="150" sortable/>
<el-table-column prop="hscodeIE" label="商品编码" width="250" sortable show-overflow-tooltip/>
<el-table-column prop="gmodelIE" label="规格型号" width="250" sortable show-overflow-tooltip/>
<el-table-column prop="produceCode" label="产品代码" width="150" sortable/>
<el-table-column prop="srcCodeIE" label="原寄地代码" width="150" sortable/>
<el-table-column prop="srcNameIE" label="原寄地名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="desCodeIE" label="目的地代码" width="150" sortable/>
<el-table-column prop="desNameIE" label="目的地名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="gateTypeIE" label="报关类型" width="150" sortable/>
<el-table-column prop="customsDateIE" label="报关日期" width="150" sortable/>
<el-table-column prop="expCustomsDateIE" label="预报关日期" width="150" sortable/>
<el-table-column prop="cusTypeIE" label="税金类别" width="150" sortable>
<template slot-scope="scope">
{{scope.row.cusTypeIE =='1'?'港澳台DDP':scope.row.cusTypeIE =='2'?'港澳台DDU':scope.row.cusTypeIE =='3'?'港澳台第三方':scope.row.cusTypeIE =='4'?'港澳台':scope.row.cusTypeIE }}
</template>
</el-table-column>
<el-table-column prop="taxPaymentTypeIE" label="税金付款方式" width="150" sortable>
<template slot-scope="scope">
{{scope.row.taxPaymentTypeIE =='1'?'寄付':scope.row.taxPaymentTypeIE =='2'?'到付':scope.row.taxPaymentTypeIE =='3'?'第三方付':scope.row.taxPaymentTypeIE =='4'?'其他':''}}
</template>
</el-table-column>
<el-table-column prop="taxAccountIE" label="税金结算账号" width="150" sortable/>
<el-table-column prop="expCusbatchIE" label="预报关批次" width="150" sortable/>
<el-table-column prop="cusBatchIE" label="实际报关批次" width="150" sortable/>
<el-table-column prop="veListIE" label="车次" width="150" />
<el-table-column prop="srcCompany" label="寄件公司" width="150" sortable/>
<el-table-column prop="srcAddr" label="寄件地址" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="srcPersonName" label="寄件联络人" width="150" sortable/>
<el-table-column prop="srcTel" label="寄件电话" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="srcMobile" label="寄件手机" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="srcCustomNo" label="寄件公司统编号" width="180" sortable/>
<el-table-column prop="srcBusinessUnitCodeIE" label="寄件公司经营单位编码" width="200" sortable/>
<el-table-column prop="srcPostalCode" label="寄件地址邮政编码" width="180" sortable/>
<el-table-column prop="srcCityCode" label="寄件城市三字代码" width="180" sortable/>
<el-table-column prop="srcCityName" label="寄件人城市名称" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="srcstate" label="寄件州、省名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="srcCountry" label="寄件国别代码" width="180" sortable/>
<el-table-column prop="srcCountryCode" label="寄件国别数字代码" width="180" sortable/>
<el-table-column prop="srcCountryName" label="寄件国别地区名称" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="desCompany" label="收件公司" width="150" sortable/>
<el-table-column prop="desAddr" label="收件地址" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="desPersonName" label="收件联络人" width="150" sortable/>
<el-table-column prop="desTel" label="收件电话" width="150" show-overflow-tooltip/>
<el-table-column prop="desMobile" label="收件手机" width="150" show-overflow-tooltip/>
<el-table-column prop="desCustomNo" label="收件公司统编号" width="150" sortable/>
<el-table-column prop="desBusinessUnitCodeIE" label="收件公司经营单位编码" width="200" sortable/>
<el-table-column prop="desPostalCode" label="收件地址邮政编码" width="180" sortable/>
<el-table-column prop="desCityCode" label="收件城市三字代码" width="180" sortable/>
<el-table-column prop="desCityName" label="收件城市名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="desstate" label="收件州、省名称" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="desCountry" label="收件国别地区代码" width="180" sortable/>
<el-table-column prop="desCountryCode" label="收件国别数字代码" width="180" sortable/>
<el-table-column prop="desCountryName" label="收件国别地区名称" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="tariffIE" label="关税税率" width="150" sortable/>
<el-table-column prop="tariffValueIE" label="关税" width="150" sortable/>
<el-table-column prop="vatIE" label="增值税税率" width="150" sortable/>
<el-table-column prop="vatValueIE" label="增值税" width="150" sortable/>
<el-table-column prop="consumeIE" label="消费税税率" width="150" sortable/>
<el-table-column prop="consumeValueIE" label="消费税" width="150" sortable/>
<el-table-column prop="payCustType" label="付款方式" width="150" sortable>
<template slot-scope="scope">
{{scope.row.payCustType =='1'?'寄付':scope.row.payCustType =='2'?'到付':scope.row.payCustType =='3'?'第三方付':scope.row.payCustType}}
</template>
</el-table-column>
<el-table-column prop="waybillFeeIE" label="运费" width="150" sortable/>
<el-table-column prop="insurance" label="保险费" width="150" sortable/>
<el-table-column prop="serviceCharge" label="服务费" width="150" sortable/>
<el-table-column prop="miscellaneous" label="杂费" width="150" sortable/>
<el-table-column prop="sendDate" label="寄件日期" width="150" sortable/>
<el-table-column prop="sendTime" label="寄件时间" width="150" sortable/>
<el-table-column prop="sendGlTime" label="寄件格林时间" width="150" sortable/>
<el-table-column prop="packageno" label="袋(包)号" width="150" sortable/>
<el-table-column prop="packagenum" label="袋(包)数" width="150" sortable/>
<el-table-column prop="expressType" label="快件类型" width="150" sortable/>
<el-table-column prop="fdacode" label="FDA指标" width="150" sortable/>
<el-table-column prop="packing" label="包装方式" width="150" sortable/>
<el-table-column prop="storages" label="货物存处" width="150" sortable/>
<el-table-column prop="mawbIE" label="主提单号" width="150" sortable/>
<el-table-column prop="kjnoIE" label="KJ单号" width="150" sortable/>
<el-table-column prop="flightnoIE" label="车牌/航班号" width="150" sortable/>
<el-table-column prop="transportCompanyName" label="运输公司名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="startCityCodeIE" label="始发口岸代码" width="150" sortable/>
<el-table-column prop="startCityNameIE" label="始发口岸名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="endCityCodeIE" label="目的口岸代码" width="150" sortable/>
<el-table-column prop="endCityNameIE" label="目的口岸名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="exemptionCode" label="征免性质代码" width="150" sortable/>
<el-table-column prop="exemptionName" label="征免性质名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="clearanceCode" label="验放代码" width="150" sortable/>
<el-table-column prop="containerno" label="集装箱号" width="150" sortable/>
<el-table-column prop="tradeType" label="贸易方式" width="150" sortable/>
<el-table-column prop="transactionMethodCode" label="成交方式代码" width="150" sortable/>
<el-table-column prop="transactionMethodName" label="成交方式名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="transportModeIE" label="运输方式" width="150" sortable/>
<el-table-column prop="dataSource" label="数据来源" width="150" sortable/>
<el-table-column prop="opdt" label="操作日期" width="150" sortable/>
<el-table-column prop="oparea" label="操作地区" width="150" sortable/>
<el-table-column prop="opGlTime" label="操作格林时间" width="150" sortable/>
<el-table-column prop="note" label="备注" width="150" sortable/>
<el-table-column prop="updateTimeIE" label="修改时间" width="150" sortable/>
<el-table-column prop="updateEmpIE" label="修改人" width="150" sortable/>
<el-table-column prop="modifyArea" label="修改地区" width="150" sortable/>
<el-table-column prop="modifyGlTime" label="修改格林时间" width="150" sortable/>
<el-table-column prop="trGdesc" label="托寄物内容翻译" width="180" sortable/>
<el-table-column prop="trSrccompany" label="寄件公司翻译" width="150" sortable/>
<el-table-column prop="trSrcaddr" label="寄件地址翻译" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="trSrcname" label="寄件联络人翻译" width="150" sortable/>
<el-table-column prop="trDescompany" label="收件公司翻译" width="150" sortable/>
<el-table-column prop="trDesaddr" label="收件地址翻译" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="trDesname" label="收件联络人翻译" width="150" sortable/>
<el-table-column prop="trFlag" label="翻译标示" width="150" sortable/>
<el-table-column prop="sadinfo" label="参考资料审核途径" width="180" sortable/>
<el-table-column prop="selected" label="是否选择" width="150" sortable/>
<el-table-column prop="upsign" label="修改标志" width="150" sortable/>
<el-table-column prop="adSignIE=='0'?'未审核':'审核'" label="审核标志" width="150" sortable>
<template slot-scope="scope">
{{scope.row.adSignIE =='0'?'未审核':scope.row.adSignIE =='1'?'审核':scope.row.adSignIE}}
</template>
</el-table-column>
<el-table-column prop="cfsign" label="审核确认标志" width="150" sortable/>
<el-table-column prop="passign" label="清关标志" width="150" sortable/>
<el-table-column prop="confirmGlTime" label="审核确认格林时间" width="180" sortable/>
<el-table-column prop="confirmArea" label="审核确认地区" width="150" sortable/>
<el-table-column prop="confirmTime" label="审核确认时间" width="150" sortable/>
<el-table-column prop="confirmby" label="审核确认人" width="150" sortable/>
<el-table-column prop="auditArea" label="审核地区" width="150" sortable/>
<el-table-column prop="auditGlTime" label="审核格林时间" width="150" sortable/>
<el-table-column prop="auditBy" label="审核人" width="150" sortable/>
<el-table-column prop="auditTime" label="审核时间" width="150" sortable/>
<el-table-column prop="psrcnmIE" label="列印原寄地代码" width="180" sortable/>
<el-table-column prop="pdesnmIE" label="列印目的地代码" width="180" sortable/>
<el-table-column prop="bak1" label="备用字段1" width="150" sortable/>
<el-table-column prop="bak2" label="备用字段2" width="150" sortable/>
<el-table-column prop="bak3" label="备用字段3" width="150" sortable/>
<el-table-column prop="bak4" label="备用字段4" width="150" sortable/>
<el-table-column prop="countryIE" label="原产地" width="150" sortable/>
<el-table-column prop="feeCurrencyTypeIE" label="运费币别" width="150" sortable/>
<el-table-column prop="tranflag" label="品名精确翻译匹配标志" width="200" sortable/>
<el-table-column prop="hscodeflag" label="商品编码精确匹配标志" width="200" sortable/>
<el-table-column prop="goodsSignIE" label="敏感品名标志" width="180" sortable>
<template slot-scope="scope">
{{scope.row.goodsSignIE =='0'?'不敏感':scope.row.goodsSignIE =='1'?'敏感':scope.row.goodsSignIE}}
</template>
</el-table-column>
<el-table-column prop="dealFlag" label="处理标志" width="180" sortable/>
<el-table-column prop="ediFlag" label="edi标志" width="180" sortable/>
<el-table-column prop="valueSignIE" label="敏感价值标记" width="150" sortable>
<template slot-scope="scope">
{{scope.row.valueSignIE =='0'?'不敏感':scope.row.valueSignIE =='1'?'敏感':scope.row.valueSignIE}}
</template>
</el-table-column>
<el-table-column prop="maxpcsSignIE" label="最大件数标记" width="150" sortable>
<template slot-scope="scope">
{{scope.row.maxpcsSignIE =='0'?'不敏感':scope.row.maxpcsSignIE =='1'?'敏感':scope.row.maxpcsSignIE}}
</template>
</el-table-column>
<el-table-column prop="maxweightSignIE" label="最大重量标记" width="150" sortable>
<template slot-scope="scope">
{{scope.row.maxweightSignIE =='0'?'不敏感':scope.row.maxweightSignIE =='1'?'敏感':scope.row.maxweightSignIE}}
</template>
</el-table-column>
<el-table-column prop="srcBusinessUnitNameIE" label="寄件经营单位公司名称" width="200" sortable show-overflow-tooltip/>
<el-table-column prop="desBusinessUnitNameIE" label="收件经营单位公司名称" width="200" sortable show-overflow-tooltip/>
<el-table-column prop="desCardid" label="证件号码" width="150" sortable/>
<el-table-column prop="desCardidType" label="证件类型" width="150" sortable>
<template slot-scope="scope">
{{scope.row.desCardidType =='1'?'身份证':scope.row.desCardidType =='2'?'护照':scope.row.desCardidType =='3'?'其他':scope.row.desCardidType =='4'?'特殊证件':scope.row.desCardidType}}
</template>
</el-table-column>
<el-table-column prop="agencyWaybillno" label="代理运单号" width="150" sortable/>
<el-table-column prop="oriOrderId" label="原始订单号" width="180" sortable/>
<el-table-column prop="productRecordNoIE" label="产品国检备案编号" width="180" sortable/>
<el-table-column prop="customerAcctCode" label="月结卡号" width="150" sortable/>
<el-table-column prop="applicationNoIE" label="申请单编号" width="150" sortable/>
<el-table-column prop="goodsBarcodeIE" label="商品国条码" width="150" sortable/>
</el-table>
<el-pagination background @size-change="sizeChange" @current-change="currentChange" :current-page="currentPage" :page-sizes="[10,20,50,100,500,1000]" :page-size="pageSize" layout="->,prev, pager, next, jumper, sizes,total" :total="total">
</el-pagination>
</template>
</el-tab-pane>
<el-tab-pane name="two">
<span slot="label"><i class="el-icon-menu"></i> 台湾仓单</span>
<template>
<el-table v-loading="loading" :data="warehouseList" border style="width: 100%" stripe id='tbodyID' height="380">
<el-table-column type="selection" width="55" class="selection" prop='uuid'></el-table-column>、
<el-table-column prop="packageno" label="袋号" width="150" sortable/>
<el-table-column prop="totalPackage" label="总袋数" width="150" sortable/>
<el-table-column prop="totalWeight" label="总重量" width="150" sortable/>
<el-table-column prop="gdesc" label="品名" width="150" sortable/>
<el-table-column prop="flightno" label="航班号" width="150" sortable/>
<el-table-column prop="mawb" label="提单号" width="180" sortable>
</el-table-column>
</el-table>
</template>
</el-tab-pane>
<el-tab-pane name="three">
<span slot="label"><i class="el-icon-menu"></i> 不显示数据</span>
<template>
<el-table v-loading="loading" :data="TotalDataCount" border style="width: 100%" stripe id='tbodyID' height="380">
<el-table-column type="selection" width="55" class="selection" prop='uuid'></el-table-column>、
<el-table-column prop="totalcount" label="总票数" width="150" sortable/>
<el-table-column prop="totalpcs" label="总件数" width="150" sortable/>
<el-table-column prop="totalaweight" label="总实际重量" width="150" sortable/>
<el-table-column prop="totalcusvalue" label="总价值" width="150" sortable>
</el-table-column>
<el-table-column prop="totaltariffvalue" label="总关税" width="150" sortable>
</el-table-column>
<el-table-column prop="totalvatvalue" label="总增值税" width="150" sortable>
</el-table-column>
<el-table-column prop="totalconsumptiontax" label="总消费税" width="150" sortable>
</el-table-column>
</el-table>
</template>
</el-tab-pane>
</el-tabs>
</el-main>
<el-footer height="930px">
<el-form :model="ChooseForm">
<el-row>
<el-col :span="2.5">
<el-form-item>
</el-form-item>
<el-form-item style="height:10px ">
<span class="span-label">运单编号</span>
<el-input placeholder="请输入运单号" clearable v-model="quickChooseForm.findbno" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item>
</el-form-item>
<el-form-item style="height:10px ">
<el-button size="mini">查找</el-button>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item>
</el-form-item>
<el-form-item style="height:10px ">
<span class="span-label">全部</span>
<el-input readonly v-model="dealReportData.length" @change="lostInput()" size="mini" style="width: 80px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item>
</el-form-item>
<el-form-item style="height:10px ">
<span class="span-label">已选</span>
<el-input readonly v-model="multipleSelection.length" @change="lostInput()" size="mini" style="width: 80px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item>
</el-form-item>
<el-form-item style="height:10px ">
<span class="span-label">发票类型</span>
<el-select v-model="quickChooseForm.billTypeVule" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:210px">
<el-option v-for="item in billType" :key="item" :label="item" :value="item">
<span style="float: left">{{ item }} </span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item>
</el-form-item>
<el-form-item style="height:15px ">
<el-checkbox v-model="billTypeData">合并发票</el-checkbox>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">起运国别</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-select v-model="quickChooseFormGet[0].countryVule" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:110px">
<el-option v-for="item in countryAreaPart" :key="item.interdna" :label="item.interdna" :value="item.interdna">
<span style="float: left">{{ item.countrycname }} </span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.interdna }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">起运地</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-select v-model="quickChooseForm.sendDeptCode" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:110px">
<el-option v-for="item in cusDepts" :key="item.cusDeptCode" :label="item.cusDeptCode" :value="item.cusDeptCode">
<span style="float: left">{{ item.cusDeptName }} </span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.cusDeptCode }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">目的地</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-select v-model="quickChooseForm.homeDeptCode" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:110px">
<el-option v-for="item in cusDepts" :key="item.cusDeptCode" :label="item.cusDeptCode" :value="item.cusDeptCode">
<span style="float: left">{{ item.cusDeptName }} </span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.cusDeptCode }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">车牌/航班号</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-select v-model="combinationSearchForm.flightno" filterable style="width:130px" size="mini">
<el-option v-for="(value,key) in flightnos" :value="key" :key="key">
<span style="float: left">{{ key }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ value }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">主提运单</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-input placeholder="请输入" clearable v-model="quickChooseFormGet[0].mawb" @change="lostInput()" size="mini" style="width: 130px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">KJ单号/车标号</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-input placeholder="请输入" clearable v-model="quickChooseFormGet[0].kjno" @change="lostInput()" size="mini" style="width: 130px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">币制代码</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-select v-model="quickChooseFormGet[0].cusCurrencySymbol" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:110px">
<el-option v-for="item in currency" :key="item.currencySymbol" :label="item.currencySymbol" :value="item.currencySymbol">
<span style="float: left">{{ item.currencyName }} </span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.currencySymbol }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">贸易方式</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-input placeholder="请输入" clearable v-model="quickChooseForm.tradetype" @change="lostInput()" size="mini" style="width: 80px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">申报类型</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-select v-model="quickChooseFormGet[0].tradeType" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:110px">
<el-option v-for="item in asktype" :key="item" :label="item" :value="item">
<span style="float: left">{{item}} </span>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">航班出发时间</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-date-picker style="width: 180px;" size="mini" v-model="quickChooseForm.customsDateSG" type="datetime" placeholder="选择日期时间" align="right" :picker-options="pickerOptions1">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">抵达时间</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-date-picker style="width: 180px;" size="mini" v-model="quickChooseForm.customsDateSG" type="datetime" placeholder="选择日期时间" align="right" :picker-options="pickerOptions1">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">运输类型</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-select v-model="quickChooseForm.carstypeVule" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:105px">
<el-option v-for="item in carstype" :key="item" :label="item" :value="item">
<span style="float: left">{{ item }} </span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">货物仓储</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-input placeholder="请输入" clearable v-model="quickChooseFormGet[0].storages" @change="lostInput()" size="mini" style="width: 130px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">分公司名称</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-input placeholder="请输入" clearable v-model="quickChooseForm.branchOffice" @change="lostInput()" size="mini" style="width: 130px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">分公司</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-input placeholder="请输入" clearable v-model="quickChooseFormGet[0].branch" @change="lostInput()" size="mini" style="width: 130px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">免检类别</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-select v-model="quickChooseForm.checktypeVule" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:110px">
<el-option v-for="item in checktype" :key="item" :label="item" :value="item">
<span style="float: left">{{item}} </span>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">码头/货场代码</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">不申报及风险完结票数</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="2.5">
<el-form-item style="height:15px ">
<span class="span-label">不申报及风险重量</span>
</el-form-item>
<el-form-item style="height:15px ">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-top:14px">
<el-col>
<el-button size="mini" @click="handleBtn(item)" v-for="item in btnConf[this.TreeBeanList.portCode+this.TreeBeanList.ieFlag]" :key="item.id" style="margin-bottom:5px;" :disabled="item.disableFlag== 0?true :false" :type="item.btnKind == 1?'primary':'success'">
{{item.btnName}}
</el-button>
</el-col>
</el-row>
</el-form>
</el-footer>
</el-container>
</el-container>
</template>
<script>
import { Message, Notification } from "element-ui"
import JsonEdit from "./../../components/jsonEditor.vue" //json对象
import axios from 'axios'
import btnhandle from './edibtnJs/btnhandle.js'
export default {
data() {
return {
radioLabel: 'port',
loading: false,
pageselect: false,
cusDepts: [],
ChooseForm: new Object(),
countries: [],
customBatch: [],
carNumber: [],
treebean: [],
customType: [],
tableData: [],
TotalDataCount: [],
findData: [],
currency: [],
dealReportData: [],
countryAreaPart: [],
tabThree: '',
newDate: '进口口岸表',
newDate1: '出口口岸表',
quickChooseForm: {
quickCustomsDate: new Date(),
customsDateSG: new Date(),
quickCusDeptCode: 'SZX',
quickFact: '',
selectCode: 'one',
findbno: '',
branchOffice: '',
produceDepts: '',
nodeclareWeight: '',
nodeclareNum: '',
tradetype: '',
mawbIE: '',
kjnoIE: '',
billTypeVule: '',
asktypeVule: '',
checktypeVule: '',
carstypeVule: '',
sendDeptCode: '',
homeDeptCode: '',
currencyVule: '',
multipleSelection: [],
},
quickChooseFormGet: [{
countryVule: '',
totalPackage: '',
totalWeight: '',
gdesc: '',
kjno: '',
branch: 'B',
exemptionCode: '',
storages: '',
tradeType: '',
cusCurrencySymbol: '',
flightno: '',
mawb: ''
}],
TreeBeanList: {
portCode: 'SZX',
ieFlag: 'I',
customsDate: new Date(),
flightnoI: '',
type: 'true',
keyI: '',
flightnoE: '',
count: new Array(0, 0, 0, 0),
keyE: '',
veList: '',
cusBatch: '',
totalDataCount: false
},
customBatchProps: {
children: 'children',
label: 'label'
},
billType: new Array("随机商业发票", "单样式发票", "全英文随机商业发票"),
asktype: new Array("0-普通D类", "1-D类区内转关", "2-D类区外转关", "3-C类转D类", "4-漏报"),
checktype: new Array("非免检货物", "外交物品"),
carstype: new Array("空运", "陆运"),
searchPcustom: 1,
notShowData: false,
value: '',
flightnos: [],
bnoText: '',
cusbatchs: [],
filterData: true,
billTypeData: true,
velists: [],
gateTypes: [],
find: false,
//快速选择区中--进口--批次车次
data1: [{
id: 1,
label: '批次车次',
children: []
}],
data2: [{
id: 1,
label: '车牌航班',
children: []
}],
data3: [{
id: 1,
label: '批次车次',
children: []
}],
data4: [{
id: 1,
label: '车牌航班',
children: []
}],
importdefaultProps: {
children: 'children',
label: 'label'
},
combinationSearchForm: {
cusDeptCode: 'SZX',
cusDeptBatch: '',
ieflag: 'I',
customsDate: new Date(),
flightno: '',
cusbatch: '',
velist: '',
gateType: '',
},
reportTableData: [],
warehouseList: [{
packageno: '',
totalPackage: '',
totalWeight: '',
gdesc: '',
flightno: '',
mawb: ''
}],
rowIndex: 0,
pageNum: 1,
pageSize: 10,
currentPage: 1,
total: 0,
multipleSelection: [],
pickerOptions1: {
shortcuts: [{
text: '今天',
onClick(picker) {
picker.$emit('pick', new Date());
}
}, {
text: '昨天',
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24);
picker.$emit('pick', date);
}
}, {
text: '一周前',
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', date);
}
}]
},
value1: '',
value2: '',
btnConf: {},
btnhandle: undefined
}
},
mounted() {
this.btnhandle = new btnhandle.btnHandle(this);
// 初始化口岸下拉框
// this.selectCusdepts();
// 初始化table数据
//this.tableHttp();
//this.ieflagTypesDic = this.$dicTool().getSeletList('BaseSetting.ieflag');
//this.caridTypeDic = this.$dicTool().getSeletList('BaseSetting.cardIdType');
// this.getAllEDISelectList();//加载所有的下拉框数据
this.getModuleOt();
},
methods: {
sizeChange(pageSize) {
this.pageSize = pageSize;
if(this.pageselect) {
this.concreteFindDataI();
} else {
this.concreteFindDataP();
}
},
currentChange(val) {
this.pageNum = val;
if(this.pageselect) {
this.concreteFindDataI();
} else {
this.concreteFindDataP();
}
},
indexMethod(index) {
return index + 1 + (this.pageNum - 1) * this.pageSize;
},
radioChange() {
if('port' == this.radioLabel) {
this.handleNodeClickup();
} else if('custom' == this.radioLabel) {
this.handleNodeClickdown();
} else {
this.clickqueryData();
}
},
getModule() {
this.TreeBeanList.keyI = '';
this.TreeBeanList.keyE = '';
this.TreeBeanList.flightnoI = '';
this.TreeBeanList.flightnoE = '';
this.dealReportData = [];
this.TotalDataCount = [];
this.data1[0].children = [];
this.data2[0].children = [];
this.data3[0].children = [];
this.data4[0].children = [];
this.$httpExt().post("/cas/reviewservice/edireporti/queryEdiReportIList", {
"object": this.TreeBeanList
}).then((response) => {
if(response.succ == "ok") {
this.tableData = response.result.pageInfo.list;
this.rowIndex = response.result.pageInfo.startRow;
this.countries = response.result.dataMap.countries;
this.cusDepts = response.result.dataMap.cusDepts;
this.TreeBeanList.count = response.result.dataMap.count;
this.cusDeptsNum = response.result.dataMap.treebean.length;
this.customBatch = response.result.dataMap.customBatch;
this.carNumber = response.result.dataMap.carNumber;
this.treebean = response.result.dataMap.treebean;
this.customType = response.result.dataMap.customType;
this.countryAreaPart = response.result.dataMap.countryAreaPart;
this.currency = response.result.dataMap.currency;
this.multipleSelection = [];
for(var getmap of this.tableData) {
var map = new Map();
map.id = getmap.id;
map.label = getmap.key;
if(map.label != null && map.label.trim() != '') {
this.data1[0].children.push(map);
}
}
for(var getmap of this.treebean) {
var map = new Map();
map.id = getmap.id;
map.label = getmap.key;
if(map.label != null && map.label.trim() != '') {
this.data3[0].children.push(map);
}
}
for(var getmap of this.tableData) {
var map = new Map();
map.id = getmap.id;
map.label = getmap.flightno;
if(map.label != null && map.label.trim() != '') {
this.data2[0].children.push(map);
}
}
for(var getmap of this.treebean) {
var map = new Map();
map.id = getmap.id;
map.label = getmap.flightno;
if(map.label != null && map.label.trim() != '') {
this.data4[0].children.push(map);
}
}
/* if("three"==this.tabThree){
this.TreeBeanList.totalDataCount=true;}else{
this.TreeBeanList.totalDataCount=false;
}*/
} else {
Notification.error({
title: '异常',
message: response.msg
});
}
}, (response) => {
Notification.error({
title: '异常',
message: response.msg
});
})
},
getModuleOt() {
this.TreeBeanList.keyI = '';
this.TreeBeanList.keyE = '';
this.TreeBeanList.flightnoI = '';
this.TreeBeanList.flightnoE = '';
this.dealReportData = [];
this.TotalDataCount = [];
this.data1[0].children = [];
this.data2[0].children = [];
this.data3[0].children = [];
this.data4[0].children = [];
this.$httpExt().post("/cas/reviewservice/edireportp/queryEdiReportPList", {
"object": this.TreeBeanList
}).then((response) => {
if(response.succ == "ok") {
this.tableData = response.result.pageInfo.list;
this.rowIndex = response.result.pageInfo.startRow;
this.countries = response.result.dataMap.countries;
this.cusDepts = response.result.dataMap.cusDepts;
this.TreeBeanList.count = response.result.dataMap.count;
this.cusDeptsNum = response.result.dataMap.treebean.length;
this.customBatch = response.result.dataMap.customBatch;
this.carNumber = response.result.dataMap.carNumber;
this.treebean = response.result.dataMap.treebean;
this.customType = response.result.dataMap.customType;
this.countryAreaPart = response.result.dataMap.countryAreaPart;
this.multipleSelection = [];
for(var getmap of this.tableData) {
var map = new Map();
map.id = getmap.id;
map.label = getmap.key;
if(map.label != null && map.label.trim() != '') {
this.data1[0].children.push(map);
}
}
for(var getmap of this.treebean) {
var map = new Map();
map.id = getmap.id;
map.label = getmap.key;
if(map.label != null && map.label.trim() != '') {
this.data3[0].children.push(map);
}
}
for(var getmap of this.tableData) {
var map = new Map();
map.id = getmap.id;
map.label = getmap.flightno;
if(map.label != null && map.label.trim() != '') {
this.data2[0].children.push(map);
}
}
for(var getmap of this.treebean) {
var map = new Map();
map.id = getmap.id;
map.label = getmap.flightno;
if(map.label != null && map.label.trim() != '') {
this.data4[0].children.push(map);
}
}
/* if("three"==this.tabThree){
this.TreeBeanList.totalDataCount=true;}else{
this.TreeBeanList.totalDataCount=false;
}*/
// this.updateRowsMap =new Map();
} else {
Notification.error({
title: '异常',
message: response.msg
});
}
}, (response) => {
Notification.error({
title: '异常',
message: response.msg
});
})
},
concreteFindDataI() {
this.loading = true;
this.pageselect = true;
if(this.TreeBeanList.totalDataCount) {
this.$httpExt().post("/cas/reviewservice/edireporti/concreteFindData", {
"object": this.TreeBeanList
}).then((response) => {
if(response.succ == "ok") {
this.TotalDataCount = response.result.pageInfo.list;
this.rowIndex = response.result.pageInfo.startRow;
if(this.TotalDataCount[0].totalcount == 0) {
this.TotalDataCount[0].totalcount = '';
}
if(this.TotalDataCount[0].totalpcs == 0) {
this.TotalDataCount[0].totalpcs = '';
}
if(this.TotalDataCount[0].totalaweight == 0) {
this.TotalDataCount[0].totalaweight = '';
}
if(this.TotalDataCount[0].totalcusvalue == 0) {
this.TotalDataCount[0].totalcusvalue = '';
}
if(this.TotalDataCount[0].totaltariffvalue == 0) {
this.TotalDataCount[0].totaltariffvalue = '';
}
if(this.TotalDataCount[0].totalvatvalue == 0) {
this.TotalDataCount[0].totalvatvalue = '';
}
if(this.TotalDataCount[0].totalconsumptiontax == 0) {
this.TotalDataCount[0].totalconsumptiontax = '';
}
this.loading = false;
// this.updateRowsMap =new Map();
} else {
Notification.error({
title: '异常',
message: response.msg
});
}
}, (response) => {
Notification.error({
title: '异常',
message: response.msg
});
})
} else {
this.$httpExt().post("/cas/reviewservice/edireporti/concreteFindData", {
"pageIndex": this.pageNum,
"pageSize": this.pageSize,
"object": this.TreeBeanList
}).then((response) => {
if(response.succ == "ok") {
this.dealReportData = response.result.pageInfo.list;
this.total = response.result.pageInfo.total;
this.rowIndex = response.result.pageInfo.startRow;
this.loading = false;
if(this.dealReportData.length > 0) {
this.quickChooseFormGet[0].countryVule = this.dealReportData[0].srcCountry;
this.quickChooseFormGet[0].mawb = this.dealReportData[0].mawbIE;
this.quickChooseFormGet[0].kjno = this.dealReportData[0].kjnoIE;
this.quickChooseFormGet[0].cusCurrencySymbol = this.dealReportData[0].cusCurrencySymbolIE;
this.quickChooseFormGet[0].tradeType = this.dealReportData[0].tradeType;
this.quickChooseFormGet[0].storages = this.dealReportData[0].storages;
this.quickChooseFormGet[0].exemptionCode = this.dealReportData[0].exemptionCode;
}
} else {
Notification.error({
title: '异常',
message: response.msg
});
}
}, (response) => {
Notification.error({
title: '异常',
message: response.msg
});
})
}
this.combinationSearchForm.customsDate = this.TreeBeanList.customsDate;
},
concreteFindDataP() {
this.loading = true;
this.pageselect = false;
if(this.TreeBeanList.totalDataCount) {
this.$httpExt().post("/cas/reviewservice/edireportp/concreteFindData", {
"object": this.TreeBeanList
}).then((response) => {
if(response.succ == "ok") {
this.TotalDataCount = response.result.pageInfo.list;
this.rowIndex = response.result.pageInfo.startRow;
if(this.TotalDataCount[0].totalcount == 0) {
this.TotalDataCount[0].totalcount = '';
}
if(this.TotalDataCount[0].totalpcs == 0) {
this.TotalDataCount[0].totalpcs = '';
}
if(this.TotalDataCount[0].totalaweight == 0) {
this.TotalDataCount[0].totalaweight = '';
}
if(this.TotalDataCount[0].totalcusvalue == 0) {
this.TotalDataCount[0].totalcusvalue = '';
}
if(this.TotalDataCount[0].totaltariffvalue == 0) {
this.TotalDataCount[0].totaltariffvalue = '';
}
if(this.TotalDataCount[0].totalvatvalue == 0) {
this.TotalDataCount[0].totalvatvalue = '';
}
if(this.TotalDataCount[0].totalconsumptiontax == 0) {
this.TotalDataCount[0].totalconsumptiontax = '';
}
this.loading = false;
} else {
Notification.error({
title: '异常',
message: response.msg
});
}
}, (response) => {
Notification.error({
title: '异常',
message: response.msg
});
})
} else {
this.$httpExt().post("/cas/reviewservice/edireportp/concreteFindData", {
"pageIndex": this.pageNum,
"pageSize": this.pageSize,
"object": this.TreeBeanList
}).then((response) => {
if(response.succ == "ok") {
this.dealReportData = response.result.pageInfo.list;
this.total = response.result.pageInfo.total;
this.rowIndex = response.result.pageInfo.startRow;
this.loading = false;
if(this.dealReportData.length > 0) {
this.quickChooseFormGet[0].countryVule = this.dealReportData[0].srcCountry;
this.quickChooseFormGet[0].mawb = this.dealReportData[0].mawbIE;
this.quickChooseFormGet[0].kjno = this.dealReportData[0].kjnoIE;
this.quickChooseFormGet[0].cusCurrencySymbol = this.dealReportData[0].cusCurrencySymbolIE;
this.quickChooseFormGet[0].tradeType = this.dealReportData[0].tradeType;
this.quickChooseFormGet[0].storages = this.dealReportData[0].storages;
this.quickChooseFormGet[0].exemptionCode = this.dealReportData[0].exemptionCode;
}
} else {
Notification.error({
title: '异常',
message: response.msg
});
}
}, (response) => {
Notification.error({
title: '异常',
message: response.msg
});
})
}
this.combinationSearchForm.customsDate = this.TreeBeanList.customsDate;
},
handleNodeClick() {
//alert(val.toString());
},
handleNodeClickTabs(tab, event) {
this.tabThree = tab.name;
if("three" == tab.name) {
this.TreeBeanList.totalDataCount = true;
} else {
this.TreeBeanList.totalDataCount = false;
}
},
handleNodeClickPort() {
if(this.find) {
this.getModule();
} else {
this.getModuleOt();
}
},
handleNodeClickDate() {
if(this.find) {
this.getModule();
} else {
this.getModuleOt();
}
},
handleNodeClickup() {
this.find = false;
this.TreeBeanList.type = 'true';
this.newDate = '进口口岸表';
this.newDate1 = '出口口岸表';
this.getModuleOt();
this.dealReportData = [];
},
handleNodeClickdown() {
this.find = true;
this.TreeBeanList.type = 'false';
this.newDate = '进口审单表';
this.newDate1 = '出口审单表';
this.getModule();
this.dealReportData = [];
},
handleSelectionChange(val) {
alert("你好");
},
handleSelectionChangeAll(val) {
alert("你好");
},
lostInput() {
//alert(this.TreeBeanList.portCode);
},
clickqueryData() {
if(this.find) {
this.getModule();
this.warehouseList[0].packageno = '';
this.warehouseList[0].totalPackage = '';
this.warehouseList[0].totalWeight = '';
this.warehouseList[0].gdesc = '';
this.warehouseList[0].flightno = '';
this.warehouseList[0].mawb = '';
} else {
this.getModuleOt();
this.warehouseList[0].packageno = '';
this.warehouseList[0].totalPackage = '';
this.warehouseList[0].totalWeight = '';
this.warehouseList[0].gdesc = '';
this.warehouseList[0].flightno = '';
this.warehouseList[0].mawb = '';
}
},
clickFindAllDataI() {
if(this.find) {
this.TreeBeanList.ieFlag = 'I';
var beanlist = this.TreeBeanList.keyI.split(" ");
this.TreeBeanList.cusBatch = beanlist[0];
this.TreeBeanList.veList = beanlist[1];
this.concreteFindDataI();
if(this.TreeBeanList.cusBatch.length > 6) {
this.quickChooseForm.sendDeptCode = this.TreeBeanList.cusBatch.substring(0, 3);
this.quickChooseForm.homeDeptCode = this.TreeBeanList.cusBatch.substring(this.TreeBeanList.cusBatch.length - 3, this.TreeBeanList.cusBatch.length);
}
} else {
this.TreeBeanList.ieFlag = 'I';
var beanlist = this.TreeBeanList.keyI.split(" ");
this.TreeBeanList.cusBatch = beanlist[0];
this.TreeBeanList.veList = beanlist[1];
this.concreteFindDataP();
if(this.TreeBeanList.cusBatch.length > 6) {
this.quickChooseForm.sendDeptCode = this.TreeBeanList.cusBatch.substring(0, 3);
this.quickChooseForm.homeDeptCode = this.TreeBeanList.cusBatch.substring(this.TreeBeanList.cusBatch.length - 3, this.TreeBeanList.cusBatch.length);
}
}
},
clickFindAllDataE() {
if(this.find) {
this.TreeBeanList.ieFlag = 'E';
var beanlist = this.TreeBeanList.keyE.split(" ");
this.TreeBeanList.cusBatch = beanlist[0];
this.TreeBeanList.veList = beanlist[1];
this.concreteFindDataI();
if(this.TreeBeanList.cusBatch.length > 6) {
this.quickChooseForm.sendDeptCode = this.TreeBeanList.cusBatch.substring(0, 3);
this.quickChooseForm.homeDeptCode = this.TreeBeanList.cusBatch.substring(this.TreeBeanList.cusBatch.length - 3, this.TreeBeanList.cusBatch.length);
}
} else {
this.TreeBeanList.ieFlag = 'E';
var beanlist = this.TreeBeanList.keyE.split(" ");
this.TreeBeanList.cusBatch = beanlist[0];
this.TreeBeanList.veList = beanlist[1];
this.concreteFindDataP();
if(this.TreeBeanList.cusBatch.length > 6) {
this.quickChooseForm.sendDeptCode = this.TreeBeanList.cusBatch.substring(0, 3);
this.quickChooseForm.homeDeptCode = this.TreeBeanList.cusBatch.substring(this.TreeBeanList.cusBatch.length - 3, this.TreeBeanList.cusBatch.length);
}
}
},
inputVerifier() {
var isValid = false;
//对运单号输入区域的校验
for(var s in this.bnoText.split("\n")) {
if(s != '') {
//if(!validateWayBillNo(s.trim())) {
this.bnoText.focus();
//}
}
}
},
getCustomData1(data) {
this.TreeBeanList.keyI = data.label;
this.clickFindAllDataI();
this.searchBtnConfig();
},
getCustomData2(data) {
this.TreeBeanList.flightnoI = data.label;
this.clickFindAllDataI();
this.searchBtnConfig();
},
getCustomData3(data) {
this.TreeBeanList.keyE = data.label;
this.clickFindAllDataE();
this.searchBtnConfig();
},
getCustomData4(data) {
this.TreeBeanList.keyE = data.label;
this.clickFindAllDataE();
this.searchBtnConfig();
},
queryData() {
if(this.combinationSearchForm.cusDeptCode == '') {
Notification.info({
title: '提示',
message: '报关部门不能为空'
});
return;
}
// 进出口标识不能为空
// 根据运单号查询数据
if(this.bnoText != '') {
if(this.notShowData) {
Notification.info({
title: '提示',
message: '不支持不显示数据!'
});
return;
}
queryDataByBnos();
}
},
/*combinationSearchForm: {
cusDeptCode: 'SZX',
ieflag: 'I',
customsDate: new Date(),
flightno:'',
cusbatch: '',
velist:'',
gateType: '',
}*/
//通过运单号查询数据
queryDataByBnos() {
let obj = new Object();
let map = new Map();
map.set('cusDeptCode', this.combinationSearchForm.cusDeptCode);
map.set('ieflag', this.combinationSearchForm.ieflag);
map.set('searchPcustom', this.searchPcustom);
map.set('bnoText', this.bnoText);
/*obj.cusDeptCode = this.combinationSearchForm.cusDeptCode;
obj.ieflag = this.combinationSearchForm.ieflag;
obj.searchPcustom = this.searchPcustom;
obj.bnoText = this.bnoText;*/
let param = {
pageSize: this.pageSize,
//object: obj,
conditions: map,
pageIndex: this.pageIndex
};
this.$httpExt().post('/cas/MSTEST/tmOriginalData/queryDataByBnos', param)
.then((response) => {
if(response.succ == 'ok') {
//this.cusDeptNameCodes = response.result.cusDeptNameCodes ;
} else {
Notification.error({
title: '异常',
message: response.msg
})
}
}, (response) => {
Notification.error({
title: '异常',
message: response.msg
});
});
},
//复选框状态改变
multipleSelected(val) {
this.multipleSelection = val;
if(this.multipleSelection.length > 0) {
this.warehouseList[0].packageno = 0;
this.warehouseList[0].totalPackage = 0;
this.warehouseList[0].totalWeight = 0;
this.warehouseList[0].gdesc = this.multipleSelection[0].gdesc;
this.warehouseList[0].flightno = this.multipleSelection[0].flightnoIE;
this.warehouseList[0].mawb = this.multipleSelection[0].mawbIE;
} else {
this.warehouseList[0].packageno = '';
this.warehouseList[0].totalPackage = '';
this.warehouseList[0].totalWeight = '';
this.warehouseList[0].gdesc = '';
this.warehouseList[0].flightno = '';
this.warehouseList[0].mawb = '';
}
for(var i = 0; i < this.multipleSelection.length; i++) {
if(this.multipleSelection[i].packageno != null) {
this.warehouseList[0].packageno = this.warehouseList[0].packageno + parseInt(this.multipleSelection[i].packageno);
}
if(this.multipleSelection[i].packagenum != null) {
this.warehouseList[0].totalPackage = this.warehouseList[0].totalPackage + parseInt(this.multipleSelection[i].packagenum);
}
if(this.multipleSelection[i].aweightIE != null) {
this.warehouseList[0].totalWeight = this.warehouseList[0].totalWeight + parseInt(this.multipleSelection[i].aweightIE);
}
}
if(this.warehouseList[0].packageno == 0) {
this.warehouseList[0].packageno = '';
}
if(this.warehouseList[0].totalPackage == 0) {
this.warehouseList[0].totalPackage = '';
}
if(this.warehouseList[0].totalWeight == 0) {
this.warehouseList[0].totalWeight = '';
}
},
searchBtnConfig() {
let param = {
'portCode': this.TreeBeanList.portCode,
'ieFlag': this.TreeBeanList.ieFlag
};
let key = param.portCode + param.ieFlag;
if(this.btnConf[key] != undefined && this.btnConf[key].length > 0) {
return;
}
this.$httpExt().post(this.$appConfig.proxyPath.review() + "/ediBtnConfigService/findBtnConfig", param)
.then((response) => {
let result = response.result;
this.btnConf[key] = result;
}, (response) => {
Notification.error({
title: '异常',
message: response.msg
});
});
},
handleBtn(btn) {
if(this.btnhandle[btn.jsMethod] != undefined && typeof this.btnhandle[btn.jsMethod] == 'function') {
this.btnhandle[btn.jsMethod](btn);
}
}
}
}
</script>
<style lang="less" scoped>
.el-header,
.el-footer {
padding: 0px;
background-color: #ffffff;
color: #333;
text-align: left;
}
.el-aside,
.el-tabs {
background-color: #ffffff;
}
.el-aside {
background-color: #ffffff;
color: #333;
text-align: left;
height: 1550px;
margin: 0px;
padding: 0px;
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
}
.aside01 {
background-color: #ffffff;
color: #333;
text-align: left;
height: 120px;
margin: 0px;
padding: 0px;
}
.aside02 {
background-color: #ffffff;
color: #333;
text-align: left;
height: 219px;
margin: 0px;
padding: 0px;
}
.aside03 {
background-color: #ffffff;
color: #333;
text-align: left;
height: 500px;
margin: 0px;
padding: 0px;
}
.el-main {
background-color: #E9EEF3;
color: #333;
text-align: center;
height: 500px;
padding: 0px;
}
.container {
border-top: solid #F0F0F0 5px;
border-left: solid #F0F0F0 5px;
border-right: solid #F0F0F0 5px;
border-bottom: solid #F0F0F0 5px;
}
/*.el-container:nth-child(7) .el-aside {
line-height: 320px;
}*/
.el-row {
margin-bottom: 0px;
margin: 0px;
padding: 0px;
&:last-child {
margin-bottom: 0;
margin: 0px;
padding: 0px;
}
}
.quickArea {
border: 1px solid #ffffff;
padding: 0px;
/*//控制aside区域横向滑动条*/
margin-bottom: 0px;
}
.span-title {
font-size: 14px;
color: #5e6d82;
line-height: 1em
}
.span-label {
font-size: 14px;
color: #000000;
line-height: 1.5em
}
.importExportArea_quick {
width: 205px;
height: 188px;
margin: 0px;
padding: 0px;
margin-top: 0px;
}
.importExportArea_quickArea {
margin: 0;
padding: 0;
width: 205px;
height: 450px;
margin-top: 0px;
}
.el-tab-pane,
.el-tabs,
.el-table,
.el-table-column,
.el-main,
.template,
.div {
margin: 0px;
padding: 0px;
}
.combinationSearchArea {
border: 0px;
margin: 0px;
padding: 0px;
}
.span-title {
font-size: 14px;
color: #5e6d82;
line-height: 1.5em
}
.span-label {
font-size: 14px;
color: #5e6d82;
line-height: 1.5em
}
.el-table thead th {
text-align: center;
}
.el-form-item {
margin: 0px 0px 13px 0px;
padding: 0px 0px 0px 0px;
}
.el-form{
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
}
.formchange{
margin: 0px;
padding: 0px;
}
.formface{
margin: 7px 0px 0px 0px;
}
.leftcontainer{
text-align: left;
}
</style>
浙公网安备 33010602011771号