<template>
    <el-row>
        <el-card  style="background-color: #F5F7FA">
            <!--            搜索区域-->
            <el-row :gutter="10" class="toolbar" style="height: auto;padding-bottom: 15px">
                <el-row>
                    <el-col :span="5">
                        <el-input v-model="queryInfo.seqno" prefix-icon="el-icon-search"
                                  placeholder="中心统一编号" clearable>
                            <template slot="prepend">统一编号</template>
                        </el-input>
                    </el-col>
                    <el-col :offset="1" :span="5">
                        <el-input v-model="queryInfo.putrecseqno" prefix-icon="el-icon-search"
                                  placeholder="备案序号" clearable>
                            <template slot="prepend">备案序号</template>
                        </el-input>
                    </el-col>
                    <el-col :offset="1"  :span="5">
                        <el-input v-model="queryInfo.gdecd" prefix-icon="el-icon-search"
                                  placeholder="商品编码" clearable>
                            <template slot="prepend">商品编码</template>
                        </el-input>
                    </el-col>
                    <el-col :offset="1"  :span="5">
                        <el-input v-model="queryInfo.gdebc" prefix-icon="el-icon-search"
                                  placeholder="商品简码" clearable>
                            <template slot="prepend">商品简码</template>
                        </el-input>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="5">
                        <el-input v-model="queryInfo.gdsmtno" prefix-icon="el-icon-search"
                                  placeholder="商品料号" clearable>
                            <template slot="prepend">商品料号</template>
                        </el-input>
                    </el-col>
                    <el-col :offset="1"  :span="5">
                        <el-input v-model="queryInfo.itemno" prefix-icon="el-icon-search"
                                  placeholder="项号" clearable>
                            <template slot="prepend">项&emsp;&emsp;号</template>
                        </el-input>
                    </el-col>
                    <el-col :offset="1"  :span="5">
                        <el-button type="primary" icon="el-icon-search"  @click="getList()">
                            查询
                        </el-button>
                        <el-button type="success" icon="el-icon-edit"  @click="applyAdd()">新增</el-button>
                    </el-col>
                </el-row>
            </el-row>
            <!--            列表区域-->
            <el-row>
                <template>
                    <el-table
                            :data="tableData"
                            border
                            :cell-style="{textAlign:'center'}"
                            style="border-radius: 10px 10px 0px 0px;line-height: 25px"
                            :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
                    >
                        <el-table-column
                                fixed
                                prop="seqno"
                                label="中心统一编号"
                                width="140">
                        </el-table-column>
                        <el-table-column
                                prop="putrecseqno"
                                label="备案序号"
                                width="140">
                        </el-table-column>
                        <el-table-column
                                prop="gdsnm"
                                label="商品名称"
                                width="120">
                        </el-table-column>
                        <el-table-column
                                prop="gdecd"
                                label="商品编码"
                                width="140">
                        </el-table-column>
                        <el-table-column
                                prop="gdebc"
                                label="商品简码"
                                width="140">
                        </el-table-column>
                        <el-table-column
                                prop="gdsmtno"
                                label="商品料号"
                                width="140">
                        </el-table-column>
<!--                        <el-table-column-->
<!--                                prop="ismeta"-->
<!--                                label="是否虚拟仓库"-->
<!--                                width="100">-->
<!--                            <template slot-scope="scope">-->
<!--                                <span v-if="scope.row.ismeta ==='0'">否</span>-->
<!--                                <span v-if="scope.row.ismeta ==='1'">是</span>-->
<!--                            </template>-->
<!--                        </el-table-column>-->
                        <el-table-column
                                prop="itemno"
                                label="项号"
                                width="140">
                        </el-table-column>
<!--                        <el-table-column-->
<!--                                prop="asdutyrate"-->
<!--                                label="反补贴税率"-->
<!--                                width="120">-->
<!--                        </el-table-column>-->
<!--                        <el-table-column-->
<!--                                prop="atdutyrate"-->
<!--                                label="反倾销税率"-->
<!--                                width="120">-->
<!--                        </el-table-column>-->
                        <el-table-column
                                prop="bondedtype"
                                label="保税类别"
                                width="120">
                        </el-table-column>
