<template>
    <el-row>
        <el-card  style="background-color: #F5F7FA">
            <!--            搜索区域-->
            <el-row class="toolbar" style="height: 100px">
                <el-row style="margin-top: -3px">
                    <el-col :span="6">
                        <el-input v-model="queryInfo.waybill" prefix-icon="el-icon-search" size="small" style="width: 280px"
                                  placeholder="货物单号" clearable>
                            <template slot="prepend">主单号</template>
                        </el-input>
                    </el-col>
                    <el-col :span="6">
                        <el-input v-model="queryInfo.billfhl" prefix-icon="el-icon-search" size="small" style="width: 280px"
                                  placeholder="货物单号" clearable>
                            <template slot="prepend">分单号</template>
                        </el-input>
                    </el-col>
                    <el-col :span="6">
                        <el-input v-model="queryInfo.locationno" prefix-icon="el-icon-search" size="small" style="width: 280px"
                                  placeholder="货物单号" clearable>
                            <template slot="prepend">库位编号</template>
                        </el-input>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <div class="my-text-area">
                            <div class="el-input-group__prepend prepand">时间段</div>
                            <el-date-picker
                                    v-model="searchTime"
                                    type="daterange"
                                    unlink-panels
                                    range-separator="至"
                                    start-placeholder="开始日期"
                                    end-placeholder="结束日期"
                                    value-format="yyyy-MM-dd HH:mm:ss"
                                    format="yyyy-MM-dd HH:mm:ss"
                                    :picker-options="pickerOptions">
                            </el-date-picker>
                        </div>
                    </el-col>
                    <el-col :span="5">
                        <el-button type="primary" icon="el-icon-search" size="small" @click="getList()">
                            查询
                        </el-button>
                        <el-button type="success"  size="small" @click="changeFwb()" :disabled="this.sels.length===0">
                            更改主单号
                        </el-button>
                        <!--                    <el-button type="success" icon="el-icon-edit" size="small" @click="applyAdd()">新增</el-button>-->
                    </el-col>
                </el-row>
            </el-row>
            <el-row>
                <el-col :gutter="0" class="toolbar toobar_analysis" style="margin-top: -25px;height: 100px">
                    <el-col :span="7" >
                        <div class="analysis_title">总单数:</div>
                        <div class="analysis_text">
                            <el-input v-model="total"  readonly style="width: 100px">
                            </el-input>
                        </div>
                    </el-col>
                    <el-col :span="1">
                        <el-divider direction="vertical"></el-divider>
                    </el-col>
                    <el-col :span="7">
                        <div class="analysis_title">总件数:</div>
                        <div class="analysis_text">
                            <el-input v-model="pcsSum" readonly style="width: 100px">
                            </el-input>
                        </div>
                    </el-col>
                    <el-col :span="1">
                        <el-divider direction="vertical"></el-divider>
                    </el-col>
                    <el-col :span="7">
                        <div class="analysis_title">总重量:</div>
                        <div class="analysis_text">
                            <el-input v-model="weightSum" readonly style="font-size:12px;color:cornflowerblue;width: 100px">
                            </el-input>
                        </div>
                    </el-col>
                </el-col>
            </el-row>
            <!--            列表区域-->
            <el-row>
                <template>
                    <el-table
                            :data="tableData"
                            border
                            @selection-change="selsChange"
                            :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="selection" width="55" align="center"></el-table-column>
                        <el-table-column
                                fixed
                                label="操作"
                                width="160">
                            <template slot-scope="scope">
                                <el-button type="primary" size="mini" @click="queryDeta(scope.row)">查看货物明细</el-button>
                            </template>
                        </el-table-column>
                        <el-table-column
                                fixed
                                prop="waybill"
                                label="主单号"
                                width="120">
                        </el-table-column>
                        <el-table-column
                                prop="billfhl"
                                label="分单号"
                                width="120">
                        </el-table-column>
                        <el-table-column
                                prop="pcs"
                                label="件数"
                                width="80">
                        </el-table-column>
                        <el-table-column
                                prop="weight"
                                label="重量"
                                width="80">
                        </el-table-column>
                        <el-table-column
                                prop="location"
                                label="库位"
                                width="120">
                        </el-table-column>
                        <el-table-column
                                prop="createdate"
                                label="创建时间">
                        </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>-->
