<template>
<el-row>
<el-card style="background-color: #F5F7FA">
<!-- 搜索区域-->
<el-row :gutter="10" class="toolbar" style="height: auto;padding-bottom: 15px">
<el-divider content-position="left"> 分类监管表头必填信息 </el-divider>
<el-row style="padding-right: 15px">
<el-form :model="addForm" :rules="rule" ref="addForm">
<el-row>
<el-col :span="6">
<el-form-item label=" " :label-width="formLabelWidth" prop="srcCssa">
<div class="my-text-area">
<div class="el-input-group__prepend prepand"> 启运地   </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" disabled>
<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" disabled>
<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="edit(scope.row)">编辑</el-button>
<el-button type="danger" size="mini" @click="applyDelQuery(scope.$index,scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</template>
</el-row>
<el-row style="padding-right: 15px">
<el-form :title="dialogMap[dialogApply]" :model="queryInfo" :rules="rules" ref="queryInfo">
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="entryNo">
<el-input v-model="queryInfo.entryNo" autocomplete="off" size="small">
<template slot="prepend">报关单号</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsCode">
<el-input v-model="queryInfo.goodsCode" autocomplete="off" size="small">
<template slot="prepend">商品编码</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsName">
<el-input v-model="queryInfo.goodsName" autocomplete="off" size="small">
<template slot="prepend">商品名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="goodsNo">
<el-input v-model="queryInfo.goodsNo" autocomplete="off" size="small">
<template slot="prepend">商品货号</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" :label-width="formLabelWidth" prop="count">
<el-input v-model="queryInfo.count" autocomplete="off" size="small">
<template slot="prepend">数  量</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" disabled>-->
<!-- <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" disabled>-->
<!-- <template slot="prepend">更新人 </template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :offset="22" :span="2">
<el-button :type ="buttonType()" size="small" @click="dialogApply==='create'?addQuery(queryInfo):editQuery()">{{back}}</el-button>
<!-- <el-button type="success" size="small" @click="editQuery()">确认修改</el-button>-->
<!-- <el-button type="primary" size="small" @click="addQuery()">保 存</el-button>-->
</el-col>
</el-row>
</el-form>
</el-row>
</el-row>
<el-row>
<div style="text-align: center">
<!-- <el-button type="success" size="small" @click="formUp()">编辑</el-button>-->
<el-button type="primary" size="small" @click="formAdd()">保  存</el-button>
</div>
</el-row>
</el-card>
</el-row>
</template>
<script>
import {saveAdd} from '../../api/consigner/station';
export default {
name: "classification",
data() {
return {
dialogMap: {
update: '编辑',
create: '新增'
},
dialogApply: 'create',
back:'添加表体',
addForm: {
afterContainerNo: '',
afterContainerWt: '',
beforeContainerNo: '',
beforeContainerW: '',
bookNo: '',
bussType: '',
containerWt: '',
createAt: '',
createBy: '',
cusLock: '',
declType: '',
describeText: '',
detentionType:'',
distCopNo:'',
distCusCode:'',
distDeclCode:'',
distDeclDate: '',
distDeclName: '',
distNo: '',
drivName: '',
dstCssa: '',
drivPhone: '',
goodsType: '',
grosWt: '',
id: '',
inOutType: '',
isArtificial: '',
isEmpty: '',
regionalClearanceMode:'',
remarks:'',
srcCssa:'',
status:'',
sumCount: '',
sumWt: '',
tradeCode: '',
tradeName: '',
treeitoryDeclInspecMode: '',
trspModecd: '',
updateAt: '',
updateBy: '',
veId: '',
veWeight: '',
vehicleFrameWt: '',
vehicleIcNo: '',
vehicleIcNoDz:'',
wmsCode:'',
wmsName:'',
nuclearBodysList:[],
},
queryInfo: {
cklistId:'',
count:'',
createAt:'',
createBy:'',
entryNo:'',
goodsCode:'',
goodsName:'',
goodsNo:'',
grosWt:0,
id:'',
netWt:0,
unit:'',
updateAt:'',
updateBy:'',
},
query:{
pageNum:10,
pageSize:1,
// total:''
},
total: 0,
currentPage:1,
formLabelWidth: '15px',
rule: {
srcCssa: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
dstCssa: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
status: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
isArtificial: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
bussType: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
trspModecd: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
inOutType: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
declType: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
bookNo: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
distCusCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
distDeclName: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
distDeclCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
wmsName: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
wmsCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
tradeName: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
tradeCode: [
{ required: true, message: '该项为必填项', trigger: 'blur' }
],
},
rules: {
},
}
},
methods: {
// 添加功能
formAdd() {
this.$refs.addForm.validate(valid => {
// 未通过，表单预校验
if (!valid) return;
saveAdd(this.addForm).then((response) => {
let res = response.data;
// 添加失败
if (res.code !== '200') {
return this.$message.error(res.msg);
}
// 添加，成功
this.$message.success(res.msg);
this.addForm={
afterContainerNo: '',
afterContainerWt: '',
beforeContainerNo: '',
beforeContainerW: '',
bookNo: '',
bussType: '',
containerWt: '',
createAt: '',
createBy: '',
cusLock: '',
declType: '',
describeText: '',
detentionType:'',
distCopNo:'',
distCusCode:'',
distDeclCode:'',
distDeclDate: '',
distDeclName: '',
distNo: '',
drivName: '',
dstCssa: '',
drivPhone: '',
goodsType: '',
grosWt: '',
id: '',
inOutType: '',
isArtificial: '',
isEmpty: '',
regionalClearanceMode:'',
remarks:'',
srcCssa:'',
status:'',
sumCount: '',
sumWt: '',
tradeCode: '',
tradeName: '',
treeitoryDeclInspecMode: '',
trspModecd: '',
updateAt: '',
updateBy: '',
veId: '',
veWeight: '',
vehicleFrameWt: '',
vehicleIcNo: '',
vehicleIcNoDz:'',
wmsCode:'',
wmsName:'',
nuclearBodysList:[],
}
// 刷新列表
// this.getList();
}).catch(error => {
this.$message.error(error.toString());
});
})
},
buttonType(){
if(this.dialogApply=="update"){
return "warning"
}
else{
return "success"
}
},
// 添加功能
addQuery() {
this.$refs.queryInfo.validate(valid => {
// 未通过，表单预校验
if (!valid) return;
this.temp = Object.assign({}, this.queryInfo)
this.addForm.nuclearBodysList.push(this.temp);
this.queryInfo={
cklistId:'',
count:'',
createAt:'',
createBy:'',
entryNo:'',
goodsCode:'',
goodsName:'',
goodsNo:'',
grosWt:0,
id:'',
netWt:0,
unit:'',
updateAt:'',
updateBy:'',
}
})
},
// 打开编辑
edit(row) {
this.back='确定更改';
this.dialogApply = 'update';
this.queryInfo=row;
},
// 编辑功能
editQuery() {
// 进行表单的预验证
this.$refs.queryInfo.validate(valid => {
// 未通过，表单预校验
if (!valid) return
this.back='添加表体';
this.dialogApply = 'create';
this.queryInfo={
cklistId:'',
count:'',
createAt:'',
createBy:'',
entryNo:'',
goodsCode:'',
goodsName:'',
goodsNo:'',
grosWt:0,
id:'',
netWt:0,
unit:'',
updateAt:'',
updateBy:'',
}
})
},
// 删除
applyDelQuery(index, row) {
// 弹框询问是否删除？
this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
confirmButtonText: '确定删除',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
var index = this.addForm.nuclearBodysList.indexOf(row);
if (index !== -1) {
this.addForm.nuclearBodysList.splice(index, 1)
}
}).catch(() => {
})
},
},
mounted() {
// this.getQuery();
}
}
</script>
<style scoped>
.toolbar{
height: 60px;
background-color: white;
/*line-height: 60px;*/
vertical-align: middle;
border-radius: 5px 5px 5px 5px;
padding: 15px 0 0 20px;
box-shadow: 0px 5px 5px #e5e8eb;
}
.my-text-area .prepand{
float: left;
width:89px;
height: 28px;
font-size: 12px;
line-height: 28px;
}
</style>
<style>
.my-text-area .el-textarea__inner{
min-height: 28px;
height: 28px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
</style>