<template>
<el-container>
<el-aside width="220px">
<el-container class="leftcontainer">
<el-aside 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:205px" v-loading="treeLoading" element-loading-text="拼命加载中,请稍候...">
<span class="span-title">
<el-tree :data="data1" :props="customBatchProps" @node-click="getCustomData1" default-expand-all :highlight-current="node1">
</el-tree>
</span>
<span class="span-title">
<el-tree :data="data2" :props="customBatchProps" @node-click="getCustomData2" default-expand-all :highlight-current="node2">
</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:205px" v-loading="treeLoading" element-loading-text="拼命加载中,请稍候...">
<span class="span-title">
<el-tree :data="data3" :props="customBatchProps" @node-click="getCustomData3" default-expand-all :highlight-current="node3">
</el-tree>
</span>
<span class="span-title">
<el-tree :data="data4" :props="customBatchProps" @node-click="getCustomData4" default-expand-all :highlight-current="node4">
</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="selectData.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" :key="key" :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" :key="key" :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:16px ">
<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="suppleForm.flightno" filterable style="width:130px" size="mini">
<el-option v-for="(value,key) in flightnos" :key="key" :value="key">
<span style="float: left">{{ key }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ value }}</span>
</el-option>
</el-select>-->
<span style="float: right; height:0px">
<ic-car-flight-select v-model="suppleForm.flightno" widthvalue="130"></ic-car-flight-select>
</span>
</el-form-item>
<el-form-item style="height:13px ">
<span class="span-label">导入运单号</span>
</el-form-item>
<el-form-item>
<div @mouseenter="dataDetailsIn" >
<span style="float: right; height:0px">
<upload-bnos slot="reference" v-model="bnoSelect" id="exp310Bno" :widthvalue="130" size="mini"></upload-bnos>
</span>
</div>
<!-- @mouseleave="dataDetailsOut"-->
<span style="float: right; height:0px">
<el-popover
placement="bottom-start"
trigger="click">
<el-table :data="gridData" max-height="250">
<el-table-column align="center" type="index" width="50" label="序号" :index="indexMethodBno"> </el-table-column>
<el-table-column align="center" width="150" label="运单号">
<template slot-scope="scope">{{ scope.row }}</template>
</el-table-column>
</el-table>
<el-button size="mini" id="hoverData" slot="reference">click 激活</el-button>
</el-popover>
</span>
</el-form-item>
</el-col>
</el-form>
<el-form :model="ChooseForm">
<el-col :span="2.5">
<el-form-item style="height:62px ">
</el-form-item>
<el-form-item style="height:13px ">
<el-button size="mini" @click="queryDataRight">查询数据</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-->
<div class="batchExportDialog">
<el-dialog :title="batchExportTitle" :visible.sync="batchExportVisible" :close-on-click-modal="false" @close="batchExportClose" @open="batchExportOpen" center>
<!--<span class="demonstration">模板选择: </span>
<el-select placeholder="请选择" size='mini' filterable @change="lostModelInput()" prop="batchMoudleName">
<el-option v-model="batchMoudleName" v-for="item in moudleArr" :key="item.modulename" :label="item.modulename" :value="item.modulename">
<span style="float: left; color: #8492a6; font-size: 13px">{{ item.modulename }} </span>
</el-option>
</el-select>-->
<el-form :model="moudleNames" label-width="300px">
<el-form-item label="模板选择: " prop="batchMoudleName" center>
<el-select v-model="moudleNames.batchMoudleName" placeholder="请选择" size="mini" filterable @change="lostModelInput()">
<el-option v-for="item in moudleArr" :key="item.modulename" :label="item.modulename" :value="item.modulename">
<span style="float: left">{{ item.modulename }}</span>
</el-option>
</el-select>
</el-form-item>
</el-form>
<br>
<br>
<template>
<div >
<el-transfer v-model="batchValue" filterable :left-default-checked="[]" :right-default-checked="[]" :render-content="renderFunc" :titles="['不需要导出的数据', '需要导出的数据']" :format="{
noChecked: '${total}',
hasChecked: '${checked}/${total}'
}" :data="batchData">
</el-transfer>
</div>
</template>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogCancel">取 消</el-button>
<el-button type="primary" @click="dialogSubmit">确 定</el-button>
</div>
</el-dialog>
</div>
<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="360">
<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 show-overflow-tooltip/>
<el-table-column prop="subWaybillNo" label="子运单号" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="gdescIE" label="托寄物内容" width="250" sortable show-overflow-tooltip/>
<el-table-column prop="aweightIE" label="实际重量" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="meterageWeight" label="计费重量" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="weightUnitIE" label="重量单位" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="countuniIE" label="数量/单位" width="250" sortable show-overflow-tooltip/>
<el-table-column prop="pcsIE" label="件数" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="cusValueIE" label="申报价值" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="cusCurrencySymbolIE" label="申报币别" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="priceIE" label="单价" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="invoiceValue" label="发票申报价值" width="150" sortable show-overflow-tooltip/>
<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 show-overflow-tooltip/>
<el-table-column prop="srcCodeIE" label="原寄地代码" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="srcNameIE" label="原寄地名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="desCodeIE" label="目的地代码" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="desNameIE" label="目的地名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="gateTypeIE" label="报关类型" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="customsDateIE" label="报关日期" width="150" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.customsDateIE == null ? "":$format((new Date(scope.row.customsDateIE)).getTime(),'yyyy-MM-dd')}}
</template>
</el-table-column>
<el-table-column prop="expCustomsDateIE" label="预报关日期" width="150" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.expCustomsDateIE == null ? "":$format((new Date(scope.row.expCustomsDateIE)).getTime(),'yyyy-MM-dd')}}
</template>
</el-table-column>
<el-table-column prop="cusTypeIE" label="税金类别" width="150" sortable show-overflow-tooltip>
<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 show-overflow-tooltip>
<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 show-overflow-tooltip/>
<el-table-column prop="expCusbatchIE" label="预报关批次" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="cusBatchIE" label="实际报关批次" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="veListIE" label="车次" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="companySrc" label="寄件公司" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="addrSrc" label="寄件地址" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="pnameSrc" label="寄件联络人" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="telSrc" label="寄件电话" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="mobileSrc" label="寄件手机" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="unionNoSrc" label="寄件公司统编号" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="srcBusinessUnitCodeIE" label="寄件公司经营单位编码" width="200" sortable show-overflow-tooltip/>
<el-table-column prop="postalCodeSrc" label="寄件地址邮政编码" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="cityCodeSrc" label="寄件城市三字代码" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="cityNameSrc" label="寄件人城市名称" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="stateNameSrc" label="寄件州、省名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="countrySrc" label="寄件国别代码" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="countryCodeSrc" label="寄件国别数字代码" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="countryNameSrc" label="寄件国别地区名称" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="desCompany" label="收件公司" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="desAddr" label="收件地址" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="desPersonName" label="收件联络人" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="tel" label="收件电话" width="150" show-overflow-tooltip />
<el-table-column prop="mobile" label="收件手机" width="150" show-overflow-tooltip />
<el-table-column prop="unionNo" label="收件公司统编号" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="desBusinessUnitCodeIE" label="收件公司经营单位编码" width="200" sortable show-overflow-tooltip/>
<el-table-column prop="postalCode" label="收件地址邮政编码" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="cityCode" label="收件城市三字代码" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="cityName" label="收件城市名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="stateName" label="收件州、省名称" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="country" label="收件国别地区代码" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="countryCode" label="收件国别数字代码" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="countryName" label="收件国别地区名称" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="tariffIE" label="关税税率" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="tariffValueIE" label="关税" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="vatIE" label="增值税税率" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="vatValueIE" label="增值税" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="consumeIE" label="消费税税率" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="consumeValueIE" label="消费税" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="payCustType" label="付款方式" width="150" sortable show-overflow-tooltip>
<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 show-overflow-tooltip/>
<el-table-column prop="insurance" label="保险费" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="serviceCharge" label="服务费" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="miscellaneous" label="杂费" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="sendDate" label="寄件日期" width="150" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.sendDate == null ? "":$format((new Date(scope.row.sendDate)).getTime(),'yyyy-MM-dd')}}
</template>
</el-table-column>
<el-table-column prop="sendTime" label="寄件时间" width="150" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.sendTime == null ? "":$format((new Date(scope.row.sendTime)).getTime(),'hh:mm:ss')}}
</template>
</el-table-column>
<el-table-column prop="sendGlTime" label="寄件格林时间" width="150" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.sendGlTime == null ? "":$format((new Date(scope.row.sendGlTime)).getTime(),'yyyy-MM-dd hh:mm:ss')}}
</template>
</el-table-column>
<el-table-column prop="packageno" label="袋(包)号" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="packagenum" label="袋(包)数" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="expressType" label="快件类型" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="fdacode" label="FDA指标" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="packing" label="包装方式" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="storages" label="货物存处" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="mawbIE" label="主提单号" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="kjnoIE" label="KJ单号" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="flightnoIE" label="运输工具" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="transportCompanyName" label="运输公司名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="startCityCodeIE" label="始发口岸代码" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="startCityNameIE" label="始发口岸名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="endCityCodeIE" label="目的口岸代码" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="endCityNameIE" label="目的口岸名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="exemptionCode" label="征免性质代码" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="exemptionName" label="征免性质名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="clearanceCode" label="验放代码" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="containerno" label="集装箱号" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="tradeType" label="贸易方式" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="transactionMethodCode" label="成交方式代码" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="transactionMethodName" label="成交方式名称" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="transportModeIE" label="运输方式" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="dataSource" label="数据来源" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="opdt" label="操作日期" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="oparea" label="操作地区" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="opGlTime" label="操作格林时间" width="150" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.opGlTime == null ? "":$format((new Date(scope.row.opGlTime)).getTime(),'yyyy-MM-dd hh:mm:ss')}}
</template>
</el-table-column>
<el-table-column prop="note" label="备注" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="updateTimeIE" label="修改时间" width="180" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.updateTimeIE == null ? "":$format((new Date(scope.row.updateTimeIE)).getTime(),'yyyy-MM-dd hh:mm:ss')}}
</template>
</el-table-column>
<el-table-column prop="updateEmpIE" label="修改人" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="modifyArea" label="修改地区" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="modifyGlTime" label="修改格林时间" width="150" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.modifyGlTime == null ? "":$format((new Date(scope.row.modifyGlTime)).getTime(),'yyyy-MM-dd hh:mm:ss')}}
</template>
</el-table-column>
<el-table-column prop="gdescEnIE" label="托寄物内容翻译" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="companyEnSrc" label="寄件公司翻译" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="addrEnSrc" label="寄件地址翻译" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="pnameEnSrc" label="寄件联络人翻译" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="companyEn" label="收件公司翻译" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="addrEn" label="收件地址翻译" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="pnameEn" label="收件联络人翻译" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="trFlag" label="翻译标示" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="sadinfo" label="参考资料审核途径" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="selected" label="是否选择" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="upsign" label="修改标志" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="adSignIE=='0'?'未审核':'审核'" label="审核标志" width="150" sortable show-overflow-tooltip>
<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 show-overflow-tooltip/>
<el-table-column prop="passign" label="清关标志" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="confirmGlTime" label="审核确认格林时间" width="180" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.confirmGlTime == null ? "":$format((new Date(scope.row.confirmGlTime)).getTime(),'yyyy-MM-dd hh:mm:ss')}}
</template>
</el-table-column>
<el-table-column prop="confirmArea" label="审核确认地区" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="confirmTime" label="审核确认时间" width="150" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.confirmTime == null ? "":$format((new Date(scope.row.confirmTime)).getTime(),'yyyy-MM-dd hh:mm:ss')}}
</template>
</el-table-column>
<el-table-column prop="confirmby" label="审核确认人" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="auditArea" label="审核地区" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="auditGlTime" label="审核格林时间" width="150" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.auditGlTime == null ? "":$format((new Date(scope.row.auditGlTime)).getTime(),'yyyy-MM-dd hh:mm:ss')}}
</template>
</el-table-column>
<el-table-column prop="auditBy" label="审核人" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="auditTime" label="审核时间" width="150" sortable show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.auditTime == null ? "":$format((new Date(scope.row.auditTime)).getTime(),'yyyy-MM-dd hh:mm:ss')}}
</template>
</el-table-column>
<el-table-column prop="psrcnmIE" label="列印原寄地代码" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="pdesnmIE" label="列印目的地代码" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="bak1" label="备用字段1" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="bak2" label="备用字段2" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="bak3" label="备用字段3" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="bak4" label="备用字段4" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="countryIE" label="原产地" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="feeCurrencyTypeIE" label="运费币别" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="tranflag" label="品名精确翻译匹配标志" width="200" sortable show-overflow-tooltip/>
<el-table-column prop="hscodeflag" label="商品编码精确匹配标志" width="200" sortable show-overflow-tooltip/>
<el-table-column prop="goodsSignIE" label="敏感品名标志" width="180" sortable show-overflow-tooltip>
<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 show-overflow-tooltip/>
<el-table-column prop="ediFlag" label="edi标志" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="valueSignIE" label="敏感价值标记" width="150" sortable show-overflow-tooltip>
<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 show-overflow-tooltip>
<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 show-overflow-tooltip>
<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 show-overflow-tooltip/>
<el-table-column prop="desCardidType" label="证件类型" width="150" sortable show-overflow-tooltip>
<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 show-overflow-tooltip/>
<el-table-column prop="oriOrderId" label="原始订单号" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="productRecordNoIE" label="产品国检备案编号" width="180" sortable show-overflow-tooltip/>
<el-table-column prop="customerAcctCode" label="月结卡号" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="applicationNoIE" label="申请单编号" width="150" sortable show-overflow-tooltip/>
<el-table-column prop="goodsBarcodeIE" label="商品国条码" width="150" sortable show-overflow-tooltip/>
</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="warehouseListGet" 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="TotalDataCountGet" 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="suppleForm.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="suppleForm.billTypeVule" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:210px">
<el-option v-for="item in billType" :key="item.value" :label="item.name" :value="item.value">
<span style="float: left">{{ item.name }} </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="suppleForm.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="suppleForm.countrySrc" @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="suppleForm.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="suppleForm.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="suppleForm.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>-->
<span style="float: right; height:0px">
<ic-car-flight-select v-model="suppleForm.flightno" widthvalue="130"></ic-car-flight-select>
</span>
</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="suppleForm.mawbIE" @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="suppleForm.kjnoIE" @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="suppleForm.cusCurrencySymbolIE" @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="suppleForm.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="suppleForm.reportType" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:110px">
<el-option v-for="item in asktype" :key="item.value" :label="item.name" :value="item.value">
<span style="float: left">{{item.name}} </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="suppleForm.quickCustomsDate" 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="suppleForm.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="suppleForm.carstypeVule" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:105px">
<el-option v-for="item in carstype" :key="item.value" :label="item.name" :value="item.value">
<span style="float: left">{{ item.name }} </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="suppleForm.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="suppleForm.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="suppleForm.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="suppleForm.checktypeVule" @change="handleNodeClick" placeholder="请选择" size="mini" filterable style="width:110px">
<el-option v-for="item in checktype" :key="item.value" :label="item.name" :value="item.value">
<span style="float: left">{{item.name}} </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="suppleForm.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="suppleForm.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="suppleForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
</el-col>
<div class="index" v-loading="screenLoading" element-loading-text="拼命导出中,请稍候..."/>
</el-row>
<el-row style="margin-top:20px">
<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="primary" :icon="item.btnKind == 1?'':'el-icon-edit'">
{{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 {
carNoOff:false,
node1: false,
node2: false,
node3: false,
node4: false,
radioLabel: 'port',
loading: false,
pageselect: false,
cusDepts: [],
ChooseForm: new Object(),
countries: [],
customBatch: [],
carNumber: [],
treebean: [],
customType: [],
TotalDataCount: {
totalpcs:'',
totalaweight:'',
totalcusvalue:'',
totaltariffvalue:'',
totalvatvalue:'',
totalconsumptiontax:''
},
hoverData:'',
gridData: [],
TotalDataCountGet:[],
findData: [],
currency: [],
treeI01:[],
treeE01:[],
treeI02:[],
treeE02:[],
dealReportData: [],
countryAreaPart: [],
newDate: '进口口岸表',
newDate1: '出口口岸表',
quickChooseForm: {
quickCusDeptCode: 'SZX',
quickFact: '',
selectCode: 'one',
mawbIE: '',
kjnoIE: '',
asktypeVule: '',
currencyVule: '',
multipleSelection: [],
},
suppleForm: {
findbno: '',//运单编号
quickCustomsDate: new Date(),//航班出发时间
customsDateSG: new Date(),//航班抵达时间
carstypeVule: '',//运输类型
billTypeVule: '0',//发票类型
countrySrc: '',//起运国别
billTypeData: true,//合并发票
sendDeptCode: '',//起运地
homeDeptCode: '',//目的地
kjnoIE: '',//kj运单
branch: 'B',//分公司
storages: 'C2038',//货物仓储
tradeType: '',//贸易方式
reportType: '0',//申报类型tradeType
cusCurrencySymbolIE: '',//币制代码
branchOffice: '',//分公司名称
flightno: '',//车牌航班号//运输工具
checktypeVule: '',//免检类别
produceDepts: '',//码头/货场代码
nodeclareNum: '',//不申报及风险完结票数
nodeclareWeight: '',//不申报及风险重量
mawbIE: ''//主提运单
},
searchForm:{
bno:''
},
selectData:{
portCode: '',
},
bnoSelect:null,
treeBeanList: {
id:'',
first:'Y',
portCode: '',
ieFlag: 'I',
customsDate: new Date(),
flightnoI: '',
type: 'true',
keyI: '',
flightnoE: '',
keyE: '',
veList: '',
cusBatch: '',
totalDataCount: false,
tabThree: '',
gateType:'A',
bnoSelection:new Array(),
uuid:'',
totalCountdata:[],
warehouseList:[],
suppleForm:[],
bnoSelect:null
},
batuuid:'',
customBatchProps: {
children: 'children',
label: 'label'
},
billType: [{"name":"随机商业发票","value":"0"},{"name":"单样式发票","value":"1"},{"name":"全英文随机商业发票","value":"2"}],
asktype: [{"name":"0-普通D类","value":"0"},{"name":"1-D类区内转关","value":"1"},{"name":"3-C类转D类","value":"3"},{"name":"2-D类区外转关","value":"2"},{"name":"4-漏报","value":"4"}],
checktype: [{"name":"非免检货物","value":"0"},{"name":"外交物品","value":"1"}],
carstype: [{"name":"空运","value":"0"},{"name":"陆运","value":"1"}],
searchPcustom: 1,
notShowData: false,
value: '',
flightnos: [],
bnoText: '',
cusbatchs: [],
filterData: true,
velists: [],
gateTypes: [],
find: false,
screenLoading: false, // 加载中
treeLoading: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: [],
warehouseListGet:[],
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,
batchExportTitle : '批量导出',
batchExportVisible: false,
batchValue:[],
batchData:[],
moudleArr:[],
moudleNames: {
batchMoudleName: "",
},
}
},
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();
this.hoverData = document.getElementById('hoverData');
},
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;
},
indexMethodBno(index) {
return index + 1;
},
radioChange() {
if('port' == this.radioLabel) {
this.handleNodeClickup();
} else if('custom' == this.radioLabel) {
this.handleNodeClickdown();
} else {
this.clickqueryData();
}
},
getModule() {
if(this.treeBeanList.customsDate == null || this.treeBeanList.customsDate == '') {
Notification.info({
title: '提示',
message: '报关日期不能为空！'
});
return;
}
if(this.treeBeanList.first!='Y'){
if(this.treeBeanList.portCode == null || this.treeBeanList.portCode == '') {
Notification.info({
title: '提示',
message: '报关部门不能为空！'
});
return;
}
this.treeLoading=true;
}
this.treeBeanList.keyI = '';
this.treeBeanList.keyE = '';
this.treeBeanList.flightnoI = '';
this.treeBeanList.flightnoE = '';
this.dealReportData = [];
this.TotalDataCountGet = [];
this.data1[0].children = [];
this.data2[0].children = [];
this.data3[0].children = [];
this.data4[0].children = [];
this.treeBeanList.suppleForm=this.suppleForm;
this.treeBeanList.warehouseList=this.warehouseList;
this.treeBeanList.totalCountdata=this.TotalDataCount;
this.$httpExt().post("/cas/reviewservice/edireporti/queryEdiReportIList", {
"object": this.treeBeanList
}).then((response) => {
if(response.succ == "ok") {
this.rowIndex = response.result.pageInfo.startRow;
this.countries = response.result.dataMap.countries;
this.cusDepts = response.result.dataMap.cusDepts;
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.treeI01=response.result.dataMap.listTreeI;
this.treeE01=response.result.dataMap.listTreeE;
this.treeBeanList.portCode=response.result.dataMap.portCode;
this.treeBeanList.first=null;
this.multipleSelection = [];
this.data1[0].children = [];
this.data2[0].children = [];
this.data3[0].children = [];
this.data4[0].children = [];
for(var getmap of this.treeI01) {
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.treeE01) {
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.treeI01) {
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.treeE01) {
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);
}
}
this.treeLoading=false;
/* 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() {
if(this.treeBeanList.customsDate == null || this.treeBeanList.customsDate == '') {
Notification.info({
title: '提示',
message: '报关日期不能为空！'
});
return;
}
if(this.treeBeanList.first!='Y'){
if(this.treeBeanList.portCode == null || this.treeBeanList.portCode == '') {
Notification.info({
title: '提示',
message: '报关部门不能为空！'
});
return;
}
this.treeLoading=true;
}
this.treeBeanList.keyI = '';
this.treeBeanList.keyE = '';
this.treeBeanList.flightnoI = '';
this.treeBeanList.flightnoE = '';
this.dealReportData = [];
this.TotalDataCountGet = [];
this.data1[0].children = [];
this.data2[0].children = [];
this.data3[0].children = [];
this.data4[0].children = [];
this.treeBeanList.suppleForm=this.suppleForm;
this.treeBeanList.warehouseList=this.warehouseList;
this.treeBeanList.totalCountdata=this.TotalDataCount;
this.$httpExt().post("/cas/reviewservice/edireportp/queryEdiReportPList", {
"object": this.treeBeanList
}).then((response) => {
if(response.succ == "ok") {
this.rowIndex = response.result.pageInfo.startRow;
this.countries = response.result.dataMap.countries;
this.cusDepts = response.result.dataMap.cusDepts;
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.treeI02=response.result.dataMap.listTreeI;
this.treeE02=response.result.dataMap.listTreeE;
this.treeBeanList.portCode=response.result.dataMap.portCode;
this.treeBeanList.first=null;
this.multipleSelection = [];
this.data1[0].children = [];
this.data2[0].children = [];
this.data3[0].children = [];
this.data4[0].children = [];
for(var getmap of this.treeI02) {
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.treeE02) {
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.treeI02) {
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.treeE02) {
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);
}
}
this.treeLoading=false;
/* 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;
this.treeBeanList.gateType=this.combinationSearchForm.gateType;
this.treeBeanList.suppleForm=this.suppleForm;
this.treeBeanList.warehouseList=this.warehouseList;
this.treeBeanList.totalCountdata=this.TotalDataCount;
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.totalcount == 0) {
this.TotalDataCount.totalcount = '';
}
if(this.TotalDataCount.totalpcs == 0) {
this.TotalDataCount.totalpcs = '';
}
if(this.TotalDataCount.totalaweight == 0) {
this.TotalDataCount.totalaweight = '';
}
if(this.TotalDataCount.totalcusvalue == 0) {
this.TotalDataCount.totalcusvalue = '';
}
if(this.TotalDataCount.totaltariffvalue == 0) {
this.TotalDataCount.totaltariffvalue = '';
}
if(this.TotalDataCount.totalvatvalue == 0) {
this.TotalDataCount.totalvatvalue = '';
}
if(this.TotalDataCount.totalconsumptiontax == 0) {
this.TotalDataCount.totalconsumptiontax = '';
}
this.loading = false;
this.TotalDataCountGet=this.TotalDataCount;
// 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.suppleForm.countrySrc = this.dealReportData[0].countrySrc;
this.suppleForm.mawbIE = this.dealReportData[0].mawbIE;
this.suppleForm.kjnoIE = this.dealReportData[0].kjnoIE;
this.suppleForm.cusCurrencySymbolIE = this.dealReportData[0].cusCurrencySymbolIE;
this.suppleForm.tradeType = this.dealReportData[0].tradeType;
this.suppleForm.storages = this.dealReportData[0].storages;
this.suppleForm.produceDepts=this.dealReportData[0].customsFieldExp;
}
} 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;
this.treeBeanList.gateType=this.combinationSearchForm.gateType;
this.treeBeanList.suppleForm=this.suppleForm;
this.treeBeanList.warehouseList=this.warehouseList;
this.treeBeanList.totalCountdata=this.TotalDataCount;
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.totalcount == 0) {
this.TotalDataCount.totalcount = '';
}
if(this.TotalDataCount.totalpcs == 0) {
this.TotalDataCount.totalpcs = '';
}
if(this.TotalDataCount.totalaweight == 0) {
this.TotalDataCount.totalaweight = '';
}
if(this.TotalDataCount.totalcusvalue == 0) {
this.TotalDataCount.totalcusvalue = '';
}
if(this.TotalDataCount.totaltariffvalue == 0) {
this.TotalDataCount.totaltariffvalue = '';
}
if(this.TotalDataCount.totalvatvalue == 0) {
this.TotalDataCount.totalvatvalue = '';
}
if(this.TotalDataCount.totalconsumptiontax == 0) {
this.TotalDataCount.totalconsumptiontax = '';
}
this.loading = false;
this.TotalDataCountGet=this.TotalDataCount;
} 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.suppleForm.countrySrc = this.dealReportData[0].countrySrc;
this.suppleForm.mawbIE = this.dealReportData[0].mawbIE;
this.suppleForm.kjnoIE = this.dealReportData[0].kjnoIE;
this.suppleForm.cusCurrencySymbolIE = this.dealReportData[0].cusCurrencySymbolIE;
this.suppleForm.tradeType = this.dealReportData[0].tradeType;
this.suppleForm.storages = this.dealReportData[0].storages;
this.suppleForm.produceDepts=this.dealReportData[0].customsFieldExp;
}
} 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.treeBeanList.tabThree = tab.name;
if("three" == tab.name) {
this.treeBeanList.totalDataCount = true;
} else {
this.treeBeanList.totalDataCount = false;
}
},
handleNodeClickPort() {
this.selectData.portCode=this.treeBeanList.portCode;
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.packageno = '';
this.warehouseList.totalPackage = '';
this.warehouseList.totalWeight = '';
this.warehouseList.gdesc = '';
this.warehouseList.flightno = '';
this.warehouseList.mawb = '';
this.warehouseListGet='';
} else {
this.getModuleOt();
this.warehouseList.packageno = '';
this.warehouseList.totalPackage = '';
this.warehouseList.totalWeight = '';
this.warehouseList.gdesc = '';
this.warehouseList.flightno = '';
this.warehouseList.mawb = '';
this.warehouseListGet='';
}
},
clickFindAllDataI() {
this.treeBeanList.bnoSelect =null;
if(this.find) {
this.treeBeanList.ieFlag = 'I';
var beanlist = this.treeBeanList.keyI.split(" ");
if(this.carNoOff){
this.treeBeanList.cusBatch = beanlist[0];
this.treeBeanList.veList = beanlist[1];
}
this.concreteFindDataI();
if(this.treeBeanList.cusBatch!=null&&this.treeBeanList.cusBatch.length > 6) {
this.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.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(" ");
if(this.carNoOff){
this.treeBeanList.cusBatch = beanlist[0];
this.treeBeanList.veList = beanlist[1];
}
this.concreteFindDataP();
if(this.treeBeanList.cusBatch!=null&&this.treeBeanList.cusBatch.length > 6) {
this.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.homeDeptCode = this.treeBeanList.cusBatch.substring(this.treeBeanList.cusBatch.length - 3, this.treeBeanList.cusBatch.length);
}
}
},
clickFindAllDataE() {
this.treeBeanList.bnoSelect =null;
if(this.find) {
this.treeBeanList.ieFlag = 'E';
var beanlist = this.treeBeanList.keyE.split(" ");
if(this.carNoOff){
this.treeBeanList.cusBatch = beanlist[0];
this.treeBeanList.veList = beanlist[1];
}
this.concreteFindDataI();
if(this.treeBeanList.cusBatch!=null&&this.treeBeanList.cusBatch.length > 6) {
this.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.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(" ");
if(this.carNoOff){
this.treeBeanList.cusBatch = beanlist[0];
this.treeBeanList.veList = beanlist[1];
}
this.concreteFindDataP();
if(this.treeBeanList.cusBatch!=null&&this.treeBeanList.cusBatch.length > 6) {
this.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.homeDeptCode = this.treeBeanList.cusBatch.substring(this.treeBeanList.cusBatch.length - 3, this.treeBeanList.cusBatch.length);
}
}
},
/* clickFindAllDataNoI() {
this.treeBeanList.bnoSelect =null;
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.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.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.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.homeDeptCode = this.treeBeanList.cusBatch.substring(this.treeBeanList.cusBatch.length - 3, this.treeBeanList.cusBatch.length);
}
}
},
clickFindAllDataNoE() {
this.treeBeanList.bnoSelect =null;
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.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.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.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.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.carNoOff=true;
this.suppleForm.flightno=null;
this.treeBeanList.id = data.id;
this.treeBeanList.keyI = data.label;
this.clickFindAllDataI();
this.searchBtnConfig();
this.node1=true;
this.node2=false;
this.node3=false;
this.node4=false;
},
getCustomData2(data) {
this.carNoOff=false;
this.treeBeanList.cusBatch=null;
this.treeBeanList.id = data.id;
this.suppleForm.flightno=data.label;
this.treeBeanList.flightnoI = data.label;
this.clickFindAllDataI();
this.searchBtnConfig();
this.node1=false;
this.node2=true;
this.node3=false;
this.node4=false;
},
getCustomData3(data) {
this.carNoOff=true;
this.suppleForm.flightno=null;
this.treeBeanList.id = data.id;
this.treeBeanList.keyE = data.label;
this.clickFindAllDataE();
this.searchBtnConfig();
this.node1=false;
this.node2=false;
this.node3=true;
this.node4=false;
},
getCustomData4(data) {
this.carNoOff=false;
this.treeBeanList.cusBatch=null;
this.treeBeanList.id = data.id;
this.suppleForm.flightno=data.label;
this.treeBeanList.flightnoE = data.label;
this.clickFindAllDataE();
this.searchBtnConfig();
this.node1=false;
this.node2=false;
this.node3=false;
this.node4=true;
},
queryDataRight(){
this.searchBtnConfig();
if(this.bnoSelect==null||this.bnoSelect.trim()==''){
this.treeBeanList.bnoSelect='N';
}else{
this.treeBeanList.bnoSelect=this.bnoSelect;
}
this.queryData();
},
queryData() {
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!=null&&this.treeBeanList.cusBatch.length > 6) {
this.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.homeDeptCode = this.treeBeanList.cusBatch.substring(this.treeBeanList.cusBatch.length - 3, this.treeBeanList.cusBatch.length);
}
} else if(!this.find&&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!=null&&this.treeBeanList.cusBatch.length > 6) {
this.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.homeDeptCode = this.treeBeanList.cusBatch.substring(this.treeBeanList.cusBatch.length - 3, this.treeBeanList.cusBatch.length);
}
}else 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!=null&&this.treeBeanList.cusBatch.length > 6) {
this.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.homeDeptCode = this.treeBeanList.cusBatch.substring(this.treeBeanList.cusBatch.length - 3, this.treeBeanList.cusBatch.length);
}
} else {
var beanlist = this.treeBeanList.keyE.split(" ");
this.treeBeanList.cusBatch = beanlist[0];
this.treeBeanList.veList = beanlist[1];
this.concreteFindDataP();
if(this.treeBeanList.cusBatch!=null&&this.treeBeanList.cusBatch.length > 6) {
this.suppleForm.sendDeptCode = this.treeBeanList.cusBatch.substring(0, 3);
this.suppleForm.homeDeptCode = this.treeBeanList.cusBatch.substring(this.treeBeanList.cusBatch.length - 3, this.treeBeanList.cusBatch.length);
}
}
},
/*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;
this.treeBeanList.bnoSelection=new Array(this.multipleSelection.length);
for(var i=0;i<this.multipleSelection.length;i++){
this.treeBeanList.bnoSelection[i]=this.multipleSelection[i].bnoIE;
}
if(this.multipleSelection.length > 0) {
this.warehouseList.packageno = 0;
this.warehouseList.totalPackage = 0;
this.warehouseList.totalWeight = 0;
this.warehouseList.gdesc = this.multipleSelection[0].gdesc;
this.warehouseList.flightno = this.multipleSelection[0].flightnoIE;
this.warehouseList.mawb = this.multipleSelection[0].mawbIE;
} else {
this.warehouseList.packageno = '';
this.warehouseList.totalPackage = '';
this.warehouseList.totalWeight = '';
this.warehouseList.gdesc = '';
this.warehouseList.flightno = '';
this.warehouseList.mawb = '';
}
for(var i = 0; i < this.multipleSelection.length; i++) {
if(this.multipleSelection[i].packageno != null) {
this.warehouseList.packageno = this.warehouseList.packageno + parseInt(this.multipleSelection[i].packageno);
}
if(this.multipleSelection[i].packagenum != null) {
this.warehouseList.totalPackage = this.warehouseList.totalPackage + parseInt(this.multipleSelection[i].packagenum);
}
if(this.multipleSelection[i].aweightIE != null) {
this.warehouseList.totalWeight = this.warehouseList.totalWeight + parseInt(this.multipleSelection[i].aweightIE);
}
}
if(this.warehouseList.packageno == 0) {
this.warehouseList.packageno = '';
}
if(this.warehouseList.totalPackage == 0) {
this.warehouseList.totalPackage = '';
}
if(this.warehouseList.totalWeight == 0) {
this.warehouseList.totalWeight = '';
}
this.warehouseListGet=new Array();
this.warehouseListGet[0]=this.warehouseList;
},
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.find) {
this.findDataOutI(btn);
}else{
this.findDataOutP(btn);
}
},
findDataOutI(btn) {
this.screenLoading=true;
this.treeBeanList.suppleForm=this.suppleForm;
this.treeBeanList.warehouseList=this.warehouseList;
this.treeBeanList.totalCountdata=this.TotalDataCount;
/*let param = {
'object':this.treeBeanList
};
this.$httpExt().post("/cas/reviewservice/edireporti/findDataOut", param).then((response) => {
if(response.succ == "ok") {
this.treeBeanList.uuid=response.result;
this.batuuid=response.result;*/
if(btn.btnName == '批量导出'){
let key= this.treeBeanList.portCode+this.treeBeanList.ieFlag;
console.log(this.btnConf[key]);
this.batchData = [];
this.batchValue = [];
for (var i = 0; i < this.btnConf[key].length; i++) {
console.log(this.btnConf[key][i].btnName);
if('批量导出' ==this.btnConf[key][i].btnName){
continue;
}
this.batchData.push({
label :this.btnConf[key][i].btnName,
key: i,
btn : this.btnConf[key][i]
});
}
//查找配置模板
this.queryModule();
this.batchExportVisible = true;
this.screenLoading=false;
return;
}
if(this.btnhandle[btn.jsMethod] != undefined && typeof this.btnhandle[btn.jsMethod] == 'function') {
this.btnhandle = new btnhandle.btnHandle(this);
this.btnhandle[btn.jsMethod](btn);
this.screenLoading=false;
}
/*} else {
Notification.error({
title: '导出数据查询异常',
message: response.msg
});
}
}, (response) => {
Notification.error({
title: '导出数据查询异常',
message: response.msg
});
})*/
},
findDataOutP(btn) {
this.screenLoading=true;
this.treeBeanList.suppleForm=this.suppleForm;
this.treeBeanList.warehouseList=this.warehouseList;
this.treeBeanList.totalCountdata=this.TotalDataCount;
/* let param = {
'object':this.treeBeanList
};*/
/* this.$httpExt().post("/cas/reviewservice/edireportp/findDataOut", param).then((response) => {*/
/* if(response.succ == "ok") {
this.treeBeanList.uuid=response.result;
this.batuuid=response.result;*/
if(btn.btnName == '批量导出'){
let key= this.treeBeanList.portCode+this.treeBeanList.ieFlag;
console.log(this.btnConf[key]);
this.batchData = [];
this.batchValue = [];
for (var i = 0; i < this.btnConf[key].length; i++) {
console.log(this.btnConf[key][i].btnName);
if('批量导出' ==this.btnConf[key][i].btnName){
continue;
}
this.batchData.push({
label :this.btnConf[key][i].btnName,
key: i,
btn : this.btnConf[key][i]
});
}
//查找配置模板
this.queryModule();
this.screenLoading=false;
this.batchExportVisible = true;
return;
}
if(this.btnhandle[btn.jsMethod] != undefined && typeof this.btnhandle[btn.jsMethod] == 'function') {
this.btnhandle = new btnhandle.btnHandle(this);
this.btnhandle[btn.jsMethod](btn);
this.screenLoading=false;
}
/* } else {
Notification.error({
title: '导出数据查询异常',
message: response.msg
});
}*/
/* }, (response) => {
Notification.error({
title: '导出数据查询异常',
message: response.msg
});
})*/
},
batchExportClose(){
},
batchExportOpen(){
},
dialogCancel(){
this.batchExportVisible = false;
},
dialogSubmit(){
/*console.log(this.batchData);*/
let index = 0;
for(var i = 0; i < this.batchValue.length; i++) {
index = this.batchValue[i];
/*console.log(this.batchData[index].btn);
console.log(this.batchData[index].btn.btnName);*/
this.treeBeanList.uuid=this.batuuid+','+i;
if(this.btnhandle[this.batchData[index].btn.jsMethod] != undefined && typeof this.btnhandle[this.batchData[index].btn.jsMethod] == 'function') {
this.btnhandle = new btnhandle.btnHandle(this);
this.btnhandle[this.batchData[index].btn.jsMethod](this.batchData[index].btn);
this.screenLoading=false;
}
}
this.moudleNames.batchMoudleName ='';
this.batchExportVisible = false;
},
renderFunc(h, option){
return <span>{ option.key } - { option.label } </span>;
},
dataDetailsIn(){
if(this.bnoSelect!=null){
var bnoList=this.bnoSelect.split(',');
if(bnoList!=null){
this.gridData=bnoList;
}
}
this.hoverData.click();
},
lostModelInput(){
// this.batchData = [],
// this.batchValue = []
console.log('moudlename '+this.moudleNames.batchMoudleName);
//moudleArr
let connectButton ='';
for (var i = 0; i < this.moudleArr.length; i++) {
if (this.moudleArr[i].modulename ==this.moudleNames.batchMoudleName) {
connectButton = this.moudleArr[i].connectbutton;
console.log(connectButton);
}
}
if(connectButton ==''){
return;
}
for (var i = 0; i < this.batchData.length; i++) {
if(connectButton.indexOf(this.batchData[i].label)!=-1){
console.log('key '+this.batchData[i].key)
this.batchValue.push(this.batchData[i].key);
}
}
},
queryModule(){
var obj = new Object();
obj.ieflag = this.treeBeanList.ieFlag;
obj.port = this.treeBeanList.portCode;
let param = {
pageSize: this.pageSize,
object: obj,
pageIndex: this.pageNum
}
this.$httpExt().post(this.$appConfig.proxyPath.review() + "/queryDataService/findDataByMoudleName", param)
.then((response) => {
let result = response.result.list;
this.moudleArr = result;
console.log(result);
}, (response) => {
Notification.error({
title: '异常',
message: response.msg
});
});
},
}
}
</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: 550px;
margin: 0px;
padding: 0px;
}
.el-main {
background-color: #E9EEF3;
color: #333;
text-align: center;
height: 500px;
padding: 0px;
}
.el-tabs {
width: 100%;
height: 97%;
}
.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-column,
.el-table,
.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;
}
.el-table{
margin: 0px 0px 0px 10px;
}
</style>
浙公网安备 33010602011771号