<template>
<div class="repContainer scrollBarReset" style="padding-top:0px;">
<search ref="search" path="BaseSetting.cusbatchMng" @search="getModule" @deleteSelRows="deleteSelRows" @updateRows="submitUpdateRows" @add="showAddDialog"></search>
<el-form :model="ChooseForm" :inline="true"><br/>
<el-form-item style="height:25px ">
<el-button type="primary" icon="el-icon-plus" @click="addFeild" size="mini"></el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" icon="el-icon-minus" @click="removeFeild" size="mini"></el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" icon="el-icon-search" @click="getModule" size="mini">查询</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button @click="add" icon="el-icon-circle-plus-outline" type="primary" size="mini">新增</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button @click="submitUpdateRows" icon="el-icon-edit" type="primary" size="mini">修改</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button @click="updateRows" icon="el-icon-document" type="primary" size="mini">保存</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button @click="deleteSelRows" icon="el-icon-delete" type="primary" size="mini">删除</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button @click="refreshData"icon="el-icon-refresh" type="primary" size="mini">刷新</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button icon="el-icon-circle-check" type="primary" size="mini">匹配/对比</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button icon="el-icon-share" type="primary" size="mini">发送OMS</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button icon="el-icon-info" type="primary" size="mini">关联映射</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button icon="el-icon-edit-outline" type="primary" size="mini">在线翻译</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button icon="el-icon-view" type="primary" size="mini">重置状态</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button @click="uploadFile()" icon="el-icon-goods" type="primary" size="mini">选取文件</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button @click="uploadFile()" icon="el-icon-upload2" type="primary" size="mini">导入</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button @click="downloadFile(excelData)" icon="el-icon-download" type="primary" size="mini">导出</el-button>
</el-form-item>
</el-form><br/>
<el-form :model="ChooseForm" :inline="true">
<el-form-item style="height:25px ">
<el-button type="primary" icon="el-icon-search" @click="getModule" size="mini">查询</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button @click="add" icon="el-icon-circle-plus-outline" type="primary" size="mini">新增</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button @click="add" icon="el-icon-edit" type="primary" size="mini">修改</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button icon="el-icon-delete" type="primary" size="mini">删除</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" icon="el-icon-star-on" @click="removeFeild" size="mini">授权</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" icon="el-icon-news" @click="getModule" size="mini">启用</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" icon="el-icon-time" @click="addFeild" size="mini">停用</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" icon="el-icon-delete" @click="addFeild" size="mini">删除角色</el-button>
</el-form-item>
</el-form>
<div>
<div>
<template><br/><br/>
<el-row>
<el-form :inline="true">
<el-row>
<el-form-item>
<div style=" width:120px" class="span-labelO">字段名</div>
<div style=" width:120px" class="span-labelT">
<el-select v-model="searchForm.andOr1" class="input-with-select" clearable size="mini" style="width: 120px;">
<el-option label="and" value="and"></el-option>
<el-option label="or" value="or"></el-option>
</el-select>
</div>
</el-form-item>
<el-form-item>
<div style="width:280px" class="span-labelO">条件1</div>
<div style=" width:280px" class="span-labelT">
<el-input placeholder="请输入内容" clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 280px;">
<el-select style="width: 88px;" v-model="searchForm.condition21" slot="prepend" class="condition" clearable size="mini">
<el-option label="like" value="like"></el-option>
<el-option label="=" value="="></el-option>
<el-option label=">=" value=">="></el-option>
<el-option label=">" value=">"></el-option>
<el-option label="<=" value="<="></el-option>
<el-option label="<" value="<"></el-option>
<el-option label="!=" value="!="></el-option>
</el-select>
</el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:120px" class="span-labelO"> </div>
<div style="width:120px" class="span-labelT">
<el-select v-model="searchForm.andOr1" class="input-with-select" clearable size="mini" style="width: 120px;">
<el-option label="and" value="and"></el-option>
<el-option label="or" value="or"></el-option>
</el-select>
</div>
</el-form-item>
<el-form-item>
<div style="width:280px;display:block；" class="span-labelO">条件2</div>
<div style=" width:280px" class="span-labelT">
<el-input placeholder="请输入内容" clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 280px;">
<el-select style="width: 88px;" v-model="searchForm.condition21" slot="prepend" class="condition" clearable size="mini">
<el-option label="like" value="like"></el-option>
<el-option label="=" value="="></el-option>
<el-option label=">=" value=">="></el-option>
<el-option label=">" value=">"></el-option>
<el-option label="<=" value="<="></el-option>
<el-option label="<" value="<"></el-option>
<el-option label="!=" value="!="></el-option>
</el-select>
</el-input>
</div>
</el-form-item>
</el-row>
</el-form>
</el-row>
<div><br/><br/>
<el-form :inline="true">
<el-row>
<el-form-item>
<div style=" width:120px" class="span-labelO">字段名</div>
<div style=" width:120px" class="span-labelT">
<el-select v-model="searchForm.andOr1" class="input-with-select" clearable size="mini" style="width: 120px;">
<el-option label="and" value="and"></el-option>
<el-option label="or" value="or"></el-option>
</el-select>
</div>
</el-form-item>
<el-form-item>
<div style="width:280px" class="span-labelO">条件1</div>
<div style=" width:280px" class="span-labelT">
<el-input placeholder="请输入内容" clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 280px;">
<el-select style="width: 88px;" v-model="searchForm.condition21" slot="prepend" class="condition" clearable size="mini">
<el-option label="like" value="like"></el-option>
<el-option label="=" value="="></el-option>
<el-option label=">=" value=">="></el-option>
<el-option label=">" value=">"></el-option>
<el-option label="<=" value="<="></el-option>
<el-option label="<" value="<"></el-option>
<el-option label="!=" value="!="></el-option>
</el-select>
</el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:120px" class="span-labelO"> </div>
<div style="width:120px" class="span-labelT">
<el-select v-model="searchForm.andOr1" class="input-with-select" clearable size="mini" style="width: 120px;">
<el-option label="and" value="and"></el-option>
<el-option label="or" value="or"></el-option>
</el-select>
</div>
</el-form-item>
<el-form-item>
<div style="width:280px;display:block；" class="span-labelO">条件2</div>
<div style=" width:280px" class="span-labelT">
<el-input placeholder="请输入内容" clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 280px;">
<el-select style="width: 88px;" v-model="searchForm.condition21" slot="prepend" class="condition" clearable size="mini">
<el-option label="like" value="like"></el-option>
<el-option label="=" value="="></el-option>
<el-option label=">=" value=">="></el-option>
<el-option label=">" value=">"></el-option>
<el-option label="<=" value="<="></el-option>
<el-option label="<" value="<"></el-option>
<el-option label="!=" value="!="></el-option>
</el-select>
</el-input>
</div>
</el-form-item>
</el-row>
</el-form>
<el-form :inline="true">
<el-row>
<el-form-item>
<div style=" width:120px" class="span-labelO">字段名</div>
<div style=" width:120px" class="span-labelT">
<el-select v-model="searchForm.andOr1" class="input-with-select" clearable size="mini" style="width: 120px;">
<el-option label="and" value="and"></el-option>
<el-option label="or" value="or"></el-option>
</el-select>
</div>
</el-form-item>
<el-form-item>
<div style="width:280px" class="span-labelO">条件1</div>
<div style=" width:280px" class="span-labelT">
<el-input placeholder="请输入内容" clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 280px;">
<el-select style="width: 88px;" v-model="searchForm.condition21" slot="prepend" class="condition" clearable size="mini">
<el-option label="like" value="like"></el-option>
<el-option label="=" value="="></el-option>
<el-option label=">=" value=">="></el-option>
<el-option label=">" value=">"></el-option>
<el-option label="<=" value="<="></el-option>
<el-option label="<" value="<"></el-option>
<el-option label="!=" value="!="></el-option>
</el-select>
</el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:120px" class="span-labelO"> </div>
<div style="width:120px" class="span-labelT">
<el-select v-model="searchForm.andOr1" class="input-with-select" clearable size="mini" style="width: 120px;">
<el-option label="and" value="and"></el-option>
<el-option label="or" value="or"></el-option>
</el-select>
</div>
</el-form-item>
<el-form-item>
<div style="width:280px;display:block；" class="span-labelO">条件2</div>
<div style=" width:280px" class="span-labelT">
<el-input placeholder="请输入内容" clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 280px;">
<el-select style="width: 88px;" v-model="searchForm.condition21" slot="prepend" class="condition" clearable size="mini">
<el-option label="like" value="like"></el-option>
<el-option label="=" value="="></el-option>
<el-option label=">=" value=">="></el-option>
<el-option label=">" value=">"></el-option>
<el-option label="<=" value="<="></el-option>
<el-option label="<" value="<"></el-option>
<el-option label="!=" value="!="></el-option>
</el-select>
</el-input>
</div>
</el-form-item>
</el-row>
</el-form>
</div>
<el-row><br/><br/>
<el-form :inline="true">
<el-row>
<el-form-item>
<div style=" width:180px" class="span-labelO">码头/货场代码</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险完结票数</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
</el-row>
</el-form>
</el-row>
<el-row><br/><br/>
<el-form :inline="true">
<el-row>
<el-form-item>
<div style=" width:180px" class="span-labelO">码头/货场代码</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险完结票数</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
</el-row>
</el-form>
<el-form :inline="true">
<el-row>
<el-form-item>
<div style=" width:180px" class="span-labelO">码头/货场代码</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险完结票数</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelO">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
</el-row>
</el-form>
</el-row>
<el-row><br/><br/>
<el-form :model="ChooseForm" :inline="true">
<el-form-item style="height:25px " label="快件单号">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="收款类型">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="离境日期">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="月结帐号">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="修改时间">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="付款方式">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
</el-form>
</el-row>
<el-row><br/><br/>
<el-form :model="ChooseForm" :inline="true">
<el-form-item style="height:25px " label="快件单号">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="收款类型">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="离境日期">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="月结帐号">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="修改时间">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="付款方式">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
</el-form>
<el-form :model="ChooseForm" :inline="true">
<el-form-item style="height:25px " label="快件单号">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="收款类型">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="离境日期">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="月结帐号">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="修改时间">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item style="height:25px " label="付款方式">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</el-form-item>
</el-form>
</el-row>
<el-row><br/><br/>
<el-form :inline="true">
<el-row>
<el-form-item>
<div style=" width:180px" class="span-labelF">码头/货场代码</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险完结票数</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
</el-row>
</el-form>
</el-row>
<el-row><br/><br/>
<el-form :inline="true">
<el-row>
<el-form-item>
<div style=" width:180px" class="span-labelF">码头/货场代码</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险完结票数</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
</el-row>
</el-form>
<el-form :inline="true">
<el-row>
<el-form-item>
<div style=" width:180px" class="span-labelF">码头/货场代码</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险完结票数</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:180px" class="span-labelF">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
</el-row>
</el-form>
</el-row>
<el-row><br/><br/><br/>
<fieldset class="div-block">
<legend class="span-title">查询区域</legend>
<el-form :model="ChooseForm" :inline="true">
<el-form-item label="口岸">
<el-select v-model="taxDL.portCode" placeholder="请选择" size="mini" filterable style="width: 130px;" clearable>
<el-option v-for="item in cusdeptNameCodes" :key="item.cusDeptName" :label="item.cusDeptCode" :value="item.cusDeptCode">
<span style="float: left">{{ item.cusDeptCode }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.cusDeptName }}</span>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="总运单号">
<el-input v-model="taxDL.mawb" size="mini" style="width: 135px;" clearable></el-input>
</el-form-item>
<el-form-item label="运单号">
<el-input v-model="taxDL.bno" size="mini" style="width: 130px;" clearable></el-input>
</el-form-item>
<el-form-item label="报关类型">
<el-select v-model="taxDL.gateTypeIn" placeholder="请选择" size="mini" style="width: 135px;" clearable>
<el-option v-for="(item,index) in gateTypeIn" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-plus" @click="addFeild" size="mini"></el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-plus" @click="addFeild" size="mini"></el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="getModule" size="mini">查询</el-button>
</el-form-item>
</el-form>
<el-form :model="ChooseForm" :inline="true">
<el-form-item label="实际报关日期">
<el-date-picker v-model="customsDateList" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" size="mini">
</el-date-picker>
</el-form-item>
<el-form-item label="修改时间">
<el-date-picker v-model="modifyTimeList" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" size="mini">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-plus" @click="addFeild" size="mini"></el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-plus" @click="addFeild" size="mini"></el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="getModule" size="mini">查询</el-button>
</el-form-item>
</el-form>
</fieldset>
</el-row>
<el-row><br/><br/>
<fieldset class="div-block">
<legend class="span-title">查询区域</legend>
<el-row class="span-height">
<el-form :inline="true">
<el-row class="span-height">
<el-form-item class="span-height">
<div style=" width:180px" class="span-labelJ">码头/货场代码</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item class="span-height">
<div style="width:180px" class="span-labelJ">不申报及风险完结票数</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item class="span-height">
<div style="width:180px" class="span-labelJ">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item class="span-height">
<div style="width:180px" class="span-labelJ">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item class="span-height">
<div style="width:180px" class="span-labelJ">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item class="span-height">
<div style="width:180px" class="span-labelJ">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
</el-row>
</el-form>
</el-row>
<el-row class="span-height">
<el-form :inline="true">
<el-row class="span-height">
<el-form-item class="span-height">
<div style=" width:180px" class="span-labelJ">码头/货场代码</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item class="span-height">
<div style="width:180px" class="span-labelJ">不申报及风险完结票数</div>
<div style=" width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareNum" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item class="span-height">
<div style="width:180px" class="span-labelJ">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item class="span-height">
<div style="width:180px" class="span-labelJ">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item class="span-height">
<div style="width:180px" class="span-labelJ">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
<el-form-item class="span-height">
<div style="width:180px" class="span-labelJ">不申报及风险重量</div>
<div style="width:180px" class="span-labelT">
<el-input readonly clearable v-model="quickChooseForm.nodeclareWeight" @change="lostInput()" size="mini" style="width: 180px;"></el-input>
</div>
</el-form-item>
</el-row>
</el-form>
</el-row>
</fieldset>
</el-row>
</template>
</div>
<el-row> <br/><br/><br/>
<el-form :inline="true" :model="form">
<el-form-item label="快件单号">
<el-input size="mini" v-model="form.bno" placeholder="快件单号" style="width: 180px;"></el-input>
</el-form-item>
<el-form-item label="付款方式">
<el-select size="mini" v-model="form.payType" style="width: 180px;">
<el-option label="" value=""></el-option>
<el-option label="寄付" value="1"></el-option>
<el-option label="到付" value="2"></el-option>
<el-option label="第三方付" value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" size="mini" @click="getModule" icon="el-icon-search"><span>查询</span></el-button>
<el-button type="primary" size="mini" icon="el-icon-document" @click="">保存</el-button>
<el-button type="primary" size="mini" class="button" icon="el-icon-upload2" @click="">导入</el-button>
<el-button type="primary" size="mini" class="button" icon="el-icon-download" @click="">导出</el-button>
</el-form-item>
</el-form>
</el-row>
<div><br/><br/>
<el-form :inline="true">
<el-row>
<el-form-item>
<div style=" width:120px" class="span-labelO">字段名</div>
<div style=" width:120px" class="span-labelT">
<el-select v-model="searchForm.andOr1" class="input-with-select" clearable size="mini" style="width: 120px;">
<el-option label="and" value="and"></el-option>
<el-option label="or" value="or"></el-option>
</el-select>
</div>
</el-form-item>
<el-form-item>
<div style="width:280px" class="span-labelO">条件1</div>
<div style=" width:280px" class="span-labelT">
<el-input placeholder="请输入内容" clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 280px;">
<el-select style="width: 88px;" v-model="searchForm.condition21" slot="prepend" class="condition" clearable size="mini">
<el-option label="like" value="like"></el-option>
<el-option label="=" value="="></el-option>
<el-option label=">=" value=">="></el-option>
<el-option label=">" value=">"></el-option>
<el-option label="<=" value="<="></el-option>
<el-option label="<" value="<"></el-option>
<el-option label="!=" value="!="></el-option>
</el-select>
</el-input>
</div>
</el-form-item>
<el-form-item>
<div style="width:120px" class="span-labelO"> </div>
<div style="width:120px" class="span-labelT">
<el-select v-model="searchForm.andOr1" class="input-with-select" clearable size="mini" style="width: 120px;">
<el-option label="and" value="and"></el-option>
<el-option label="or" value="or"></el-option>
</el-select>
</div>
</el-form-item>
<el-form-item>
<div style="width:280px;display:block；" class="span-labelO">条件2</div>
<div style=" width:280px" class="span-labelT">
<el-input placeholder="请输入内容" clearable v-model="quickChooseForm.produceDepts" @change="lostInput()" size="mini" style="width: 280px;">
<el-select style="width: 88px;" v-model="searchForm.condition21" slot="prepend" class="condition" clearable size="mini">
<el-option label="like" value="like"></el-option>
<el-option label="=" value="="></el-option>
<el-option label=">=" value=">="></el-option>
<el-option label=">" value=">"></el-option>
<el-option label="<=" value="<="></el-option>
<el-option label="<" value="<"></el-option>
<el-option label="!=" value="!="></el-option>
</el-select>
</el-input>
</div>
</el-form-item>
</el-row>
</el-form>
</div>
<div>
<el-form :inline="true">
<el-form-item style="height:25px ">
<el-button type="primary" size="mini" @click="getModule" icon="el-icon-search"><span>查询</span></el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" size="mini" icon="el-icon-document" @click="">保存</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" size="mini" class="button" icon="el-icon-upload2" @click="">导入</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" size="mini" class="button" icon="el-icon-download" @click="">导出</el-button>
</el-form-item>
</el-form>
</div>
<el-row><br/><br/>
<el-form :inline="true">
<el-form-item style="height:25px " label="原寄地目的地">
<ic-area-info-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-area-info-select>
</el-form-item>
<el-form-item style="height:25px " label="车牌号/航班">
<ic-car-flight-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-car-flight-select>
</el-form-item>
<el-form-item style="height:25px " label="车次">
<ic-car-number-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-car-number-select>
</el-form-item>
</el-form>
</el-row>
<el-row>
<el-form :inline="true">
<el-form-item style="height:25px " label="国家代码">
<ic-country-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-country-select>
</el-form-item>
<el-form-item style="height:25px " label="货币代码">
<ic-currency-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-currency-select>
</el-form-item>
<el-form-item style="height:25px " label="报关批次">
<ic-custom-batch-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-custom-batch-select>
</el-form-item>
</el-form>
</el-row>
<el-row>
<el-form :inline="true">
<el-form-item style="height:25px " label="报关类型">
<ic-custom-type-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-custom-type-select>
</el-form-item>
<el-form-item style="height:25px " label="区部代码">
<ic-district-code-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-district-code-select>
</el-form-item>
<el-form-item style="height:25px " label="区部名称">
<ic-district-name-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-district-name-select>
</el-form-item>
</el-form>
</el-row>
<el-row>
<el-form :inline="true">
<el-form-item style="height:25px " label="规格型号">
<ic-spcfct-model-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-spcfct-model-select>
</el-form-item>
<el-form-item style="height:25px " label="税金类别">
<ic-tax-sort-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-tax-sort-select>
</el-form-item>
<el-form-item style="height:25px " label="证件类型">
<ic-card-type-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-card-type-select>
</el-form-item>
</el-form>
</el-row>
<el-row>
<el-form :inline="true">
<el-form-item style="height:25px " label="进出口">
<ic-ieflag-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-ieflag-select>
</el-form-item>
<el-form-item style="height:25px " label="支付方式">
<ic-pay-type-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-pay-type-select>
</el-form-item>
<el-form-item style="height:25px " label="品名">
<ic-goods-code-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-goods-code-select>
</el-form-item>
</el-form>
</el-row>
<el-row>
<el-form :inline="true">
<el-form-item style="height:25px " label="口岸">
<ic-port-code-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-port-code-select>
</el-form-item>
</el-form>
</el-row>
<!--
<el-row <el-form :inline="true">
<el-form-item style="height:25px " label="分部代码">
<ic-division-code-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-division-code-select>
</el-form-item>
<el-form-item style="height:25px " label="分部名称">
<ic-division-name-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-division-name-select>
</el-form-item>
</el-form>
</el-row>-->
<!--
<el-row>
<el-form :inline="true">
<el-form-item style="height:25px " label="点部代码">
<ic-point-code-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-point-code-select>
</el-form-item>
<el-form-item style="height:25px " label="点部名称">
<ic-point-name-select v-model="taxDL.portCode" @change="handleSelectionChange" :widthvalue="taxDL.portCode"></ic-point-name-select>
</el-form-item>
</el-form>
</el-row>-->
<el-row><br/><br/><br/>
<el-form :inline="true">
<el-form-item style="height:25px ">
<el-button type="primary" size="mini" @click="getModule" icon="el-icon-search"><span>查询</span></el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" size="mini" icon="el-icon-document">保存</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" size="mini" class="button" icon="el-icon-upload2">导入</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" size="mini" class="button" icon="el-icon-download">导出</el-button>
</el-form-item>
<el-form-item style="height:25px ">
<el-button type="primary" size="mini" class="button" icon="el-icon-d-arrow-left" @click="handleChangeAll">列固定</el-button>
<el-select v-model="dataForm.cusDeptData" @change="handleChange" multiple collapse-tags filterable placeholder="请选择" size="mini" style="width:200px">
<el-option v-for="item in cusDepts" :key="item.CL" :label="item.NA" :value="item.CL">
<span style="float: left">{{ item.NA }}</span>
</el-option>
</el-select>
</el-form-item>
</el-form>
</el-row>
<el-row><br/>
<template>
<el-table v-loading="loading" border :data="tableData" style="width: 100%" @selection-change="handleSelectionChange" height="500" highlight-current-row>
<el-table-column type="selection" width="40">
</el-table-column>
<el-table-column type="index" label="序号" width="60" :index="indexMethod" :fixed="true">
</el-table-column>
<el-table-column label="主键id" prop="id" width="180" v-if="false" sortable></el-table-column>
<el-table-column sortable prop="cusBatch" label="报关批次" width="180" :fixed="CL0">
<template slot-scope="scope">
<el-input v-model="scope.row.cusBatch" @change="lostInput(scope.row,'cusBatch',scope.row.cusBatch)" size="mini"></el-input>
</template>
</el-table-column>
<el-table-column sortable prop="isLocal" label="进口/出口" width="155" :fixed="CL1">
<template slot-scope="scope">
<el-switch v-model="scope.row.isLocal" active-value="N" inactive-value="Y" active-text="出口" inactive-text="进口" @change="lostInput(scope.row)" size="mini">
</el-switch>
</template>
</el-table-column>
<el-table-column sortable prop="allowMultiGoods" label="允许多品名(审单)" width="165" :fixed="CL2">
<template slot-scope="scope">
<el-switch v-model="scope.row.allowMultiGoods" active-value="N" inactive-value="Y" active-text="是" inactive-text="否" @change="lostInput(scope.row)" size="mini">
</el-switch>
</template>
</el-table-column>
<el-table-column sortable prop="noAudit" label="不需审核" width="105" :fixed="CL3">
<template slot-scope="scope">
<el-switch v-model="scope.row.noAudit" active-value="N" inactive-value="Y" active-text="是" inactive-text="否" @change="lostInput(scope.row)" size="mini">
</el-switch>
</template>
</el-table-column>
<el-table-column sortable prop="allowMultiGoodsPort" label="允许多品名(口岸)" width="165" :fixed="CL4">
<template slot-scope="scope">
<el-switch v-model="scope.row.allowMultiGoodsPort" active-value="N" inactive-value="Y" active-text="是" inactive-text="否" @change="lostInput(scope.row)" size="mini">
</el-switch>
</template>
</el-table-column>
<el-table-column sortable prop="transitport" label="途径口岸" width="165" :fixed="CL5" show-overflow-tooltip>
</el-table-column>
<el-table-column sortable prop="enabled" label="启用" width="105" :fixed="CL6">
<template slot-scope="scope">
<el-switch v-model="scope.row.enabled" active-value="N" inactive-value="Y" active-text="是" inactive-text="否" @change="lostInput(scope.row)" size="mini">
</el-switch>
</template>
</el-table-column>
<el-table-column sortable prop="isDeled" label="阿修罗是否删除" width="165" :fixed="CL7">
<template slot-scope="scope">
<el-switch v-model="scope.row.isDeled" active-value="N" inactive-value="Y" active-text="是" inactive-text="否" @change="lostInput(scope.row)" size="mini">
</el-switch>
</template>
</el-table-column>
<el-table-column sortable prop="taxType" label="税金类别" width="180" :fixed="CL8">
<template slot-scope="scope">
<el-select v-model="scope.row.taxType" @change="lostInput(scope.row)" slot="prepend" class="condition" clearable filterable placeholder="请选税金类别 " size="mini">
<el-option v-for="item in taxSortPaymentList" :key="item.chinesename" :label="item.chinesename" :value="item.chinesename">
{{ item.chinesename }} - {{ item.abbreviation }}
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column sortable prop="isDp" label="DP开关" width="105" :fixed="CL9">
<template slot-scope="scope">
<el-switch v-model="scope.row.isDp" active-value="N" inactive-value="Y" active-text="是" inactive-text="否" @change="lostInput(scope.row)" size="mini">
</el-switch>
</template>
</el-table-column>
<el-table-column sortable prop="modifyEmp" label="修改人" width="180" :fixed="CL10">
</el-table-column>
<el-table-column sortable prop="modifyTimeStr" label="修改时间" width="180" :fixed="CL11">
</el-table-column>
<el-table-column sortable prop="note1" label="备注" width="80" :fixed="CL12" show-overflow-tooltip>
</el-table-column>
<el-table-column sortable prop="note1" label="备注" width="80" :fixed="CL12" show-overflow-tooltip>
</el-table-column>
<el-table-column sortable prop="note1" label="备注" width="80" :fixed="CL12" show-overflow-tooltip>
</el-table-column>
<el-table-column sortable prop="note1" label="备注" width="80" :fixed="CL12" show-overflow-tooltip>
</el-table-column>
<el-table-column sortable prop="note1" label="备注" width="80" :fixed="CL12" show-overflow-tooltip>
</el-table-column>
</el-table>
<el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page="pageNum" :page-sizes="[10,20,50,100,500,1000]" :page-size="pageSize" layout="->,prev, pager, next, jumper, sizes,total" :total="total">
</el-pagination>
</template>
</el-row>
</div>
<!-- 添加记录编辑窗口 -->
<div class="addDialog">
<el-dialog :title="dialogTitle" :visible.sync="newlyFormVisible" :close-on-click-modal="false" size="tiny" @close="close" @open="open">
<el-form :model="customBatch" ref="customBatch" label-width="150px" :rules="rules">
<el-form-item label="报关批次" prop="cusBatch">
<el-input v-model="customBatch.cusBatch" style="width: 200PX;"></el-input>
</el-form-item>
<el-form-item label="是否本地批次" prop="isLocal">
<el-switch v-model="customBatch.isLocal" active-color="#C8CBCF" inactive-color="#03B386" active-value="N" inactive-value="Y" active-text="否" inactive-text="是" size="mini">
</el-switch>
</el-form-item>
<el-form-item label="允许多品名审单" prop="allowMultiGoods">
<el-switch v-model="customBatch.allowMultiGoods" active-color="#C8CBCF" inactive-color="#03B386" active-value="N" inactive-value="Y" active-text="否" inactive-text="是" size="mini">
</el-switch>
</el-form-item>
<el-form-item label="不需审核" prop="noAudit">
<el-switch v-model="customBatch.noAudit" active-color="#C8CBCF" inactive-color="#03B386" active-value="N" inactive-value="Y" active-text="否" inactive-text="是" size="mini">
</el-switch>
</el-form-item>
<el-form-item label="途经口岸" prop="transitport">
<el-input v-model="customBatch.transitport" style="width: 200PX;"></el-input>
</el-form-item>
<el-form-item label="启用" prop="enabled">
<el-switch v-model="customBatch.enabled" active-color="#C8CBCF" inactive-color="#03B386" active-value="N" inactive-value="Y" active-text="否" inactive-text="是" size="mini">
</el-switch>
</el-form-item>
<el-form-item label="阿修罗是否删除" prop="isDeled">
<el-switch v-model="customBatch.isDeled" active-color="#C8CBCF" inactive-color="#03B386" active-value="N" inactive-value="Y" active-text="否" inactive-text="是" size="mini">
</el-switch>
</el-form-item>
<el-form-item label="税金类别" prop="taxType">
<template slot-scope="scope2">
<el-select v-model="customBatch.taxType" slot="prepend" class="condition" clearable filterable placeholder="请选税金类别 ">
<el-option v-for="item in taxSortPaymentList" :key="item.chinesename" :label="item.chinesename" :value="item.chinesename">
{{ item.chinesename }} - {{ item.abbreviation }}
</el-option>
</el-select>
</template>
</el-form-item>
<el-form-item label="备注" prop="note1">
<el-input v-model="customBatch.note1" style="width: 200PX;"></el-input>
</el-form-item>
<el-form-item label="DP开关" prop="isDp">
<el-switch v-model="customBatch.isDp" active-color="#C8CBCF" inactive-color="#03B386" active-value="N" inactive-value="Y" active-text="否" inactive-text="是" size="mini">
</el-switch>
</el-form-item>
<el-form-item label="允许多品名(口岸)" prop="allowMultiGoodsPort">
<el-switch v-model="customBatch.allowMultiGoodsPort" active-color="#C8CBCF" inactive-color="#03B386" active-value="N" inactive-value="Y" active-text="否" inactive-text="是" size="mini">
</el-switch>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button>取 消</el-button>
<el-button type="primary">确 定</el-button>
</div>
</el-dialog>
</div>
</div>
</template>
<script>
import { Message, Notification } from "element-ui";
import JsonEdit from "./../../components/jsonEditor.vue"; //json对象
import search from "./../../components/searchComponentsTest.vue"; //查询条件search标签
import axios from "axios";
var validate = {
cusbatchReg: /^[A-Z]{3}[0-9]{4}[A-Z]{3}$/,
transitportReg: /^[A-Z]{3}(-[A-Z]{3})*$/
};
export default {
components: {
JsonEdit,
search
},
data() {
return {
dataForm: {
index: '',
cusDeptData: [],
onOff: false,
},
CL0: false,
CL1: false,
CL2: false,
CL3: false,
CL4: false,
CL5: false,
CL6: false,
CL7: false,
CL8: false,
CL9: false,
CL10: false,
CL11: false,
CL12: false,
cusDepts: [{
NA: '报关批次',
CL: 'CL0'
}, {
NA: '进口/出口',
CL: 'CL1'
}, {
NA: '允许多品名(审单)',
CL: 'CL2'
},
{
NA: '不需审核',
CL: 'CL3'
}, {
NA: '允许多品名(口岸)',
CL: 'CL4'
}, {
NA: '途径口岸',
CL: 'CL5'
},
{
NA: '启用',
CL: 'CL6'
}, {
NA: '阿修罗是否删除',
CL: 'CL7'
}, {
NA: '税金类别',
CL: 'CL8'
},
{
NA: 'DP开关',
CL: 'CL9'
}, {
NA: '修改人',
CL: 'CL10'
}, {
NA: '修改时间',
CL: 'CL11'
}, {
NA: '备注',
CL: 'CL12'
}
],
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: [],
cusdeptNameCodes: [],
},
cusdeptNameCodes: [],
taxDL: {
portCode: '',
mawb: '',
bno: '',
gateTypeIn: '',
customsDateBegin: '',
customsDateEnd: '',
modifyTimeBegin: '',
modifyTimeEnd: '',
sendResetReason: '',
},
BeanList: {
customsDate: new Date(),
expCusBatch: '',
cusBatch: '',
portCode: '',
ieFlag: '',
srcCode: '',
desCode: '',
veList: ''
},
searchForm: {
feildName1: '',
condition11: '',
condition11Value: '',
andOr1: '',
condition12: '',
condition12Value: '',
feildName2: '',
condition21: '',
condition21Value: '',
andOr2: '',
condition22: '',
condition22Value: '',
feildName3: '',
condition31: '',
condition31Value: '',
andOr3: '',
condition32: '',
condition32Value: ''
},
ChooseForm: new Object(),
loading: false,
show: true,
pageSize: 10,
pageNum: 1,
total: 0,
tableData: [],
gateTypeIn: [],
items: [],
modifyTimeList: '',
customsDateList: '',
multipleSelection: [],
taxSortPaymentList: [],
updateRowsMap: new Map(),
listRowsMap: new Map(),
customBatch: {
cusBatch: "",
isLocal: "",
allowMultiGoods: "",
noAudit: "",
transitport: "",
enabled: "",
isDeled: "",
note: "",
updatePerson: "",
modifyTime: "",
taxType: "",
note1: "",
isDp: "",
allowMultiGoodsPort: "",
modifyTimeStr: ""
},
form: {
bno: '',
payType: '',
settlementTypeCode: '',
flag: ''
},
object: {
// productcode: ""
},
newlyFormVisible: false,
rules: {
cusBatch: [{
required: true,
message: "报关批次不能为空",
trigger: "blur"
},
{
type: "string",
required: true,
message: "报关批次格式不正确!",
pattern: validate.cusbatchReg
}
],
transitport: [{
required: true,
message: "途经口岸不能为空",
trigger: "blur"
},
{
type: "string",
required: true,
message: "途经口岸格式不正确!",
pattern: validate.transitportReg
}
]
},
dialogTitle: "新增"
};
},
mounted() {
this.getModule();
this.setSelectData(); //初始化下拉列表
//测试键盘keydown事件 关闭全屏预览结果框
var that = this;
document.addEventListener("keydown", function(code) {
if(code.which == 27) {
that.full = false;
}
});
},
methods: {
handleChange() {
this.CL0 = false;
this.CL1 = false;
this.CL2 = false;
this.CL3 = false;
this.CL4 = false;
this.CL5 = false;
this.CL6 = false;
this.CL7 = false;
this.CL8 = false;
this.CL9 = false;
this.CL10 = false;
this.CL11 = false;
this.CL12 = false;
for(var i = 0; i < this.dataForm.cusDeptData.length; i++) {
if(this.dataForm.cusDeptData[i] == 'CL0') {
this.CL0 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL1') {
this.CL1 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL2') {
this.CL2 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL3') {
this.CL3 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL4') {
this.CL4 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL5') {
this.CL5 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL6') {
this.CL6 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL7') {
this.CL7 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL8') {
this.CL8 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL9') {
this.CL9 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL10') {
this.CL10 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL11') {
this.CL11 = true;
continue;
}
if(this.dataForm.cusDeptData[i] == 'CL12') {
this.CL12 = true;
continue;
}
}
},
handleChangeAll() {
this.dataForm.cusDeptData = [];
this.CL0 = false;
this.CL1 = false;
this.CL2 = false;
this.CL3 = false;
this.CL4 = false;
this.CL5 = false;
this.CL6 = false;
this.CL7 = false;
this.CL8 = false;
this.CL9 = false;
this.CL10 = false;
this.CL11 = false;
this.CL12 = false;
},
indexMethod(index) {
return index + 1 + (this.pageNum - 1) * this.pageSize;
},
fullScreen() {
this.full = true;
},
closeFull() {
this.full = false;
},
setSelectData() {
//税金类别
this.$httpExt()
.post("/cas/MSTEST/cache/queryTaxSortPaymentList", {})
.then(
response => {
if(response.succ == "ok") {
debugger;
this.taxSortPaymentList = response.result;
} else {
Notification.error({
title: "异常",
message: response.msg
});
}
},
response => {
Notification.error({
title: "异常",
message: response.msg
});
}
);
},
getModule() {
this.loading = true;
this.$httpExt()
.post("/cas/MSTEST/custombatch/queryCustombatchList", {
pageIndex: this.pageNum,
pageSize: this.pageSize,
searchForm: this.$refs.search.searchForm
})
.then(
response => {
if(response.succ == "ok") {
this.tableData = response.result.pageInfo.list;
this.total = response.result.pageInfo.total;
this.rowIndex = response.result.pageInfo.startRow;
this.multipleSelection = [];
this.updateRowsMap = new Map();
this.listRowsMap = new Map();
this.loading = false;
for(let i = 0; i < this.tableData.length; i++) {
const element = this.tableData[i];
this.listRowsMap.set(element.id, element);
}
} else {
Notification.error({
title: "异常",
message: response.msg
});
}
},
response => {
Notification.error({
title: "异常",
message: response.msg
});
}
);
},
sizeChange(pageSize) {
this.pageSize = pageSize;
this.getModule();
},
currentChange(val) {
this.pageNum = val;
this.getModule();
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
lostInput(row, column, value) {
if("cusBatch" == column) {
var cusbatchReg = validate.cusbatchReg;
if(!cusbatchReg.test(value)) {
this.$alert("报关批次格式错误!", "格式错误", {
confirmButtonText: "确定"
});
}
} else if("transitport" == column) {
var transitportReg = validate.transitportReg;
if("" == value || null == value || !transitportReg.test(value)) {
this.$alert("途径口岸格式错误!", "格式错误", {
confirmButtonText: "确定"
});
}
}
this.updateRowsMap.set(row.id, row);
},
deleteSelRows() {
if(this.multipleSelection.length > 0) {
var ids = [];
var codes = [];
/*this.multipleSelection.forEach(item => {
ids.push(item.id);
codes.push(item.cusBatch);
});*/
var params = {};
params.ids = ids;
params.codes = codes;
this.$httpExt()
.post("/cas/MSTEST/custombatch/deleteCustombatchById", params)
.then(
response => {
if(response.succ == "ok") {
params.forEach(item => {
for(let i = 0; i < this.tableData.length; i++) {
if(this.tableData[i].id == item) {
this.tableData.splice(i, 1);
}
}
});
this.multipleSelection = [];
Notification({
title: "成功",
message: "删除成功!",
type: "success"
});
} else {
Notification.error({
title: "异常",
message: response.msg
});
}
},
response => {
Notification.error({
title: "修改失败",
message: response.msg
});
}
);
} else {
Notification.error({
title: "异常",
message: "请选择至少一行数据需要删除的数据！"
});
}
},
submitUpdateRows() {
if(this.updateRowsMap.size > 0) {
var domainList = [];
var codes = [];
for(let [key, value] of this.updateRowsMap.entries()) {
var ele = value.cusBatch;
var cusbatchReg = validate.cusbatchReg;
if(!cusbatchReg.test(ele)) {
this.$alert("报关批次格式错误!", "格式错误", {
confirmButtonText: "确定"
});
return;
}
var ele = value.transitport;
var transitportReg = validate.transitportReg;
if("" == ele || null == ele || !transitportReg.test(ele)) {
this.$alert("途径口岸格式错误!", "格式错误", {
confirmButtonText: "确定"
});
return;
}
/*domainList.push(value);
codes.push(value.cusBatch);*/
}
// this.updateRowsMap.forEach((value, key) => {
// domainList.push(value);
// codes.push(value.cusBatch);
// });
var params = {};
params.domainList = domainList;
params.codes = codes;
this.$httpExt()
.post("/cas/MSTEST/custombatch/addOrUpdateCustombatch", params)
.then(
response => {
if(response.succ == "ok") {
this.updateRowsMap = new Map();
Notification({
title: "成功",
message: "修改成功!",
type: "success"
});
} else {
Notification.error({
title: "异常",
message: response.msg
});
}
},
response => {
Notification.error({
title: "修改失败",
message: response.msg
});
}
);
} else {
Notification.error({
title: "异常",
message: "请选择至少一行数据修改后再提交！"
});
}
},
addFeild() {},
removeFeild() {},
add() {},
updateRows() {},
showAddDialog() {
this.dialogTitle = "新增";
this.customBatch = {
cusBatch: "",
isLocal: "",
allowMultiGoods: "",
noAudit: "",
transitport: "",
enabled: "",
isDeled: "",
note: "",
modifyEmp: "",
modifyTime: "",
taxType: "",
note1: "",
isDp: "",
allowMultiGoodsPort: ""
};
this.newlyFormVisible = true;
},
addDialogCancel() {
this.newlyFormVisible = false;
},
refreshData(){},
addSubmit() {
var that = this;
this.$refs.customBatch.validate(valid => {
if(valid) {
var customBatch = this.customBatch;
var params = {};
params.domainList = [customBatch];
that
.$httpExt()
.post("/cas/MSTEST/custombatch/addOrUpdateCustombatch", params)
.then(
response => {
that.getModule();
that.newlyFormVisible = false;
Message({
message: "操作成功",
type: "success"
});
},
response => {
Notification.error({
title: "异常",
message: response.msg
});
}
);
} else {
return false;
}
});
},
open() {},
close() {}
}
};
</script>
<style lang="less" scoped>
.el-row,
.el-form-item {
margin: 10px 0px 0px 0px;
/*padding: 0px;*/
}
.addDialog {
text-align: center;
}
.bg-purple {
background: #d3dce6;
}
.grid-content {
border-radius: 4px;
min-height: 25px;
text-align: center;
}
.span-label {
background: #d3dce6;
}
.span-label {
border-radius: 2px;
line-height: 27px;
text-align: center;
margin: 8px 8px 8px 0px;
width: 180px;
}
.span-labelclo {
border-radius: 2px;
line-height: 27px;
text-align: left;
margin: 8px 8px 8px 0px;
width: 180px;
font-size: 14px;
color: #5e6d82;
}
.span-labelTwo {
border-radius: 2px;
line-height: 27px;
text-align: left;
margin: 0px 8px 0px 0px;
width: 180px;
font-size: 14px;
color: #5e6d82;
}
.span-labelO {
line-height: 20px;
text-align: center;
margin: 0px;
border-radius: 2px;
background: #d3dce6;
}
.span-labelF {
line-height: 20px;
text-align: left;
margin: 0px;
border-radius: 2px;
font-size: 14px;
color: #5e6d82;
}
.span-labelT {
line-height: 25px;
margin: 0px 8px 0px 0px;
font-size: 14px;
color: #5e6d82;
}
.span-labelcus {
background: #d3dce6;
font-size: 14px;
color: #5e6d82;
}
.span-labelcus {
border-radius: 2px;
line-height: 27px;
text-align: center;
margin: 8px 18px 8px 0px;
width: 180px;
font-size: 14px;
color: #5e6d82;
}
.div-block {
border: 1px solid #eaeefb;
border-radius: 4px;
transition: .2s;
padding: 0px 10px 20px 15px;
;
margin-bottom: 5px;
font-size: 14px;
color: #5e6d82;
}
.span-height {
margin: 0px;
padding: 0px;
font-size: 14px;
color: #5e6d82;
}
.span-title {
font-size: 14px;
color: #5e6d82;
line-height: 1.5em
}
.el-form-item {
margin-bottom: 0px !important;
}
.el-table thead th {
text-align: center;
}
</style>
浙公网安备 33010602011771号