<!--                        <el-table-column-->
<!--                                prop="cofno"-->
<!--                                label="原产地证书"-->
<!--                                width="120">-->
<!--                        </el-table-column>-->
                        <el-table-column
                                fixed="right"
                                label="操作"
                                width="200">
                            <template slot-scope="scope">
                                <el-button type="success" size="mini" @click="applyEdit(scope.row)">编辑</el-button>
                                <el-button type="danger" size="mini" @click="applyDel(scope.$index,scope.row)">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </template>
            </el-row>
            <el-row style="margin-top: 10px" class="toolbar">
                <el-pagination
                        @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :current-page="queryInfo.pageNum"
                        :page-size="queryInfo.pageSize"
                        :page-sizes="[10, 50, 100, 500]"
                        layout="total, sizes, prev, pager, next, jumper"
                        :total="total">
                </el-pagination>
            </el-row>
            <el-row>
                <el-dialog :title="dialogMap[dialogApply]" :visible.sync="apply_dialog.addDialog" width="80%" v-dialog-drag>
                    <el-form  :model="addForm"  :rules="rules" ref="addForm">
                        <el-divider content-position="center"> 商品管理必填信息 </el-divider>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth" prop="gdsnm">
                                    <el-input v-model="addForm.gdsnm" autocomplete="off" placeholder="商品中文名称">
                                        <template slot="prepend">商品名称</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="gdetype">
                                    <el-input v-model="addForm.gdetype" autocomplete="off" >
                                        <template slot="prepend">商品类型</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="gdebc">
                                    <el-input v-model="addForm.gdebc" autocomplete="off" >
                                        <template slot="prepend">商品简码</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth" prop="gdecd">
                                    <el-input v-model="addForm.gdecd" autocomplete="off" >
                                        <template slot="prepend">商品编码</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth" prop="itemno">
                                    <el-input v-model="addForm.itemno" autocomplete="off" >
                                        <template slot="prepend">项&emsp;&emsp;号</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="gdsmtno">
                                    <el-input v-model="addForm.gdsmtno" autocomplete="off" >
                                        <template slot="prepend">商品料号</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth" prop="skucd">
                                    <el-input v-model="addForm.skucd" autocomplete="off" >
                                        <template slot="prepend">SKU编码</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="bondedtype">
                                    <div class="my-text-area">
                                        <div class="el-input-group__prepend prepand">保税类别</div>
                                        <el-select v-model="addForm.bondedtype" placeholder="是否保税商品" style="width: 150px">
                                            <el-option label="保税" value="100"></el-option>
                                            <el-option label="非保税" value="101"></el-option>
                                        </el-select>
                                    </div>
                                </el-form-item>
