|
|
<template>
|
|
|
<el-row>
|
|
|
<el-card style="background-color: #F5F7FA">
|
|
|
<!-- 搜索区域-->
|
|
|
<!-- <el-row class="toolbar">-->
|
|
|
<!-- <el-col :span="5">-->
|
|
|
<!-- <el-input v-model="queryInfo.companyId" prefix-icon="el-icon-search" size="small" style="width: 240px"-->
|
|
|
<!-- placeholder="ID" clearable>-->
|
|
|
<!-- <template slot="prepend">ID</template>-->
|
|
|
<!-- </el-input>-->
|
|
|
<!-- </el-col>-->
|
|
|
<!-- <el-col :span="5">-->
|
|
|
<!-- <el-button type="primary" icon="el-icon-search" size="small" @click="getForm()">-->
|
|
|
<!-- 查询-->
|
|
|
<!-- </el-button>-->
|
|
|
<!-- </el-col>-->
|
|
|
<!-- </el-row>-->
|
|
|
<!-- 列表区域-->
|
|
|
<el-row>
|
|
|
<template>
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
border
|
|
|
:cell-style="{textAlign:'center'}"
|
|
|
style="border-radius: 10px 10px 0px 0px;line-height: 25px"
|
|
|
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
|
|
|
>
|
|
|
<el-table-column
|
|
|
type="index"
|
|
|
width="50">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="bookNo"
|
|
|
label="账册编号"
|
|
|
width="140">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="distCusCode"
|
|
|
label="主管海关"
|
|
|
width="70">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="status"
|
|
|
label="状态"
|
|
|
width="80">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.status ==='0'">暂存</span>
|
|
|
<span v-if="scope.row.status ==='1'">待审核</span>
|
|
|
<span v-if="scope.row.status ==='3'">退单</span>
|
|
|
<span v-if="scope.row.status ==='4'">作废待审核</span>
|
|
|
<span v-if="scope.row.status ==='5'">作废失败</span>
|
|
|
<span v-if="scope.row.status ==='6'">作废成功</span>
|
|
|
<span v-if="scope.row.status ==='7'">已出卡</span>
|
|
|
<span v-if="scope.row.status ==='8'">已入卡</span>
|
|
|
<span v-if="scope.row.status ==='15'">审核通过</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="inOutType"
|
|
|
label="出入区类型"
|
|
|
width="90">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.inOutType ==='E'">出区</span>
|
|
|
<span v-if="scope.row.inOutType ==='I'">入区</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="srcCssa"
|
|
|
label="启运地"
|
|
|
width="80">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.srcCssa ==='01'">区内</span>
|
|
|
<span v-if="scope.row.srcCssa ==='02'">区外</span>
|
|
|
<span v-if="scope.row.srcCssa ==='03'">口岸</span>
|
|
|
<span v-if="scope.row.srcCssa ==='04'">特殊区域</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="dstCssa"
|
|
|
label="指运地"
|
|
|
width="80">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.srcCssa ==='01'">区内</span>
|
|
|
<span v-if="scope.row.srcCssa ==='02'">区外</span>
|
|
|
<span v-if="scope.row.srcCssa ==='03'">口岸</span>
|
|
|
<span v-if="scope.row.srcCssa ==='04'">特殊区域</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="isArtificial"
|
|
|
label="人工携带"
|
|
|
width="70">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.isArtificial ==='0'">否</span>
|
|
|
<span v-if="scope.row.isArtificial ==='1'">是</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="trspModecd"
|
|
|
label="核放单类型"
|
|
|
width="90">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.trspModecd ==='0'">暂存</span>
|
|
|
<span v-if="scope.row.trspModecd ==='3'">待核验</span>
|
|
|
<span v-if="scope.row.trspModecd ==='5'">作废</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="bussType"
|
|
|
label="业务类别"
|
|
|
width="90">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.bussType ==='1'">分类监管</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="declType"
|
|
|
label="申报类型"
|
|
|
width="90">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="distDeclName"
|
|
|
label="申报企业名称"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="distDeclCode"
|
|
|
label="申报企业代码"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="wmsName"
|
|
|
label="仓储企业名称"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="wmsCode"
|
|
|
label="仓储企业代码"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="tradeName"
|
|
|
label="经营企业名称"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="tradeCode"
|
|
|
label="经营企业代码"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
fixed="right"
|
|
|
label="操作"
|
|
|
width="300">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button type="primary" size="mini" @click="declaration(scope.row)">申报</el-button>
|
|
|
<el-button type="warning" size="mini" @click="cancel(scope.row)">作废</el-button>
|
|
|
<el-button type="success" size="mini" @click="applyEdit(scope.row)">编辑</el-button>
|
|
|
<el-button type="danger" size="mini" @click="applyDelForm(scope.row)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</template>
|
|
|
</el-row>
|
|
|
<el-row style="margin-top: 10px" class="toolbar">
|
|
|
<el-pagination
|
|
|
@size-change="handleCurrentChange"
|
|
|
@current-change="handleSizeChange"
|
|
|
:current-page="query.pageNum"
|
|
|
:page-size="query.pageSize"
|
|
|
:page-sizes="[10, 50, 100, 500]"
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
:total="total">
|
|
|
</el-pagination>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-dialog :title="dialogMap[dialogApply]" :visible.sync="apply_dialog" width="90%" >
|
|
|
<!-- 搜索区域-->
|
|
|
<el-row :gutter="10" class="toolbar" style="height: auto;padding-bottom: 15px">
|
|
|
<el-divider content-position="left"> 分类监管表头主要信息 </el-divider>
|
|
|
<el-row style="padding-right: 15px">
|
|
|
<el-form :model="addForm" :rules="rule" ref="addForm">
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="srcCssa">
|
|
|
<div class="my-text-area">
|
|
|
<div class="el-input-group__prepend prepand"> 启运地   </div>
|
|
|
<el-select v-model="addForm.srcCssa" placeholder="请选择启运地" size="small" style="width: 150px">
|
|
|
<el-option label="区内" value="01"></el-option>
|
|
|
<el-option label="区外" value="02"></el-option>
|
|
|
<el-option label="口岸" value="03"></el-option>
|
|
|
<el-option label="特殊区域" value="04"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="dstCssa">
|
|
|
<div class="my-text-area">
|
|
|
<div class="el-input-group__prepend prepand"> 指运地   </div>
|
|
|
<el-select v-model="addForm.dstCssa" placeholder="请选择指运地" size="small" style="width: 150px">
|
|
|
<el-option label="区内" value="01"></el-option>
|
|
|
<el-option label="区外" value="02"></el-option>
|
|
|
<el-option label="口岸" value="03"></el-option>
|
|
|
<el-option label="特殊区域" value="04"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!-- <el-input v-model="addForm.dstCssa" autocomplete="off" size="small">-->
|
|
|
<!-- <template slot="prepend">指运地 </template>-->
|
|
|
<!-- </el-input>-->
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="status">
|
|
|
<div class="my-text-area">
|
|
|
<div class="el-input-group__prepend prepand"> 状态 </div>
|
|
|
<el-select v-model="addForm.status" placeholder="请选择" size="small" style="width: 150px">
|
|
|
<el-option label="暂存" value="0"></el-option>
|
|
|
<el-option label="待审核" value="1"></el-option>
|
|
|
<el-option label="退单" value="3"></el-option>
|
|
|
<el-option label="作废待审核" value="4"></el-option>
|
|
|
<el-option label="作废失败" value="5"></el-option>
|
|
|
<el-option label="作废成功" value="6"></el-option>
|
|
|
<el-option label="已出卡" value="7"></el-option>
|
|
|
<el-option label="已入卡" value="8"></el-option>
|
|
|
<el-option label="审核通过" value="15"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="isArtificial">
|
|
|
<div class="my-text-area">
|
|
|
<div class="el-input-group__prepend prepand">人工携带</div>
|
|
|
<el-select v-model="addForm.isArtificial" placeholder="请选择是否人工携带" size="small" style="width: 150px">
|
|
|
<el-option label="否" value="0"></el-option>
|
|
|
<el-option label="是" value="1"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="bussType">
|
|
|
<div class="my-text-area">
|
|
|
<div class="el-input-group__prepend prepand">业务类别</div>
|
|
|
<el-select v-model="addForm.bussType" placeholder="" size="small" style="width: 150px">
|
|
|
<el-option label="分类监管" value="1"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<!-- <el-input v-model="addForm.bussType" autocomplete="off" size="small">-->
|
|
|
<!-- <template slot="prepend">业务类别</template>-->
|
|
|
<!-- </el-input>-->
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="trspModecd">
|
|
|
<div class="my-text-area">
|
|
|
<div class="el-input-group__prepend prepand">核放单类型</div>
|
|
|
<el-select v-model="addForm.trspModecd" placeholder="" size="small" style="width: 150px">
|
|
|
<el-option label="暂存" value="0"></el-option>
|
|
|
<el-option label="待核验" value="3"></el-option>
|
|
|
<el-option label="作废" value="5"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="inOutType">
|
|
|
<div class="my-text-area">
|
|
|
<div class="el-input-group__prepend prepand">出入区类型</div>
|
|
|
<el-select v-model="addForm.inOutType" placeholder="请选择出入区类型" size="small" style="width: 150px">
|
|
|
<el-option label="出区" value="E"></el-option>
|
|
|
<el-option label="入区" value="I"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="declType">
|
|
|
<el-input v-model="addForm.declType" autocomplete="off" size="small">
|
|
|
<template slot="prepend">申报类型</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="bookNo">
|
|
|
<el-input v-model="addForm.bookNo" autocomplete="off" size="small">
|
|
|
<template slot="prepend">账册编号</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="distCusCode">
|
|
|
<el-input v-model="addForm.distCusCode" autocomplete="off" size="small">
|
|
|
<template slot="prepend">主管海关</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="distDeclName">
|
|
|
<el-input v-model="addForm.distDeclName" autocomplete="off" size="small">
|
|
|
<template slot="prepend">申报企业名称</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="distDeclCode">
|
|
|
<el-input v-model="addForm.distDeclCode" autocomplete="off" size="small">
|
|
|
<template slot="prepend">申报企业代码</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="wmsName">
|
|
|
<el-input v-model="addForm.wmsName" autocomplete="off" size="small">
|
|
|
<template slot="prepend">仓储企业名称</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="wmsCode">
|
|
|
<el-input v-model="addForm.wmsCode" autocomplete="off" size="small">
|
|
|
<template slot="prepend">仓储企业代码</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="tradeName">
|
|
|
<el-input v-model="addForm.tradeName" autocomplete="off" size="small">
|
|
|
<template slot="prepend">经营企业名称</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label=" " :label-width="formLabelWidth" prop="tradeCode">
|
|
|
<el-input v-model="addForm.tradeCode" autocomplete="off" size="small">
|
|
|
<template slot="prepend">经营企业代码</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-collapse accordion>
|
|
|
<el-collapse-item>
|
|
|
<template slot="title">
|
|
|
<el-divider content-position="left"> 分类监管表头其他信息 </el-divider>
|
|
|
</template>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="goodsType">
|
|
|
<el-input v-model="addForm.goodsType" autocomplete="off" size="small">
|
|
|
<template slot="prepend">货物类型</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="grosWt">
|
|
|
<el-input v-model="addForm.grosWt" autocomplete="off" size="small">
|
|
|
<template slot="prepend">货物毛重</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="sumCount">
|
|
|
<el-input v-model="addForm.sumCount" autocomplete="off" size="small">
|
|
|
<template slot="prepend">总数量 </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="sumWt">
|
|
|
<el-input v-model="addForm.sumWt" autocomplete="off" size="small">
|
|
|
<template slot="prepend">总重量 </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="veId">
|
|
|
<el-input v-model="addForm.veId" autocomplete="off" size="small">
|
|
|
<template slot="prepend">车牌号 </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="veWeight">
|
|
|
<el-input v-model="addForm.veWeight" autocomplete="off" size="small">
|
|
|
<template slot="prepend">车自重 </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="vehicleFrameWt">
|
|
|
<el-input v-model="addForm.vehicleFrameWt" autocomplete="off" size="small">
|
|
|
<template slot="prepend">车架重 </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="vehicleIcNoDz">
|
|
|
<el-input v-model="addForm.vehicleIcNoDz" autocomplete="off" size="small">
|
|
|
<template slot="prepend">电子车牌</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="vehicleIcNo">
|
|
|
<el-input v-model="addForm.vehicleIcNo" autocomplete="off" size="small">
|
|
|
<template slot="prepend">IC卡号 </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="cusLock">
|
|
|
<el-input v-model="addForm.cusLock" autocomplete="off" size="small">
|
|
|
<template slot="prepend">关锁  </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="describeText">
|
|
|
<el-input v-model="addForm.describeText" autocomplete="off" size="small">
|
|
|
<template slot="prepend">回执  </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="detentionType">
|
|
|
<el-input v-model="addForm.detentionType" autocomplete="off" size="small">
|
|
|
<template slot="prepend">扣留类型</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="putrecseqno">
|
|
|
<el-input v-model="addForm.putrecseqno" autocomplete="off" size="small">
|
|
|
<template slot="prepend">备案序号</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="distCopNo">
|
|
|
<el-input v-model="addForm.distCopNo" autocomplete="off" size="small">
|
|
|
<template slot="prepend">预录入编号</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="distNo">
|
|
|
<el-input v-model="addForm.distNo" autocomplete="off" size="small">
|
|
|
<template slot="prepend">核放单号</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="isEmpty">
|
|
|
<el-input v-model="addForm.isEmpty" autocomplete="off" size="small">
|
|
|
<template slot="prepend">是否为空</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="createBy">
|
|
|
<el-input v-model="addForm.createBy" autocomplete="off" size="small">
|
|
|
<template slot="prepend">创建人 </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="updateBy">
|
|
|
<el-input v-model="addForm.updateBy" autocomplete="off" size="small">
|
|
|
<template slot="prepend">更新人 </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="drivName">
|
|
|
<el-input v-model="addForm.drivName" autocomplete="off" size="small">
|
|
|
<template slot="prepend">司机姓名</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="drivPhone">
|
|
|
<el-input v-model="addForm.drivPhone" autocomplete="off" size="small">
|
|
|
<template slot="prepend">司机手机号</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="beforeContainerNo">
|
|
|
<el-input v-model="addForm.beforeContainerNo" autocomplete="off" size="small">
|
|
|
<template slot="prepend">前集装箱号</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="beforeContainerW">
|
|
|
<el-input v-model="addForm.beforeContainerW" autocomplete="off" size="small">
|
|
|
<template slot="prepend">前集装箱重量</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="afterContainerNo">
|
|
|
<el-input v-model="addForm.afterContainerNo" autocomplete="off" size="small">
|
|
|
<template slot="prepend">后集装箱号</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="afterContainerWt">
|
|
|
<el-input v-model="addForm.afterContainerWt" autocomplete="off" size="small">
|
|
|
<template slot="prepend">后集装箱重量</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="containerWt">
|
|
|
<el-input v-model="addForm.containerWt" autocomplete="off" size="small">
|
|
|
<template slot="prepend">集装箱重量</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="regionalClearanceMode">
|
|
|
<el-input v-model="addForm.regionalClearanceMode" autocomplete="off" size="small">
|
|
|
<template slot="prepend">区域通关模式</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="treeitoryDeclInspecMode">
|
|
|
<el-input v-model="addForm.treeitoryDeclInspecMode" autocomplete="off" size="small">
|
|
|
<template slot="prepend">属地申报查验模式</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="remarks">
|
|
|
<el-input v-model="addForm.remarks" autocomplete="off" size="small">
|
|
|
<template slot="prepend">备注  </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-collapse-item>
|
|
|
</el-collapse>
|
|
|
</el-form>
|
|
|
</el-row>
|
|
|
<el-divider content-position="left"> 分类监管表体信息 </el-divider>
|
|
|
<!-- 列表区域-->
|
|
|
<el-row>
|
|
|
<template>
|
|
|
<el-table
|
|
|
:data="addForm.nuclearBodysList"
|
|
|
border
|
|
|
:cell-style="{textAlign:'center'}"
|
|
|
style="border-radius: 10px 10px 0px 0px;line-height: 25px"
|
|
|
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
|
|
|
>
|
|
|
<el-table-column
|
|
|
fixed
|
|
|
prop="entryNo"
|
|
|
label="报关单号"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="goodsCode"
|
|
|
label="商品编码"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="goodsName"
|
|
|
label="商品名称"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="goodsNo"
|
|
|
label="商品货号"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="count"
|
|
|
label="数量"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="grosWt"
|
|
|
label="单位毛重"
|
|
|
width="80">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="netWt"
|
|
|
label="单位净重"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="unit"
|
|
|
label="申报计量单位"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="updateBy"
|
|
|
label="更新人"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="updateAt"
|
|
|
label="更新时间"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="createBy"
|
|
|
label="创建人"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="createAt"
|
|
|
label="创建时间"
|
|
|
width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
fixed="right"
|
|
|
label="操作"
|
|
|
width="200">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button type="success" size="mini" @click="edit2(scope.row)">编辑</el-button>
|
|
|
<el-button type="danger" size="mini" @click="applyDelQuery(scope.$index,scope.row)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</template>
|
|
|
</el-row>
|
|
|
<el-form :title="dialogMap2[dialogApply2]" :model="queryInfo" :rules="rules" ref="queryInfo">
|
|
|
<el-row style="padding-right: 15px">
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="entryNo">
|
|
|
<el-input v-model="queryInfo.entryNo" autocomplete="off" size="small">
|
|
|
<template slot="prepend">报关单号</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="goodsCode">
|
|
|
<el-input v-model="queryInfo.goodsCode" autocomplete="off" size="small">
|
|
|
<template slot="prepend">商品编码</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="goodsName">
|
|
|
<el-input v-model="queryInfo.goodsName" autocomplete="off" size="small">
|
|
|
<template slot="prepend">商品名称</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="goodsNo">
|
|
|
<el-input v-model="queryInfo.goodsNo" autocomplete="off" size="small">
|
|
|
<template slot="prepend">商品货号</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="count">
|
|
|
<el-input v-model="queryInfo.count" autocomplete="off" size="small">
|
|
|
<template slot="prepend">数  量</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="grosWt">
|
|
|
<el-input v-model="queryInfo.grosWt" autocomplete="off" size="small">
|
|
|
<template slot="prepend">单位毛重</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="netWt">
|
|
|
<el-input v-model="queryInfo.netWt" autocomplete="off" size="small">
|
|
|
<template slot="prepend">单位净重</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="unit">
|
|
|
<el-input v-model="queryInfo.unit" autocomplete="off" size="small">
|
|
|
<template slot="prepend">计量单位</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="createBy">
|
|
|
<el-input v-model="queryInfo.createBy" autocomplete="off" size="small">
|
|
|
<template slot="prepend">创建人 </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="" :label-width="formLabelWidth" prop="updateBy">
|
|
|
<el-input v-model="queryInfo.updateBy" autocomplete="off" size="small">
|
|
|
<template slot="prepend">更新人 </template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :offset="1" :span="6">
|
|
|
<el-col :offset="1" :span="6">
|
|
|
<el-button :type ="buttonType()" size="small" @click="dialogApply2==='create'?addQuery(queryInfo):editQuery()">{{back}}</el-button>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</el-row>
|
|
|
<div slot="footer" class="dialog-footer" style="text-align: center">
|
|
|
<el-button @click="apply_dialog = false" size="small">取 消</el-button>
|
|
|
<el-button type="primary" @click="edit()" size="small">提 交</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</el-row>
|
|
|
</el-card>
|
|
|
</el-row>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import {declaration,selectAllAdd,updateByIdAdd,deleteByIdAdd,selectOne} from '../../api/consigner/station';
|
|
|
|
|
|
|
|
|
export default {
|
|
|
name: "subscribe",
|
|
|
data() {
|
|
|
return {
|
|
|
query: {
|
|
|
pageNum:1,
|
|
|
// 每页大小
|
|
|
// 一頁 ji tiao
|
|
|
pageSize: 10,
|
|
|
},
|
|
|
total: 0,
|
|
|
tableData:[],
|
|
|
dis: undefined,
|
|
|
apply_dialog: false,
|
|
|
rules: {
|
|
|
},
|
|
|
dialogMap2: {
|
|
|
update: '编辑',
|
|
|
create: '新增'
|
|
|
},
|
|
|
dialogApply2: 'create',
|
|
|
addForm: {
|
|
|
afterContainerNo: '',
|
|
|
afterContainerWt: '',
|
|
|
beforeContainerNo: '',
|
|
|
beforeContainerW: '',
|
|
|
bookNo: '',
|
|
|
bussType: '',
|
|
|
containerWt: '',
|
|
|
createAt: '',
|
|
|
createBy: '',
|
|
|
cusLock: '',
|
|
|
declType: '',
|
|
|
describeText: '',
|
|
|
detentionType:'',
|
|
|
distCopNo:'',
|
|
|
distCusCode:'',
|
|
|
distDeclCode:'',
|
|
|
distDeclDate: '',
|
|
|
distDeclName: '',
|
|
|
distNo: '',
|
|
|
drivName: '',
|
|
|
dstCssa: '',
|
|
|
drivPhone: '',
|
|
|
goodsType: '',
|
|
|
grosWt: '',
|
|
|
id: '',
|
|
|
inOutType: '',
|
|
|
isArtificial: '',
|
|
|
isEmpty: '',
|
|
|
regionalClearanceMode:'',
|
|
|
remarks:'',
|
|
|
srcCssa:'',
|
|
|
status:'',
|
|
|
sumCount: '',
|
|
|
sumWt: '',
|
|
|
tradeCode: '',
|
|
|
tradeName: '',
|
|
|
treeitoryDeclInspecMode: '',
|
|
|
trspModecd: '',
|
|
|
updateAt: '',
|
|
|
updateBy: '',
|
|
|
veId: '',
|
|
|
veWeight: '',
|
|
|
vehicleFrameWt: '',
|
|
|
vehicleIcNo: '',
|
|
|
vehicleIcNoDz:'',
|
|
|
wmsCode:'',
|
|
|
wmsName:'',
|
|
|
nuclearBodysList:[],
|
|
|
},
|
|
|
queryInfo: {
|
|
|
cklistId:'',
|
|
|
count:'',
|
|
|
createAt:'',
|
|
|
createBy:'',
|
|
|
entryNo:'',
|
|
|
goodsCode:'',
|
|
|
goodsName:'',
|
|
|
goodsNo:'',
|
|
|
grosWt:0,
|
|
|
id:'',
|
|
|
netWt:0,
|
|
|
unit:'',
|
|
|
updateAt:'',
|
|
|
updateBy:'',
|
|
|
},
|
|
|
dialogMap: {
|
|
|
update: '编辑',
|
|
|
create: '新增'
|
|
|
},
|
|
|
dialogApply: 'create',
|
|
|
back:'添加表体',
|
|
|
// total: 0,
|
|
|
currentPage:1,
|
|
|
formLabelWidth: '20px',
|
|
|
rule: {
|
|
|
srcCssa: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
dstCssa: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
status: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
isArtificial: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
bussType: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
trspModecd: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
inOutType: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
declType: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
bookNo: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
distCusCode: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
distDeclName: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
distDeclCode: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
wmsName: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
wmsCode: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
tradeName: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
tradeCode: [
|
|
|
{ required: true, message: '该项为必填项', trigger: 'blur' }
|
|
|
],
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
//表头按分页查询
|
|
|
handleSizeChange(val) {
|
|
|
this.query.pageNum = val
|
|
|
this.getForm()
|
|
|
},
|
|
|
handleCurrentChange(val) {
|
|
|
this.query.pageSize = val
|
|
|
this.getForm()
|
|
|
},
|
|
|
getForm() {
|
|
|
const _this = this
|
|
|
selectAllAdd(this.query).then((response) => {
|
|
|
const res = response.data
|
|
|
if (res.code !== '200') {
|
|
|
return _this.$message.error('获取消息收发记录,失败!')
|
|
|
}
|
|
|
// 获取列表数据
|
|
|
_this.tableData = res.data.list
|
|
|
// 获取列表的总记录数
|
|
|
_this.total = res.data.total
|
|
|
_this.$message.success('获取消息收发记录,成功!')
|
|
|
}).catch(error => {
|
|
|
// 关闭加载
|
|
|
_this.$message.error(error.toString())
|
|
|
})
|
|
|
},
|
|
|
// 表头打开编辑
|
|
|
applyEdit(row) {
|
|
|
this.apply_dialog = true;
|
|
|
this.dialogApply = 'update';
|
|
|
this.addForm=row;
|
|
|
this.getOne(row);
|
|
|
},
|
|
|
//表头按ID查询
|
|
|
getOne(row) {
|
|
|
const _this = this
|
|
|
selectOne({id:row.id}).then((response) => {
|
|
|
const res = response.data
|
|
|
if (res.code !== '200') {
|
|
|
return _this.$message.error('获取消息收发记录,失败!')
|
|
|
}
|
|
|
// 获取列表数据
|
|
|
_this.addForm.nuclearBodysList = res.data.nuclearBodysList
|
|
|
_this.$message.success('获取消息收发记录,成功!')
|
|
|
}).catch(error => {
|
|
|
// 关闭加载
|
|
|
_this.$message.error(error.toString())
|
|
|
})
|
|
|
},
|
|
|
// 表头编辑功能
|
|
|
edit() {
|
|
|
// 进行表单的预验证
|
|
|
this.$refs.addForm.validate(valid => {
|
|
|
// 未通过,表单预校验
|
|
|
if (!valid) return
|
|
|
updateByIdAdd(this.addForm).then((response) => {
|
|
|
// console.log(row)
|
|
|
const res = response.data
|
|
|
if (res.code != '200') {
|
|
|
return this.$message.error(res.msg)
|
|
|
}
|
|
|
this.$message.success(res.msg)
|
|
|
this.apply_dialog = false;
|
|
|
// 刷新列表
|
|
|
this.getForm()
|
|
|
}).catch(error => {
|
|
|
this.$message.error(error.toString())
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
// 表体添加功能
|
|
|
addQuery() {
|
|
|
this.$refs.queryInfo.validate(valid => {
|
|
|
// 未通过,表单预校验
|
|
|
if (!valid) return;
|
|
|
this.temp = Object.assign({}, this.queryInfo)
|
|
|
this.addForm.nuclearBodysList.push(this.temp);
|
|
|
this.queryInfo={
|
|
|
cklistId:'',
|
|
|
count:'',
|
|
|
createAt:'',
|
|
|
createBy:'',
|
|
|
entryNo:'',
|
|
|
goodsCode:'',
|
|
|
goodsName:'',
|
|
|
goodsNo:'',
|
|
|
grosWt:0,
|
|
|
id:'',
|
|
|
netWt:0,
|
|
|
unit:'',
|
|
|
updateAt:'',
|
|
|
updateBy:'',
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
// 表体编辑
|
|
|
buttonType(){
|
|
|
if(this.dialogApply2=="update"){
|
|
|
return "warning"
|
|
|
}
|
|
|
else{
|
|
|
return "success"
|
|
|
}
|
|
|
},
|
|
|
edit2(row) {
|
|
|
this.back='确定更改';
|
|
|
this.dialogApply2 = 'update';
|
|
|
this.queryInfo=row;
|
|
|
},
|
|
|
// 表体编辑功能
|
|
|
editQuery() {
|
|
|
// 进行表单的预验证
|
|
|
this.$refs.queryInfo.validate(valid => {
|
|
|
// 未通过,表单预校验
|
|
|
if (!valid) return
|
|
|
this.back='添加表体';
|
|
|
this.dialogApply2 = 'create';
|
|
|
this.queryInfo={
|
|
|
cklistId:'',
|
|
|
count:'',
|
|
|
createAt:'',
|
|
|
createBy:'',
|
|
|
entryNo:'',
|
|
|
goodsCode:'',
|
|
|
goodsName:'',
|
|
|
goodsNo:'',
|
|
|
grosWt:0,
|
|
|
id:'',
|
|
|
netWt:0,
|
|
|
unit:'',
|
|
|
updateAt:'',
|
|
|
updateBy:'',
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
//表体删除
|
|
|
applyDelQuery(index, row) {
|
|
|
// 弹框询问是否删除?
|
|
|
this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
|
|
|
confirmButtonText: '确定删除',
|
|
|
cancelButtonText: '取消',
|
|
|
type: 'warning'
|
|
|
}
|
|
|
).then(() => {
|
|
|
var index = this.addForm.nuclearBodysList.indexOf(row);
|
|
|
if (index !== -1) {
|
|
|
this.addForm.nuclearBodysList.splice(index, 1)
|
|
|
}
|
|
|
}).catch(() => {
|
|
|
})
|
|
|
},
|
|
|
// // 删除
|
|
|
applyDelForm(row) {
|
|
|
// 弹框询问是否删除?
|
|
|
this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
|
|
|
confirmButtonText: '确定',
|
|
|
cancelButtonText: '取消',
|
|
|
type: 'warning'
|
|
|
}
|
|
|
).then(() => {
|
|
|
deleteByIdAdd({id:row.id}).then((response) => {
|
|
|
const res = response.data
|
|
|
this.$message.success(res.msg)
|
|
|
this.getForm()
|
|
|
}).catch(error => {
|
|
|
this.$message.error(res.msg)
|
|
|
})
|
|
|
}).catch(() => {
|
|
|
})
|
|
|
},
|
|
|
// // 申报
|
|
|
declaration(row) {
|
|
|
// 弹框询问是否删除?
|
|
|
this.$confirm('确认申报?', '警告', {
|
|
|
confirmButtonText: '确定',
|
|
|
cancelButtonText: '取消',
|
|
|
type: 'warning'
|
|
|
}
|
|
|
).then(() => {
|
|
|
const data = {
|
|
|
ckListId: row.id, // 假设需要删除的记录的 ID 存在 row 对象的 id 属性中
|
|
|
msgType: 'A0009' // 假设需要删除的记录的类型存在 row 对象的 type 属性中
|
|
|
}
|
|
|
this.submitDeclaration(data);
|
|
|
// // console.log(row);
|
|
|
// declaration(data).then((response) => {
|
|
|
// // console.log(row)
|
|
|
// const res = response.data
|
|
|
// this.$message.success(res.msg)
|
|
|
// this.getForm()
|
|
|
// }).catch(error => {
|
|
|
// this.$message.error(error.msg)
|
|
|
// })
|
|
|
}).catch(() => {
|
|
|
})
|
|
|
},
|
|
|
submitDeclaration(data) {
|
|
|
declaration(data)
|
|
|
.then(response => {
|
|
|
const res = response.data;
|
|
|
this.$message.success(res.msg);
|
|
|
this.getForm();
|
|
|
})
|
|
|
.catch(error => {
|
|
|
this.$message.error(error.message);
|
|
|
});
|
|
|
},
|
|
|
// // 作废
|
|
|
cancel(row) {
|
|
|
// 弹框询问是否删除?
|
|
|
this.$confirm('确认作废?', '警告', {
|
|
|
confirmButtonText: '确定',
|
|
|
cancelButtonText: '取消',
|
|
|
type: 'warning'
|
|
|
}
|
|
|
).then(() => {
|
|
|
const data = {
|
|
|
ckListId: row.id, // 假设需要删除的记录的 ID 存在 row 对象的 id 属性中
|
|
|
msgType: 'A000901' // 假设需要删除的记录的类型存在 row 对象的 type 属性中
|
|
|
}
|
|
|
this.submitDeclaration2(data);
|
|
|
|
|
|
// // console.log(row);
|
|
|
// declaration(data).then((response) => {
|
|
|
// // console.log(row)
|
|
|
// const res = response.data
|
|
|
// this.$message.success(res.msg)
|
|
|
// this.getForm()
|
|
|
// }).catch(error => {
|
|
|
// this.$message.error(res.msg)
|
|
|
// })
|
|
|
}).catch(() => {
|
|
|
})
|
|
|
},
|
|
|
submitDeclaration2(data) {
|
|
|
declaration(data)
|
|
|
.then(response => {
|
|
|
const res = response.data;
|
|
|
this.$message.success(res.msg);
|
|
|
this.getForm();
|
|
|
})
|
|
|
.catch(error => {
|
|
|
this.$message.error(error.message);
|
|
|
});
|
|
|
},
|
|
|
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getForm();
|
|
|
// this.getYardList();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
.toolbar{
|
|
|
height: 60px;
|
|
|
background-color: white;
|
|
|
/*line-height: 60px;*/
|
|
|
vertical-align: middle;
|
|
|
border-radius: 5px 5px 5px 5px;
|
|
|
padding: 15px 0 0 20px;
|
|
|
box-shadow: 0px 5px 5px #e5e8eb;
|
|
|
}
|
|
|
.my-text-area .prepand{
|
|
|
float: left;
|
|
|
width:89px;
|
|
|
height: 28px;
|
|
|
font-size: 12px;
|
|
|
line-height: 28px;
|
|
|
}
|
|
|
</style>
|
|
|
<style>
|
|
|
.my-text-area .el-textarea__inner{
|
|
|
min-height: 28px;
|
|
|
height: 28px;
|
|
|
border-bottom-left-radius: 0;
|
|
|
border-top-left-radius: 0;
|
|
|
}
|
|
|
</style> |
...
|
...
|
|