<!--                            </template>-->
<!--                        </el-table-column>-->
                        <el-table-column
                                fixed="right"
                                label="操作"
                                width="320">
                            <template slot-scope="scope">
                                <el-button type="warning" size="mini" @click="changeFhl(scope.row)">更改分单号</el-button>
                                <el-button type="primary" size="mini">分批出库</el-button>
<!--                                件数重量尺寸-->
                                <el-button type="success" size="mini">分批改单</el-button>
<!--                                单号-->
                                <!--                                <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="detaFhl" :visible.sync="fhlDialog" width="40%" >
                    <el-form  :model="fhlForm"  :rules="fhlRules" ref="fhlForm" style="margin-top: 40px">
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="billfhl">
                                    <el-input placeholder="请输入更改后的分单号" v-model="fhlForm.billfhl" autocomplete="off" size="small" style="width: 400px">
                                        <template slot="prepend">更改分单号为：</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form>
                    <div slot="footer" class="dialog-footer">
                        <el-button @click="fhlDialog = false" size="small">取 消</el-button>
                        <el-button type="primary" @click="fhlEdit()" size="small">提 交</el-button>
                    </div>
                </el-dialog>
            </el-row>
            <!--            更改主单号-->
            <el-row>
                <el-dialog :title="detaFwb" :visible.sync="fwbDialog" width="40%" >
                    <el-form  :model="fwbForm"  :rules="fwbRules" ref="fwbForm" style="margin-top: 40px">
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="waybill">
                                    <el-input placeholder="请输入更改后的主单号" v-model="fwbForm.waybill" autocomplete="off" size="small" style="width: 400px">
                                        <template slot="prepend">更改主单号为：</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form>
                    <div slot="footer" class="dialog-footer">
                        <el-button @click="fwbDialog = false" size="small">取 消</el-button>
                        <el-button type="primary" @click="fwbEdit()" size="small">提 交</el-button>
                    </div>
                </el-dialog>
            </el-row>
<!--            新增和编辑-->
            <el-row>
                <el-dialog :title="dialogMap[dialogApply]" :visible.sync="apply_dialog.addDialog" width="80%" >
                    <el-form  :model="addForm"  :rules="rules" ref="addForm" style="margin-top: 40px">
                        <el-row>
                            <el-col :span="7">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="goodno">
                                    <el-input v-model="addForm.goodno" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">货物单号</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="weight">
                                    <el-input v-model="addForm.weight" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">重&emsp;&emsp;量</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="vol">
                                    <el-input v-model="addForm.vol" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">体&emsp;&emsp;积</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="7">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="pcs">
                                    <el-input v-model="addForm.pcs" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">件&emsp;&emsp;数</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="billweight">
                                    <el-input v-model="addForm.billweight" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">计费重量</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="area">
                                    <el-input v-model="addForm.area" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">库&emsp;&emsp;区</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="7">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="location">
                                    <el-input v-model="addForm.location" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">库&emsp;&emsp;位</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="serialnumber">
                                    <el-input v-model="addForm.serialnumber" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">流水&emsp;号</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="transtype">
                                    <el-input v-model="addForm.transtype" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">交易类型</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="7">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="house">
                                    <el-input v-model="addForm.house" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">出入库仓库</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="opttime">
                                    <el-input v-model="addForm.opttime" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">出入库时间</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>

                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="station">
                                    <el-input v-model="addForm.station" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">出入库场站</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="7">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="goodstype">
                                    <el-input v-model="addForm.goodstype" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">出入库货物类型</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="opter">
                                    <el-input v-model="addForm.opter" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">出入库经办人</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="customername">
                                    <el-input v-model="addForm.customername" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">出入库客户名称</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="7">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="transcar">
                                    <el-input v-model="addForm.transcar" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">运输车辆信息</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="ietype">
                                    <div class="my-text-area">
                                        <div class="el-input-group__prepend prepand">出入库类型</div>
                                        <el-select v-model="addForm.ietype" placeholder="出入库类型" size="mini" style="width: 210px">
                                            <el-option label="出入库类型-进" value="I"></el-option>
                                            <el-option label="出入库类型-出" value="E"></el-option>
                                        </el-select>
                                    </div>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <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="mini" style="width: 210px">
                                            <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="7">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="custel">
                                    <el-input v-model="addForm.custel" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">出入库客户联系电话</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="10">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="customer">
                                    <el-input v-model="addForm.customer" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">出入库客户联系人姓名</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form>
                    <div slot="footer" class="dialog-footer">
                        <el-button @click="apply_dialog.addDialog = false" size="small">取 消</el-button>
                        <el-button type="primary" @click="dialogApply==='create'?add():edit()" size="small">提 交</el-button>
                    </div>
                </el-dialog>
            </el-row>
