作者 小范

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

@@ -9,6 +9,11 @@ let baseUrl3 = 'wms-server-warehouse/wms/location' @@ -9,6 +9,11 @@ let baseUrl3 = 'wms-server-warehouse/wms/location'
9 let baseUrl4 = 'wms-server-warehouse/wms/inventroy' 9 let baseUrl4 = 'wms-server-warehouse/wms/inventroy'
10 let baseUrl5 = 'wms-server-warehouse/wms/area' 10 let baseUrl5 = 'wms-server-warehouse/wms/area'
11 let baseUrl6 = 'wms-server-warehouse/wms/newbasesphcode' 11 let baseUrl6 = 'wms-server-warehouse/wms/newbasesphcode'
  12 +let baseUrl7 = 'wms-server-warehouse/wms/goods'
  13 +let baseUrl8 = 'special-declaration/ClassifiedNuclearHead'
  14 +let baseUrl9 = 'special-declaration/ClassifiedNuclearBodys'
  15 +
  16 +
12 17
13 18
14 //查询货物明细 19 //查询货物明细
@@ -98,3 +103,28 @@ export const selectByAreaid = params => { return axios.get(`${baseUrl5}/selectBy @@ -98,3 +103,28 @@ export const selectByAreaid = params => { return axios.get(`${baseUrl5}/selectBy
98 //特货管理 103 //特货管理
99 export const getSPHCode = params => { return http.get(`${baseUrl6}/selectByCode`,params)}; 104 export const getSPHCode = params => { return http.get(`${baseUrl6}/selectByCode`,params)};
100 105
  106 +//商品管理
  107 +export const selectGoodsManagement = params => { return http.get(`${baseUrl7}/selectGoodsManagement`,params)};
  108 +
  109 +export const delGoods = params => { return axios.get(`${baseUrl7}/delGoods`, { params: params }); };
  110 +
  111 +export const addGoods = params => { return http.post(`${baseUrl7}/addGoods`,params)};
  112 +
  113 +export const ediGoods = params => { return http.post(`${baseUrl7}/ediGoods`,params)};
  114 +//分类监管
  115 +//表头
  116 +export const selectAllAdd = params => { return http.postWithFrom(`${baseUrl8}/selectAll`,params)};
  117 +export const selectOne = params => { return http.post(`${baseUrl8}/selectOne`,params)};
  118 +export const saveAdd = params => { return http.post(`${baseUrl8}/save`,params)};
  119 +export const updateByIdAdd = params => { return http.post(`${baseUrl8}/updateById`,params)};
  120 +export const deleteByIdAdd = params => { return http.post(`${baseUrl8}/deleteById`,params)};
  121 +export const declaration = params => { return http.post(`${baseUrl8}/declaration`,params)};
  122 +
  123 +
  124 +//表体
  125 +export const selectAllQuery = params => { return http.post(`${baseUrl9}/selectAll`,params)};
  126 +export const saveQuery = params => { return http.post(`${baseUrl9}/save`,params)};
  127 +export const updateByIdQuery = params => { return http.post(`${baseUrl9}/updateById`,params)};
  128 +export const deleteByIdQuery = params => { return http.post(`${baseUrl9}/deleteById`,params)};
  129 +
  130 +
@@ -117,6 +117,12 @@ import houseRecord from './views/deploy/houseRecord.vue' @@ -117,6 +117,12 @@ import houseRecord from './views/deploy/houseRecord.vue'
117 import locations from './views/deploy/locations.vue' 117 import locations from './views/deploy/locations.vue'
118 import inventroy from './views/deploy/inventroy.vue' 118 import inventroy from './views/deploy/inventroy.vue'
119 import area from './views/deploy/area.vue' 119 import area from './views/deploy/area.vue'
  120 +import seller from './views/deploy/seller.vue'
  121 +import classification from './views/deploy/classification.vue'
  122 +import subscribe from './views/deploy/subscribe.vue'
  123 +
  124 +
  125 +
120 //账单管理 126 //账单管理
121 import discount from './views/charging/discount.vue' 127 import discount from './views/charging/discount.vue'
122 import goods from './views/charging/goods.vue' 128 import goods from './views/charging/goods.vue'
@@ -549,6 +555,9 @@ let routes = [ @@ -549,6 +555,9 @@ let routes = [
549 {path:'/inventroy',component:inventroy,name:'库存管理'}, 555 {path:'/inventroy',component:inventroy,name:'库存管理'},
550 {path:'/area',component:area,name:'库区管理'}, 556 {path:'/area',component:area,name:'库区管理'},
551 {path:'/houserecord',component:houseRecord,name:'仓库入库'}, 557 {path:'/houserecord',component:houseRecord,name:'仓库入库'},
  558 + {path:'/seller',component:seller,name:'商品管理'},
  559 + {path:'/classification',component:classification,name:'分类监管申请'},
  560 + {path:'/subscribe',component:subscribe,name:'分类监管查询'},
552 ] 561 ]
553 }, 562 },
554 { 563 {
  1 +<template>
  2 + <el-row>
  3 + <el-card style="background-color: #F5F7FA">
  4 + <!-- 搜索区域-->
  5 + <el-row :gutter="10" class="toolbar" style="height: auto;padding-bottom: 15px">
  6 + <el-divider content-position="left"> 分类监管表头必填信息 </el-divider>
  7 + <el-row style="padding-right: 15px">
  8 + <el-form :model="addForm" :rules="rule" ref="addForm">
  9 + <el-row>
  10 + <el-col :span="6">
  11 + <el-form-item label=" " :label-width="formLabelWidth" prop="srcCssa">
  12 + <div class="my-text-area">
  13 + <div class="el-input-group__prepend prepand">&emsp;启运地&emsp;&emsp;&emsp;</div>
  14 + <el-select v-model="addForm.srcCssa" placeholder="请选择启运地" size="small" style="width: 150px">
  15 + <el-option label="区内" value="01"></el-option>
  16 + <el-option label="区外" value="02"></el-option>
  17 + <el-option label="口岸" value="03"></el-option>
  18 + <el-option label="特殊区域" value="04"></el-option>
  19 + </el-select>
  20 + </div>
  21 + </el-form-item>
  22 + </el-col>
  23 + <el-col :span="6">
  24 + <el-form-item label=" " :label-width="formLabelWidth" prop="dstCssa">
  25 + <div class="my-text-area">
  26 + <div class="el-input-group__prepend prepand">&emsp;指运地&emsp;&emsp;&emsp;</div>
  27 + <el-select v-model="addForm.dstCssa" placeholder="请选择指运地" size="small" style="width: 150px">
  28 + <el-option label="区内" value="01"></el-option>
  29 + <el-option label="区外" value="02"></el-option>
  30 + <el-option label="口岸" value="03"></el-option>
  31 + <el-option label="特殊区域" value="04"></el-option>
  32 + </el-select>
  33 + </div>
  34 + <!-- <el-input v-model="addForm.dstCssa" autocomplete="off" size="small">-->
  35 + <!-- <template slot="prepend">指运地&emsp;</template>-->
  36 + <!-- </el-input>-->
  37 + </el-form-item>
  38 + </el-col>
  39 + <el-col :span="6">
  40 + <el-form-item label=" " :label-width="formLabelWidth" prop="status">
  41 + <div class="my-text-area">
  42 + <div class="el-input-group__prepend prepand">&emsp;状态&emsp;</div>
  43 + <el-select v-model="addForm.status" placeholder="请选择" size="small" style="width: 150px">
  44 + <el-option label="暂存" value="0"></el-option>
  45 + <el-option label="待审核" value="1"></el-option>
  46 + <el-option label="退单" value="3"></el-option>
  47 + <el-option label="作废待审核" value="4"></el-option>
  48 + <el-option label="作废失败" value="5"></el-option>
  49 + <el-option label="作废成功" value="6"></el-option>
  50 + <el-option label="已出卡" value="7"></el-option>
  51 + <el-option label="已入卡" value="8"></el-option>
  52 + <el-option label="审核通过" value="15"></el-option>
  53 + </el-select>
  54 + </div>
  55 + </el-form-item>
  56 + </el-col>
  57 + <el-col :span="6">
  58 + <el-form-item label=" " :label-width="formLabelWidth" prop="isArtificial">
  59 + <div class="my-text-area">
  60 + <div class="el-input-group__prepend prepand">人工携带</div>
  61 + <el-select v-model="addForm.isArtificial" placeholder="请选择是否人工携带" size="small" style="width: 150px">
  62 + <el-option label="否" value="0"></el-option>
  63 + <el-option label="是" value="1"></el-option>
  64 + </el-select>
  65 + </div>
  66 + </el-form-item>
  67 + </el-col>
  68 + </el-row>
  69 + <el-row>
  70 + <el-col :span="6">
  71 + <el-form-item label=" " :label-width="formLabelWidth" prop="bussType">
  72 + <div class="my-text-area">
  73 + <div class="el-input-group__prepend prepand">业务类别</div>
  74 + <el-select v-model="addForm.bussType" placeholder="" size="small" style="width: 150px">
  75 + <el-option label="分类监管" value="1"></el-option>
  76 + </el-select>
  77 + </div>
  78 + <!-- <el-input v-model="addForm.bussType" autocomplete="off" size="small">-->
  79 + <!-- <template slot="prepend">业务类别</template>-->
  80 + <!-- </el-input>-->
  81 + </el-form-item>
  82 + </el-col>
  83 + <el-col :span="6">
  84 + <el-form-item label=" " :label-width="formLabelWidth" prop="trspModecd">
  85 + <div class="my-text-area">
  86 + <div class="el-input-group__prepend prepand">核放单类型</div>
  87 + <el-select v-model="addForm.trspModecd" placeholder="" size="small" style="width: 150px">
  88 + <el-option label="暂存" value="0"></el-option>
  89 + <el-option label="待核验" value="3"></el-option>
  90 + <el-option label="作废" value="5"></el-option>
  91 + </el-select>
  92 + </div>
  93 + </el-form-item>
  94 + </el-col>
  95 + <el-col :span="6">
  96 + <el-form-item label=" " :label-width="formLabelWidth" prop="inOutType">
  97 + <div class="my-text-area">
  98 + <div class="el-input-group__prepend prepand">出入区类型</div>
  99 + <el-select v-model="addForm.inOutType" placeholder="请选择出入区类型" size="small" style="width: 150px">
  100 + <el-option label="出区" value="E"></el-option>
  101 + <el-option label="入区" value="I"></el-option>
  102 + </el-select>
  103 + </div>
  104 + </el-form-item>
  105 + </el-col>
  106 + <el-col :span="6">
  107 + <el-form-item label=" " :label-width="formLabelWidth" prop="declType">
  108 + <el-input v-model="addForm.declType" autocomplete="off" size="small">
  109 + <template slot="prepend">申报类型</template>
  110 + </el-input>
  111 + </el-form-item>
  112 + </el-col>
  113 + </el-row>
  114 + <el-row>
  115 + <el-col :span="6">
  116 + <el-form-item label=" " :label-width="formLabelWidth" prop="bookNo">
  117 + <el-input v-model="addForm.bookNo" autocomplete="off" size="small">
  118 + <template slot="prepend">账册编号</template>
  119 + </el-input>
  120 + </el-form-item>
  121 + </el-col>
  122 + <el-col :span="6">
  123 + <el-form-item label=" " :label-width="formLabelWidth" prop="distCusCode">
  124 + <el-input v-model="addForm.distCusCode" autocomplete="off" size="small">
  125 + <template slot="prepend">主管海关</template>
  126 + </el-input>
  127 + </el-form-item>
  128 + </el-col>
  129 + <el-col :span="6">
  130 + <el-form-item label=" " :label-width="formLabelWidth" prop="distDeclName">
  131 + <el-input v-model="addForm.distDeclName" autocomplete="off" size="small">
  132 + <template slot="prepend">申报企业名称</template>
  133 + </el-input>
  134 + </el-form-item>
  135 + </el-col>
  136 + <el-col :span="6">
  137 + <el-form-item label=" " :label-width="formLabelWidth" prop="distDeclCode">
  138 + <el-input v-model="addForm.distDeclCode" autocomplete="off" size="small">
  139 + <template slot="prepend">申报企业代码</template>
  140 + </el-input>
  141 + </el-form-item>
  142 + </el-col>
  143 + </el-row>
  144 + <el-row>
  145 + <el-col :span="6">
  146 + <el-form-item label=" " :label-width="formLabelWidth" prop="wmsName">
  147 + <el-input v-model="addForm.wmsName" autocomplete="off" size="small">
  148 + <template slot="prepend">仓储企业名称</template>
  149 + </el-input>
  150 + </el-form-item>
  151 + </el-col>
  152 + <el-col :span="6">
  153 + <el-form-item label=" " :label-width="formLabelWidth" prop="wmsCode">
  154 + <el-input v-model="addForm.wmsCode" autocomplete="off" size="small">
  155 + <template slot="prepend">仓储企业代码</template>
  156 + </el-input>
  157 + </el-form-item>
  158 + </el-col>
  159 + <el-col :span="6">
  160 + <el-form-item label=" " :label-width="formLabelWidth" prop="tradeName">
  161 + <el-input v-model="addForm.tradeName" autocomplete="off" size="small">
  162 + <template slot="prepend">经营企业名称</template>
  163 + </el-input>
  164 + </el-form-item>
  165 + </el-col>
  166 + <el-col :span="6">
  167 + <el-form-item label=" " :label-width="formLabelWidth" prop="tradeCode">
  168 + <el-input v-model="addForm.tradeCode" autocomplete="off" size="small">
  169 + <template slot="prepend">经营企业代码</template>
  170 + </el-input>
  171 + </el-form-item>
  172 + </el-col>
  173 + </el-row>
  174 + <el-collapse accordion>
  175 + <el-collapse-item>
  176 + <template slot="title">
  177 + <el-divider content-position="left"> 分类监管表头非必填信息 </el-divider>
  178 + </template>
  179 + <el-row>
  180 + <el-col :span="6">
  181 + <el-form-item label="" :label-width="formLabelWidth" prop="goodsType">
  182 + <el-input v-model="addForm.goodsType" autocomplete="off" size="small">
  183 + <template slot="prepend">货物类型</template>
  184 + </el-input>
  185 + </el-form-item>
  186 + </el-col>
  187 + <el-col :span="6">
  188 + <el-form-item label="" :label-width="formLabelWidth" prop="grosWt">
  189 + <el-input v-model="addForm.grosWt" autocomplete="off" size="small">
  190 + <template slot="prepend">货物毛重</template>
  191 + </el-input>
  192 + </el-form-item>
  193 + </el-col>
  194 + <el-col :span="6">
  195 + <el-form-item label="" :label-width="formLabelWidth" prop="sumCount">
  196 + <el-input v-model="addForm.sumCount" autocomplete="off" size="small">
  197 + <template slot="prepend">总数量&emsp;</template>
  198 + </el-input>
  199 + </el-form-item>
  200 + </el-col>
  201 + <el-col :span="6">
  202 + <el-form-item label="" :label-width="formLabelWidth" prop="sumWt">
  203 + <el-input v-model="addForm.sumWt" autocomplete="off" size="small">
  204 + <template slot="prepend">总重量&emsp;</template>
  205 + </el-input>
  206 + </el-form-item>
  207 + </el-col>
  208 + </el-row>
  209 + <el-row>
  210 + <el-col :span="6">
  211 + <el-form-item label="" :label-width="formLabelWidth" prop="veId">
  212 + <el-input v-model="addForm.veId" autocomplete="off" size="small">
  213 + <template slot="prepend">车牌号&emsp;</template>
  214 + </el-input>
  215 + </el-form-item>
  216 + </el-col>
  217 + <el-col :span="6">
  218 + <el-form-item label="" :label-width="formLabelWidth" prop="veWeight">
  219 + <el-input v-model="addForm.veWeight" autocomplete="off" size="small">
  220 + <template slot="prepend">车自重&emsp;</template>
  221 + </el-input>
  222 + </el-form-item>
  223 + </el-col>
  224 + <el-col :span="6">
  225 + <el-form-item label="" :label-width="formLabelWidth" prop="vehicleFrameWt">
  226 + <el-input v-model="addForm.vehicleFrameWt" autocomplete="off" size="small">
  227 + <template slot="prepend">车架重&emsp;</template>
  228 + </el-input>
  229 + </el-form-item>
  230 + </el-col>
  231 + <el-col :span="6">
  232 + <el-form-item label="" :label-width="formLabelWidth" prop="vehicleIcNoDz">
  233 + <el-input v-model="addForm.vehicleIcNoDz" autocomplete="off" size="small">
  234 + <template slot="prepend">电子车牌</template>
  235 + </el-input>
  236 + </el-form-item>
  237 + </el-col>
  238 + </el-row>
  239 + <el-row>
  240 + <el-col :span="6">
  241 + <el-form-item label="" :label-width="formLabelWidth" prop="vehicleIcNo">
  242 + <el-input v-model="addForm.vehicleIcNo" autocomplete="off" size="small">
  243 + <template slot="prepend">IC卡号&emsp;</template>
  244 + </el-input>
  245 + </el-form-item>
  246 + </el-col>
  247 + <el-col :span="6">
  248 + <el-form-item label="" :label-width="formLabelWidth" prop="cusLock">
  249 + <el-input v-model="addForm.cusLock" autocomplete="off" size="small">
  250 + <template slot="prepend">关锁&emsp;&emsp;</template>
  251 + </el-input>
  252 + </el-form-item>
  253 + </el-col>
  254 +
  255 + <el-col :span="6">
  256 + <el-form-item label="" :label-width="formLabelWidth" prop="describeText">
  257 + <el-input v-model="addForm.describeText" autocomplete="off" size="small">
  258 + <template slot="prepend">回执&emsp;&emsp;</template>
  259 + </el-input>
  260 + </el-form-item>
  261 + </el-col>
  262 + <el-col :span="6">
  263 + <el-form-item label="" :label-width="formLabelWidth" prop="detentionType">
  264 + <el-input v-model="addForm.detentionType" autocomplete="off" size="small">
  265 + <template slot="prepend">扣留类型</template>
  266 + </el-input>
  267 + </el-form-item>
  268 + </el-col>
  269 + </el-row>
  270 + <el-row>
  271 + <el-col :span="6">
  272 + <el-form-item label="" :label-width="formLabelWidth" prop="putrecseqno">
  273 + <el-input v-model="addForm.putrecseqno" autocomplete="off" size="small">
  274 + <template slot="prepend">备案序号</template>
  275 + </el-input>
  276 + </el-form-item>
  277 + </el-col>
  278 + <el-col :span="6">
  279 + <el-form-item label="" :label-width="formLabelWidth" prop="distCopNo">
  280 + <el-input v-model="addForm.distCopNo" autocomplete="off" size="small">
  281 + <template slot="prepend">预录入编号</template>
  282 + </el-input>
  283 + </el-form-item>
  284 + </el-col>
  285 + <el-col :span="6">
  286 + <el-form-item label="" :label-width="formLabelWidth" prop="distNo">
  287 + <el-input v-model="addForm.distNo" autocomplete="off" size="small">
  288 + <template slot="prepend">核放单号</template>
  289 + </el-input>
  290 + </el-form-item>
  291 + </el-col>
  292 + <el-col :span="6">
  293 + <el-form-item label="" :label-width="formLabelWidth" prop="isEmpty">
  294 + <el-input v-model="addForm.isEmpty" autocomplete="off" size="small">
  295 + <template slot="prepend">是否为空</template>
  296 + </el-input>
  297 + </el-form-item>
  298 + </el-col>
  299 + </el-row>
  300 + <el-row>
  301 + <el-col :span="6">
  302 + <el-form-item label="" :label-width="formLabelWidth" prop="createBy">
  303 + <el-input v-model="addForm.createBy" autocomplete="off" size="small">
  304 + <template slot="prepend">创建人&emsp;</template>
  305 + </el-input>
  306 + </el-form-item>
  307 + </el-col>
  308 + <el-col :span="6">
  309 + <el-form-item label="" :label-width="formLabelWidth" prop="updateBy">
  310 + <el-input v-model="addForm.updateBy" autocomplete="off" size="small">
  311 + <template slot="prepend">更新人&emsp;</template>
  312 + </el-input>
  313 + </el-form-item>
  314 + </el-col>
  315 + <el-col :span="6">
  316 + <el-form-item label="" :label-width="formLabelWidth" prop="drivName">
  317 + <el-input v-model="addForm.drivName" autocomplete="off" size="small">
  318 + <template slot="prepend">司机姓名</template>
  319 + </el-input>
  320 + </el-form-item>
  321 + </el-col>
  322 + <el-col :span="6">
  323 + <el-form-item label="" :label-width="formLabelWidth" prop="drivPhone">
  324 + <el-input v-model="addForm.drivPhone" autocomplete="off" size="small">
  325 + <template slot="prepend">司机手机号</template>
  326 + </el-input>
  327 + </el-form-item>
  328 + </el-col>
  329 + </el-row>
  330 + <el-row>
  331 + <el-col :span="6">
  332 + <el-form-item label="" :label-width="formLabelWidth" prop="beforeContainerNo">
  333 + <el-input v-model="addForm.beforeContainerNo" autocomplete="off" size="small">
  334 + <template slot="prepend">前集装箱号</template>
  335 + </el-input>
  336 + </el-form-item>
  337 + </el-col>
  338 + <el-col :span="6">
  339 + <el-form-item label="" :label-width="formLabelWidth" prop="beforeContainerW">
  340 + <el-input v-model="addForm.beforeContainerW" autocomplete="off" size="small">
  341 + <template slot="prepend">前集装箱重量</template>
  342 + </el-input>
  343 + </el-form-item>
  344 + </el-col>
  345 + <el-col :span="6">
  346 + <el-form-item label="" :label-width="formLabelWidth" prop="afterContainerNo">
  347 + <el-input v-model="addForm.afterContainerNo" autocomplete="off" size="small">
  348 + <template slot="prepend">后集装箱号</template>
  349 + </el-input>
  350 + </el-form-item>
  351 + </el-col>
  352 + <el-col :span="6">
  353 + <el-form-item label="" :label-width="formLabelWidth" prop="afterContainerWt">
  354 + <el-input v-model="addForm.afterContainerWt" autocomplete="off" size="small">
  355 + <template slot="prepend">后集装箱重量</template>
  356 + </el-input>
  357 + </el-form-item>
  358 + </el-col>
  359 + </el-row>
  360 + <el-row>
  361 + <el-col :span="6">
  362 + <el-form-item label="" :label-width="formLabelWidth" prop="containerWt">
  363 + <el-input v-model="addForm.containerWt" autocomplete="off" size="small">
  364 + <template slot="prepend">集装箱重量</template>
  365 + </el-input>
  366 + </el-form-item>
  367 + </el-col>
  368 + <el-col :span="6">
  369 + <el-form-item label="" :label-width="formLabelWidth" prop="regionalClearanceMode">
  370 + <el-input v-model="addForm.regionalClearanceMode" autocomplete="off" size="small">
  371 + <template slot="prepend">区域通关模式</template>
  372 + </el-input>
  373 + </el-form-item>
  374 + </el-col>
  375 + <el-col :span="6">
  376 + <el-form-item label="" :label-width="formLabelWidth" prop="treeitoryDeclInspecMode">
  377 + <el-input v-model="addForm.treeitoryDeclInspecMode" autocomplete="off" size="small">
  378 + <template slot="prepend">属地申报查验模式</template>
  379 + </el-input>
  380 + </el-form-item>
  381 + </el-col>
  382 + <el-col :span="6">
  383 + <el-form-item label="" :label-width="formLabelWidth" prop="remarks">
  384 + <el-input v-model="addForm.remarks" autocomplete="off" size="small">
  385 + <template slot="prepend">备注&emsp;&emsp;</template>
  386 + </el-input>
  387 + </el-form-item>
  388 + </el-col>
  389 + </el-row>
  390 + </el-collapse-item>
  391 + </el-collapse>
  392 + </el-form>
  393 + </el-row>
  394 + <el-divider content-position="left"> 分类监管表体信息 </el-divider>
  395 + <!-- 列表区域-->
  396 + <el-row>
  397 + <template>
  398 + <el-table
  399 + :data="addForm.nuclearBodysList"
  400 + border
  401 + :cell-style="{textAlign:'center'}"
  402 + style="border-radius: 10px 10px 0px 0px;line-height: 25px"
  403 + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
  404 + >
  405 + <el-table-column
  406 + fixed
  407 + prop="entryNo"
  408 + label="报关单号"
  409 + width="120">
  410 + </el-table-column>
  411 + <el-table-column
  412 + prop="goodsCode"
  413 + label="商品编码"
  414 + width="120">
  415 + </el-table-column>
  416 + <el-table-column
  417 + prop="goodsName"
  418 + label="商品名称"
  419 + width="120">
  420 + </el-table-column>
  421 + <el-table-column
  422 + prop="goodsNo"
  423 + label="商品货号"
  424 + width="120">
  425 + </el-table-column>
  426 + <el-table-column
  427 + prop="count"
  428 + label="数量"
  429 + width="120">
  430 + </el-table-column>
  431 + <el-table-column
  432 + prop="grosWt"
  433 + label="单位毛重"
  434 + width="80">
  435 + </el-table-column>
  436 + <el-table-column
  437 + prop="netWt"
  438 + label="单位净重"
  439 + width="120">
  440 + </el-table-column>
  441 + <el-table-column
  442 + prop="unit"
  443 + label="申报计量单位"
  444 + width="120">
  445 + </el-table-column>
  446 + <el-table-column
  447 + prop="updateBy"
  448 + label="更新人"
  449 + width="120">
  450 + </el-table-column>
  451 + <el-table-column
  452 + prop="updateAt"
  453 + label="更新时间"
  454 + width="120">
  455 + </el-table-column>
  456 + <el-table-column
  457 + prop="createBy"
  458 + label="创建人"
  459 + width="120">
  460 + </el-table-column>
  461 + <el-table-column
  462 + prop="createAt"
  463 + label="创建时间"
  464 + width="120">
  465 + </el-table-column>
  466 + <el-table-column
  467 + fixed="right"
  468 + label="操作"
  469 + width="200">
  470 + <template slot-scope="scope">
  471 + <el-button type="success" size="mini" @click="edit(scope.row)">编辑</el-button>
  472 + <el-button type="danger" size="mini" @click="applyDelQuery(scope.$index,scope.row)">删除</el-button>
  473 + </template>
  474 + </el-table-column>
  475 + </el-table>
  476 + </template>
  477 + </el-row>
  478 + <el-row style="padding-right: 15px">
  479 + <el-form :title="dialogMap[dialogApply]" :model="queryInfo" :rules="rules" ref="queryInfo">
  480 + <el-row>
  481 + <el-col :span="6">
  482 + <el-form-item label="" :label-width="formLabelWidth" prop="entryNo">
  483 + <el-input v-model="queryInfo.entryNo" autocomplete="off" size="small">
  484 + <template slot="prepend">报关单号</template>
  485 + </el-input>
  486 + </el-form-item>
  487 + </el-col>
  488 + <el-col :span="6">
  489 + <el-form-item label="" :label-width="formLabelWidth" prop="goodsCode">
  490 + <el-input v-model="queryInfo.goodsCode" autocomplete="off" size="small">
  491 + <template slot="prepend">商品编码</template>
  492 + </el-input>
  493 + </el-form-item>
  494 + </el-col>
  495 + <el-col :span="6">
  496 + <el-form-item label="" :label-width="formLabelWidth" prop="goodsName">
  497 + <el-input v-model="queryInfo.goodsName" autocomplete="off" size="small">
  498 + <template slot="prepend">商品名称</template>
  499 + </el-input>
  500 + </el-form-item>
  501 + </el-col>
  502 + <el-col :span="6">
  503 + <el-form-item label="" :label-width="formLabelWidth" prop="goodsNo">
  504 + <el-input v-model="queryInfo.goodsNo" autocomplete="off" size="small">
  505 + <template slot="prepend">商品货号</template>
  506 + </el-input>
  507 + </el-form-item>
  508 + </el-col>
  509 + </el-row>
  510 + <el-row>
  511 + <el-col :span="6">
  512 + <el-form-item label="" :label-width="formLabelWidth" prop="count">
  513 + <el-input v-model="queryInfo.count" autocomplete="off" size="small">
  514 + <template slot="prepend">数&emsp;&emsp;量</template>
  515 + </el-input>
  516 + </el-form-item>
  517 + </el-col>
  518 + <el-col :span="6">
  519 + <el-form-item label="" :label-width="formLabelWidth" prop="grosWt">
  520 + <el-input v-model="queryInfo.grosWt" autocomplete="off" size="small">
  521 + <template slot="prepend">单位毛重</template>
  522 + </el-input>
  523 + </el-form-item>
  524 + </el-col>
  525 + <el-col :span="6">
  526 + <el-form-item label="" :label-width="formLabelWidth" prop="netWt">
  527 + <el-input v-model="queryInfo.netWt" autocomplete="off" size="small">
  528 + <template slot="prepend">单位净重</template>
  529 + </el-input>
  530 + </el-form-item>
  531 + </el-col>
  532 + <el-col :span="6">
  533 + <el-form-item label="" :label-width="formLabelWidth" prop="unit">
  534 + <el-input v-model="queryInfo.unit" autocomplete="off" size="small">
  535 + <template slot="prepend">计量单位</template>
  536 + </el-input>
  537 + </el-form-item>
  538 + </el-col>
  539 + </el-row>
  540 + <el-row>
  541 + <el-col :span="6">
  542 + <el-form-item label="" :label-width="formLabelWidth" prop="createBy">
  543 + <el-input v-model="queryInfo.createBy" autocomplete="off" size="small">
  544 + <template slot="prepend">创建人&emsp;</template>
  545 + </el-input>
  546 + </el-form-item>
  547 + </el-col>
  548 + <el-col :span="6">
  549 + <el-form-item label="" :label-width="formLabelWidth" prop="updateBy">
  550 + <el-input v-model="queryInfo.updateBy" autocomplete="off" size="small">
  551 + <template slot="prepend">更新人&emsp;</template>
  552 + </el-input>
  553 + </el-form-item>
  554 + </el-col>
  555 + <el-col :offset="1" :span="6">
  556 + <el-button :type ="buttonType()" size="small" @click="dialogApply==='create'?addQuery(queryInfo):editQuery()">{{back}}</el-button>
  557 +
  558 +<!-- <el-button type="success" size="small" @click="editQuery()">确认修改</el-button>-->
  559 +<!-- <el-button type="primary" size="small" @click="addQuery()">保 存</el-button>-->
  560 + </el-col>
  561 + </el-row>
  562 + </el-form>
  563 + </el-row>
  564 + </el-row>
  565 + <el-row>
  566 + <div style="text-align: center">
  567 +<!-- <el-button type="success" size="small" @click="formUp()">编辑</el-button>-->
  568 + <el-button type="primary" size="small" @click="formAdd()">保&emsp;&emsp;存</el-button>
  569 + </div>
  570 + </el-row>
  571 + </el-card>
  572 + </el-row>
  573 +</template>
  574 +
  575 +<script>
  576 + import {saveAdd} from '../../api/consigner/station';
  577 +
  578 + export default {
  579 + name: "classification",
  580 + data() {
  581 + return {
  582 + dialogMap: {
  583 + update: '编辑',
  584 + create: '新增'
  585 + },
  586 + dialogApply: 'create',
  587 + back:'添加表体',
  588 + addForm: {
  589 + afterContainerNo: '',
  590 + afterContainerWt: '',
  591 + beforeContainerNo: '',
  592 + beforeContainerW: '',
  593 + bookNo: '',
  594 + bussType: '',
  595 + containerWt: '',
  596 + createAt: '',
  597 + createBy: '',
  598 + cusLock: '',
  599 + declType: '',
  600 + describeText: '',
  601 + detentionType:'',
  602 + distCopNo:'',
  603 + distCusCode:'',
  604 + distDeclCode:'',
  605 + distDeclDate: '',
  606 + distDeclName: '',
  607 + distNo: '',
  608 + drivName: '',
  609 + dstCssa: '',
  610 + drivPhone: '',
  611 + goodsType: '',
  612 + grosWt: '',
  613 + id: '',
  614 + inOutType: '',
  615 + isArtificial: '',
  616 + isEmpty: '',
  617 + regionalClearanceMode:'',
  618 + remarks:'',
  619 + srcCssa:'',
  620 + status:'',
  621 + sumCount: '',
  622 + sumWt: '',
  623 + tradeCode: '',
  624 + tradeName: '',
  625 + treeitoryDeclInspecMode: '',
  626 + trspModecd: '',
  627 + updateAt: '',
  628 + updateBy: '',
  629 + veId: '',
  630 + veWeight: '',
  631 + vehicleFrameWt: '',
  632 + vehicleIcNo: '',
  633 + vehicleIcNoDz:'',
  634 + wmsCode:'',
  635 + wmsName:'',
  636 + nuclearBodysList:[],
  637 + },
  638 + queryInfo: {
  639 + cklistId:'',
  640 + count:'',
  641 + createAt:'',
  642 + createBy:'',
  643 + entryNo:'',
  644 + goodsCode:'',
  645 + goodsName:'',
  646 + goodsNo:'',
  647 + grosWt:0,
  648 + id:'',
  649 + netWt:0,
  650 + unit:'',
  651 + updateAt:'',
  652 + updateBy:'',
  653 + },
  654 + query:{
  655 + pageNum:10,
  656 + pageSize:1,
  657 + // total:''
  658 + },
  659 + total: 0,
  660 + currentPage:1,
  661 + formLabelWidth: '15px',
  662 + rule: {
  663 + srcCssa: [
  664 + { required: true, message: '该项为必填项', trigger: 'blur' }
  665 + ],
  666 + dstCssa: [
  667 + { required: true, message: '该项为必填项', trigger: 'blur' }
  668 + ],
  669 + status: [
  670 + { required: true, message: '该项为必填项', trigger: 'blur' }
  671 + ],
  672 + isArtificial: [
  673 + { required: true, message: '该项为必填项', trigger: 'blur' }
  674 + ],
  675 + bussType: [
  676 + { required: true, message: '该项为必填项', trigger: 'blur' }
  677 + ],
  678 + trspModecd: [
  679 + { required: true, message: '该项为必填项', trigger: 'blur' }
  680 + ],
  681 + inOutType: [
  682 + { required: true, message: '该项为必填项', trigger: 'blur' }
  683 + ],
  684 + declType: [
  685 + { required: true, message: '该项为必填项', trigger: 'blur' }
  686 + ],
  687 + bookNo: [
  688 + { required: true, message: '该项为必填项', trigger: 'blur' }
  689 + ],
  690 + distCusCode: [
  691 + { required: true, message: '该项为必填项', trigger: 'blur' }
  692 + ],
  693 + distDeclName: [
  694 + { required: true, message: '该项为必填项', trigger: 'blur' }
  695 + ],
  696 + distDeclCode: [
  697 + { required: true, message: '该项为必填项', trigger: 'blur' }
  698 + ],
  699 + wmsName: [
  700 + { required: true, message: '该项为必填项', trigger: 'blur' }
  701 + ],
  702 + wmsCode: [
  703 + { required: true, message: '该项为必填项', trigger: 'blur' }
  704 + ],
  705 + tradeName: [
  706 + { required: true, message: '该项为必填项', trigger: 'blur' }
  707 + ],
  708 + tradeCode: [
  709 + { required: true, message: '该项为必填项', trigger: 'blur' }
  710 + ],
  711 + },
  712 + rules: {
  713 + },
  714 + }
  715 + },
  716 + methods: {
  717 + // 添加功能
  718 + formAdd() {
  719 + this.$refs.addForm.validate(valid => {
  720 + // 未通过,表单预校验
  721 + if (!valid) return;
  722 + saveAdd(this.addForm).then((response) => {
  723 + let res = response.data;
  724 + // 添加失败
  725 + if (res.code !== '200') {
  726 + return this.$message.error(res.msg);
  727 + }
  728 + // 添加,成功
  729 + this.$message.success(res.msg);
  730 + this.addForm={
  731 + afterContainerNo: '',
  732 + afterContainerWt: '',
  733 + beforeContainerNo: '',
  734 + beforeContainerW: '',
  735 + bookNo: '',
  736 + bussType: '',
  737 + containerWt: '',
  738 + createAt: '',
  739 + createBy: '',
  740 + cusLock: '',
  741 + declType: '',
  742 + describeText: '',
  743 + detentionType:'',
  744 + distCopNo:'',
  745 + distCusCode:'',
  746 + distDeclCode:'',
  747 + distDeclDate: '',
  748 + distDeclName: '',
  749 + distNo: '',
  750 + drivName: '',
  751 + dstCssa: '',
  752 + drivPhone: '',
  753 + goodsType: '',
  754 + grosWt: '',
  755 + id: '',
  756 + inOutType: '',
  757 + isArtificial: '',
  758 + isEmpty: '',
  759 + regionalClearanceMode:'',
  760 + remarks:'',
  761 + srcCssa:'',
  762 + status:'',
  763 + sumCount: '',
  764 + sumWt: '',
  765 + tradeCode: '',
  766 + tradeName: '',
  767 + treeitoryDeclInspecMode: '',
  768 + trspModecd: '',
  769 + updateAt: '',
  770 + updateBy: '',
  771 + veId: '',
  772 + veWeight: '',
  773 + vehicleFrameWt: '',
  774 + vehicleIcNo: '',
  775 + vehicleIcNoDz:'',
  776 + wmsCode:'',
  777 + wmsName:'',
  778 + nuclearBodysList:[],
  779 + }
  780 + // 刷新列表
  781 + // this.getList();
  782 + }).catch(error => {
  783 + this.$message.error(error.toString());
  784 + });
  785 + })
  786 + },
  787 + buttonType(){
  788 + if(this.dialogApply=="update"){
  789 + return "warning"
  790 + }
  791 + else{
  792 + return "success"
  793 + }
  794 + },
  795 + // 添加功能
  796 + addQuery() {
  797 + this.$refs.queryInfo.validate(valid => {
  798 + // 未通过,表单预校验
  799 + if (!valid) return;
  800 + this.temp = Object.assign({}, this.queryInfo)
  801 + this.addForm.nuclearBodysList.push(this.temp);
  802 + this.queryInfo={
  803 + cklistId:'',
  804 + count:'',
  805 + createAt:'',
  806 + createBy:'',
  807 + entryNo:'',
  808 + goodsCode:'',
  809 + goodsName:'',
  810 + goodsNo:'',
  811 + grosWt:0,
  812 + id:'',
  813 + netWt:0,
  814 + unit:'',
  815 + updateAt:'',
  816 + updateBy:'',
  817 + }
  818 + })
  819 + },
  820 + // 打开编辑
  821 + edit(row) {
  822 + this.back='确定更改';
  823 + this.dialogApply = 'update';
  824 + this.queryInfo=row;
  825 + },
  826 + // 编辑功能
  827 + editQuery() {
  828 + // 进行表单的预验证
  829 + this.$refs.queryInfo.validate(valid => {
  830 + // 未通过,表单预校验
  831 + if (!valid) return
  832 + this.back='添加表体';
  833 + this.dialogApply = 'create';
  834 + this.queryInfo={
  835 + cklistId:'',
  836 + count:'',
  837 + createAt:'',
  838 + createBy:'',
  839 + entryNo:'',
  840 + goodsCode:'',
  841 + goodsName:'',
  842 + goodsNo:'',
  843 + grosWt:0,
  844 + id:'',
  845 + netWt:0,
  846 + unit:'',
  847 + updateAt:'',
  848 + updateBy:'',
  849 + }
  850 + })
  851 + },
  852 + // 删除
  853 + applyDelQuery(index, row) {
  854 + // 弹框询问是否删除?
  855 + this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
  856 + confirmButtonText: '确定删除',
  857 + cancelButtonText: '取消',
  858 + type: 'warning'
  859 + }
  860 + ).then(() => {
  861 + var index = this.addForm.nuclearBodysList.indexOf(row);
  862 + if (index !== -1) {
  863 + this.addForm.nuclearBodysList.splice(index, 1)
  864 + }
  865 + }).catch(() => {
  866 + })
  867 + },
  868 + },
  869 + mounted() {
  870 + // this.getQuery();
  871 + }
  872 + }
  873 +</script>
  874 +
  875 +<style scoped>
  876 + .toolbar{
  877 + height: 60px;
  878 + background-color: white;
  879 + /*line-height: 60px;*/
  880 + vertical-align: middle;
  881 + border-radius: 5px 5px 5px 5px;
  882 + padding: 15px 0 0 20px;
  883 + box-shadow: 0px 5px 5px #e5e8eb;
  884 + }
  885 + .my-text-area .prepand{
  886 + float: left;
  887 + width:89px;
  888 + height: 28px;
  889 + font-size: 12px;
  890 + line-height: 28px;
  891 + }
  892 +</style>
  893 +<style>
  894 + .my-text-area .el-textarea__inner{
  895 + min-height: 28px;
  896 + height: 28px;
  897 + border-bottom-left-radius: 0;
  898 + border-top-left-radius: 0;
  899 + }
  900 +</style>
  901 +
  1 +<template>
  2 + <el-row>
  3 + <el-card style="background-color: #F5F7FA">
  4 + <!-- 搜索区域-->
  5 + <el-row :gutter="10" class="toolbar" style="height: auto;padding-bottom: 15px">
  6 + <el-row>
  7 + <el-col :span="5">
  8 + <el-input v-model="queryInfo.seqno" prefix-icon="el-icon-search" size="small"
  9 + placeholder="中心统一编号" clearable>
  10 + <template slot="prepend">统一编号</template>
  11 + </el-input>
  12 + </el-col>
  13 + <el-col :offset="1" :span="5">
  14 + <el-input v-model="queryInfo.putrecseqno" prefix-icon="el-icon-search" size="small"
  15 + placeholder="备案序号" clearable>
  16 + <template slot="prepend">备案序号</template>
  17 + </el-input>
  18 + </el-col>
  19 + <el-col :offset="1" :span="5">
  20 + <el-input v-model="queryInfo.gdecd" prefix-icon="el-icon-search" size="small"
  21 + placeholder="商品编码" clearable>
  22 + <template slot="prepend">商品编码</template>
  23 + </el-input>
  24 + </el-col>
  25 + <el-col :offset="1" :span="5">
  26 + <el-input v-model="queryInfo.gdebc" prefix-icon="el-icon-search" size="small"
  27 + placeholder="商品简码" clearable>
  28 + <template slot="prepend">商品简码</template>
  29 + </el-input>
  30 + </el-col>
  31 + </el-row>
  32 + <el-row>
  33 + <el-col :span="5">
  34 + <el-input v-model="queryInfo.gdsmtno" prefix-icon="el-icon-search" size="small"
  35 + placeholder="商品料号" clearable>
  36 + <template slot="prepend">商品料号</template>
  37 + </el-input>
  38 + </el-col>
  39 + <el-col :offset="1" :span="5">
  40 + <el-input v-model="queryInfo.itemno" prefix-icon="el-icon-search" size="small"
  41 + placeholder="项号" clearable>
  42 + <template slot="prepend">项&emsp;&emsp;号</template>
  43 + </el-input>
  44 + </el-col>
  45 + <el-col :offset="1" :span="5">
  46 + <el-button type="primary" icon="el-icon-search" size="small" @click="getList()">
  47 + 查询
  48 + </el-button>
  49 + <el-button type="success" icon="el-icon-edit" size="small" @click="applyAdd()">新增</el-button>
  50 + </el-col>
  51 + </el-row>
  52 + </el-row>
  53 + <!-- 列表区域-->
  54 + <el-row>
  55 + <template>
  56 + <el-table
  57 + :data="tableData"
  58 + border
  59 + :cell-style="{textAlign:'center'}"
  60 + style="border-radius: 10px 10px 0px 0px;line-height: 25px"
  61 + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
  62 + >
  63 + <el-table-column
  64 + fixed
  65 + prop="seqno"
  66 + label="中心统一编号"
  67 + width="120">
  68 + </el-table-column>
  69 + <el-table-column
  70 + prop="putrecseqno"
  71 + label="备案序号"
  72 + width="120">
  73 + </el-table-column>
  74 + <el-table-column
  75 + prop="gdecd"
  76 + label="商品编码"
  77 + width="120">
  78 + </el-table-column>
  79 + <el-table-column
  80 + prop="gdebc"
  81 + label="商品简码"
  82 + width="120">
  83 + </el-table-column>
  84 + <el-table-column
  85 + prop="gdsmtno"
  86 + label="商品料号"
  87 + width="120">
  88 + </el-table-column>
  89 +<!-- <el-table-column-->
  90 +<!-- prop="ismeta"-->
  91 +<!-- label="是否虚拟仓库"-->
  92 +<!-- width="100">-->
  93 +<!-- <template slot-scope="scope">-->
  94 +<!-- <span v-if="scope.row.ismeta ==='0'">否</span>-->
  95 +<!-- <span v-if="scope.row.ismeta ==='1'">是</span>-->
  96 +<!-- </template>-->
  97 +<!-- </el-table-column>-->
  98 + <el-table-column
  99 + prop="itemno"
  100 + label="项号"
  101 + width="80">
  102 + </el-table-column>
  103 + <el-table-column
  104 + prop="asdutyrate"
  105 + label="反补贴税率"
  106 + width="120">
  107 + </el-table-column>
  108 + <el-table-column
  109 + prop="atdutyrate"
  110 + label="反倾销税率"
  111 + width="120">
  112 + </el-table-column>
  113 + <el-table-column
  114 + prop="bondedtype"
  115 + label="保税类别"
  116 + width="120">
  117 + </el-table-column>
  118 + <el-table-column
  119 + prop="cofno"
  120 + label="原产地证书"
  121 + width="120">
  122 + </el-table-column>
  123 + <el-table-column
  124 + fixed="right"
  125 + label="操作"
  126 + width="200">
  127 + <template slot-scope="scope">
  128 + <el-button type="success" size="mini" @click="applyEdit(scope.row)">编辑</el-button>
  129 + <el-button type="danger" size="mini" @click="applyDel(scope.$index,scope.row)">删除</el-button>
  130 + </template>
  131 + </el-table-column>
  132 + </el-table>
  133 + </template>
  134 + </el-row>
  135 + <el-row style="margin-top: 10px" class="toolbar">
  136 + <el-pagination
  137 + @size-change="handleSizeChange"
  138 + @current-change="handleCurrentChange"
  139 + :current-page="queryInfo.pageNum"
  140 + :page-size="queryInfo.pageSize"
  141 + :page-sizes="[10, 50, 100, 500]"
  142 + layout="total, sizes, prev, pager, next, jumper"
  143 + :total="total">
  144 + </el-pagination>
  145 + </el-row>
  146 + <el-row>
  147 + <el-dialog :title="dialogMap[dialogApply]" :visible.sync="apply_dialog.addDialog" width="80%" >
  148 + <el-form :model="addForm" :rules="rules" ref="addForm">
  149 + <el-row>
  150 + <el-col :span="6">
  151 + <el-form-item label="" :label-width="formLabelWidth" prop="bondedtype">
  152 + <el-input v-model="addForm.bondedtype" autocomplete="off" size="small">
  153 + <template slot="prepend">保税类别</template>
  154 + </el-input>
  155 + </el-form-item>
  156 + </el-col>
  157 + <el-col :span="6">
  158 + <el-form-item label="" :label-width="formLabelWidth" prop="cofgdsno">
  159 + <el-input v-model="addForm.cofgdsno" autocomplete="off" size="small">
  160 + <template slot="prepend">项目编号</template>
  161 + </el-input>
  162 + </el-form-item>
  163 + </el-col>
  164 + <el-col :span="6">
  165 + <el-form-item label="" :label-width="formLabelWidth" prop="asdutyrate">
  166 + <el-input v-model="addForm.asdutyrate" autocomplete="off" size="small">
  167 + <template slot="prepend">反补贴税率</template>
  168 + </el-input>
  169 + </el-form-item>
  170 + </el-col>
  171 + <el-col :span="6">
  172 + <el-form-item label="" :label-width="formLabelWidth" prop="atdutyrate">
  173 + <el-input v-model="addForm.atdutyrate" autocomplete="off" size="small">
  174 + <template slot="prepend">反倾销税率</template>
  175 + </el-input>
  176 + </el-form-item>
  177 + </el-col>
  178 + </el-row>
  179 + <el-row>
  180 + <el-col :span="6">
  181 + <el-form-item label="" :label-width="formLabelWidth" prop="gdebc">
  182 + <el-input v-model="addForm.gdebc" autocomplete="off" size="small">
  183 + <template slot="prepend">商品简码</template>
  184 + </el-input>
  185 + </el-form-item>
  186 + </el-col>
  187 + <el-col :span="6">
  188 + <el-form-item label="" :label-width="formLabelWidth" prop="gdecd">
  189 + <el-input v-model="addForm.gdecd" autocomplete="off" size="small">
  190 + <template slot="prepend">商品编码</template>
  191 + </el-input>
  192 + </el-form-item>
  193 + </el-col>
  194 + <el-col :span="6">
  195 + <el-form-item label="" :label-width="formLabelWidth" prop="gdetype">
  196 + <el-input v-model="addForm.gdetype" autocomplete="off" size="small">
  197 + <template slot="prepend">商品类型</template>
  198 + </el-input>
  199 + </el-form-item>
  200 + </el-col>
  201 + <el-col :span="6">
  202 + <el-form-item label="" :label-width="formLabelWidth" prop="gdsbrand">
  203 + <el-input v-model="addForm.gdsbrand" autocomplete="off" size="small">
  204 + <template slot="prepend">商品品牌</template>
  205 + </el-input>
  206 + </el-form-item>
  207 + </el-col>
  208 + </el-row>
  209 + <el-row>
  210 + <el-col :span="6">
  211 + <el-form-item label="" :label-width="formLabelWidth" prop="gdsmaster">
  212 + <el-input v-model="addForm.gdsmaster" autocomplete="off" size="small">
  213 + <template slot="prepend">货&emsp;&emsp;主</template>
  214 + </el-input>
  215 + </el-form-item>
  216 + </el-col>
  217 + <el-col :span="6">
  218 + <el-form-item label="" :label-width="formLabelWidth" prop="gdsmtno">
  219 + <el-input v-model="addForm.gdsmtno" autocomplete="off" size="small">
  220 + <template slot="prepend">商品料号</template>
  221 + </el-input>
  222 + </el-form-item>
  223 + </el-col>
  224 + <el-col :span="6">
  225 + <el-form-item label="" :label-width="formLabelWidth" prop="gdsnm">
  226 + <el-input v-model="addForm.gdsnm" autocomplete="off" size="small">
  227 + <template slot="prepend">商品名称</template>
  228 + </el-input>
  229 + </el-form-item>
  230 + </el-col>
  231 + <el-col :span="6">
  232 + <el-form-item label="" :label-width="formLabelWidth" prop="destinationnatcd">
  233 + <el-input v-model="addForm.destinationnatcd" autocomplete="off" size="small">
  234 + <template slot="prepend">最终目的国</template>
  235 + </el-input>
  236 + </el-form-item>
  237 + </el-col>
  238 + </el-row>
  239 + <el-row>
  240 + <el-col :span="6">
  241 + <el-form-item label="" :label-width="formLabelWidth" prop="putrecseqno">
  242 + <el-input v-model="addForm.putrecseqno" autocomplete="off" size="small">
  243 + <template slot="prepend">备案序号</template>
  244 + </el-input>
  245 + </el-form-item>
  246 + </el-col>
  247 + <el-col :span="6">
  248 + <el-form-item label="" :label-width="formLabelWidth" prop="skucd">
  249 + <el-input v-model="addForm.skucd" autocomplete="off" size="small">
  250 + <template slot="prepend">SKU编码</template>
  251 + </el-input>
  252 + </el-form-item>
  253 + </el-col>
  254 + <el-col :span="6">
  255 + <el-form-item label="" :label-width="formLabelWidth" prop="status">
  256 + <el-input v-model="addForm.status" autocomplete="off" size="small">
  257 + <template slot="prepend">状&emsp;&emsp;态</template>
  258 + </el-input>
  259 + </el-form-item>
  260 + </el-col>
  261 + <el-col :span="6">
  262 + <el-form-item label="" :label-width="formLabelWidth" prop="stocknum">
  263 + <el-input v-model="addForm.stocknum" autocomplete="off" size="small">
  264 + <template slot="prepend">库存数量</template>
  265 + </el-input>
  266 + </el-form-item>
  267 + </el-col>
  268 + </el-row>
  269 + <el-row>
  270 + <el-col :span="6">
  271 + <el-form-item label="" :label-width="formLabelWidth" prop="uncode">
  272 + <el-input v-model="addForm.uncode" autocomplete="off" size="small">
  273 + <template slot="prepend">UN编码</template>
  274 + </el-input>
  275 + </el-form-item>
  276 + </el-col>
  277 + <el-col :span="6">
  278 + <el-form-item label="" :label-width="formLabelWidth" prop="stuff">
  279 + <el-input v-model="addForm.stuff" autocomplete="off" size="small">
  280 + <template slot="prepend">成&emsp;&emsp;份</template>
  281 + </el-input>
  282 + </el-form-item>
  283 + </el-col>
  284 + <el-col :span="6">
  285 + <el-form-item label="" :label-width="formLabelWidth" prop="updatedat">
  286 + <el-input v-model="addForm.updatedat" autocomplete="off" size="small">
  287 + <template slot="prepend">更新日期</template>
  288 + </el-input>
  289 + </el-form-item>
  290 + </el-col>
  291 + <el-col :span="6">
  292 + <el-form-item label="" :label-width="formLabelWidth" prop="updatedby">
  293 + <el-input v-model="addForm.updatedby" autocomplete="off" size="small">
  294 + <template slot="prepend">更&emsp;新&emsp;人</template>
  295 + </el-input>
  296 + </el-form-item>
  297 + </el-col>
  298 + </el-row>
  299 + <el-row>
  300 + <el-col :span="6">
  301 + <el-form-item label="" :label-width="formLabelWidth" prop="createdat">
  302 + <el-input v-model="addForm.createdat" autocomplete="off" size="small">
  303 + <template slot="prepend">创建日期</template>
  304 + </el-input>
  305 + </el-form-item>
  306 + </el-col>
  307 + <el-col :span="6">
  308 + <el-form-item label="" :label-width="formLabelWidth" prop="cofno">
  309 + <el-input v-model="addForm.cofno" autocomplete="off" size="small">
  310 + <template slot="prepend">原产地证书</template>
  311 + </el-input>
  312 + </el-form-item>
  313 + </el-col>
  314 + <el-col :span="6">
  315 + <el-form-item label="" :label-width="formLabelWidth" prop="costprice">
  316 + <el-input v-model="addForm.costprice" autocomplete="off" size="small">
  317 + <template slot="prepend">采&emsp;购&emsp;价</template>
  318 + </el-input>
  319 + </el-form-item>
  320 + </el-col>
  321 + <el-col :span="6">
  322 + <el-form-item label="" :label-width="formLabelWidth" prop="createdby">
  323 + <el-input v-model="addForm.createdby" autocomplete="off" size="small">
  324 + <template slot="prepend">创&emsp;建&emsp;人</template>
  325 + </el-input>
  326 + </el-form-item>
  327 + </el-col>
  328 + </el-row>
  329 + <el-row>
  330 + <el-col :span="6">
  331 + <el-form-item label="" :label-width="formLabelWidth" prop="dangmark">
  332 + <div class="my-text-area">
  333 + <div class="el-input-group__prepend prepand">危险品标志</div>
  334 + <el-select v-model="addForm.dangmark" placeholder="请选择是否虚拟仓库" size="small" style="width: 150px">
  335 + <el-option label="否" value="0"></el-option>
  336 + <el-option label="是" value="1"></el-option>
  337 + </el-select>
  338 + </div>
  339 + </el-form-item>
  340 + </el-col>
  341 + <el-col :span="6">
  342 + <el-form-item label="" :label-width="formLabelWidth" prop="dangpackspec">
  343 + <el-input v-model="addForm.dangpackspec" autocomplete="off" size="small">
  344 + <template slot="prepend">危险品规格</template>
  345 + </el-input>
  346 + </el-form-item>
  347 + </el-col>
  348 + <el-col :span="6">
  349 + <el-form-item label="" :label-width="formLabelWidth" prop="dangpacktype">
  350 + <el-input v-model="addForm.dangpacktype" autocomplete="off" size="small">
  351 + <template slot="prepend">危险品类别</template>
  352 + </el-input>
  353 + </el-form-item>
  354 + </el-col>
  355 + <el-col :span="6">
  356 + <el-form-item label="" :label-width="formLabelWidth" prop="dangunno">
  357 + <el-input v-model="addForm.dangunno" autocomplete="off" size="small">
  358 + <template slot="prepend">联合国编号</template>
  359 + </el-input>
  360 + </el-form-item>
  361 + </el-col>
  362 + </el-row>
  363 + <el-row>
  364 + <el-col :span="6">
  365 + <el-form-item label="" :label-width="formLabelWidth" prop="dclunitcd">
  366 + <el-input v-model="addForm.dclunitcd" autocomplete="off" size="small">
  367 + <template slot="prepend">单&emsp;&emsp;位</template>
  368 + </el-input>
  369 + </el-form-item>
  370 + </el-col>
  371 + <el-col :span="6">
  372 + <el-form-item label="" :label-width="formLabelWidth" prop="dcluprcamt">
  373 + <el-input v-model="addForm.dcluprcamt" autocomplete="off" size="small">
  374 + <template slot="prepend">单&emsp;&emsp;价</template>
  375 + </el-input>
  376 + </el-form-item>
  377 + </el-col>
  378 + <el-col :span="6">
  379 + <el-form-item label="" :label-width="formLabelWidth" prop="dclurrcd">
  380 + <el-input v-model="addForm.dclurrcd" autocomplete="off" size="small">
  381 + <template slot="prepend">单价单位</template>
  382 + </el-input>
  383 + </el-form-item>
  384 + </el-col>
  385 + <el-col :span="6">
  386 + <el-form-item label="" :label-width="formLabelWidth" prop="declgoodsename">
  387 + <el-input v-model="addForm.declgoodsename" autocomplete="off" size="small">
  388 + <template slot="prepend">商品英文名称</template>
  389 + </el-input>
  390 + </el-form-item>
  391 + </el-col>
  392 + </el-row>
  393 + <el-row>
  394 + <el-col :span="6">
  395 + <el-form-item label="" :label-width="formLabelWidth" prop="fitprcpromise">
  396 + <div class="my-text-area">
  397 + <div class="el-input-group__prepend prepand">价格承诺</div>
  398 + <el-select v-model="addForm.fitprcpromise" placeholder="是否符合价格承诺" size="small" style="width: 150px">
  399 + <el-option label="否" value="0"></el-option>
  400 + <el-option label="是" value="1"></el-option>
  401 + </el-select>
  402 + </div>
  403 + </el-form-item>
  404 + </el-col>
  405 + <el-col :span="6">
  406 + <el-form-item label="" :label-width="formLabelWidth" prop="destinationnatcd">
  407 + <el-input v-model="addForm.destinationnatcd" autocomplete="off" size="small">
  408 + <template slot="prepend">最终目的国</template>
  409 + </el-input>
  410 + </el-form-item>
  411 + </el-col>
  412 + <el-col :span="6">
  413 + <el-form-item label="" :label-width="formLabelWidth" prop="domintcir">
  414 + <el-input v-model="addForm.domintcir" autocomplete="off" size="small">
  415 + <template slot="prepend">国内国际流转</template>
  416 + </el-input>
  417 + </el-form-item>
  418 + </el-col>
  419 + <el-col :span="6">
  420 + <el-form-item label="" :label-width="formLabelWidth" prop="esdutyrate">
  421 + <el-input v-model="addForm.esdutyrate" autocomplete="off" size="small">
  422 + <template slot="prepend">保障措施税率</template>
  423 + </el-input>
  424 + </el-form-item>
  425 + </el-col>
  426 + </el-row>
  427 + <el-row>
  428 + <el-col :span="6">
  429 + <el-form-item label="" :label-width="formLabelWidth" prop="gdsspcfmodeldesc">
  430 + <el-input v-model="addForm.gdsspcfmodeldesc" autocomplete="off" size="small">
  431 + <template slot="prepend">型号规格</template>
  432 + </el-input>
  433 + </el-form-item>
  434 + </el-col>
  435 + <el-col :span="6">
  436 + <el-form-item label="" :label-width="formLabelWidth" prop="grosswt">
  437 + <el-input v-model="addForm.grosswt" autocomplete="off" size="small">
  438 + <template slot="prepend">毛&emsp;&emsp;重</template>
  439 + </el-input>
  440 + </el-form-item>
  441 + </el-col>
  442 + <el-col :span="6">
  443 + <el-form-item label="" :label-width="formLabelWidth" prop="gdsupplier">
  444 + <el-input v-model="addForm.gdsupplier" autocomplete="off" size="small">
  445 + <template slot="prepend">商品供应商</template>
  446 + </el-input>
  447 + </el-form-item>
  448 + </el-col>
  449 + <el-col :span="6">
  450 + <el-form-item label="" :label-width="formLabelWidth" prop="goodsattr">
  451 + <el-input v-model="addForm.goodsattr" autocomplete="off" size="small">
  452 + <template slot="prepend">货物属性代码</template>
  453 + </el-input>
  454 + </el-form-item>
  455 + </el-col>
  456 + </el-row>
  457 + <el-row>
  458 + <el-col :span="6">
  459 + <el-form-item label="" :label-width="formLabelWidth" prop="itemno">
  460 + <el-input v-model="addForm.itemno" autocomplete="off" size="small">
  461 + <template slot="prepend">项&emsp;&emsp;号</template>
  462 + </el-input>
  463 + </el-form-item>
  464 + </el-col>
  465 + <el-col :span="6">
  466 + <el-form-item label="" :label-width="formLabelWidth" prop="destinationnatcd">
  467 + <el-input v-model="addForm.destinationnatcd" autocomplete="off" size="small">
  468 + <template slot="prepend">最终目的国</template>
  469 + </el-input>
  470 + </el-form-item>
  471 + </el-col>
  472 + <el-col :span="6">
  473 + <el-form-item label="" :label-width="formLabelWidth" prop="mnufctrregname">
  474 + <el-input v-model="addForm.mnufctrregname" autocomplete="off" size="small">
  475 + <template slot="prepend">生产单位名称</template>
  476 + </el-input>
  477 + </el-form-item>
  478 + </el-col>
  479 + <el-col :span="6">
  480 + <el-form-item label="" :label-width="formLabelWidth" prop="mnufctrregno">
  481 + <el-input v-model="addForm.mnufctrregno" autocomplete="off" size="small">
  482 + <template slot="prepend">生产单位注册号</template>
  483 + </el-input>
  484 + </el-form-item>
  485 + </el-col>
  486 + </el-row>
  487 + <el-row>
  488 + <el-col :span="6">
  489 + <el-form-item label="" :label-width="formLabelWidth" prop="natcd">
  490 + <el-input v-model="addForm.natcd" autocomplete="off" size="small">
  491 + <template slot="prepend">原&emsp;产&emsp;国</template>
  492 + </el-input>
  493 + </el-form-item>
  494 + </el-col>
  495 + <el-col :span="6">
  496 + <el-form-item label="" :label-width="formLabelWidth" prop="newwt">
  497 + <el-input v-model="addForm.newwt" autocomplete="off" size="small">
  498 + <template slot="prepend">净&emsp;&emsp;重</template>
  499 + </el-input>
  500 + </el-form-item>
  501 + </el-col>
  502 + <el-col :span="6">
  503 + <el-form-item label="" :label-width="formLabelWidth" prop="ofcnname">
  504 + <el-input v-model="addForm.ofcnname" autocomplete="off" size="small">
  505 + <template slot="prepend">原厂商中文名称</template>
  506 + </el-input>
  507 + </el-form-item>
  508 + </el-col>
  509 + <el-col :span="6">
  510 + <el-form-item label="" :label-width="formLabelWidth" prop="ofenname">
  511 + <el-input v-model="addForm.ofenname" autocomplete="off" size="small">
  512 + <template slot="prepend">原厂商英文名称</template>
  513 + </el-input>
  514 + </el-form-item>
  515 + </el-col>
  516 + </el-row>
  517 + <el-row>
  518 + <el-col :span="6">
  519 + <el-form-item label="" :label-width="formLabelWidth" prop="picture">
  520 + <el-input v-model="addForm.picture" autocomplete="off" size="small">
  521 + <template slot="prepend">图&emsp;&emsp;片</template>
  522 + </el-input>
  523 + </el-form-item>
  524 + </el-col>
  525 + <el-col :span="6">
  526 + <el-form-item label="" :label-width="formLabelWidth" prop="prodbatchno">
  527 + <el-input v-model="addForm.prodbatchno" autocomplete="off" size="small">
  528 + <template slot="prepend">生产批号</template>
  529 + </el-input>
  530 + </el-form-item>
  531 + </el-col>
  532 + <el-col :span="6">
  533 + <el-form-item label="" :label-width="formLabelWidth" prop="prodqgp">
  534 + <el-input v-model="addForm.prodqgp" autocomplete="off" size="small">
  535 + <template slot="prepend">产品保质期</template>
  536 + </el-input>
  537 + </el-form-item>
  538 + </el-col>
  539 + <el-col :span="6">
  540 + <el-form-item label="" :label-width="formLabelWidth" prop="mnufctrregname">
  541 + <el-input v-model="addForm.mnufctrregname" autocomplete="off" size="small">
  542 + <template slot="prepend">生产单位名称</template>
  543 + </el-input>
  544 + </el-form-item>
  545 + </el-col>
  546 + </el-row>
  547 + <el-row>
  548 + <el-col :span="6">
  549 + <el-form-item label="" :label-width="formLabelWidth" prop="producedate">
  550 + <el-input v-model="addForm.producedate" autocomplete="off" size="small">
  551 + <template slot="prepend">生产日期</template>
  552 + </el-input>
  553 + </el-form-item>
  554 + </el-col>
  555 + <el-col :span="6">
  556 + <el-form-item label="" :label-width="formLabelWidth" prop="producer">
  557 + <el-input v-model="addForm.producer" autocomplete="off" size="small">
  558 + <template slot="prepend">生&emsp;产&emsp;商</template>
  559 + </el-input>
  560 + </el-form-item>
  561 + </el-col>
  562 + <el-col :span="6">
  563 + <el-form-item label="" :label-width="formLabelWidth" prop="prodvaliddt">
  564 + <el-input v-model="addForm.prodvaliddt" autocomplete="off" size="small">
  565 + <template slot="prepend">产品有效期</template>
  566 + </el-input>
  567 + </el-form-item>
  568 + </el-col>
  569 + <el-col :span="6">
  570 + <el-form-item label="" :label-width="formLabelWidth" prop="ptacode">
  571 + <el-input v-model="addForm.ptacode" autocomplete="off" size="small">
  572 + <template slot="prepend">优惠贸易协定代码</template>
  573 + </el-input>
  574 + </el-form-item>
  575 + </el-col>
  576 + </el-row>
  577 + <el-row>
  578 + <el-col :span="6">
  579 + <el-form-item label="" :label-width="formLabelWidth" prop="seqno">
  580 + <el-input v-model="addForm.seqno" autocomplete="off" size="small">
  581 + <template slot="prepend">统一编号</template>
  582 + </el-input>
  583 + </el-form-item>
  584 + </el-col>
  585 + <el-col :span="6">
  586 + <el-form-item label="" :label-width="formLabelWidth" prop="usafeermvmapk">
  587 + <el-input v-model="addForm.usafeermvmapk" autocomplete="off" size="small">
  588 + <template slot="prepend">对美加征排除标志</template>
  589 + </el-input>
  590 + </el-form-item>
  591 + </el-col>
  592 + <el-col :span="6">
  593 + <el-form-item label="" :label-width="formLabelWidth" prop="rmk">
  594 + <el-input v-model="addForm.rmk" autocomplete="off" size="small">
  595 + <template slot="prepend">备&emsp;&emsp;注</template>
  596 + </el-input>
  597 + </el-form-item>
  598 + </el-col>
  599 + </el-row>
  600 + </el-form>
  601 + <div slot="footer" class="dialog-footer">
  602 + <el-button @click="apply_dialog.addDialog = false" size="small">取 消</el-button>
  603 + <el-button type="primary" @click="dialogApply==='create'?add():edit()" size="small">提 交</el-button>
  604 + </div>
  605 + </el-dialog>
  606 + </el-row>
  607 + </el-card>
  608 + </el-row>
  609 +</template>
  610 +
  611 +<script>
  612 + import {selectGoodsManagement,delGoods,addGoods,ediGoods} from '../../api/consigner/station';
  613 +
  614 + export default {
  615 + name: "seller",
  616 + data() {
  617 + return {
  618 + queryInfo: {
  619 + seqno:'',
  620 + putrecseqno:'',
  621 + gdecd:'',
  622 + gdebc:'',
  623 + gdsmtno:'',
  624 + itemno:'',
  625 + // 当前页数
  626 + pageNum: 1,
  627 + // 每页大小
  628 + pageSize: 10,
  629 + },
  630 + total: 0,
  631 + tableData:[],
  632 + dialogMap: {
  633 + update: '编辑',
  634 + create: '新增'
  635 + },
  636 + dis: undefined,
  637 + dialogApply: 'create',
  638 + apply_dialog: {
  639 + // 添加对话框
  640 + addDialog: false,
  641 + // 编辑对话框
  642 + editDialog: false
  643 + },
  644 + addForm: {
  645 + asdutyrate: '',
  646 + atdutyrate: '',
  647 + bondedtype: '',
  648 + cofgdsno: '',
  649 + cofno: '',
  650 + costprice: '',
  651 + createdat: '',
  652 + createdby: '',
  653 + dangmark: '',
  654 + dangpackspec: '',
  655 + dangpacktype: '',
  656 + dangunno: '',
  657 + dclunitcd:'',
  658 + dcluprcamt:'',
  659 + dclurrcd:'',
  660 + declgoodsename:'',
  661 + destinationnatcd: '',
  662 + domintcir: '',
  663 + esdutyrate: '',
  664 + fitprcpromise: '',
  665 + gdebc: '',
  666 + gdecd: '',
  667 + gdetype: '',
  668 + gdsbrand: '',
  669 + gdsmaster: '',
  670 + gdsmtno: '',
  671 + gdsnm: '',
  672 + gdsspcfmodeldesc: '',
  673 + gdsupplier:'',
  674 + goodsattr:'',
  675 + grosswt:'',
  676 + id:'',
  677 + itemno: '',
  678 + mnufctrregname: '',
  679 + mnufctrregno: '',
  680 + natcd: '',
  681 + newwt: '',
  682 + ofcnname: '',
  683 + ofenname: '',
  684 + picture: '',
  685 + prodbatchno: '',
  686 + prodqgp: '',
  687 + producedate: '',
  688 + producer: '',
  689 + prodvaliddt:'',
  690 + ptacode:'',
  691 + putrecseqno:'',
  692 + rmk:'',
  693 + seqno: '',
  694 + skucd: '',
  695 + status: '',
  696 + stocknum: '',
  697 + stuff: '',
  698 + uncode: '',
  699 + updatedat: '',
  700 + updatedby: '',
  701 + usafeermvmapk: '',
  702 + },
  703 + loading:false,
  704 + formLabelWidth: '20px',
  705 + dialogVisible:false,
  706 + rules: {
  707 + },
  708 + }
  709 + },
  710 + methods: {
  711 + handleSizeChange(val) {
  712 + this.queryInfo.pageSize = val
  713 + this.getList()
  714 + },
  715 + handleCurrentChange(val) {
  716 + this.queryInfo.pageNum = val
  717 + this.getList()
  718 + },
  719 + getList() {
  720 + const _this = this
  721 + selectGoodsManagement(this.queryInfo).then((response) => {
  722 + const res = response.data
  723 + console.log(response.data)
  724 + if (res.code !== '200') {
  725 + return _this.$message.error('获取消息收发记录,失败!')
  726 + }
  727 + // 获取列表数据
  728 + _this.tableData = res.data.list
  729 + // 获取列表的总记录数
  730 + _this.total = res.data.total
  731 + _this.$message.success('获取消息收发记录,成功!')
  732 + }).catch(error => {
  733 + // 关闭加载
  734 + _this.$message.error(error.toString())
  735 + })
  736 + },
  737 + // 添加对话框,打开事件
  738 + applyAdd() {
  739 + this.addForm = {
  740 + asdutyrate: '',
  741 + atdutyrate: '',
  742 + bondedtype: '',
  743 + cofgdsno: '',
  744 + cofno: '',
  745 + costprice: '',
  746 + createdat: '',
  747 + createdby: '',
  748 + dangmark: '',
  749 + dangpackspec: '',
  750 + dangpacktype: '',
  751 + dangunno: '',
  752 + dclunitcd:'',
  753 + dcluprcamt:'',
  754 + dclurrcd:'',
  755 + declgoodsename:'',
  756 + destinationnatcd: '',
  757 + domintcir: '',
  758 + esdutyrate: '',
  759 + fitprcpromise: '',
  760 + gdebc: '',
  761 + gdecd: '',
  762 + gdetype: '',
  763 + gdsbrand: '',
  764 + gdsmaster: '',
  765 + gdsmtno: '',
  766 + gdsnm: '',
  767 + gdsspcfmodeldesc: '',
  768 + gdsupplier:'',
  769 + goodsattr:'',
  770 + grosswt:'',
  771 + id:'',
  772 + itemno: '',
  773 + mnufctrregname: '',
  774 + mnufctrregno: '',
  775 + natcd: '',
  776 + newwt: '',
  777 + ofcnname: '',
  778 + ofenname: '',
  779 + picture: '',
  780 + prodbatchno: '',
  781 + prodqgp: '',
  782 + producedate: '',
  783 + producer: '',
  784 + prodvaliddt:'',
  785 + ptacode:'',
  786 + putrecseqno:'',
  787 + rmk:'',
  788 + seqno: '',
  789 + skucd: '',
  790 + status: '',
  791 + stocknum: '',
  792 + stuff: '',
  793 + uncode: '',
  794 + updatedat: '',
  795 + updatedby: '',
  796 + usafeermvmapk: '',
  797 + };
  798 + this.dialogApply= 'create';
  799 + this.dis= 'create';
  800 + this.apply_dialog.addDialog = true;
  801 + },
  802 + // 添加功能
  803 + add() {
  804 + this.$refs.addForm.validate(valid => {
  805 + // 未通过,表单预校验
  806 + if (!valid) return;
  807 + addGoods(this.addForm).then((response) => {
  808 + let res = response.data;
  809 + // 添加失败
  810 + if (res.code !== '200') {
  811 + return this.$message.error(res.msg);
  812 + }
  813 + // 添加,成功
  814 + this.$message.success(res.msg);
  815 + // 隐藏对话框
  816 + this.apply_dialog.addDialog = false;
  817 + // 刷新列表
  818 + this.getList();
  819 + }).catch(error => {
  820 + this.$message.error(error.toString());
  821 + });
  822 + })
  823 + },
  824 +// 打开编辑
  825 + applyEdit(row) {
  826 + this.apply_dialog.addDialog = true;
  827 + this.dialogApply = 'update';
  828 + this.dis= 'update';
  829 + this.addForm=row;
  830 + },
  831 + // 编辑功能
  832 + edit() {
  833 + // 进行表单的预验证
  834 + this.$refs.addForm.validate(valid => {
  835 + // 未通过,表单预校验
  836 + if (!valid) return
  837 + ediGoods(this.addForm).then((response) => {
  838 + // console.log(row)
  839 + const res = response.data
  840 + if (res.code != '200') {
  841 + return this.$message.error(res.msg)
  842 + }
  843 + this.$message.success(res.msg)
  844 + // 隐藏对话框
  845 + this.apply_dialog.addDialog = false
  846 + // 刷新列表
  847 + this.getList()
  848 + }).catch(error => {
  849 + this.$message.error(error.toString())
  850 + })
  851 + })
  852 + },
  853 + // 删除
  854 + applyDel(index, row) {
  855 + // 弹框询问是否删除?
  856 + this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
  857 + confirmButtonText: '确定删除',
  858 + cancelButtonText: '取消',
  859 + type: 'warning'
  860 + }
  861 + ).then(() => {
  862 + // console.log(row);
  863 + delGoods({id:row.id}).then((response) => {
  864 + // console.log(row)
  865 + const res = response.data
  866 + this.$message.success(res.msg)
  867 + this.getList()
  868 + }).catch(error => {
  869 + this.$message.error(res.msg)
  870 + })
  871 + }).catch(() => {
  872 + })
  873 + },
  874 + },
  875 + mounted() {
  876 + this.getList();
  877 +
  878 + }
  879 +
  880 + }
  881 +</script>
  882 +
  883 +<style scoped>
  884 + .toolbar{
  885 + height: 60px;
  886 + background-color: white;
  887 + /*line-height: 60px;*/
  888 + vertical-align: middle;
  889 + border-radius: 5px 5px 5px 5px;
  890 + padding: 15px 0 0 20px;
  891 + box-shadow: 0px 5px 5px #e5e8eb;
  892 + }
  893 + .my-text-area .prepand{
  894 + float: left;
  895 + width:89px;
  896 + height: 28px;
  897 + font-size: 12px;
  898 + line-height: 28px;
  899 + }
  900 +</style>
  901 +<style>
  902 + .my-text-area .el-textarea__inner{
  903 + min-height: 28px;
  904 + height: 28px;
  905 + border-bottom-left-radius: 0;
  906 + border-top-left-radius: 0;
  907 + }
  908 +</style>
  1 +<template>
  2 + <el-row>
  3 + <el-card style="background-color: #F5F7FA">
  4 + <!-- 搜索区域-->
  5 +<!-- <el-row class="toolbar">-->
  6 +<!-- <el-col :span="5">-->
  7 +<!-- <el-input v-model="queryInfo.companyId" prefix-icon="el-icon-search" size="small" style="width: 240px"-->
  8 +<!-- placeholder="ID" clearable>-->
  9 +<!-- <template slot="prepend">ID</template>-->
  10 +<!-- </el-input>-->
  11 +<!-- </el-col>-->
  12 +<!-- <el-col :span="5">-->
  13 +<!-- <el-button type="primary" icon="el-icon-search" size="small" @click="getForm()">-->
  14 +<!-- 查询-->
  15 +<!-- </el-button>-->
  16 +<!-- </el-col>-->
  17 +<!-- </el-row>-->
  18 + <!-- 列表区域-->
  19 + <el-row>
  20 + <template>
  21 + <el-table
  22 + :data="tableData"
  23 + border
  24 + :cell-style="{textAlign:'center'}"
  25 + style="border-radius: 10px 10px 0px 0px;line-height: 25px"
  26 + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
  27 + >
  28 + <el-table-column
  29 + type="index"
  30 + width="50">
  31 + </el-table-column>
  32 + <el-table-column
  33 + prop="bookNo"
  34 + label="账册编号"
  35 + width="140">
  36 + </el-table-column>
  37 + <el-table-column
  38 + prop="distCusCode"
  39 + label="主管海关"
  40 + width="70">
  41 + </el-table-column>
  42 + <el-table-column
  43 + prop="status"
  44 + label="状态"
  45 + width="80">
  46 + <template slot-scope="scope">
  47 + <span v-if="scope.row.status ==='0'">暂存</span>
  48 + <span v-if="scope.row.status ==='1'">待审核</span>
  49 + <span v-if="scope.row.status ==='3'">退单</span>
  50 + <span v-if="scope.row.status ==='4'">作废待审核</span>
  51 + <span v-if="scope.row.status ==='5'">作废失败</span>
  52 + <span v-if="scope.row.status ==='6'">作废成功</span>
  53 + <span v-if="scope.row.status ==='7'">已出卡</span>
  54 + <span v-if="scope.row.status ==='8'">已入卡</span>
  55 + <span v-if="scope.row.status ==='15'">审核通过</span>
  56 + </template>
  57 + </el-table-column>
  58 + <el-table-column
  59 + prop="inOutType"
  60 + label="出入区类型"
  61 + width="90">
  62 + <template slot-scope="scope">
  63 + <span v-if="scope.row.inOutType ==='E'">出区</span>
  64 + <span v-if="scope.row.inOutType ==='I'">入区</span>
  65 + </template>
  66 + </el-table-column>
  67 + <el-table-column
  68 + prop="srcCssa"
  69 + label="启运地"
  70 + width="80">
  71 + <template slot-scope="scope">
  72 + <span v-if="scope.row.srcCssa ==='01'">区内</span>
  73 + <span v-if="scope.row.srcCssa ==='02'">区外</span>
  74 + <span v-if="scope.row.srcCssa ==='03'">口岸</span>
  75 + <span v-if="scope.row.srcCssa ==='04'">特殊区域</span>
  76 + </template>
  77 + </el-table-column>
  78 + <el-table-column
  79 + prop="dstCssa"
  80 + label="指运地"
  81 + width="80">
  82 + <template slot-scope="scope">
  83 + <span v-if="scope.row.srcCssa ==='01'">区内</span>
  84 + <span v-if="scope.row.srcCssa ==='02'">区外</span>
  85 + <span v-if="scope.row.srcCssa ==='03'">口岸</span>
  86 + <span v-if="scope.row.srcCssa ==='04'">特殊区域</span>
  87 + </template>
  88 + </el-table-column>
  89 + <el-table-column
  90 + prop="isArtificial"
  91 + label="人工携带"
  92 + width="70">
  93 + <template slot-scope="scope">
  94 + <span v-if="scope.row.isArtificial ==='0'">否</span>
  95 + <span v-if="scope.row.isArtificial ==='1'">是</span>
  96 + </template>
  97 + </el-table-column>
  98 + <el-table-column
  99 + prop="trspModecd"
  100 + label="核放单类型"
  101 + width="90">
  102 + <template slot-scope="scope">
  103 + <span v-if="scope.row.trspModecd ==='0'">暂存</span>
  104 + <span v-if="scope.row.trspModecd ==='3'">待核验</span>
  105 + <span v-if="scope.row.trspModecd ==='5'">作废</span>
  106 + </template>
  107 + </el-table-column>
  108 + <el-table-column
  109 + prop="bussType"
  110 + label="业务类别"
  111 + width="90">
  112 + <template slot-scope="scope">
  113 + <span v-if="scope.row.bussType ==='1'">分类监管</span>
  114 + </template>
  115 + </el-table-column>
  116 + <el-table-column
  117 + prop="declType"
  118 + label="申报类型"
  119 + width="90">
  120 + </el-table-column>
  121 + <el-table-column
  122 + prop="distDeclName"
  123 + label="申报企业名称"
  124 + width="120">
  125 + </el-table-column>
  126 + <el-table-column
  127 + prop="distDeclCode"
  128 + label="申报企业代码"
  129 + width="120">
  130 + </el-table-column>
  131 + <el-table-column
  132 + prop="wmsName"
  133 + label="仓储企业名称"
  134 + width="120">
  135 + </el-table-column>
  136 + <el-table-column
  137 + prop="wmsCode"
  138 + label="仓储企业代码"
  139 + width="120">
  140 + </el-table-column>
  141 + <el-table-column
  142 + prop="tradeName"
  143 + label="经营企业名称"
  144 + width="120">
  145 + </el-table-column>
  146 + <el-table-column
  147 + prop="tradeCode"
  148 + label="经营企业代码"
  149 + width="120">
  150 + </el-table-column>
  151 + <el-table-column
  152 + fixed="right"
  153 + label="操作"
  154 + width="300">
  155 + <template slot-scope="scope">
  156 + <el-button type="primary" size="mini" @click="declaration(scope.row)">申报</el-button>
  157 + <el-button type="warning" size="mini" @click="cancel(scope.row)">作废</el-button>
  158 + <el-button type="success" size="mini" @click="applyEdit(scope.row)">编辑</el-button>
  159 + <el-button type="danger" size="mini" @click="applyDelForm(scope.row)">删除</el-button>
  160 + </template>
  161 + </el-table-column>
  162 + </el-table>
  163 + </template>
  164 + </el-row>
  165 + <el-row style="margin-top: 10px" class="toolbar">
  166 + <el-pagination
  167 + @size-change="handleCurrentChange"
  168 + @current-change="handleSizeChange"
  169 + :current-page="query.pageNum"
  170 + :page-size="query.pageSize"
  171 + :page-sizes="[10, 50, 100, 500]"
  172 + layout="total, sizes, prev, pager, next, jumper"
  173 + :total="total">
  174 + </el-pagination>
  175 + </el-row>
  176 + <el-row>
  177 + <el-dialog :title="dialogMap[dialogApply]" :visible.sync="apply_dialog" width="90%" >
  178 + <!-- 搜索区域-->
  179 + <el-row :gutter="10" class="toolbar" style="height: auto;padding-bottom: 15px">
  180 + <el-divider content-position="left"> 分类监管表头主要信息 </el-divider>
  181 + <el-row style="padding-right: 15px">
  182 + <el-form :model="addForm" :rules="rule" ref="addForm">
  183 + <el-row>
  184 + <el-col :span="6">
  185 + <el-form-item label=" " :label-width="formLabelWidth" prop="srcCssa">
  186 + <div class="my-text-area">
  187 + <div class="el-input-group__prepend prepand">&emsp;启运地&emsp;&emsp;&emsp;</div>
  188 + <el-select v-model="addForm.srcCssa" placeholder="请选择启运地" size="small" style="width: 150px">
  189 + <el-option label="区内" value="01"></el-option>
  190 + <el-option label="区外" value="02"></el-option>
  191 + <el-option label="口岸" value="03"></el-option>
  192 + <el-option label="特殊区域" value="04"></el-option>
  193 + </el-select>
  194 + </div>
  195 + </el-form-item>
  196 + </el-col>
  197 + <el-col :span="6">
  198 + <el-form-item label=" " :label-width="formLabelWidth" prop="dstCssa">
  199 + <div class="my-text-area">
  200 + <div class="el-input-group__prepend prepand">&emsp;指运地&emsp;&emsp;&emsp;</div>
  201 + <el-select v-model="addForm.dstCssa" placeholder="请选择指运地" size="small" style="width: 150px">
  202 + <el-option label="区内" value="01"></el-option>
  203 + <el-option label="区外" value="02"></el-option>
  204 + <el-option label="口岸" value="03"></el-option>
  205 + <el-option label="特殊区域" value="04"></el-option>
  206 + </el-select>
  207 + </div>
  208 + <!-- <el-input v-model="addForm.dstCssa" autocomplete="off" size="small">-->
  209 + <!-- <template slot="prepend">指运地&emsp;</template>-->
  210 + <!-- </el-input>-->
  211 + </el-form-item>
  212 + </el-col>
  213 + <el-col :span="6">
  214 + <el-form-item label=" " :label-width="formLabelWidth" prop="status">
  215 + <div class="my-text-area">
  216 + <div class="el-input-group__prepend prepand">&emsp;状态&emsp;</div>
  217 + <el-select v-model="addForm.status" placeholder="请选择" size="small" style="width: 150px">
  218 + <el-option label="暂存" value="0"></el-option>
  219 + <el-option label="待审核" value="1"></el-option>
  220 + <el-option label="退单" value="3"></el-option>
  221 + <el-option label="作废待审核" value="4"></el-option>
  222 + <el-option label="作废失败" value="5"></el-option>
  223 + <el-option label="作废成功" value="6"></el-option>
  224 + <el-option label="已出卡" value="7"></el-option>
  225 + <el-option label="已入卡" value="8"></el-option>
  226 + <el-option label="审核通过" value="15"></el-option>
  227 + </el-select>
  228 + </div>
  229 + </el-form-item>
  230 + </el-col>
  231 + <el-col :span="6">
  232 + <el-form-item label=" " :label-width="formLabelWidth" prop="isArtificial">
  233 + <div class="my-text-area">
  234 + <div class="el-input-group__prepend prepand">人工携带</div>
  235 + <el-select v-model="addForm.isArtificial" placeholder="请选择是否人工携带" size="small" style="width: 150px">
  236 + <el-option label="否" value="0"></el-option>
  237 + <el-option label="是" value="1"></el-option>
  238 + </el-select>
  239 + </div>
  240 + </el-form-item>
  241 + </el-col>
  242 + </el-row>
  243 + <el-row>
  244 + <el-col :span="6">
  245 + <el-form-item label=" " :label-width="formLabelWidth" prop="bussType">
  246 + <div class="my-text-area">
  247 + <div class="el-input-group__prepend prepand">业务类别</div>
  248 + <el-select v-model="addForm.bussType" placeholder="" size="small" style="width: 150px">
  249 + <el-option label="分类监管" value="1"></el-option>
  250 + </el-select>
  251 + </div>
  252 + <!-- <el-input v-model="addForm.bussType" autocomplete="off" size="small">-->
  253 + <!-- <template slot="prepend">业务类别</template>-->
  254 + <!-- </el-input>-->
  255 + </el-form-item>
  256 + </el-col>
  257 + <el-col :span="6">
  258 + <el-form-item label=" " :label-width="formLabelWidth" prop="trspModecd">
  259 + <div class="my-text-area">
  260 + <div class="el-input-group__prepend prepand">核放单类型</div>
  261 + <el-select v-model="addForm.trspModecd" placeholder="" size="small" style="width: 150px">
  262 + <el-option label="暂存" value="0"></el-option>
  263 + <el-option label="待核验" value="3"></el-option>
  264 + <el-option label="作废" value="5"></el-option>
  265 + </el-select>
  266 + </div>
  267 + </el-form-item>
  268 + </el-col>
  269 + <el-col :span="6">
  270 + <el-form-item label=" " :label-width="formLabelWidth" prop="inOutType">
  271 + <div class="my-text-area">
  272 + <div class="el-input-group__prepend prepand">出入区类型</div>
  273 + <el-select v-model="addForm.inOutType" placeholder="请选择出入区类型" size="small" style="width: 150px">
  274 + <el-option label="出区" value="E"></el-option>
  275 + <el-option label="入区" value="I"></el-option>
  276 + </el-select>
  277 + </div>
  278 + </el-form-item>
  279 + </el-col>
  280 + <el-col :span="6">
  281 + <el-form-item label=" " :label-width="formLabelWidth" prop="declType">
  282 + <el-input v-model="addForm.declType" autocomplete="off" size="small">
  283 + <template slot="prepend">申报类型</template>
  284 + </el-input>
  285 + </el-form-item>
  286 + </el-col>
  287 + </el-row>
  288 + <el-row>
  289 + <el-col :span="6">
  290 + <el-form-item label=" " :label-width="formLabelWidth" prop="bookNo">
  291 + <el-input v-model="addForm.bookNo" autocomplete="off" size="small">
  292 + <template slot="prepend">账册编号</template>
  293 + </el-input>
  294 + </el-form-item>
  295 + </el-col>
  296 + <el-col :span="6">
  297 + <el-form-item label=" " :label-width="formLabelWidth" prop="distCusCode">
  298 + <el-input v-model="addForm.distCusCode" autocomplete="off" size="small">
  299 + <template slot="prepend">主管海关</template>
  300 + </el-input>
  301 + </el-form-item>
  302 + </el-col>
  303 + <el-col :span="6">
  304 + <el-form-item label=" " :label-width="formLabelWidth" prop="distDeclName">
  305 + <el-input v-model="addForm.distDeclName" autocomplete="off" size="small">
  306 + <template slot="prepend">申报企业名称</template>
  307 + </el-input>
  308 + </el-form-item>
  309 + </el-col>
  310 + <el-col :span="6">
  311 + <el-form-item label=" " :label-width="formLabelWidth" prop="distDeclCode">
  312 + <el-input v-model="addForm.distDeclCode" autocomplete="off" size="small">
  313 + <template slot="prepend">申报企业代码</template>
  314 + </el-input>
  315 + </el-form-item>
  316 + </el-col>
  317 + </el-row>
  318 + <el-row>
  319 + <el-col :span="6">
  320 + <el-form-item label=" " :label-width="formLabelWidth" prop="wmsName">
  321 + <el-input v-model="addForm.wmsName" autocomplete="off" size="small">
  322 + <template slot="prepend">仓储企业名称</template>
  323 + </el-input>
  324 + </el-form-item>
  325 + </el-col>
  326 + <el-col :span="6">
  327 + <el-form-item label=" " :label-width="formLabelWidth" prop="wmsCode">
  328 + <el-input v-model="addForm.wmsCode" autocomplete="off" size="small">
  329 + <template slot="prepend">仓储企业代码</template>
  330 + </el-input>
  331 + </el-form-item>
  332 + </el-col>
  333 + <el-col :span="6">
  334 + <el-form-item label=" " :label-width="formLabelWidth" prop="tradeName">
  335 + <el-input v-model="addForm.tradeName" autocomplete="off" size="small">
  336 + <template slot="prepend">经营企业名称</template>
  337 + </el-input>
  338 + </el-form-item>
  339 + </el-col>
  340 + <el-col :span="6">
  341 + <el-form-item label=" " :label-width="formLabelWidth" prop="tradeCode">
  342 + <el-input v-model="addForm.tradeCode" autocomplete="off" size="small">
  343 + <template slot="prepend">经营企业代码</template>
  344 + </el-input>
  345 + </el-form-item>
  346 + </el-col>
  347 + </el-row>
  348 + <el-collapse accordion>
  349 + <el-collapse-item>
  350 + <template slot="title">
  351 + <el-divider content-position="left"> 分类监管表头其他信息 </el-divider>
  352 + </template>
  353 + <el-row>
  354 + <el-col :span="6">
  355 + <el-form-item label="" :label-width="formLabelWidth" prop="goodsType">
  356 + <el-input v-model="addForm.goodsType" autocomplete="off" size="small">
  357 + <template slot="prepend">货物类型</template>
  358 + </el-input>
  359 + </el-form-item>
  360 + </el-col>
  361 + <el-col :span="6">
  362 + <el-form-item label="" :label-width="formLabelWidth" prop="grosWt">
  363 + <el-input v-model="addForm.grosWt" autocomplete="off" size="small">
  364 + <template slot="prepend">货物毛重</template>
  365 + </el-input>
  366 + </el-form-item>
  367 + </el-col>
  368 + <el-col :span="6">
  369 + <el-form-item label="" :label-width="formLabelWidth" prop="sumCount">
  370 + <el-input v-model="addForm.sumCount" autocomplete="off" size="small">
  371 + <template slot="prepend">总数量&emsp;</template>
  372 + </el-input>
  373 + </el-form-item>
  374 + </el-col>
  375 + <el-col :span="6">
  376 + <el-form-item label="" :label-width="formLabelWidth" prop="sumWt">
  377 + <el-input v-model="addForm.sumWt" autocomplete="off" size="small">
  378 + <template slot="prepend">总重量&emsp;</template>
  379 + </el-input>
  380 + </el-form-item>
  381 + </el-col>
  382 + </el-row>
  383 + <el-row>
  384 + <el-col :span="6">
  385 + <el-form-item label="" :label-width="formLabelWidth" prop="veId">
  386 + <el-input v-model="addForm.veId" autocomplete="off" size="small">
  387 + <template slot="prepend">车牌号&emsp;</template>
  388 + </el-input>
  389 + </el-form-item>
  390 + </el-col>
  391 + <el-col :span="6">
  392 + <el-form-item label="" :label-width="formLabelWidth" prop="veWeight">
  393 + <el-input v-model="addForm.veWeight" autocomplete="off" size="small">
  394 + <template slot="prepend">车自重&emsp;</template>
  395 + </el-input>
  396 + </el-form-item>
  397 + </el-col>
  398 + <el-col :span="6">
  399 + <el-form-item label="" :label-width="formLabelWidth" prop="vehicleFrameWt">
  400 + <el-input v-model="addForm.vehicleFrameWt" autocomplete="off" size="small">
  401 + <template slot="prepend">车架重&emsp;</template>
  402 + </el-input>
  403 + </el-form-item>
  404 + </el-col>
  405 + <el-col :span="6">
  406 + <el-form-item label="" :label-width="formLabelWidth" prop="vehicleIcNoDz">
  407 + <el-input v-model="addForm.vehicleIcNoDz" autocomplete="off" size="small">
  408 + <template slot="prepend">电子车牌</template>
  409 + </el-input>
  410 + </el-form-item>
  411 + </el-col>
  412 + </el-row>
  413 + <el-row>
  414 + <el-col :span="6">
  415 + <el-form-item label="" :label-width="formLabelWidth" prop="vehicleIcNo">
  416 + <el-input v-model="addForm.vehicleIcNo" autocomplete="off" size="small">
  417 + <template slot="prepend">IC卡号&emsp;</template>
  418 + </el-input>
  419 + </el-form-item>
  420 + </el-col>
  421 + <el-col :span="6">
  422 + <el-form-item label="" :label-width="formLabelWidth" prop="cusLock">
  423 + <el-input v-model="addForm.cusLock" autocomplete="off" size="small">
  424 + <template slot="prepend">关锁&emsp;&emsp;</template>
  425 + </el-input>
  426 + </el-form-item>
  427 + </el-col>
  428 +
  429 + <el-col :span="6">
  430 + <el-form-item label="" :label-width="formLabelWidth" prop="describeText">
  431 + <el-input v-model="addForm.describeText" autocomplete="off" size="small">
  432 + <template slot="prepend">回执&emsp;&emsp;</template>
  433 + </el-input>
  434 + </el-form-item>
  435 + </el-col>
  436 + <el-col :span="6">
  437 + <el-form-item label="" :label-width="formLabelWidth" prop="detentionType">
  438 + <el-input v-model="addForm.detentionType" autocomplete="off" size="small">
  439 + <template slot="prepend">扣留类型</template>
  440 + </el-input>
  441 + </el-form-item>
  442 + </el-col>
  443 + </el-row>
  444 + <el-row>
  445 + <el-col :span="6">
  446 + <el-form-item label="" :label-width="formLabelWidth" prop="putrecseqno">
  447 + <el-input v-model="addForm.putrecseqno" autocomplete="off" size="small">
  448 + <template slot="prepend">备案序号</template>
  449 + </el-input>
  450 + </el-form-item>
  451 + </el-col>
  452 + <el-col :span="6">
  453 + <el-form-item label="" :label-width="formLabelWidth" prop="distCopNo">
  454 + <el-input v-model="addForm.distCopNo" autocomplete="off" size="small">
  455 + <template slot="prepend">预录入编号</template>
  456 + </el-input>
  457 + </el-form-item>
  458 + </el-col>
  459 + <el-col :span="6">
  460 + <el-form-item label="" :label-width="formLabelWidth" prop="distNo">
  461 + <el-input v-model="addForm.distNo" autocomplete="off" size="small">
  462 + <template slot="prepend">核放单号</template>
  463 + </el-input>
  464 + </el-form-item>
  465 + </el-col>
  466 + <el-col :span="6">
  467 + <el-form-item label="" :label-width="formLabelWidth" prop="isEmpty">
  468 + <el-input v-model="addForm.isEmpty" autocomplete="off" size="small">
  469 + <template slot="prepend">是否为空</template>
  470 + </el-input>
  471 + </el-form-item>
  472 + </el-col>
  473 + </el-row>
  474 + <el-row>
  475 + <el-col :span="6">
  476 + <el-form-item label="" :label-width="formLabelWidth" prop="createBy">
  477 + <el-input v-model="addForm.createBy" autocomplete="off" size="small">
  478 + <template slot="prepend">创建人&emsp;</template>
  479 + </el-input>
  480 + </el-form-item>
  481 + </el-col>
  482 + <el-col :span="6">
  483 + <el-form-item label="" :label-width="formLabelWidth" prop="updateBy">
  484 + <el-input v-model="addForm.updateBy" autocomplete="off" size="small">
  485 + <template slot="prepend">更新人&emsp;</template>
  486 + </el-input>
  487 + </el-form-item>
  488 + </el-col>
  489 + <el-col :span="6">
  490 + <el-form-item label="" :label-width="formLabelWidth" prop="drivName">
  491 + <el-input v-model="addForm.drivName" autocomplete="off" size="small">
  492 + <template slot="prepend">司机姓名</template>
  493 + </el-input>
  494 + </el-form-item>
  495 + </el-col>
  496 + <el-col :span="6">
  497 + <el-form-item label="" :label-width="formLabelWidth" prop="drivPhone">
  498 + <el-input v-model="addForm.drivPhone" autocomplete="off" size="small">
  499 + <template slot="prepend">司机手机号</template>
  500 + </el-input>
  501 + </el-form-item>
  502 + </el-col>
  503 + </el-row>
  504 + <el-row>
  505 + <el-col :span="6">
  506 + <el-form-item label="" :label-width="formLabelWidth" prop="beforeContainerNo">
  507 + <el-input v-model="addForm.beforeContainerNo" autocomplete="off" size="small">
  508 + <template slot="prepend">前集装箱号</template>
  509 + </el-input>
  510 + </el-form-item>
  511 + </el-col>
  512 + <el-col :span="6">
  513 + <el-form-item label="" :label-width="formLabelWidth" prop="beforeContainerW">
  514 + <el-input v-model="addForm.beforeContainerW" autocomplete="off" size="small">
  515 + <template slot="prepend">前集装箱重量</template>
  516 + </el-input>
  517 + </el-form-item>
  518 + </el-col>
  519 + <el-col :span="6">
  520 + <el-form-item label="" :label-width="formLabelWidth" prop="afterContainerNo">
  521 + <el-input v-model="addForm.afterContainerNo" autocomplete="off" size="small">
  522 + <template slot="prepend">后集装箱号</template>
  523 + </el-input>
  524 + </el-form-item>
  525 + </el-col>
  526 + <el-col :span="6">
  527 + <el-form-item label="" :label-width="formLabelWidth" prop="afterContainerWt">
  528 + <el-input v-model="addForm.afterContainerWt" autocomplete="off" size="small">
  529 + <template slot="prepend">后集装箱重量</template>
  530 + </el-input>
  531 + </el-form-item>
  532 + </el-col>
  533 + </el-row>
  534 + <el-row>
  535 + <el-col :span="6">
  536 + <el-form-item label="" :label-width="formLabelWidth" prop="containerWt">
  537 + <el-input v-model="addForm.containerWt" autocomplete="off" size="small">
  538 + <template slot="prepend">集装箱重量</template>
  539 + </el-input>
  540 + </el-form-item>
  541 + </el-col>
  542 + <el-col :span="6">
  543 + <el-form-item label="" :label-width="formLabelWidth" prop="regionalClearanceMode">
  544 + <el-input v-model="addForm.regionalClearanceMode" autocomplete="off" size="small">
  545 + <template slot="prepend">区域通关模式</template>
  546 + </el-input>
  547 + </el-form-item>
  548 + </el-col>
  549 + <el-col :span="6">
  550 + <el-form-item label="" :label-width="formLabelWidth" prop="treeitoryDeclInspecMode">
  551 + <el-input v-model="addForm.treeitoryDeclInspecMode" autocomplete="off" size="small">
  552 + <template slot="prepend">属地申报查验模式</template>
  553 + </el-input>
  554 + </el-form-item>
  555 + </el-col>
  556 + <el-col :span="6">
  557 + <el-form-item label="" :label-width="formLabelWidth" prop="remarks">
  558 + <el-input v-model="addForm.remarks" autocomplete="off" size="small">
  559 + <template slot="prepend">备注&emsp;&emsp;</template>
  560 + </el-input>
  561 + </el-form-item>
  562 + </el-col>
  563 + </el-row>
  564 + </el-collapse-item>
  565 + </el-collapse>
  566 + </el-form>
  567 + </el-row>
  568 + <el-divider content-position="left"> 分类监管表体信息 </el-divider>
  569 + <!-- 列表区域-->
  570 + <el-row>
  571 + <template>
  572 + <el-table
  573 + :data="addForm.nuclearBodysList"
  574 + border
  575 + :cell-style="{textAlign:'center'}"
  576 + style="border-radius: 10px 10px 0px 0px;line-height: 25px"
  577 + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
  578 + >
  579 + <el-table-column
  580 + fixed
  581 + prop="entryNo"
  582 + label="报关单号"
  583 + width="120">
  584 + </el-table-column>
  585 + <el-table-column
  586 + prop="goodsCode"
  587 + label="商品编码"
  588 + width="120">
  589 + </el-table-column>
  590 + <el-table-column
  591 + prop="goodsName"
  592 + label="商品名称"
  593 + width="120">
  594 + </el-table-column>
  595 + <el-table-column
  596 + prop="goodsNo"
  597 + label="商品货号"
  598 + width="120">
  599 + </el-table-column>
  600 + <el-table-column
  601 + prop="count"
  602 + label="数量"
  603 + width="120">
  604 + </el-table-column>
  605 + <el-table-column
  606 + prop="grosWt"
  607 + label="单位毛重"
  608 + width="80">
  609 + </el-table-column>
  610 + <el-table-column
  611 + prop="netWt"
  612 + label="单位净重"
  613 + width="120">
  614 + </el-table-column>
  615 + <el-table-column
  616 + prop="unit"
  617 + label="申报计量单位"
  618 + width="120">
  619 + </el-table-column>
  620 + <el-table-column
  621 + prop="updateBy"
  622 + label="更新人"
  623 + width="120">
  624 + </el-table-column>
  625 + <el-table-column
  626 + prop="updateAt"
  627 + label="更新时间"
  628 + width="120">
  629 + </el-table-column>
  630 + <el-table-column
  631 + prop="createBy"
  632 + label="创建人"
  633 + width="120">
  634 + </el-table-column>
  635 + <el-table-column
  636 + prop="createAt"
  637 + label="创建时间"
  638 + width="120">
  639 + </el-table-column>
  640 + <el-table-column
  641 + fixed="right"
  642 + label="操作"
  643 + width="200">
  644 + <template slot-scope="scope">
  645 + <el-button type="success" size="mini" @click="edit2(scope.row)">编辑</el-button>
  646 + <el-button type="danger" size="mini" @click="applyDelQuery(scope.$index,scope.row)">删除</el-button>
  647 + </template>
  648 + </el-table-column>
  649 + </el-table>
  650 + </template>
  651 + </el-row>
  652 + <el-form :title="dialogMap2[dialogApply2]" :model="queryInfo" :rules="rules" ref="queryInfo">
  653 + <el-row style="padding-right: 15px">
  654 + <el-row>
  655 + <el-col :span="6">
  656 + <el-form-item label="" :label-width="formLabelWidth" prop="entryNo">
  657 + <el-input v-model="queryInfo.entryNo" autocomplete="off" size="small">
  658 + <template slot="prepend">报关单号</template>
  659 + </el-input>
  660 + </el-form-item>
  661 + </el-col>
  662 + <el-col :span="6">
  663 + <el-form-item label="" :label-width="formLabelWidth" prop="goodsCode">
  664 + <el-input v-model="queryInfo.goodsCode" autocomplete="off" size="small">
  665 + <template slot="prepend">商品编码</template>
  666 + </el-input>
  667 + </el-form-item>
  668 + </el-col>
  669 + <el-col :span="6">
  670 + <el-form-item label="" :label-width="formLabelWidth" prop="goodsName">
  671 + <el-input v-model="queryInfo.goodsName" autocomplete="off" size="small">
  672 + <template slot="prepend">商品名称</template>
  673 + </el-input>
  674 + </el-form-item>
  675 + </el-col>
  676 + <el-col :span="6">
  677 + <el-form-item label="" :label-width="formLabelWidth" prop="goodsNo">
  678 + <el-input v-model="queryInfo.goodsNo" autocomplete="off" size="small">
  679 + <template slot="prepend">商品货号</template>
  680 + </el-input>
  681 + </el-form-item>
  682 + </el-col>
  683 + </el-row>
  684 + <el-row>
  685 + <el-col :span="6">
  686 + <el-form-item label="" :label-width="formLabelWidth" prop="count">
  687 + <el-input v-model="queryInfo.count" autocomplete="off" size="small">
  688 + <template slot="prepend">数&emsp;&emsp;量</template>
  689 + </el-input>
  690 + </el-form-item>
  691 + </el-col>
  692 + <el-col :span="6">
  693 + <el-form-item label="" :label-width="formLabelWidth" prop="grosWt">
  694 + <el-input v-model="queryInfo.grosWt" autocomplete="off" size="small">
  695 + <template slot="prepend">单位毛重</template>
  696 + </el-input>
  697 + </el-form-item>
  698 + </el-col>
  699 + <el-col :span="6">
  700 + <el-form-item label="" :label-width="formLabelWidth" prop="netWt">
  701 + <el-input v-model="queryInfo.netWt" autocomplete="off" size="small">
  702 + <template slot="prepend">单位净重</template>
  703 + </el-input>
  704 + </el-form-item>
  705 + </el-col>
  706 + <el-col :span="6">
  707 + <el-form-item label="" :label-width="formLabelWidth" prop="unit">
  708 + <el-input v-model="queryInfo.unit" autocomplete="off" size="small">
  709 + <template slot="prepend">计量单位</template>
  710 + </el-input>
  711 + </el-form-item>
  712 + </el-col>
  713 + </el-row>
  714 + <el-row>
  715 + <el-col :span="6">
  716 + <el-form-item label="" :label-width="formLabelWidth" prop="createBy">
  717 + <el-input v-model="queryInfo.createBy" autocomplete="off" size="small">
  718 + <template slot="prepend">创建人&emsp;</template>
  719 + </el-input>
  720 + </el-form-item>
  721 + </el-col>
  722 + <el-col :span="6">
  723 + <el-form-item label="" :label-width="formLabelWidth" prop="updateBy">
  724 + <el-input v-model="queryInfo.updateBy" autocomplete="off" size="small">
  725 + <template slot="prepend">更新人&emsp;</template>
  726 + </el-input>
  727 + </el-form-item>
  728 + </el-col>
  729 + <el-col :offset="1" :span="6">
  730 + <el-col :offset="1" :span="6">
  731 + <el-button :type ="buttonType()" size="small" @click="dialogApply2==='create'?addQuery(queryInfo):editQuery()">{{back}}</el-button>
  732 + </el-col>
  733 + </el-col>
  734 + </el-row>
  735 + </el-row>
  736 + </el-form>
  737 + </el-row>
  738 + <div slot="footer" class="dialog-footer" style="text-align: center">
  739 + <el-button @click="apply_dialog = false" size="small">取 消</el-button>
  740 + <el-button type="primary" @click="edit()" size="small">提 交</el-button>
  741 + </div>
  742 + </el-dialog>
  743 + </el-row>
  744 + </el-card>
  745 + </el-row>
  746 +</template>
  747 +
  748 +<script>
  749 + import {declaration,selectAllAdd,updateByIdAdd,deleteByIdAdd,selectOne} from '../../api/consigner/station';
  750 +
  751 +
  752 + export default {
  753 + name: "subscribe",
  754 + data() {
  755 + return {
  756 + query: {
  757 + pageNum:1,
  758 + // 每页大小
  759 + // 一頁 ji tiao
  760 + pageSize: 10,
  761 + },
  762 + total: 0,
  763 + tableData:[],
  764 + dis: undefined,
  765 + apply_dialog: false,
  766 + rules: {
  767 + },
  768 + dialogMap2: {
  769 + update: '编辑',
  770 + create: '新增'
  771 + },
  772 + dialogApply2: 'create',
  773 + addForm: {
  774 + afterContainerNo: '',
  775 + afterContainerWt: '',
  776 + beforeContainerNo: '',
  777 + beforeContainerW: '',
  778 + bookNo: '',
  779 + bussType: '',
  780 + containerWt: '',
  781 + createAt: '',
  782 + createBy: '',
  783 + cusLock: '',
  784 + declType: '',
  785 + describeText: '',
  786 + detentionType:'',
  787 + distCopNo:'',
  788 + distCusCode:'',
  789 + distDeclCode:'',
  790 + distDeclDate: '',
  791 + distDeclName: '',
  792 + distNo: '',
  793 + drivName: '',
  794 + dstCssa: '',
  795 + drivPhone: '',
  796 + goodsType: '',
  797 + grosWt: '',
  798 + id: '',
  799 + inOutType: '',
  800 + isArtificial: '',
  801 + isEmpty: '',
  802 + regionalClearanceMode:'',
  803 + remarks:'',
  804 + srcCssa:'',
  805 + status:'',
  806 + sumCount: '',
  807 + sumWt: '',
  808 + tradeCode: '',
  809 + tradeName: '',
  810 + treeitoryDeclInspecMode: '',
  811 + trspModecd: '',
  812 + updateAt: '',
  813 + updateBy: '',
  814 + veId: '',
  815 + veWeight: '',
  816 + vehicleFrameWt: '',
  817 + vehicleIcNo: '',
  818 + vehicleIcNoDz:'',
  819 + wmsCode:'',
  820 + wmsName:'',
  821 + nuclearBodysList:[],
  822 + },
  823 + queryInfo: {
  824 + cklistId:'',
  825 + count:'',
  826 + createAt:'',
  827 + createBy:'',
  828 + entryNo:'',
  829 + goodsCode:'',
  830 + goodsName:'',
  831 + goodsNo:'',
  832 + grosWt:0,
  833 + id:'',
  834 + netWt:0,
  835 + unit:'',
  836 + updateAt:'',
  837 + updateBy:'',
  838 + },
  839 + dialogMap: {
  840 + update: '编辑',
  841 + create: '新增'
  842 + },
  843 + dialogApply: 'create',
  844 + back:'添加表体',
  845 + // total: 0,
  846 + currentPage:1,
  847 + formLabelWidth: '20px',
  848 + rule: {
  849 + srcCssa: [
  850 + { required: true, message: '该项为必填项', trigger: 'blur' }
  851 + ],
  852 + dstCssa: [
  853 + { required: true, message: '该项为必填项', trigger: 'blur' }
  854 + ],
  855 + status: [
  856 + { required: true, message: '该项为必填项', trigger: 'blur' }
  857 + ],
  858 + isArtificial: [
  859 + { required: true, message: '该项为必填项', trigger: 'blur' }
  860 + ],
  861 + bussType: [
  862 + { required: true, message: '该项为必填项', trigger: 'blur' }
  863 + ],
  864 + trspModecd: [
  865 + { required: true, message: '该项为必填项', trigger: 'blur' }
  866 + ],
  867 + inOutType: [
  868 + { required: true, message: '该项为必填项', trigger: 'blur' }
  869 + ],
  870 + declType: [
  871 + { required: true, message: '该项为必填项', trigger: 'blur' }
  872 + ],
  873 + bookNo: [
  874 + { required: true, message: '该项为必填项', trigger: 'blur' }
  875 + ],
  876 + distCusCode: [
  877 + { required: true, message: '该项为必填项', trigger: 'blur' }
  878 + ],
  879 + distDeclName: [
  880 + { required: true, message: '该项为必填项', trigger: 'blur' }
  881 + ],
  882 + distDeclCode: [
  883 + { required: true, message: '该项为必填项', trigger: 'blur' }
  884 + ],
  885 + wmsName: [
  886 + { required: true, message: '该项为必填项', trigger: 'blur' }
  887 + ],
  888 + wmsCode: [
  889 + { required: true, message: '该项为必填项', trigger: 'blur' }
  890 + ],
  891 + tradeName: [
  892 + { required: true, message: '该项为必填项', trigger: 'blur' }
  893 + ],
  894 + tradeCode: [
  895 + { required: true, message: '该项为必填项', trigger: 'blur' }
  896 + ],
  897 + },
  898 + }
  899 + },
  900 + methods: {
  901 + //表头按分页查询
  902 + handleSizeChange(val) {
  903 + this.query.pageNum = val
  904 + this.getForm()
  905 + },
  906 + handleCurrentChange(val) {
  907 + this.query.pageSize = val
  908 + this.getForm()
  909 + },
  910 + getForm() {
  911 + const _this = this
  912 + selectAllAdd(this.query).then((response) => {
  913 + const res = response.data
  914 + if (res.code !== '200') {
  915 + return _this.$message.error('获取消息收发记录,失败!')
  916 + }
  917 + // 获取列表数据
  918 + _this.tableData = res.data.list
  919 + // 获取列表的总记录数
  920 + _this.total = res.data.total
  921 + _this.$message.success('获取消息收发记录,成功!')
  922 + }).catch(error => {
  923 + // 关闭加载
  924 + _this.$message.error(error.toString())
  925 + })
  926 + },
  927 + // 表头打开编辑
  928 + applyEdit(row) {
  929 + this.apply_dialog = true;
  930 + this.dialogApply = 'update';
  931 + this.addForm=row;
  932 + this.getOne(row);
  933 + },
  934 + //表头按ID查询
  935 + getOne(row) {
  936 + const _this = this
  937 + selectOne({id:row.id}).then((response) => {
  938 + const res = response.data
  939 + if (res.code !== '200') {
  940 + return _this.$message.error('获取消息收发记录,失败!')
  941 + }
  942 + // 获取列表数据
  943 + _this.addForm.nuclearBodysList = res.data.nuclearBodysList
  944 + _this.$message.success('获取消息收发记录,成功!')
  945 + }).catch(error => {
  946 + // 关闭加载
  947 + _this.$message.error(error.toString())
  948 + })
  949 + },
  950 + // 表头编辑功能
  951 + edit() {
  952 + // 进行表单的预验证
  953 + this.$refs.addForm.validate(valid => {
  954 + // 未通过,表单预校验
  955 + if (!valid) return
  956 + updateByIdAdd(this.addForm).then((response) => {
  957 + // console.log(row)
  958 + const res = response.data
  959 + if (res.code != '200') {
  960 + return this.$message.error(res.msg)
  961 + }
  962 + this.$message.success(res.msg)
  963 + this.apply_dialog = false;
  964 + // 刷新列表
  965 + this.getForm()
  966 + }).catch(error => {
  967 + this.$message.error(error.toString())
  968 + })
  969 + })
  970 + },
  971 + // 表体添加功能
  972 + addQuery() {
  973 + this.$refs.queryInfo.validate(valid => {
  974 + // 未通过,表单预校验
  975 + if (!valid) return;
  976 + this.temp = Object.assign({}, this.queryInfo)
  977 + this.addForm.nuclearBodysList.push(this.temp);
  978 + this.queryInfo={
  979 + cklistId:'',
  980 + count:'',
  981 + createAt:'',
  982 + createBy:'',
  983 + entryNo:'',
  984 + goodsCode:'',
  985 + goodsName:'',
  986 + goodsNo:'',
  987 + grosWt:0,
  988 + id:'',
  989 + netWt:0,
  990 + unit:'',
  991 + updateAt:'',
  992 + updateBy:'',
  993 + }
  994 + })
  995 + },
  996 + // 表体编辑
  997 + buttonType(){
  998 + if(this.dialogApply2=="update"){
  999 + return "warning"
  1000 + }
  1001 + else{
  1002 + return "success"
  1003 + }
  1004 + },
  1005 + edit2(row) {
  1006 + this.back='确定更改';
  1007 + this.dialogApply2 = 'update';
  1008 + this.queryInfo=row;
  1009 + },
  1010 + // 表体编辑功能
  1011 + editQuery() {
  1012 + // 进行表单的预验证
  1013 + this.$refs.queryInfo.validate(valid => {
  1014 + // 未通过,表单预校验
  1015 + if (!valid) return
  1016 + this.back='添加表体';
  1017 + this.dialogApply2 = 'create';
  1018 + this.queryInfo={
  1019 + cklistId:'',
  1020 + count:'',
  1021 + createAt:'',
  1022 + createBy:'',
  1023 + entryNo:'',
  1024 + goodsCode:'',
  1025 + goodsName:'',
  1026 + goodsNo:'',
  1027 + grosWt:0,
  1028 + id:'',
  1029 + netWt:0,
  1030 + unit:'',
  1031 + updateAt:'',
  1032 + updateBy:'',
  1033 + }
  1034 + })
  1035 + },
  1036 + //表体删除
  1037 + applyDelQuery(index, row) {
  1038 + // 弹框询问是否删除?
  1039 + this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
  1040 + confirmButtonText: '确定删除',
  1041 + cancelButtonText: '取消',
  1042 + type: 'warning'
  1043 + }
  1044 + ).then(() => {
  1045 + var index = this.addForm.nuclearBodysList.indexOf(row);
  1046 + if (index !== -1) {
  1047 + this.addForm.nuclearBodysList.splice(index, 1)
  1048 + }
  1049 + }).catch(() => {
  1050 + })
  1051 + },
  1052 + // // 删除
  1053 + applyDelForm(row) {
  1054 + // 弹框询问是否删除?
  1055 + this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
  1056 + confirmButtonText: '确定',
  1057 + cancelButtonText: '取消',
  1058 + type: 'warning'
  1059 + }
  1060 + ).then(() => {
  1061 + deleteByIdAdd({id:row.id}).then((response) => {
  1062 + const res = response.data
  1063 + this.$message.success(res.msg)
  1064 + this.getForm()
  1065 + }).catch(error => {
  1066 + this.$message.error(res.msg)
  1067 + })
  1068 + }).catch(() => {
  1069 + })
  1070 + },
  1071 + // // 申报
  1072 + declaration(row) {
  1073 + // 弹框询问是否删除?
  1074 + this.$confirm('确认申报?', '警告', {
  1075 + confirmButtonText: '确定',
  1076 + cancelButtonText: '取消',
  1077 + type: 'warning'
  1078 + }
  1079 + ).then(() => {
  1080 + const data = {
  1081 + ckListId: row.id, // 假设需要删除的记录的 ID 存在 row 对象的 id 属性中
  1082 + msgType: 'A0009' // 假设需要删除的记录的类型存在 row 对象的 type 属性中
  1083 + }
  1084 + this.submitDeclaration(data);
  1085 + // // console.log(row);
  1086 + // declaration(data).then((response) => {
  1087 + // // console.log(row)
  1088 + // const res = response.data
  1089 + // this.$message.success(res.msg)
  1090 + // this.getForm()
  1091 + // }).catch(error => {
  1092 + // this.$message.error(error.msg)
  1093 + // })
  1094 + }).catch(() => {
  1095 + })
  1096 + },
  1097 + submitDeclaration(data) {
  1098 + declaration(data)
  1099 + .then(response => {
  1100 + const res = response.data;
  1101 + this.$message.success(res.msg);
  1102 + this.getForm();
  1103 + })
  1104 + .catch(error => {
  1105 + this.$message.error(error.message);
  1106 + });
  1107 + },
  1108 + // // 作废
  1109 + cancel(row) {
  1110 + // 弹框询问是否删除?
  1111 + this.$confirm('确认作废?', '警告', {
  1112 + confirmButtonText: '确定',
  1113 + cancelButtonText: '取消',
  1114 + type: 'warning'
  1115 + }
  1116 + ).then(() => {
  1117 + const data = {
  1118 + ckListId: row.id, // 假设需要删除的记录的 ID 存在 row 对象的 id 属性中
  1119 + msgType: 'A000901' // 假设需要删除的记录的类型存在 row 对象的 type 属性中
  1120 + }
  1121 + this.submitDeclaration2(data);
  1122 +
  1123 + // // console.log(row);
  1124 + // declaration(data).then((response) => {
  1125 + // // console.log(row)
  1126 + // const res = response.data
  1127 + // this.$message.success(res.msg)
  1128 + // this.getForm()
  1129 + // }).catch(error => {
  1130 + // this.$message.error(res.msg)
  1131 + // })
  1132 + }).catch(() => {
  1133 + })
  1134 + },
  1135 + submitDeclaration2(data) {
  1136 + declaration(data)
  1137 + .then(response => {
  1138 + const res = response.data;
  1139 + this.$message.success(res.msg);
  1140 + this.getForm();
  1141 + })
  1142 + .catch(error => {
  1143 + this.$message.error(error.message);
  1144 + });
  1145 + },
  1146 +
  1147 + },
  1148 + mounted() {
  1149 + this.getForm();
  1150 + // this.getYardList();
  1151 +
  1152 + }
  1153 +
  1154 + }
  1155 +</script>
  1156 +
  1157 +<style scoped>
  1158 + .toolbar{
  1159 + height: 60px;
  1160 + background-color: white;
  1161 + /*line-height: 60px;*/
  1162 + vertical-align: middle;
  1163 + border-radius: 5px 5px 5px 5px;
  1164 + padding: 15px 0 0 20px;
  1165 + box-shadow: 0px 5px 5px #e5e8eb;
  1166 + }
  1167 + .my-text-area .prepand{
  1168 + float: left;
  1169 + width:89px;
  1170 + height: 28px;
  1171 + font-size: 12px;
  1172 + line-height: 28px;
  1173 + }
  1174 +</style>
  1175 +<style>
  1176 + .my-text-area .el-textarea__inner{
  1177 + min-height: 28px;
  1178 + height: 28px;
  1179 + border-bottom-left-radius: 0;
  1180 + border-top-left-radius: 0;
  1181 + }
  1182 +</style>