朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 041074786efa64db16f78b5b452c9e4cc3981c32 1 个父辈 a3efa074 master ... ExportOrder flightplan2.0 master_dev master_dev_markdown master_dev_permission master_ffmTemp zhidan

新增商品管理+分类监管申请及查询界面

内嵌 并排对比
正在显示 5 个修改的文件 包含 3030 行增加 和 0 行删除
... ... @@ -9,6 +9,11 @@ let baseUrl3 = 'wms-server-warehouse/wms/location'
let baseUrl4 = 'wms-server-warehouse/wms/inventroy'
let baseUrl5 = 'wms-server-warehouse/wms/area'
let baseUrl6 = 'wms-server-warehouse/wms/newbasesphcode'
let baseUrl7 = 'wms-server-warehouse/wms/goods'
let baseUrl8 = 'special-declaration/ClassifiedNuclearHead'
let baseUrl9 = 'special-declaration/ClassifiedNuclearBodys'
//查询货物明细
... ... @@ -98,3 +103,28 @@ export const selectByAreaid = params => { return axios.get(`${baseUrl5}/selectBy
//特货管理
export const getSPHCode = params => { return http.get(`${baseUrl6}/selectByCode`,params)};
//商品管理
export const selectGoodsManagement = params => { return http.get(`${baseUrl7}/selectGoodsManagement`,params)};
export const delGoods = params => { return axios.get(`${baseUrl7}/delGoods`, { params: params }); };
export const addGoods = params => { return http.post(`${baseUrl7}/addGoods`,params)};
export const ediGoods = params => { return http.post(`${baseUrl7}/ediGoods`,params)};
//分类监管
//表头
export const selectAllAdd = params => { return http.postWithFrom(`${baseUrl8}/selectAll`,params)};
export const selectOne = params => { return http.post(`${baseUrl8}/selectOne`,params)};
export const saveAdd = params => { return http.post(`${baseUrl8}/save`,params)};
export const updateByIdAdd = params => { return http.post(`${baseUrl8}/updateById`,params)};
export const deleteByIdAdd = params => { return http.post(`${baseUrl8}/deleteById`,params)};
export const declaration = params => { return http.post(`${baseUrl8}/declaration`,params)};
//表体
export const selectAllQuery = params => { return http.post(`${baseUrl9}/selectAll`,params)};
export const saveQuery = params => { return http.post(`${baseUrl9}/save`,params)};
export const updateByIdQuery = params => { return http.post(`${baseUrl9}/updateById`,params)};
export const deleteByIdQuery = params => { return http.post(`${baseUrl9}/deleteById`,params)};
... ...
... ... @@ -117,6 +117,12 @@ import houseRecord from './views/deploy/houseRecord.vue'
import locations from './views/deploy/locations.vue'
import inventroy from './views/deploy/inventroy.vue'
import area from './views/deploy/area.vue'
import seller from './views/deploy/seller.vue'
import classification from './views/deploy/classification.vue'
import subscribe from './views/deploy/subscribe.vue'
//账单管理
import discount from './views/charging/discount.vue'
import goods from './views/charging/goods.vue'
... ... @@ -549,6 +555,9 @@ let routes = [
{path:'/inventroy',component:inventroy,name:'库存管理'},
{path:'/area',component:area,name:'库区管理'},
{path:'/houserecord',component:houseRecord,name:'仓库入库'},
{path:'/seller',component:seller,name:'商品管理'},
{path:'/classification',component:classification,name:'分类监管申请'},
{path:'/subscribe',component:subscribe,name:'分类监管查询'},
]
},
{
... ...
<template>
<el-row>
<el-card style="background-color: #F5F7FA">
<!-- 搜索区域-->
<el-row :gutter="10" class="toolbar" style="height: auto;padding-bottom: 15px">
<el-divider content-position="left"> 分类监管表头必填信息 </el-divider>
<el-row style="padding-right: 15px">
<el-form :model="addForm" :rules="rule" ref="addForm">
<el-row>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="srcCssa">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">&emsp;启运地&emsp;&emsp;&emsp;</div>
<el-select v-model="addForm.srcCssa" placeholder="请选择启运地" size="small" style="width: 150px">
<el-option label="区内" value="01"></el-option>
<el-option label="区外" value="02"></el-option>
<el-option label="口岸" value="03"></el-option>
<el-option label="特殊区域" value="04"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="dstCssa">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">&emsp;指运地&emsp;&emsp;&emsp;</div>
<el-select v-model="addForm.dstCssa" placeholder="请选择指运地" size="small" style="width: 150px">
<el-option label="区内" value="01"></el-option>
<el-option label="区外" value="02"></el-option>
<el-option label="口岸" value="03"></el-option>
<el-option label="特殊区域" value="04"></el-option>
</el-select>
</div>
<!-- <el-input v-model="addForm.dstCssa" autocomplete="off" size="small">-->
<!-- <template slot="prepend">指运地&emsp;</template>-->
<!-- </el-input>-->
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="status">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">&emsp;状态&emsp;</div>
<el-select v-model="addForm.status" placeholder="请选择" size="small" style="width: 150px">
<el-option label="暂存" value="0"></el-option>
<el-option label="待审核" value="1"></el-option>
<el-option label="退单" value="3"></el-option>
<el-option label="作废待审核" value="4"></el-option>
<el-option label="作废失败" value="5"></el-option>
<el-option label="作废成功" value="6"></el-option>
<el-option label="已出卡" value="7"></el-option>
<el-option label="已入卡" value="8"></el-option>
<el-option label="审核通过" value="15"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="isArtificial">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">人工携带</div>
<el-select v-model="addForm.isArtificial" placeholder="请选择是否人工携带" size="small" style="width: 150px">
<el-option label="否" value="0"></el-option>
<el-option label="是" value="1"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="bussType">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">业务类别</div>
<el-select v-model="addForm.bussType" placeholder="" size="small" style="width: 150px">
<el-option label="分类监管" value="1"></el-option>
</el-select>
</div>
<!-- <el-input v-model="addForm.bussType" autocomplete="off" size="small">-->
<!-- <template slot="prepend">业务类别</template>-->
<!-- </el-input>-->
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="trspModecd">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">核放单类型</div>
<el-select v-model="addForm.trspModecd" placeholder="" size="small" style="width: 150px">
<el-option label="暂存" value="0"></el-option>
<el-option label="待核验" value="3"></el-option>
<el-option label="作废" value="5"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="inOutType">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">出入区类型</div>
<el-select v-model="addForm.inOutType" placeholder="请选择出入区类型" size="small" style="width: 150px">
<el-option label="出区" value="E"></el-option>
<el-option label="入区" value="I"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="declType">
<el-input v-model="addForm.declType" autocomplete="off" size="small">
<template slot="prepend">申报类型</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="bookNo">
<el-input v-model="addForm.bookNo" autocomplete="off" size="small">
<template slot="prepend">账册编号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="distCusCode">
<el-input v-model="addForm.distCusCode" autocomplete="off" size="small">
<template slot="prepend">主管海关</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="distDeclName">
<el-input v-model="addForm.distDeclName" autocomplete="off" size="small">
<template slot="prepend">申报企业名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="distDeclCode">
<el-input v-model="addForm.distDeclCode" autocomplete="off" size="small">
<template slot="prepend">申报企业代码</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="wmsName">
<el-input v-model="addForm.wmsName" autocomplete="off" size="small">
<template slot="prepend">仓储企业名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="wmsCode">
<el-input v-model="addForm.wmsCode" autocomplete="off" size="small">
<template slot="prepend">仓储企业代码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="tradeName">
<el-input v-model="addForm.tradeName" autocomplete="off" size="small">
<template slot="prepend">经营企业名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="tradeCode">
<el-input v-model="addForm.tradeCode" autocomplete="off" size="small">
<template slot="prepend">经营企业代码</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-collapse accordion>
<el-collapse-item>
<template slot="title">
<el-divider content-position="left"> 分类监管表头非必填信息 </el-divider>
</template>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsType">
<el-input v-model="addForm.goodsType" autocomplete="off" size="small">
<template slot="prepend">货物类型</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="grosWt">
<el-input v-model="addForm.grosWt" autocomplete="off" size="small">
<template slot="prepend">货物毛重</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="sumCount">
<el-input v-model="addForm.sumCount" autocomplete="off" size="small">
<template slot="prepend">总数量&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="sumWt">
<el-input v-model="addForm.sumWt" autocomplete="off" size="small">
<template slot="prepend">总重量&emsp;</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="veId">
<el-input v-model="addForm.veId" autocomplete="off" size="small">
<template slot="prepend">车牌号&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="veWeight">
<el-input v-model="addForm.veWeight" autocomplete="off" size="small">
<template slot="prepend">车自重&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="vehicleFrameWt">
<el-input v-model="addForm.vehicleFrameWt" autocomplete="off" size="small">
<template slot="prepend">车架重&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="vehicleIcNoDz">
<el-input v-model="addForm.vehicleIcNoDz" autocomplete="off" size="small">
<template slot="prepend">电子车牌</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="vehicleIcNo">
<el-input v-model="addForm.vehicleIcNo" autocomplete="off" size="small">
<template slot="prepend">IC卡号&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="cusLock">
<el-input v-model="addForm.cusLock" autocomplete="off" size="small">
<template slot="prepend">关锁&emsp;&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="describeText">
<el-input v-model="addForm.describeText" autocomplete="off" size="small">
<template slot="prepend">回执&emsp;&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="detentionType">
<el-input v-model="addForm.detentionType" autocomplete="off" size="small">
<template slot="prepend">扣留类型</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="putrecseqno">
<el-input v-model="addForm.putrecseqno" autocomplete="off" size="small">
<template slot="prepend">备案序号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="distCopNo">
<el-input v-model="addForm.distCopNo" autocomplete="off" size="small">
<template slot="prepend">预录入编号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="distNo">
<el-input v-model="addForm.distNo" autocomplete="off" size="small">
<template slot="prepend">核放单号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="isEmpty">
<el-input v-model="addForm.isEmpty" autocomplete="off" size="small">
<template slot="prepend">是否为空</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="createBy">
<el-input v-model="addForm.createBy" autocomplete="off" size="small">
<template slot="prepend">创建人&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="updateBy">
<el-input v-model="addForm.updateBy" autocomplete="off" size="small">
<template slot="prepend">更新人&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="drivName">
<el-input v-model="addForm.drivName" autocomplete="off" size="small">
<template slot="prepend">司机姓名</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="drivPhone">
<el-input v-model="addForm.drivPhone" autocomplete="off" size="small">
<template slot="prepend">司机手机号</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="beforeContainerNo">
<el-input v-model="addForm.beforeContainerNo" autocomplete="off" size="small">
<template slot="prepend">前集装箱号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="beforeContainerW">
<el-input v-model="addForm.beforeContainerW" autocomplete="off" size="small">
<template slot="prepend">前集装箱重量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="afterContainerNo">
<el-input v-model="addForm.afterContainerNo" autocomplete="off" size="small">
<template slot="prepend">后集装箱号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="afterContainerWt">
<el-input v-model="addForm.afterContainerWt" autocomplete="off" size="small">
<template slot="prepend">后集装箱重量</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="containerWt">
<el-input v-model="addForm.containerWt" autocomplete="off" size="small">
<template slot="prepend">集装箱重量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="regionalClearanceMode">
<el-input v-model="addForm.regionalClearanceMode" autocomplete="off" size="small">
<template slot="prepend">区域通关模式</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="treeitoryDeclInspecMode">
<el-input v-model="addForm.treeitoryDeclInspecMode" autocomplete="off" size="small">
<template slot="prepend">属地申报查验模式</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="remarks">
<el-input v-model="addForm.remarks" autocomplete="off" size="small">
<template slot="prepend">备注&emsp;&emsp;</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
</el-collapse>
</el-form>
</el-row>
<el-divider content-position="left"> 分类监管表体信息 </el-divider>
<!-- 列表区域-->
<el-row>
<template>
<el-table
:data="addForm.nuclearBodysList"
border
:cell-style="{textAlign:'center'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
>
<el-table-column
fixed
prop="entryNo"
label="报关单号"
width="120">
</el-table-column>
<el-table-column
prop="goodsCode"
label="商品编码"
width="120">
</el-table-column>
<el-table-column
prop="goodsName"
label="商品名称"
width="120">
</el-table-column>
<el-table-column
prop="goodsNo"
label="商品货号"
width="120">
</el-table-column>
<el-table-column
prop="count"
label="数量"
width="120">
</el-table-column>
<el-table-column
prop="grosWt"
label="单位毛重"
width="80">
</el-table-column>
<el-table-column
prop="netWt"
label="单位净重"
width="120">
</el-table-column>
<el-table-column
prop="unit"
label="申报计量单位"
width="120">
</el-table-column>
<el-table-column
prop="updateBy"
label="更新人"
width="120">
</el-table-column>
<el-table-column
prop="updateAt"
label="更新时间"
width="120">
</el-table-column>
<el-table-column
prop="createBy"
label="创建人"
width="120">
</el-table-column>
<el-table-column
prop="createAt"
label="创建时间"
width="120">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="200">
<template slot-scope="scope">
<el-button type="success" size="mini" @click="edit(scope.row)">编辑</el-button>
<el-button type="danger" size="mini" @click="applyDelQuery(scope.$index,scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</template>
</el-row>
<el-row style="padding-right: 15px">
<el-form :title="dialogMap[dialogApply]" :model="queryInfo" :rules="rules" ref="queryInfo">
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="entryNo">
<el-input v-model="queryInfo.entryNo" autocomplete="off" size="small">
<template slot="prepend">报关单号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsCode">
<el-input v-model="queryInfo.goodsCode" autocomplete="off" size="small">
<template slot="prepend">商品编码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsName">
<el-input v-model="queryInfo.goodsName" autocomplete="off" size="small">
<template slot="prepend">商品名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsNo">
<el-input v-model="queryInfo.goodsNo" autocomplete="off" size="small">
<template slot="prepend">商品货号</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="count">
<el-input v-model="queryInfo.count" autocomplete="off" size="small">
<template slot="prepend">数&emsp;&emsp;量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="grosWt">
<el-input v-model="queryInfo.grosWt" autocomplete="off" size="small">
<template slot="prepend">单位毛重</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="netWt">
<el-input v-model="queryInfo.netWt" autocomplete="off" size="small">
<template slot="prepend">单位净重</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="unit">
<el-input v-model="queryInfo.unit" autocomplete="off" size="small">
<template slot="prepend">计量单位</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="createBy">
<el-input v-model="queryInfo.createBy" autocomplete="off" size="small">
<template slot="prepend">创建人&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="updateBy">
<el-input v-model="queryInfo.updateBy" autocomplete="off" size="small">
<template slot="prepend">更新人&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :offset="1" :span="6">
<el-button :type ="buttonType()" size="small" @click="dialogApply==='create'?addQuery(queryInfo):editQuery()">{{back}}</el-button>
<!-- <el-button type="success" size="small" @click="editQuery()">确认修改</el-button>-->
<!-- <el-button type="primary" size="small" @click="addQuery()">保 存</el-button>-->
</el-col>
</el-row>
</el-form>
</el-row>
</el-row>
<el-row>
<div style="text-align: center">
<!-- <el-button type="success" size="small" @click="formUp()">编辑</el-button>-->
<el-button type="primary" size="small" @click="formAdd()">保&emsp;&emsp;存</el-button>
</div>
</el-row>
</el-card>
</el-row>
</template>
<script>
import {saveAdd} from '../../api/consigner/station';
export default {
name: "classification",
data() {
return {
dialogMap: {
update: '编辑',
create: '新增'
},
dialogApply: 'create',
back:'添加表体',
addForm: {
afterContainerNo: '',
afterContainerWt: '',
beforeContainerNo: '',
beforeContainerW: '',
bookNo: '',
bussType: '',
containerWt: '',
createAt: '',
createBy: '',
cusLock: '',
declType: '',
describeText: '',
detentionType:'',
distCopNo:'',
distCusCode:'',
distDeclCode:'',
distDeclDate: '',
distDeclName: '',
distNo: '',
drivName: '',
dstCssa: '',
drivPhone: '',
goodsType: '',
grosWt: '',
id: '',
inOutType: '',
isArtificial: '',
isEmpty: '',
regionalClearanceMode:'',
remarks:'',
srcCssa:'',
status:'',
sumCount: '',
sumWt: '',
tradeCode: '',
tradeName: '',
treeitoryDeclInspecMode: '',
trspModecd: '',
updateAt: '',
updateBy: '',
veId: '',
veWeight: '',
vehicleFrameWt: '',
vehicleIcNo: '',
vehicleIcNoDz:'',
wmsCode:'',
wmsName:'',
nuclearBodysList:[],
},
queryInfo: {
cklistId:'',
count:'',
createAt:'',
createBy:'',
entryNo:'',
goodsCode:'',
goodsName:'',
goodsNo:'',
grosWt:0,
id:'',
netWt:0,
unit:'',
updateAt:'',
updateBy:'',
},
query:{
pageNum:10,
pageSize:1,
// total:''
},
total: 0,
currentPage:1,
formLabelWidth: '15px',
rule: {
srcCssa: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
dstCssa: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
status: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
isArtificial: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
bussType: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
trspModecd: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
inOutType: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
declType: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
bookNo: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
distCusCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
distDeclName: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
distDeclCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
wmsName: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
wmsCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
tradeName: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
tradeCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
},
rules: {
},
}
},
methods: {
// 添加功能
formAdd() {
this.$refs.addForm.validate(valid => {
// 未通过，表单预校验
if (!valid) return;
saveAdd(this.addForm).then((response) => {
let res = response.data;
// 添加失败
if (res.code !== '200') {
return this.$message.error(res.msg);
}
// 添加，成功
this.$message.success(res.msg);
this.addForm={
afterContainerNo: '',
afterContainerWt: '',
beforeContainerNo: '',
beforeContainerW: '',
bookNo: '',
bussType: '',
containerWt: '',
createAt: '',
createBy: '',
cusLock: '',
declType: '',
describeText: '',
detentionType:'',
distCopNo:'',
distCusCode:'',
distDeclCode:'',
distDeclDate: '',
distDeclName: '',
distNo: '',
drivName: '',
dstCssa: '',
drivPhone: '',
goodsType: '',
grosWt: '',
id: '',
inOutType: '',
isArtificial: '',
isEmpty: '',
regionalClearanceMode:'',
remarks:'',
srcCssa:'',
status:'',
sumCount: '',
sumWt: '',
tradeCode: '',
tradeName: '',
treeitoryDeclInspecMode: '',
trspModecd: '',
updateAt: '',
updateBy: '',
veId: '',
veWeight: '',
vehicleFrameWt: '',
vehicleIcNo: '',
vehicleIcNoDz:'',
wmsCode:'',
wmsName:'',
nuclearBodysList:[],
}
// 刷新列表
// this.getList();
}).catch(error => {
this.$message.error(error.toString());
});
})
},
buttonType(){
if(this.dialogApply=="update"){
return "warning"
}
else{
return "success"
}
},
// 添加功能
addQuery() {
this.$refs.queryInfo.validate(valid => {
// 未通过，表单预校验
if (!valid) return;
this.temp = Object.assign({}, this.queryInfo)
this.addForm.nuclearBodysList.push(this.temp);
this.queryInfo={
cklistId:'',
count:'',
createAt:'',
createBy:'',
entryNo:'',
goodsCode:'',
goodsName:'',
goodsNo:'',
grosWt:0,
id:'',
netWt:0,
unit:'',
updateAt:'',
updateBy:'',
}
})
},
// 打开编辑
edit(row) {
this.back='确定更改';
this.dialogApply = 'update';
this.queryInfo=row;
},
// 编辑功能
editQuery() {
// 进行表单的预验证
this.$refs.queryInfo.validate(valid => {
// 未通过，表单预校验
if (!valid) return
this.back='添加表体';
this.dialogApply = 'create';
this.queryInfo={
cklistId:'',
count:'',
createAt:'',
createBy:'',
entryNo:'',
goodsCode:'',
goodsName:'',
goodsNo:'',
grosWt:0,
id:'',
netWt:0,
unit:'',
updateAt:'',
updateBy:'',
}
})
},
// 删除
applyDelQuery(index, row) {
// 弹框询问是否删除？
this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
confirmButtonText: '确定删除',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
var index = this.addForm.nuclearBodysList.indexOf(row);
if (index !== -1) {
this.addForm.nuclearBodysList.splice(index, 1)
}
}).catch(() => {
})
},
},
mounted() {
// this.getQuery();
}
}
</script>
<style scoped>
.toolbar{
height: 60px;
background-color: white;
/*line-height: 60px;*/
vertical-align: middle;
border-radius: 5px 5px 5px 5px;
padding: 15px 0 0 20px;
box-shadow: 0px 5px 5px #e5e8eb;
}
.my-text-area .prepand{
float: left;
width:89px;
height: 28px;
font-size: 12px;
line-height: 28px;
}
</style>
<style>
.my-text-area .el-textarea__inner{
min-height: 28px;
height: 28px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
</style>
... ...
<template>
<el-row>
<el-card style="background-color: #F5F7FA">
<!-- 搜索区域-->
<el-row :gutter="10" class="toolbar" style="height: auto;padding-bottom: 15px">
<el-row>
<el-col :span="5">
<el-input v-model="queryInfo.seqno" prefix-icon="el-icon-search" size="small"
placeholder="中心统一编号" clearable>
<template slot="prepend">统一编号</template>
</el-input>
</el-col>
<el-col :offset="1" :span="5">
<el-input v-model="queryInfo.putrecseqno" prefix-icon="el-icon-search" size="small"
placeholder="备案序号" clearable>
<template slot="prepend">备案序号</template>
</el-input>
</el-col>
<el-col :offset="1" :span="5">
<el-input v-model="queryInfo.gdecd" prefix-icon="el-icon-search" size="small"
placeholder="商品编码" clearable>
<template slot="prepend">商品编码</template>
</el-input>
</el-col>
<el-col :offset="1" :span="5">
<el-input v-model="queryInfo.gdebc" prefix-icon="el-icon-search" size="small"
placeholder="商品简码" clearable>
<template slot="prepend">商品简码</template>
</el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-input v-model="queryInfo.gdsmtno" prefix-icon="el-icon-search" size="small"
placeholder="商品料号" clearable>
<template slot="prepend">商品料号</template>
</el-input>
</el-col>
<el-col :offset="1" :span="5">
<el-input v-model="queryInfo.itemno" prefix-icon="el-icon-search" size="small"
placeholder="项号" clearable>
<template slot="prepend">项&emsp;&emsp;号</template>
</el-input>
</el-col>
<el-col :offset="1" :span="5">
<el-button type="primary" icon="el-icon-search" size="small" @click="getList()">
查询
</el-button>
<el-button type="success" icon="el-icon-edit" size="small" @click="applyAdd()">新增</el-button>
</el-col>
</el-row>
</el-row>
<!-- 列表区域-->
<el-row>
<template>
<el-table
:data="tableData"
border
:cell-style="{textAlign:'center'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
>
<el-table-column
fixed
prop="seqno"
label="中心统一编号"
width="120">
</el-table-column>
<el-table-column
prop="putrecseqno"
label="备案序号"
width="120">
</el-table-column>
<el-table-column
prop="gdecd"
label="商品编码"
width="120">
</el-table-column>
<el-table-column
prop="gdebc"
label="商品简码"
width="120">
</el-table-column>
<el-table-column
prop="gdsmtno"
label="商品料号"
width="120">
</el-table-column>
<!-- <el-table-column-->
<!-- prop="ismeta"-->
<!-- label="是否虚拟仓库"-->
<!-- width="100">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-if="scope.row.ismeta ==='0'">否</span>-->
<!-- <span v-if="scope.row.ismeta ==='1'">是</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column
prop="itemno"
label="项号"
width="80">
</el-table-column>
<el-table-column
prop="asdutyrate"
label="反补贴税率"
width="120">
</el-table-column>
<el-table-column
prop="atdutyrate"
label="反倾销税率"
width="120">
</el-table-column>
<el-table-column
prop="bondedtype"
label="保税类别"
width="120">
</el-table-column>
<el-table-column
prop="cofno"
label="原产地证书"
width="120">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="200">
<template slot-scope="scope">
<el-button type="success" size="mini" @click="applyEdit(scope.row)">编辑</el-button>
<el-button type="danger" size="mini" @click="applyDel(scope.$index,scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</template>
</el-row>
<el-row style="margin-top: 10px" class="toolbar">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="queryInfo.pageNum"
:page-size="queryInfo.pageSize"
:page-sizes="[10, 50, 100, 500]"
layout="total, sizes, prev, pager, next, jumper"
:total="total">
</el-pagination>
</el-row>
<el-row>
<el-dialog :title="dialogMap[dialogApply]" :visible.sync="apply_dialog.addDialog" width="80%" >
<el-form :model="addForm" :rules="rules" ref="addForm">
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="bondedtype">
<el-input v-model="addForm.bondedtype" autocomplete="off" size="small">
<template slot="prepend">保税类别</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="cofgdsno">
<el-input v-model="addForm.cofgdsno" autocomplete="off" size="small">
<template slot="prepend">项目编号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="asdutyrate">
<el-input v-model="addForm.asdutyrate" autocomplete="off" size="small">
<template slot="prepend">反补贴税率</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="atdutyrate">
<el-input v-model="addForm.atdutyrate" autocomplete="off" size="small">
<template slot="prepend">反倾销税率</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="gdebc">
<el-input v-model="addForm.gdebc" autocomplete="off" size="small">
<template slot="prepend">商品简码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="gdecd">
<el-input v-model="addForm.gdecd" autocomplete="off" size="small">
<template slot="prepend">商品编码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="gdetype">
<el-input v-model="addForm.gdetype" autocomplete="off" size="small">
<template slot="prepend">商品类型</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="gdsbrand">
<el-input v-model="addForm.gdsbrand" autocomplete="off" size="small">
<template slot="prepend">商品品牌</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="gdsmaster">
<el-input v-model="addForm.gdsmaster" autocomplete="off" size="small">
<template slot="prepend">货&emsp;&emsp;主</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="gdsmtno">
<el-input v-model="addForm.gdsmtno" autocomplete="off" size="small">
<template slot="prepend">商品料号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="gdsnm">
<el-input v-model="addForm.gdsnm" autocomplete="off" size="small">
<template slot="prepend">商品名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="destinationnatcd">
<el-input v-model="addForm.destinationnatcd" autocomplete="off" size="small">
<template slot="prepend">最终目的国</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="putrecseqno">
<el-input v-model="addForm.putrecseqno" autocomplete="off" size="small">
<template slot="prepend">备案序号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="skucd">
<el-input v-model="addForm.skucd" autocomplete="off" size="small">
<template slot="prepend">SKU编码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="status">
<el-input v-model="addForm.status" autocomplete="off" size="small">
<template slot="prepend">状&emsp;&emsp;态</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="stocknum">
<el-input v-model="addForm.stocknum" autocomplete="off" size="small">
<template slot="prepend">库存数量</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="uncode">
<el-input v-model="addForm.uncode" autocomplete="off" size="small">
<template slot="prepend">UN编码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="stuff">
<el-input v-model="addForm.stuff" autocomplete="off" size="small">
<template slot="prepend">成&emsp;&emsp;份</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="updatedat">
<el-input v-model="addForm.updatedat" autocomplete="off" size="small">
<template slot="prepend">更新日期</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="updatedby">
<el-input v-model="addForm.updatedby" autocomplete="off" size="small">
<template slot="prepend">更&emsp;新&emsp;人</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="createdat">
<el-input v-model="addForm.createdat" autocomplete="off" size="small">
<template slot="prepend">创建日期</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="cofno">
<el-input v-model="addForm.cofno" autocomplete="off" size="small">
<template slot="prepend">原产地证书</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="costprice">
<el-input v-model="addForm.costprice" autocomplete="off" size="small">
<template slot="prepend">采&emsp;购&emsp;价</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="createdby">
<el-input v-model="addForm.createdby" autocomplete="off" size="small">
<template slot="prepend">创&emsp;建&emsp;人</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="dangmark">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">危险品标志</div>
<el-select v-model="addForm.dangmark" placeholder="请选择是否虚拟仓库" size="small" style="width: 150px">
<el-option label="否" value="0"></el-option>
<el-option label="是" value="1"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="dangpackspec">
<el-input v-model="addForm.dangpackspec" autocomplete="off" size="small">
<template slot="prepend">危险品规格</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="dangpacktype">
<el-input v-model="addForm.dangpacktype" autocomplete="off" size="small">
<template slot="prepend">危险品类别</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="dangunno">
<el-input v-model="addForm.dangunno" autocomplete="off" size="small">
<template slot="prepend">联合国编号</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="dclunitcd">
<el-input v-model="addForm.dclunitcd" autocomplete="off" size="small">
<template slot="prepend">单&emsp;&emsp;位</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="dcluprcamt">
<el-input v-model="addForm.dcluprcamt" autocomplete="off" size="small">
<template slot="prepend">单&emsp;&emsp;价</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="dclurrcd">
<el-input v-model="addForm.dclurrcd" autocomplete="off" size="small">
<template slot="prepend">单价单位</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="declgoodsename">
<el-input v-model="addForm.declgoodsename" autocomplete="off" size="small">
<template slot="prepend">商品英文名称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="fitprcpromise">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">价格承诺</div>
<el-select v-model="addForm.fitprcpromise" placeholder="是否符合价格承诺" size="small" style="width: 150px">
<el-option label="否" value="0"></el-option>
<el-option label="是" value="1"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="destinationnatcd">
<el-input v-model="addForm.destinationnatcd" autocomplete="off" size="small">
<template slot="prepend">最终目的国</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="domintcir">
<el-input v-model="addForm.domintcir" autocomplete="off" size="small">
<template slot="prepend">国内国际流转</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="esdutyrate">
<el-input v-model="addForm.esdutyrate" autocomplete="off" size="small">
<template slot="prepend">保障措施税率</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="gdsspcfmodeldesc">
<el-input v-model="addForm.gdsspcfmodeldesc" autocomplete="off" size="small">
<template slot="prepend">型号规格</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="grosswt">
<el-input v-model="addForm.grosswt" autocomplete="off" size="small">
<template slot="prepend">毛&emsp;&emsp;重</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="gdsupplier">
<el-input v-model="addForm.gdsupplier" autocomplete="off" size="small">
<template slot="prepend">商品供应商</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsattr">
<el-input v-model="addForm.goodsattr" autocomplete="off" size="small">
<template slot="prepend">货物属性代码</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="itemno">
<el-input v-model="addForm.itemno" autocomplete="off" size="small">
<template slot="prepend">项&emsp;&emsp;号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="destinationnatcd">
<el-input v-model="addForm.destinationnatcd" autocomplete="off" size="small">
<template slot="prepend">最终目的国</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="mnufctrregname">
<el-input v-model="addForm.mnufctrregname" autocomplete="off" size="small">
<template slot="prepend">生产单位名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="mnufctrregno">
<el-input v-model="addForm.mnufctrregno" autocomplete="off" size="small">
<template slot="prepend">生产单位注册号</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="natcd">
<el-input v-model="addForm.natcd" autocomplete="off" size="small">
<template slot="prepend">原&emsp;产&emsp;国</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="newwt">
<el-input v-model="addForm.newwt" autocomplete="off" size="small">
<template slot="prepend">净&emsp;&emsp;重</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="ofcnname">
<el-input v-model="addForm.ofcnname" autocomplete="off" size="small">
<template slot="prepend">原厂商中文名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="ofenname">
<el-input v-model="addForm.ofenname" autocomplete="off" size="small">
<template slot="prepend">原厂商英文名称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="picture">
<el-input v-model="addForm.picture" autocomplete="off" size="small">
<template slot="prepend">图&emsp;&emsp;片</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="prodbatchno">
<el-input v-model="addForm.prodbatchno" autocomplete="off" size="small">
<template slot="prepend">生产批号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="prodqgp">
<el-input v-model="addForm.prodqgp" autocomplete="off" size="small">
<template slot="prepend">产品保质期</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="mnufctrregname">
<el-input v-model="addForm.mnufctrregname" autocomplete="off" size="small">
<template slot="prepend">生产单位名称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="producedate">
<el-input v-model="addForm.producedate" autocomplete="off" size="small">
<template slot="prepend">生产日期</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="producer">
<el-input v-model="addForm.producer" autocomplete="off" size="small">
<template slot="prepend">生&emsp;产&emsp;商</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="prodvaliddt">
<el-input v-model="addForm.prodvaliddt" autocomplete="off" size="small">
<template slot="prepend">产品有效期</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="ptacode">
<el-input v-model="addForm.ptacode" autocomplete="off" size="small">
<template slot="prepend">优惠贸易协定代码</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="seqno">
<el-input v-model="addForm.seqno" autocomplete="off" size="small">
<template slot="prepend">统一编号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="usafeermvmapk">
<el-input v-model="addForm.usafeermvmapk" autocomplete="off" size="small">
<template slot="prepend">对美加征排除标志</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="rmk">
<el-input v-model="addForm.rmk" autocomplete="off" size="small">
<template slot="prepend">备&emsp;&emsp;注</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="apply_dialog.addDialog = false" size="small">取 消</el-button>
<el-button type="primary" @click="dialogApply==='create'?add():edit()" size="small">提 交</el-button>
</div>
</el-dialog>
</el-row>
</el-card>
</el-row>
</template>
<script>
import {selectGoodsManagement,delGoods,addGoods,ediGoods} from '../../api/consigner/station';
export default {
name: "seller",
data() {
return {
queryInfo: {
seqno:'',
putrecseqno:'',
gdecd:'',
gdebc:'',
gdsmtno:'',
itemno:'',
// 当前页数
pageNum: 1,
// 每页大小
pageSize: 10,
},
total: 0,
tableData:[],
dialogMap: {
update: '编辑',
create: '新增'
},
dis: undefined,
dialogApply: 'create',
apply_dialog: {
// 添加对话框
addDialog: false,
// 编辑对话框
editDialog: false
},
addForm: {
asdutyrate: '',
atdutyrate: '',
bondedtype: '',
cofgdsno: '',
cofno: '',
costprice: '',
createdat: '',
createdby: '',
dangmark: '',
dangpackspec: '',
dangpacktype: '',
dangunno: '',
dclunitcd:'',
dcluprcamt:'',
dclurrcd:'',
declgoodsename:'',
destinationnatcd: '',
domintcir: '',
esdutyrate: '',
fitprcpromise: '',
gdebc: '',
gdecd: '',
gdetype: '',
gdsbrand: '',
gdsmaster: '',
gdsmtno: '',
gdsnm: '',
gdsspcfmodeldesc: '',
gdsupplier:'',
goodsattr:'',
grosswt:'',
id:'',
itemno: '',
mnufctrregname: '',
mnufctrregno: '',
natcd: '',
newwt: '',
ofcnname: '',
ofenname: '',
picture: '',
prodbatchno: '',
prodqgp: '',
producedate: '',
producer: '',
prodvaliddt:'',
ptacode:'',
putrecseqno:'',
rmk:'',
seqno: '',
skucd: '',
status: '',
stocknum: '',
stuff: '',
uncode: '',
updatedat: '',
updatedby: '',
usafeermvmapk: '',
},
loading:false,
formLabelWidth: '20px',
dialogVisible:false,
rules: {
},
}
},
methods: {
handleSizeChange(val) {
this.queryInfo.pageSize = val
this.getList()
},
handleCurrentChange(val) {
this.queryInfo.pageNum = val
this.getList()
},
getList() {
const _this = this
selectGoodsManagement(this.queryInfo).then((response) => {
const res = response.data
console.log(response.data)
if (res.code !== '200') {
return _this.$message.error('获取消息收发记录，失败！')
}
// 获取列表数据
_this.tableData = res.data.list
// 获取列表的总记录数
_this.total = res.data.total
_this.$message.success('获取消息收发记录，成功！')
}).catch(error => {
// 关闭加载
_this.$message.error(error.toString())
})
},
// 添加对话框，打开事件
applyAdd() {
this.addForm = {
asdutyrate: '',
atdutyrate: '',
bondedtype: '',
cofgdsno: '',
cofno: '',
costprice: '',
createdat: '',
createdby: '',
dangmark: '',
dangpackspec: '',
dangpacktype: '',
dangunno: '',
dclunitcd:'',
dcluprcamt:'',
dclurrcd:'',
declgoodsename:'',
destinationnatcd: '',
domintcir: '',
esdutyrate: '',
fitprcpromise: '',
gdebc: '',
gdecd: '',
gdetype: '',
gdsbrand: '',
gdsmaster: '',
gdsmtno: '',
gdsnm: '',
gdsspcfmodeldesc: '',
gdsupplier:'',
goodsattr:'',
grosswt:'',
id:'',
itemno: '',
mnufctrregname: '',
mnufctrregno: '',
natcd: '',
newwt: '',
ofcnname: '',
ofenname: '',
picture: '',
prodbatchno: '',
prodqgp: '',
producedate: '',
producer: '',
prodvaliddt:'',
ptacode:'',
putrecseqno:'',
rmk:'',
seqno: '',
skucd: '',
status: '',
stocknum: '',
stuff: '',
uncode: '',
updatedat: '',
updatedby: '',
usafeermvmapk: '',
};
this.dialogApply= 'create';
this.dis= 'create';
this.apply_dialog.addDialog = true;
},
// 添加功能
add() {
this.$refs.addForm.validate(valid => {
// 未通过，表单预校验
if (!valid) return;
addGoods(this.addForm).then((response) => {
let res = response.data;
// 添加失败
if (res.code !== '200') {
return this.$message.error(res.msg);
}
// 添加，成功
this.$message.success(res.msg);
// 隐藏对话框
this.apply_dialog.addDialog = false;
// 刷新列表
this.getList();
}).catch(error => {
this.$message.error(error.toString());
});
})
},
// 打开编辑
applyEdit(row) {
this.apply_dialog.addDialog = true;
this.dialogApply = 'update';
this.dis= 'update';
this.addForm=row;
},
// 编辑功能
edit() {
// 进行表单的预验证
this.$refs.addForm.validate(valid => {
// 未通过，表单预校验
if (!valid) return
ediGoods(this.addForm).then((response) => {
// console.log(row)
const res = response.data
if (res.code != '200') {
return this.$message.error(res.msg)
}
this.$message.success(res.msg)
// 隐藏对话框
this.apply_dialog.addDialog = false
// 刷新列表
this.getList()
}).catch(error => {
this.$message.error(error.toString())
})
})
},
// 删除
applyDel(index, row) {
// 弹框询问是否删除？
this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
confirmButtonText: '确定删除',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
// console.log(row);
delGoods({id:row.id}).then((response) => {
// console.log(row)
const res = response.data
this.$message.success(res.msg)
this.getList()
}).catch(error => {
this.$message.error(res.msg)
})
}).catch(() => {
})
},
},
mounted() {
this.getList();
}
}
</script>
<style scoped>
.toolbar{
height: 60px;
background-color: white;
/*line-height: 60px;*/
vertical-align: middle;
border-radius: 5px 5px 5px 5px;
padding: 15px 0 0 20px;
box-shadow: 0px 5px 5px #e5e8eb;
}
.my-text-area .prepand{
float: left;
width:89px;
height: 28px;
font-size: 12px;
line-height: 28px;
}
</style>
<style>
.my-text-area .el-textarea__inner{
min-height: 28px;
height: 28px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
</style>
... ...
<template>
<el-row>
<el-card style="background-color: #F5F7FA">
<!-- 搜索区域-->
<!-- <el-row class="toolbar">-->
<!-- <el-col :span="5">-->
<!-- <el-input v-model="queryInfo.companyId" prefix-icon="el-icon-search" size="small" style="width: 240px"-->
<!-- placeholder="ID" clearable>-->
<!-- <template slot="prepend">ID</template>-->
<!-- </el-input>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-button type="primary" icon="el-icon-search" size="small" @click="getForm()">-->
<!-- 查询-->
<!-- </el-button>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- 列表区域-->
<el-row>
<template>
<el-table
:data="tableData"
border
:cell-style="{textAlign:'center'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
>
<el-table-column
type="index"
width="50">
</el-table-column>
<el-table-column
prop="bookNo"
label="账册编号"
width="140">
</el-table-column>
<el-table-column
prop="distCusCode"
label="主管海关"
width="70">
</el-table-column>
<el-table-column
prop="status"
label="状态"
width="80">
<template slot-scope="scope">
<span v-if="scope.row.status ==='0'">暂存</span>
<span v-if="scope.row.status ==='1'">待审核</span>
<span v-if="scope.row.status ==='3'">退单</span>
<span v-if="scope.row.status ==='4'">作废待审核</span>
<span v-if="scope.row.status ==='5'">作废失败</span>
<span v-if="scope.row.status ==='6'">作废成功</span>
<span v-if="scope.row.status ==='7'">已出卡</span>
<span v-if="scope.row.status ==='8'">已入卡</span>
<span v-if="scope.row.status ==='15'">审核通过</span>
</template>
</el-table-column>
<el-table-column
prop="inOutType"
label="出入区类型"
width="90">
<template slot-scope="scope">
<span v-if="scope.row.inOutType ==='E'">出区</span>
<span v-if="scope.row.inOutType ==='I'">入区</span>
</template>
</el-table-column>
<el-table-column
prop="srcCssa"
label="启运地"
width="80">
<template slot-scope="scope">
<span v-if="scope.row.srcCssa ==='01'">区内</span>
<span v-if="scope.row.srcCssa ==='02'">区外</span>
<span v-if="scope.row.srcCssa ==='03'">口岸</span>
<span v-if="scope.row.srcCssa ==='04'">特殊区域</span>
</template>
</el-table-column>
<el-table-column
prop="dstCssa"
label="指运地"
width="80">
<template slot-scope="scope">
<span v-if="scope.row.srcCssa ==='01'">区内</span>
<span v-if="scope.row.srcCssa ==='02'">区外</span>
<span v-if="scope.row.srcCssa ==='03'">口岸</span>
<span v-if="scope.row.srcCssa ==='04'">特殊区域</span>
</template>
</el-table-column>
<el-table-column
prop="isArtificial"
label="人工携带"
width="70">
<template slot-scope="scope">
<span v-if="scope.row.isArtificial ==='0'">否</span>
<span v-if="scope.row.isArtificial ==='1'">是</span>
</template>
</el-table-column>
<el-table-column
prop="trspModecd"
label="核放单类型"
width="90">
<template slot-scope="scope">
<span v-if="scope.row.trspModecd ==='0'">暂存</span>
<span v-if="scope.row.trspModecd ==='3'">待核验</span>
<span v-if="scope.row.trspModecd ==='5'">作废</span>
</template>
</el-table-column>
<el-table-column
prop="bussType"
label="业务类别"
width="90">
<template slot-scope="scope">
<span v-if="scope.row.bussType ==='1'">分类监管</span>
</template>
</el-table-column>
<el-table-column
prop="declType"
label="申报类型"
width="90">
</el-table-column>
<el-table-column
prop="distDeclName"
label="申报企业名称"
width="120">
</el-table-column>
<el-table-column
prop="distDeclCode"
label="申报企业代码"
width="120">
</el-table-column>
<el-table-column
prop="wmsName"
label="仓储企业名称"
width="120">
</el-table-column>
<el-table-column
prop="wmsCode"
label="仓储企业代码"
width="120">
</el-table-column>
<el-table-column
prop="tradeName"
label="经营企业名称"
width="120">
</el-table-column>
<el-table-column
prop="tradeCode"
label="经营企业代码"
width="120">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="300">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="declaration(scope.row)">申报</el-button>
<el-button type="warning" size="mini" @click="cancel(scope.row)">作废</el-button>
<el-button type="success" size="mini" @click="applyEdit(scope.row)">编辑</el-button>
<el-button type="danger" size="mini" @click="applyDelForm(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</template>
</el-row>
<el-row style="margin-top: 10px" class="toolbar">
<el-pagination
@size-change="handleCurrentChange"
@current-change="handleSizeChange"
:current-page="query.pageNum"
:page-size="query.pageSize"
:page-sizes="[10, 50, 100, 500]"
layout="total, sizes, prev, pager, next, jumper"
:total="total">
</el-pagination>
</el-row>
<el-row>
<el-dialog :title="dialogMap[dialogApply]" :visible.sync="apply_dialog" width="90%" >
<!-- 搜索区域-->
<el-row :gutter="10" class="toolbar" style="height: auto;padding-bottom: 15px">
<el-divider content-position="left"> 分类监管表头主要信息 </el-divider>
<el-row style="padding-right: 15px">
<el-form :model="addForm" :rules="rule" ref="addForm">
<el-row>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="srcCssa">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">&emsp;启运地&emsp;&emsp;&emsp;</div>
<el-select v-model="addForm.srcCssa" placeholder="请选择启运地" size="small" style="width: 150px">
<el-option label="区内" value="01"></el-option>
<el-option label="区外" value="02"></el-option>
<el-option label="口岸" value="03"></el-option>
<el-option label="特殊区域" value="04"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="dstCssa">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">&emsp;指运地&emsp;&emsp;&emsp;</div>
<el-select v-model="addForm.dstCssa" placeholder="请选择指运地" size="small" style="width: 150px">
<el-option label="区内" value="01"></el-option>
<el-option label="区外" value="02"></el-option>
<el-option label="口岸" value="03"></el-option>
<el-option label="特殊区域" value="04"></el-option>
</el-select>
</div>
<!-- <el-input v-model="addForm.dstCssa" autocomplete="off" size="small">-->
<!-- <template slot="prepend">指运地&emsp;</template>-->
<!-- </el-input>-->
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="status">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">&emsp;状态&emsp;</div>
<el-select v-model="addForm.status" placeholder="请选择" size="small" style="width: 150px">
<el-option label="暂存" value="0"></el-option>
<el-option label="待审核" value="1"></el-option>
<el-option label="退单" value="3"></el-option>
<el-option label="作废待审核" value="4"></el-option>
<el-option label="作废失败" value="5"></el-option>
<el-option label="作废成功" value="6"></el-option>
<el-option label="已出卡" value="7"></el-option>
<el-option label="已入卡" value="8"></el-option>
<el-option label="审核通过" value="15"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="isArtificial">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">人工携带</div>
<el-select v-model="addForm.isArtificial" placeholder="请选择是否人工携带" size="small" style="width: 150px">
<el-option label="否" value="0"></el-option>
<el-option label="是" value="1"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="bussType">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">业务类别</div>
<el-select v-model="addForm.bussType" placeholder="" size="small" style="width: 150px">
<el-option label="分类监管" value="1"></el-option>
</el-select>
</div>
<!-- <el-input v-model="addForm.bussType" autocomplete="off" size="small">-->
<!-- <template slot="prepend">业务类别</template>-->
<!-- </el-input>-->
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="trspModecd">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">核放单类型</div>
<el-select v-model="addForm.trspModecd" placeholder="" size="small" style="width: 150px">
<el-option label="暂存" value="0"></el-option>
<el-option label="待核验" value="3"></el-option>
<el-option label="作废" value="5"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="inOutType">
<div class="my-text-area">
<div class="el-input-group__prepend prepand">出入区类型</div>
<el-select v-model="addForm.inOutType" placeholder="请选择出入区类型" size="small" style="width: 150px">
<el-option label="出区" value="E"></el-option>
<el-option label="入区" value="I"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="declType">
<el-input v-model="addForm.declType" autocomplete="off" size="small">
<template slot="prepend">申报类型</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="bookNo">
<el-input v-model="addForm.bookNo" autocomplete="off" size="small">
<template slot="prepend">账册编号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="distCusCode">
<el-input v-model="addForm.distCusCode" autocomplete="off" size="small">
<template slot="prepend">主管海关</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="distDeclName">
<el-input v-model="addForm.distDeclName" autocomplete="off" size="small">
<template slot="prepend">申报企业名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="distDeclCode">
<el-input v-model="addForm.distDeclCode" autocomplete="off" size="small">
<template slot="prepend">申报企业代码</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="wmsName">
<el-input v-model="addForm.wmsName" autocomplete="off" size="small">
<template slot="prepend">仓储企业名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="wmsCode">
<el-input v-model="addForm.wmsCode" autocomplete="off" size="small">
<template slot="prepend">仓储企业代码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="tradeName">
<el-input v-model="addForm.tradeName" autocomplete="off" size="small">
<template slot="prepend">经营企业名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="tradeCode">
<el-input v-model="addForm.tradeCode" autocomplete="off" size="small">
<template slot="prepend">经营企业代码</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-collapse accordion>
<el-collapse-item>
<template slot="title">
<el-divider content-position="left"> 分类监管表头其他信息 </el-divider>
</template>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsType">
<el-input v-model="addForm.goodsType" autocomplete="off" size="small">
<template slot="prepend">货物类型</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="grosWt">
<el-input v-model="addForm.grosWt" autocomplete="off" size="small">
<template slot="prepend">货物毛重</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="sumCount">
<el-input v-model="addForm.sumCount" autocomplete="off" size="small">
<template slot="prepend">总数量&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="sumWt">
<el-input v-model="addForm.sumWt" autocomplete="off" size="small">
<template slot="prepend">总重量&emsp;</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="veId">
<el-input v-model="addForm.veId" autocomplete="off" size="small">
<template slot="prepend">车牌号&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="veWeight">
<el-input v-model="addForm.veWeight" autocomplete="off" size="small">
<template slot="prepend">车自重&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="vehicleFrameWt">
<el-input v-model="addForm.vehicleFrameWt" autocomplete="off" size="small">
<template slot="prepend">车架重&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="vehicleIcNoDz">
<el-input v-model="addForm.vehicleIcNoDz" autocomplete="off" size="small">
<template slot="prepend">电子车牌</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="vehicleIcNo">
<el-input v-model="addForm.vehicleIcNo" autocomplete="off" size="small">
<template slot="prepend">IC卡号&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="cusLock">
<el-input v-model="addForm.cusLock" autocomplete="off" size="small">
<template slot="prepend">关锁&emsp;&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="describeText">
<el-input v-model="addForm.describeText" autocomplete="off" size="small">
<template slot="prepend">回执&emsp;&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="detentionType">
<el-input v-model="addForm.detentionType" autocomplete="off" size="small">
<template slot="prepend">扣留类型</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="putrecseqno">
<el-input v-model="addForm.putrecseqno" autocomplete="off" size="small">
<template slot="prepend">备案序号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="distCopNo">
<el-input v-model="addForm.distCopNo" autocomplete="off" size="small">
<template slot="prepend">预录入编号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="distNo">
<el-input v-model="addForm.distNo" autocomplete="off" size="small">
<template slot="prepend">核放单号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="isEmpty">
<el-input v-model="addForm.isEmpty" autocomplete="off" size="small">
<template slot="prepend">是否为空</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="createBy">
<el-input v-model="addForm.createBy" autocomplete="off" size="small">
<template slot="prepend">创建人&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="updateBy">
<el-input v-model="addForm.updateBy" autocomplete="off" size="small">
<template slot="prepend">更新人&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="drivName">
<el-input v-model="addForm.drivName" autocomplete="off" size="small">
<template slot="prepend">司机姓名</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="drivPhone">
<el-input v-model="addForm.drivPhone" autocomplete="off" size="small">
<template slot="prepend">司机手机号</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="beforeContainerNo">
<el-input v-model="addForm.beforeContainerNo" autocomplete="off" size="small">
<template slot="prepend">前集装箱号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="beforeContainerW">
<el-input v-model="addForm.beforeContainerW" autocomplete="off" size="small">
<template slot="prepend">前集装箱重量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="afterContainerNo">
<el-input v-model="addForm.afterContainerNo" autocomplete="off" size="small">
<template slot="prepend">后集装箱号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="afterContainerWt">
<el-input v-model="addForm.afterContainerWt" autocomplete="off" size="small">
<template slot="prepend">后集装箱重量</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="containerWt">
<el-input v-model="addForm.containerWt" autocomplete="off" size="small">
<template slot="prepend">集装箱重量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="regionalClearanceMode">
<el-input v-model="addForm.regionalClearanceMode" autocomplete="off" size="small">
<template slot="prepend">区域通关模式</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="treeitoryDeclInspecMode">
<el-input v-model="addForm.treeitoryDeclInspecMode" autocomplete="off" size="small">
<template slot="prepend">属地申报查验模式</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="remarks">
<el-input v-model="addForm.remarks" autocomplete="off" size="small">
<template slot="prepend">备注&emsp;&emsp;</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
</el-collapse>
</el-form>
</el-row>
<el-divider content-position="left"> 分类监管表体信息 </el-divider>
<!-- 列表区域-->
<el-row>
<template>
<el-table
:data="addForm.nuclearBodysList"
border
:cell-style="{textAlign:'center'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
>
<el-table-column
fixed
prop="entryNo"
label="报关单号"
width="120">
</el-table-column>
<el-table-column
prop="goodsCode"
label="商品编码"
width="120">
</el-table-column>
<el-table-column
prop="goodsName"
label="商品名称"
width="120">
</el-table-column>
<el-table-column
prop="goodsNo"
label="商品货号"
width="120">
</el-table-column>
<el-table-column
prop="count"
label="数量"
width="120">
</el-table-column>
<el-table-column
prop="grosWt"
label="单位毛重"
width="80">
</el-table-column>
<el-table-column
prop="netWt"
label="单位净重"
width="120">
</el-table-column>
<el-table-column
prop="unit"
label="申报计量单位"
width="120">
</el-table-column>
<el-table-column
prop="updateBy"
label="更新人"
width="120">
</el-table-column>
<el-table-column
prop="updateAt"
label="更新时间"
width="120">
</el-table-column>
<el-table-column
prop="createBy"
label="创建人"
width="120">
</el-table-column>
<el-table-column
prop="createAt"
label="创建时间"
width="120">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="200">
<template slot-scope="scope">
<el-button type="success" size="mini" @click="edit2(scope.row)">编辑</el-button>
<el-button type="danger" size="mini" @click="applyDelQuery(scope.$index,scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</template>
</el-row>
<el-form :title="dialogMap2[dialogApply2]" :model="queryInfo" :rules="rules" ref="queryInfo">
<el-row style="padding-right: 15px">
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="entryNo">
<el-input v-model="queryInfo.entryNo" autocomplete="off" size="small">
<template slot="prepend">报关单号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsCode">
<el-input v-model="queryInfo.goodsCode" autocomplete="off" size="small">
<template slot="prepend">商品编码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsName">
<el-input v-model="queryInfo.goodsName" autocomplete="off" size="small">
<template slot="prepend">商品名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsNo">
<el-input v-model="queryInfo.goodsNo" autocomplete="off" size="small">
<template slot="prepend">商品货号</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="count">
<el-input v-model="queryInfo.count" autocomplete="off" size="small">
<template slot="prepend">数&emsp;&emsp;量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="grosWt">
<el-input v-model="queryInfo.grosWt" autocomplete="off" size="small">
<template slot="prepend">单位毛重</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="netWt">
<el-input v-model="queryInfo.netWt" autocomplete="off" size="small">
<template slot="prepend">单位净重</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="unit">
<el-input v-model="queryInfo.unit" autocomplete="off" size="small">
<template slot="prepend">计量单位</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="createBy">
<el-input v-model="queryInfo.createBy" autocomplete="off" size="small">
<template slot="prepend">创建人&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="updateBy">
<el-input v-model="queryInfo.updateBy" autocomplete="off" size="small">
<template slot="prepend">更新人&emsp;</template>
</el-input>
</el-form-item>
</el-col>
<el-col :offset="1" :span="6">
<el-col :offset="1" :span="6">
<el-button :type ="buttonType()" size="small" @click="dialogApply2==='create'?addQuery(queryInfo):editQuery()">{{back}}</el-button>
</el-col>
</el-col>
</el-row>
</el-row>
</el-form>
</el-row>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button @click="apply_dialog = false" size="small">取 消</el-button>
<el-button type="primary" @click="edit()" size="small">提 交</el-button>
</div>
</el-dialog>
</el-row>
</el-card>
</el-row>
</template>
<script>
import {declaration,selectAllAdd,updateByIdAdd,deleteByIdAdd,selectOne} from '../../api/consigner/station';
export default {
name: "subscribe",
data() {
return {
query: {
pageNum:1,
// 每页大小
// 一頁 ji tiao
pageSize: 10,
},
total: 0,
tableData:[],
dis: undefined,
apply_dialog: false,
rules: {
},
dialogMap2: {
update: '编辑',
create: '新增'
},
dialogApply2: 'create',
addForm: {
afterContainerNo: '',
afterContainerWt: '',
beforeContainerNo: '',
beforeContainerW: '',
bookNo: '',
bussType: '',
containerWt: '',
createAt: '',
createBy: '',
cusLock: '',
declType: '',
describeText: '',
detentionType:'',
distCopNo:'',
distCusCode:'',
distDeclCode:'',
distDeclDate: '',
distDeclName: '',
distNo: '',
drivName: '',
dstCssa: '',
drivPhone: '',
goodsType: '',
grosWt: '',
id: '',
inOutType: '',
isArtificial: '',
isEmpty: '',
regionalClearanceMode:'',
remarks:'',
srcCssa:'',
status:'',
sumCount: '',
sumWt: '',
tradeCode: '',
tradeName: '',
treeitoryDeclInspecMode: '',
trspModecd: '',
updateAt: '',
updateBy: '',
veId: '',
veWeight: '',
vehicleFrameWt: '',
vehicleIcNo: '',
vehicleIcNoDz:'',
wmsCode:'',
wmsName:'',
nuclearBodysList:[],
},
queryInfo: {
cklistId:'',
count:'',
createAt:'',
createBy:'',
entryNo:'',
goodsCode:'',
goodsName:'',
goodsNo:'',
grosWt:0,
id:'',
netWt:0,
unit:'',
updateAt:'',
updateBy:'',
},
dialogMap: {
update: '编辑',
create: '新增'
},
dialogApply: 'create',
back:'添加表体',
// total: 0,
currentPage:1,
formLabelWidth: '20px',
rule: {
srcCssa: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
dstCssa: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
status: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
isArtificial: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
bussType: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
trspModecd: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
inOutType: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
declType: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
bookNo: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
distCusCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
distDeclName: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
distDeclCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
wmsName: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
wmsCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
tradeName: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
tradeCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
},
}
},
methods: {
//表头按分页查询
handleSizeChange(val) {
this.query.pageNum = val
this.getForm()
},
handleCurrentChange(val) {
this.query.pageSize = val
this.getForm()
},
getForm() {
const _this = this
selectAllAdd(this.query).then((response) => {
const res = response.data
if (res.code !== '200') {
return _this.$message.error('获取消息收发记录，失败！')
}
// 获取列表数据
_this.tableData = res.data.list
// 获取列表的总记录数
_this.total = res.data.total
_this.$message.success('获取消息收发记录，成功！')
}).catch(error => {
// 关闭加载
_this.$message.error(error.toString())
})
},
// 表头打开编辑
applyEdit(row) {
this.apply_dialog = true;
this.dialogApply = 'update';
this.addForm=row;
this.getOne(row);
},
//表头按ID查询
getOne(row) {
const _this = this
selectOne({id:row.id}).then((response) => {
const res = response.data
if (res.code !== '200') {
return _this.$message.error('获取消息收发记录，失败！')
}
// 获取列表数据
_this.addForm.nuclearBodysList = res.data.nuclearBodysList
_this.$message.success('获取消息收发记录，成功！')
}).catch(error => {
// 关闭加载
_this.$message.error(error.toString())
})
},
// 表头编辑功能
edit() {
// 进行表单的预验证
this.$refs.addForm.validate(valid => {
// 未通过，表单预校验
if (!valid) return
updateByIdAdd(this.addForm).then((response) => {
// console.log(row)
const res = response.data
if (res.code != '200') {
return this.$message.error(res.msg)
}
this.$message.success(res.msg)
this.apply_dialog = false;
// 刷新列表
this.getForm()
}).catch(error => {
this.$message.error(error.toString())
})
})
},
// 表体添加功能
addQuery() {
this.$refs.queryInfo.validate(valid => {
// 未通过，表单预校验
if (!valid) return;
this.temp = Object.assign({}, this.queryInfo)
this.addForm.nuclearBodysList.push(this.temp);
this.queryInfo={
cklistId:'',
count:'',
createAt:'',
createBy:'',
entryNo:'',
goodsCode:'',
goodsName:'',
goodsNo:'',
grosWt:0,
id:'',
netWt:0,
unit:'',
updateAt:'',
updateBy:'',
}
})
},
// 表体编辑
buttonType(){
if(this.dialogApply2=="update"){
return "warning"
}
else{
return "success"
}
},
edit2(row) {
this.back='确定更改';
this.dialogApply2 = 'update';
this.queryInfo=row;
},
// 表体编辑功能
editQuery() {
// 进行表单的预验证
this.$refs.queryInfo.validate(valid => {
// 未通过，表单预校验
if (!valid) return
this.back='添加表体';
this.dialogApply2 = 'create';
this.queryInfo={
cklistId:'',
count:'',
createAt:'',
createBy:'',
entryNo:'',
goodsCode:'',
goodsName:'',
goodsNo:'',
grosWt:0,
id:'',
netWt:0,
unit:'',
updateAt:'',
updateBy:'',
}
})
},
//表体删除
applyDelQuery(index, row) {
// 弹框询问是否删除？
this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
confirmButtonText: '确定删除',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
var index = this.addForm.nuclearBodysList.indexOf(row);
if (index !== -1) {
this.addForm.nuclearBodysList.splice(index, 1)
}
}).catch(() => {
})
},
// // 删除
applyDelForm(row) {
// 弹框询问是否删除？
this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
deleteByIdAdd({id:row.id}).then((response) => {
const res = response.data
this.$message.success(res.msg)
this.getForm()
}).catch(error => {
this.$message.error(res.msg)
})
}).catch(() => {
})
},
// // 申报
declaration(row) {
// 弹框询问是否删除？
this.$confirm('确认申报?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
const data = {
ckListId: row.id, // 假设需要删除的记录的 ID 存在 row 对象的 id 属性中
msgType: 'A0009' // 假设需要删除的记录的类型存在 row 对象的 type 属性中
}
this.submitDeclaration(data);
// // console.log(row);
// declaration(data).then((response) => {
// // console.log(row)
// const res = response.data
// this.$message.success(res.msg)
// this.getForm()
// }).catch(error => {
// this.$message.error(error.msg)
// })
}).catch(() => {
})
},
submitDeclaration(data) {
declaration(data)
.then(response => {
const res = response.data;
this.$message.success(res.msg);
this.getForm();
})
.catch(error => {
this.$message.error(error.message);
});
},
// // 作废
cancel(row) {
// 弹框询问是否删除？
this.$confirm('确认作废?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
const data = {
ckListId: row.id, // 假设需要删除的记录的 ID 存在 row 对象的 id 属性中
msgType: 'A000901' // 假设需要删除的记录的类型存在 row 对象的 type 属性中
}
this.submitDeclaration2(data);
// // console.log(row);
// declaration(data).then((response) => {
// // console.log(row)
// const res = response.data
// this.$message.success(res.msg)
// this.getForm()
// }).catch(error => {
// this.$message.error(res.msg)
// })
}).catch(() => {
})
},
submitDeclaration2(data) {
declaration(data)
.then(response => {
const res = response.data;
this.$message.success(res.msg);
this.getForm();
})
.catch(error => {
this.$message.error(error.message);
});
},
},
mounted() {
this.getForm();
// this.getYardList();
}
}
</script>
<style scoped>
.toolbar{
height: 60px;
background-color: white;
/*line-height: 60px;*/
vertical-align: middle;
border-radius: 5px 5px 5px 5px;
padding: 15px 0 0 20px;
box-shadow: 0px 5px 5px #e5e8eb;
}
.my-text-area .prepand{
float: left;
width:89px;
height: 28px;
font-size: 12px;
line-height: 28px;
}
</style>
<style>
.my-text-area .el-textarea__inner{
min-height: 28px;
height: 28px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
</style>
... ...