<!--            //查看货物明细-->
            <el-row>
                <el-dialog :title="detaMap" :visible.sync="detaDialog" width="70%" >
                    <el-form  :model="detaForm"  :rules="detaRules" ref="detaForm" style="margin-top: 40px;padding-bottom: 30px">
                        <el-row>
                            <el-col :span="7">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="dest4">
                                    <el-input disabled v-model="detaForm.dest4" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">代理人名称</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="shpcomid">
                                    <el-input disabled v-model="detaForm.shpcomid" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">代理人代码</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="optime">
                                    <el-input disabled v-model="detaForm.optime" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">入库时间</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="7">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="pcs">
                                    <el-input disabled v-model="detaForm.pcs" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">件&emsp;&emsp;&emsp;数</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="weight">
                                    <el-input disabled v-model="detaForm.weight" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">重&emsp;&emsp;&emsp;量</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="feewt">
                                    <el-input disabled v-model="detaForm.feewt" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">计费重量</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="7">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="pack">
                                    <el-input disabled v-model="detaForm.pack" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">包&emsp;&emsp;&emsp;装</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="meas">
                                    <el-input disabled v-model="detaForm.meas" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">尺&emsp;&emsp;&emsp;寸</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="" :label-width="formLabelWidth"  prop="area">
                                    <el-input disabled v-model="detaForm.vol" autocomplete="off" size="small" style="width: 300px">
                                        <template slot="prepend">体&emsp;&emsp;积</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form>
                </el-dialog>
            </el-row>
        </el-card>
    </el-row>
</template>