<!--                                <el-form-item label="" :label-width="formLabelWidth"  prop="bondedtype">-->
<!--                                    <el-input v-model="addForm.bondedtype" autocomplete="off" >-->
<!--                                        <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="newwt">
                                    <el-input v-model="addForm.newwt" autocomplete="off" >
                                        <template slot="prepend">净&emsp;&emsp;重</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="dclunitcd">
                                    <el-input v-model="addForm.dclunitcd" autocomplete="off" >
                                        <template slot="prepend">单&emsp;&emsp;位</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth" prop="dcluprcamt">
                                    <el-input v-model="addForm.dcluprcamt" autocomplete="off" >
                                        <template slot="prepend">单&emsp;&emsp;价</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="dclurrcd">
                                    <el-input v-model="addForm.dclurrcd" autocomplete="off" >
                                        <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="cofgdsno">
                                    <el-input v-model="addForm.cofgdsno" autocomplete="off" placeholder="对应原产地证书项目编号">
                                        <template slot="prepend">项目编号</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth"  prop="asdutyrate">
                                    <el-input v-model="addForm.asdutyrate" autocomplete="off" >
                                        <template slot="prepend">反补贴税率</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label=" " :label-width="formLabelWidth" prop="atdutyrate">
                                    <el-input v-model="addForm.atdutyrate" autocomplete="off" >
                                        <template slot="prepend">反倾销税率</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="seqno">
                                    <el-input v-model="addForm.seqno" autocomplete="off" placeholder="中心统一编号">
                                        <template slot="prepend">统一编号</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-divider content-position="center"> 商品管理其他非必填信息 </el-divider>
                        <el-divider content-position="left"> 商品基础信息 </el-divider>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="stuff">
                                    <el-input v-model="addForm.stuff" autocomplete="off" >
                                        <template slot="prepend">成&emsp;&emsp;份</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="grosswt">
                                    <el-input v-model="addForm.grosswt" autocomplete="off" >
                                        <template slot="prepend">毛&emsp;&emsp;重</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="stocknum">
                                    <el-input v-model="addForm.stocknum" autocomplete="off" >
                                        <template slot="prepend">库存数量</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="picture">
                                    <el-input v-model="addForm.picture" autocomplete="off" >
                                        <template slot="prepend">图&emsp;&emsp;片</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="gdsbrand">
                                    <el-input v-model="addForm.gdsbrand" autocomplete="off" >
                                        <template slot="prepend">商品品牌</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="gdsspcfmodeldesc">
                                    <el-input v-model="addForm.gdsspcfmodeldesc" autocomplete="off" >
                                        <template slot="prepend">型号规格</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="gdsupplier">
                                    <el-input v-model="addForm.gdsupplier" autocomplete="off" >
                                        <template slot="prepend">商品供应商</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="goodsattr">
                                    <el-input v-model="addForm.goodsattr" autocomplete="off" >
                                        <template slot="prepend">货物属性代码</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="gdsmaster">
                                    <el-input v-model="addForm.gdsmaster" autocomplete="off" >
                                        <template slot="prepend">货&emsp;&emsp;主</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="status">
                                    <el-input v-model="addForm.status" autocomplete="off"  disabled>
                                        <template slot="prepend">状&emsp;&emsp;态</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="costprice">
                                    <el-input v-model="addForm.costprice" autocomplete="off" >
                                        <template slot="prepend">采&emsp;购&emsp;价</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="fitprcpromise">
                                    <div class="my-text-area">
                                        <div class="el-input-group__prepend prepand">价格承诺</div>
                                        <el-select v-model="addForm.fitprcpromise" placeholder="是否符合价格承诺"  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-divider content-position="left"> 商品生产信息 </el-divider>
                            <el-row>

                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth" prop="producer">
                                        <el-input v-model="addForm.producer" autocomplete="off" >
                                            <template slot="prepend">生产商&emsp;</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth" prop="prodbatchno">
                                        <el-input v-model="addForm.prodbatchno" autocomplete="off" >
                                            <template slot="prepend">生产批号</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth"  prop="mnufctrregname">
                                        <el-input v-model="addForm.mnufctrregname" autocomplete="off" >
                                            <template slot="prepend">生产单位名称</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth" prop="mnufctrregno">
                                        <el-input v-model="addForm.mnufctrregno" autocomplete="off" >
                                            <template slot="prepend">生产单位注册号</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth"  prop="producedate">
                                        <el-input v-model="addForm.producedate" autocomplete="off" >
                                            <template slot="prepend">生产日期</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth" prop="prodqgp">
                                        <el-input v-model="addForm.prodqgp" autocomplete="off" >
                                            <template slot="prepend">产品保质期</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth"  prop="prodvaliddt">
                                        <el-input v-model="addForm.prodvaliddt" autocomplete="off" >
                                            <template slot="prepend">产品有效期</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth" prop="declgoodsename">
                                        <el-input v-model="addForm.declgoodsename" autocomplete="off" >
                                            <template slot="prepend">商品英文名称</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth"  prop="natcd">
                                        <el-input v-model="addForm.natcd" autocomplete="off" >
                                            <template slot="prepend">原产国&emsp;</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth"  prop="cofno">
                                        <el-input v-model="addForm.cofno" autocomplete="off" >
                                            <template slot="prepend">原产地证书</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth"  prop="destinationnatcd">
                                        <el-input v-model="addForm.destinationnatcd" autocomplete="off" >
                                            <template slot="prepend">最终目的国</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth"  prop="putrecseqno">
                                        <el-input v-model="addForm.putrecseqno" autocomplete="off" >
                                            <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="ofcnname">
                                        <el-input v-model="addForm.ofcnname" autocomplete="off" >
                                            <template slot="prepend">原厂商中文名称</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="" :label-width="formLabelWidth" prop="ofenname">
                                        <el-input v-model="addForm.ofenname" autocomplete="off" >
                                            <template slot="prepend">原厂商英文名称</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-divider content-position="left"> 商品危险品信息 </el-divider>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="dangpackspec">
                                    <el-input v-model="addForm.dangpackspec" autocomplete="off" >
                                        <template slot="prepend">危险品规格</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="dangpacktype">
                                    <el-input v-model="addForm.dangpacktype" autocomplete="off" >
                                        <template slot="prepend">危险品类别</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="dangunno">
                                    <el-input v-model="addForm.dangunno" autocomplete="off" placeholder="联合国危险品编码">
                                        <template slot="prepend">联合国编号</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="dangmark">
                                    <div class="my-text-area">
                                        <div class="el-input-group__prepend prepand">危险品标志</div>
                                        <el-select v-model="addForm.dangmark" placeholder="请选择是否虚拟仓库"  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-divider content-position="left"> 商品扩展信息 </el-divider>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="uncode">
                                    <el-input v-model="addForm.uncode" autocomplete="off" >
                                        <template slot="prepend">UN编码</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="ptacode">
                                    <el-input v-model="addForm.ptacode" autocomplete="off" >
                                        <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="domintcir">
                                    <el-input v-model="addForm.domintcir" autocomplete="off" >
                                        <template slot="prepend">国内国际流转</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="esdutyrate">
                                    <el-input v-model="addForm.esdutyrate" autocomplete="off" >
                                        <template slot="prepend">保障措施税率</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="usafeermvmapk">
                                    <el-input v-model="addForm.usafeermvmapk" autocomplete="off" >
                                        <template slot="prepend">对美加征排除标志</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-divider content-position="left"> 商品其他信息 </el-divider>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="createdby">
                                    <el-input v-model="addForm.createdby" autocomplete="off"  disabled>
                                        <template slot="prepend">创建人&emsp;</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="createdat">
                                    <el-input v-model="addForm.createdat" autocomplete="off"  disabled>
                                        <template slot="prepend">创建日期</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth" prop="updatedby">
                                    <el-input v-model="addForm.updatedby" autocomplete="off"  disabled>
                                        <template slot="prepend">更新人&emsp;</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="updatedat">
                                    <el-input v-model="addForm.updatedat" autocomplete="off"  disabled>
                                        <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="rmk">
                                        <el-input v-model="addForm.rmk" autocomplete="off" >
                                            <template slot="prepend">备&emsp;&emsp;注</template>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </el-row>
                    </el-form>
                    <div slot="footer" class="dialog-footer">
                        <el-button @click="apply_dialog.addDialog = false" >取 消</el-button>
                        <el-button type="primary" @click="dialogApply==='create'?add():edit()" >提 交</el-button>
                    </div>
                </el-dialog>
            </el-row>
        </el-card>
    </el-row>
</template>

<script>
    import {selectGoodsManagement,delGoods,addGoods,ediGoods} from '../../api/consigner/station';

    export default {
        name: "seller",
        data() {
            return {
                queryInfo: {
                    seqno:'',
                    putrecseqno:'',
                    gdecd:'',
                    gdebc:'',
                    gdsmtno:'',
                    itemno:'',
                    // 当前页数
                    pageNum: 1,
                    // 每页大小
                    pageSize: 10,
                },
                total: 0,
                tableData:[],
                dialogMap: {
                    update: '编辑',
                    create: '新增'
                },
                dis: undefined,
                dialogApply: 'create',
                apply_dialog: {
                    // 添加对话框
                    addDialog: false,
                    // 编辑对话框
                    editDialog: false
                },
                addForm: {
                    asdutyrate: '',
                    atdutyrate: '',
                    bondedtype: '',
                    cofgdsno: '',
                    cofno: '',
                    costprice: '',
                    createdat: '',
                    createdby: '',
                    dangmark: '0',
                    dangpackspec: '',
                    dangpacktype: '',
                    dangunno: '',
                    dclunitcd:'',
                    dcluprcamt:'',
                    dclurrcd:'',
                    declgoodsename:'',
                    destinationnatcd: '',
                    domintcir: '',
                    esdutyrate: '',
                    fitprcpromise: '0',
                    gdebc: '',
                    gdecd: '',
                    gdetype: '',
                    gdsbrand: '',
                    gdsmaster: '',
                    gdsmtno: '',
                    gdsnm: '',
                    gdsspcfmodeldesc: '',
                    gdsupplier:'',
                    goodsattr:'',
                    grosswt:'',
                    id:'',
                    itemno: '',
                    mnufctrregname: '',
                    mnufctrregno: '',
                    natcd: '',
                    newwt: '',
                    ofcnname: '',
                    ofenname: '',
                    picture: '',
                    prodbatchno: '',
                    prodqgp: '',
                    producedate: '',
                    producer: '',
                    prodvaliddt:'',
                    ptacode:'',
                    putrecseqno:'',
                    rmk:'',
                    seqno: '',
                    skucd: '',
                    status: '',
                    stocknum: '',
                    stuff: '',
                    uncode: '',
                    updatedat: '',
                    updatedby: '',
                    usafeermvmapk: '',
                },
                loading:false,
                formLabelWidth: '20px',
                dialogVisible:false,
                rules: {
                    gdsnm: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    gdetype: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    gdebc: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    gdecd: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    itemno: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    gdsmtno: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    skucd: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    bondedtype: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    newwt: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    dclunitcd: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    dcluprcamt: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    dclurrcd: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    cofgdsno: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    asdutyrate: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                    atdutyrate: [
                        { required: true, message: '该项为必填项', trigger: 'blur' }
                    ],
                },

            }
        },
        methods: {
            handleSizeChange(val) {
                this.queryInfo.pageSize = val
                this.getList()
            },
            handleCurrentChange(val) {
                this.queryInfo.pageNum = val
                this.getList()
            },
            getList() {
                const _this = this
                selectGoodsManagement(this.queryInfo).then((response) => {
                    const res = response.data
                    console.log(response.data)
                    if (res.code !== '200') {
                        return _this.$message.error('获取消息收发记录，失败！')
                    }
                    // 获取列表数据
                    _this.tableData = res.data.list
                    // 获取列表的总记录数
                    _this.total = res.data.total
                    _this.$message.success('获取消息收发记录，成功！')
                }).catch(error => {
                    // 关闭加载
                    _this.$message.error(error.toString())
                })
            },
            // 添加对话框，打开事件
            applyAdd() {
                this.addForm = {
                    asdutyrate: '',
                    atdutyrate: '',
                    bondedtype: '',
                    cofgdsno: '',
                    cofno: '',
                    costprice: '',
                    createdat: '',
                    createdby: '',
                    dangmark: '0',
                    dangpackspec: '',
                    dangpacktype: '',
                    dangunno: '',
                    dclunitcd:'',
                    dcluprcamt:'',
                    dclurrcd:'',
                    declgoodsename:'',
                    destinationnatcd: '',
                    domintcir: '',
                    esdutyrate: '',
                    fitprcpromise: '0',
                    gdebc: '',
                    gdecd: '',
                    gdetype: '',
                    gdsbrand: '',
                    gdsmaster: '',
                    gdsmtno: '',
                    gdsnm: '',
                    gdsspcfmodeldesc: '',
                    gdsupplier:'',
                    goodsattr:'',
                    grosswt:'',
                    id:'',
                    itemno: '',
                    mnufctrregname: '',
                    mnufctrregno: '',
                    natcd: '',
                    newwt: '',
                    ofcnname: '',
                    ofenname: '',
                    picture: '',
                    prodbatchno: '',
                    prodqgp: '',
                    producedate: '',
                    producer: '',
                    prodvaliddt:'',
                    ptacode:'',
                    putrecseqno:'',
                    rmk:'',
                    seqno: '',
                    skucd: '',
                    status: '',
                    stocknum: '',
                    stuff: '',
                    uncode: '',
                    updatedat: '',
                    updatedby: '',
                    usafeermvmapk: '',
                };
                this.dialogApply= 'create';
                this.dis= 'create';
                this.apply_dialog.addDialog = true;
            },
            // 添加功能
            add() {
                this.$refs.addForm.validate(valid => {
                    // 未通过，表单预校验
                    if (!valid) return;
                    addGoods(this.addForm).then((response) => {
                        let res = response.data;
                        // 添加失败
                        if (res.code !== '200') {
                            return this.$message.error(res.msg);
                        }
                        // 添加，成功
                        this.$message.success(res.msg);
                        // 隐藏对话框
                        this.apply_dialog.addDialog = false;
                        // 刷新列表
                        this.getList();
                    }).catch(error => {
                        this.$message.error(error.toString());
                    });
                })
            },
// 打开编辑
            applyEdit(row) {
                this.apply_dialog.addDialog = true;
                this.dialogApply = 'update';
                this.dis= 'update';
                this.addForm=row;
            },
            // 编辑功能
            edit() {
                // 进行表单的预验证
                this.$refs.addForm.validate(valid => {
                    // 未通过，表单预校验
                    if (!valid) return
                    ediGoods(this.addForm).then((response) => {
                        // console.log(row)
                        const res = response.data
                        if (res.code != '200') {
                            return this.$message.error(res.msg)
                        }
                        this.$message.success(res.msg)
                        // 隐藏对话框
                        this.apply_dialog.addDialog = false
                        // 刷新列表
                        this.getList()
                    }).catch(error => {
                        this.$message.error(error.toString())
                    })
                })
            },
            // 删除
            applyDel(index, row) {
                // 弹框询问是否删除？
                this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
                        confirmButtonText: '确定删除',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }
                ).then(() => {
                    // console.log(row);
                    delGoods({id:row.id}).then((response) => {
                        // console.log(row)
                        const res = response.data
                        this.$message.success(res.msg)
                        this.getList()
                    }).catch(error => {
                        this.$message.error(res.msg)
                    })
                }).catch(() => {
                })
            },
        },
        mounted() {
            this.getList();

        }

    }
</script>

<style scoped>
    .toolbar{
        height: 60px;
        background-color: white;
        /*line-height: 60px;*/
        vertical-align: middle;
        border-radius: 5px 5px 5px 5px;
        padding: 15px 0 0 20px;
        box-shadow: 0px 5px 5px #e5e8eb;
    }
    .my-text-area .prepand{
        float: left;
        width:110px;
        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>