<script>
    import {
        selectNewInventroys,
        delInventroy,
        addInventory,
        ediInventroy, selectBylocationno,selectBywaybillandFhl,ediNewInventroyByfhl,ediNewInventroyBywaybill,
    } from '../../api/consigner/station';
    import jsutil from "@/common/js/util";
    import {loginedUserInfo} from "../../api/user";

    export default {
        //name: "inventroy",
        props:['parentLoId'],
        data() {
            return {
                pickerOptions: {
                    shortcuts: [{
                        text: '最近一周',
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
                            picker.$emit('pick', [start, end]);
                        }
                    }, {
                        text: '最近一个月',
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
                            picker.$emit('pick', [start, end]);
                        }
                    }, {
                        text: '最近三个月',
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
                            picker.$emit('pick', [start, end]);
                        }
                    }]
                },

                queryInfo: {
                    waybill:'',
                    billfhl:'',
                    locationno:'',
                    // 当前页数
                    pageNum: 1,
                    // 每页大小
                    pageSize: 10,
                    starttime:'',
                    endtime:'',
                },
                creattime:'',
                total: 0,
                pcsSum:'',
                weightSum:'',
                tableData:[],
                //新增编辑
                dialogMap: {
                    update: '编辑',
                    create: '新增'
                },
                dialogApply: 'create',
                apply_dialog: {
                    // 添加对话框
                    addDialog: false,
                    // 编辑对话框
                    editDialog: false
                },
                addForm: {
                    area: '',
                    billweight: '',
                    custel: '',
                    customer: '',
                    customername: '',
                    goodstype: '',
                    house:'',
                    ietype:'',
                    locationno:'',
                    opter:'',
                    opttime: '',
                    pcs: '',
                    serialnumber: '',
                    station: '',
                    status: '',
                    transcar: '',
                    transtype:'',
                    vol:'',
                    goodno:'',
                    weight:'',
                    remark:'',
                    remark1:'',
                    remark2:'',
                    remark3:'',
                    remark4:'',
                    remark5:'',
                    newwaybill:'',
                    newfhl:''
                },
                rules: {
                    userName: [
                        //     { required: true, message: '请输入申请人', trigger: 'blur' },
                        //     // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
                        // ],
                        // applyTime: [
                        //     {  required: true, message: '请选择时间', trigger: 'change' }
                        // ],
                        // needCount: [
                        //     { required: true, message: '请输入需要车辆数量', trigger: 'blur' },
                        // ],
                        // orginStation: [
                        //     { required: true, message: '请输入起始场站', trigger: 'blur' },
                        // ],
                        // endStation: [
                        //     { required: true, message: '请输入目的场站', trigger: 'blur' },
                        // ],
                    ],
                },
                //货物明细
                detaDialog: false,
                detaMap:'货物明细',
                detaForm:{
                    dest4: '',
                    shpcomid: '',
                    optime:'',
                    pcs: '',
                    weight: '',
                    feewt: '',
                    vol:'',
                    pack: '',
                    meas:'',
                    billid: '',
                    stocktypeid: '',
                    stockpre:'',
                    stockno: '',
                    productid: '',
                    carrierproductid: '',
                    delflag:'',
                    previousbillid: '',
                    domint:'',
                    customctl: '',
                    specopeid: '',
                    specopeidext:'',
                    sairportid: '',
                    scityid: '',
                    eairportid: '',
                    ecityid:'',
                    by1: '',
                    dest1:'',
                    dest1city: '',
                    by2: '',
                    dest2:'',
                    dest2city: '',
                    by3: '',
                    dest3: '',
                    dest3city:'',
                    by4: '',
                    cargono:'',
                    cargonm: '',
                    ctrlopedepartment: '',
                    shprname:'',
                    shprmobiletype: '',
                    shprtel: '',
                    shpraddress: '',
                    shprcountyr:'',
                    shpaeocode:'',
                    shpcustomerid: '',
                    cnsnname: '',
                    cnsrmobiletype:'',
                    cnsntel: '',
                    cnsnaddress: '',
                    cnscountyr: '',
                    cnscomid:'',
                    cnsaeocode: '',
                    cnsrctcname:'',
                    cnsrctctel:'',
                    csgcustomerid: '',
                    collected: '',
                    exchagerate:'',
                    comat: '',
                    refrigerated: '',
                    whshold: '',
                    expcusttransit:'',
                    impcusttransit: '',
                    shorttrans:'',
                    shorttransbup: '',
                    cargoowner: '',
                    chargetime:'',
                    isinstruction: '',
                    notify: '',
                    fileattached: '',
                    ratetype:'',
                    processingmethod: '',
                    handlingcircs:'',
                    reservedtonnage:'',
                },
                formLabelWidth: '80px',
                detaRules:{},
                //更改分单号
                fhlDialog: false,
                detaFhl:'更改分单号',
                fhlForm:{
                    billfhl:'',
                },
                fhlRules:{},
                //更改主单号
                /* 批量选中的列表 */
                sels: [],
                fwbDialog: false,
                detaFwb:'更改主单号',
                fwbForm:{
                    waybill:'',
                },
                fwbRules:{},
            }
        },
        computed:{
            //选中的时间段
            searchTime: {
                get:function () {
                    return this.creattime
                },
                set:function (val) {
                    this.creattime = val
                    if (val && val.length===2){
                        this.queryInfo.starttime = val[0]
                        this.queryInfo.endtime = val[1]
                    }
                }
            },
        },
        methods: {
            //获取所属库位
            // getLo:function(query){
            //     this.locationnos=[];
            //     this.loading = true;
            //     selectBylocationno({locationno:query}).then(res =>{
            //         if (res !== '') {
            //             setTimeout(() => {
            //                 this.locationnos=res.data.data;
            //             }, 200);
            //         } else {
            //             this.locationnos = [];
            //         }
            //     }).finally(() =>{
            //         this.loading = false;
            //     });
            // },
            //查询货物明细
            //打开更改主单号
            selsChange: function (sels) {
                this.sels = sels;
            },
            changeFwb() {
                this.fwbDialog = true;
                // this.addForm=row;
            },
            fwbEdit() {
                this.$confirm('是否更改?',  {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }
                ).then(() => {
                    for(var i=0;i<this.sels.length;i++){
                        this.sels[i]['newwaybill']=this.fwbForm.waybill;
                    }
                    // console.log(this.sels)
                    ediNewInventroyBywaybill(this.sels).then(response => {
                        const res = response.data
                        if (res.code !== '200') {
                            return this.$message.error(res.msg)
                        }
                        this.$message.success(res.msg)
                        this.fwbDialog = false
                        this.getList()
                    }).catch(error => {
                        this.$message.error(error.toString())
                    })
                }).catch(() => {
                })
            },
            //打开更改分单号
            changeFhl(row) {
                this.fhlDialog = true;
                this.addForm=row;
            },
            fhlEdit() {
                const _this=this;
                // 进行表单的预验证
                _this.$refs.fhlForm.validate(valid => {
                    // 未通过，表单预校验
                    if (!valid) return
                    this.addForm.newfhl=this.fhlForm.billfhl;
                    ediNewInventroyByfhl(this.addForm).then((response) => {
                        // console.log(row)
                        const res = response.data
                        // console.log(res)
                        if (res.code != '200') {
                            return this.$message.error(res.msg)
                        }
                        this.$message.success(res.msg)
                        // 隐藏对话框
                        this.fhlDialog = false
                        // 刷新列表
                        this.getList()
                    }).catch(error => {
                        this.$message.error(error.toString())

                    })
                })
            },
            //查询货物明细
            queryDeta(row) {
                const _this = this
                this.detaDialog = true;
                // console.log(row);
                selectBywaybillandFhl({waybill:row.waybill,billfhl:row.billfhl}).then((response) => {
                    const res = response.data
                    // console.log(response.data)
                    if (res.code !== '200') {
                        return _this.$message.error('获取货物明细，失败！')
                    }
                    // 获取表单数据
                    _this.detaForm = res.data
                    _this.$message.success('获取货物明细，成功！')
                }).catch(error => {
                    // 关闭加载
                    _this.$message.error(error.toString())
                })
            },
            handleSizeChange(val) {
                this.queryInfo.pageSize = val
                this.getList()
            },
            handleCurrentChange(val) {
                this.queryInfo.pageNum = val
                this.getList()
            },
            getList() {
                const _this = this
                let ld = this.$loading({
                    text:"获取数据中..."
                })
                selectNewInventroys(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.pcsSum = res.data.pcsSum
                    _this.weightSum  = res.data.weightSum
                    _this.$message.success('获取消息收发记录，成功！')
                }).catch(error => {
                    // 关闭加载
                    _this.$message.error(error.toString())
                }).finally(()=>{
                    ld.close()
                })
            },
            // 添加对话框，打开事件
            applyAdd() {
                this.addForm = {
                    area: '',
                    billweight: '',
                    custel: '',
                    customer: '',
                    customername: '',
                    goodstype: '',
                    house:'',
                    ietype:'',
                    location:'',
                    opter:'',
                    opttime: '',
                    pcs: '',
                    serialnumber: '',
                    station: '',
                    status: '',
                    transcar: '',
                    transtype:'',
                    vol:'',
                    waybill:'',
                    weight:'',
                    remark:'',
                    remark1:'',
                    remark2:'',
                    remark3:'',
                    remark4:'',
                    remark5:'',
                    uuid:''
                };
                this.dialogApply= 'create';
                this.apply_dialog.addDialog = true;
            },
            // 添加功能
            add() {
                this.$refs.addForm.validate(valid => {
                    // 未通过，表单预校验
                    if (!valid) return;
                    addInventory(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.addForm=row;
            },
            // 编辑功能
            edit() {
                // 进行表单的预验证
                this.$refs.addForm.validate(valid => {
                    // 未通过，表单预校验
                    if (!valid) return
                    ediInventroy(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);
                    delInventroy({uuid:row.uuid}).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() {
            if (jsutil.checkNull(this.parentLoId)){
                this.queryInfo.locationno = this.parentLoId;
            }
            this.getList();
            // this.getYardList();

        },
        watch: {
            parentLoId(value) {
                if (jsutil.checkNull(this.parentLoId)){
                    this.queryInfo.locationno = this.parentLoId;
                }
                this.getList();
            }
        }

    }
</script>

<style scoped>
    .toolbar{
        height: 60px;
        background-color: white;
        /*line-height: 60px;*/
        vertical-align: middle;
        border-radius: 5px 5px 5px 5px;
        padding: 15px 0 0 20px;
        box-shadow: 0px 5px 5px #e5e8eb;
    }
    .my-text-area .prepand{
        float: left;
        width:89px;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
    }
</style>
<style>
    .my-text-area .el-textarea__inner{
        min-height: 28px;
        height: 28px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
</style>