Inventory-adjustment-detail1.vue 7.32 KB
<template>
    <div>
        <div class="container resource close-left-menu">
            <div class="pop-banner clearfix">
                <h3 class="current-module">库存调整</h3>
            </div>
            <div class="purchase-add-plan">
                <div class="fpart pd-form">
                    <div class="group-row group-row-2">
                        <div class="form-group form-label">
                            <label for="cn1" class="label">单据单号</label>
                            <div class="control">
                                <input type="text" id="cn1" v-model="trmedplan.billno" readonly="readonly" class="inp4">
                            </div>
                        </div>
                        <div class="form-group form-label">
                            <label for="cn3" class="label">执行状态</label>
                            <div class="control">
                                <input type="text" id="cn3" :value="trmedplan.billstate | inventory" readonly="readonly" class="inp4">
                            </div>
                        </div>
                    </div>
                    <div class="group-row group-row-2">
                        <div class="form-group form-required form-label">
                            <label for="cn4" class="label">申领日期</label>
                            <div>
                                <input type="text" id="cn4" :value="trmedplan.inputdate | getYMD" readonly="readonly" class="inp4">
                            </div>
                        </div>
                    </div>
                    <div class="form-group form-label">
                        <label for="cn13" class="label">备注</label>
                        <div class="control">
                            <textarea id="cn13" v-model="trmedplan.memo" rows="1" readonly="readonly" class="inp2"></textarea>
                        </div>
                    </div>
                </div>
                <table class="itable itable-thead-13px itable-td-long-text">
                    <thead id="t_header">
                    <tr>
                        <th class="w50">序号</th>
                        <th class="w150 t-left">
                            <div class="p-lr-10">商品信息</div>
                        </th>
                        <th class="w100">注册证号</th>
                        <th class="w150">生产厂商</th>
                        <th class="w70">单位</th>
                        <th class="w70">批号</th>
                        <th class="w100">生产日期</th>
                        <th class="w100">有效期</th>
                        <th class="w100">批次号</th>
                        <th class="w100">原数量</th>
                        <th class="w100">新数量</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for='item in goodList' track-by="$index">
                        <td>
                            <div>{{$index+1}}</div>
                        </td>
                        <td class="t-left pr10">
                            {{item.goodsname}} <br>
                            {{item.goodscode}} <br>
                            {{item.goodsspec}}
                        </td>
                        <td class="t-left pr10">{{item.registkey}}</td>
                        <td class="t-left">{{item.producer}}</td>
                        <td>{{item.unit}}</td>
                        <td>{{item.lot}}</td>
                        <td>{{item.productiondate | getYMD}}</td>
                        <td>
                            <span class="text-color-yellow" v-if="sh[$index]">{{item.expiredate|getYMD}}</span>
                            <span v-else>{{item.expiredate|getYMD}}</span>
                        </td>
                        <td class="t-left">{{item.stockbatch}}</td>
                        <td>{{item.oldqty}}</td>
                        <td>{{item.newqty}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</template>
<script>
    module.exports={
        data: function(){
            return {
                search: {
                    pageSize: 50,
                    page: 1,
                    totalPages: 0,
                    total: 0,
                    search_EQ_guid: '',
                },
                trmedplan:{
                    billno:'',
                    billstate:'',
                    inputdate:'',
                    memo:'',
                },
                goodList:[],
                sh:[],
            };
        },
        methods: {
            getDataDetail: function(){
                var self = this;
                Ajax.post('/procurment/getStockCheckDetailList',{'guid':self.$route.params.guid})
                    .then(function (response){
                        var data = response.data.data;
                        if(response.data.errorCode == 0){
                            self.$set('goodList',data);
                            self.sh = [];
                            for(var a=0;a<data.length;a++){
                                self.sh.push(false);
                                var date1 = new Date();
                                var date2 = new Date(date1);
                                date2.setMonth(date1.getMonth()+6);
                                var times = date2.getFullYear()+"-"+(date2.getMonth()+1)+"-"+date2.getDate();

                                var mxListss = data[a];
                                //有效期
                                var mxLists = mxListss.expiredate;
                                var da1 = mxLists.replace(/\-/gi,"/");
                                var da2 = times.replace(/\-/gi,"/");
                                var time1 = new Date(da1).getTime();
                                var time2 = new Date(da2).getTime();
                                if(time1 <= time2){
                                    self.sh.splice(a,1,true);
                                }
                            }
                        }else{
                            self.MessageBox({ title:'提示',message:data.message,type:'alert' })
                        }
                    })
            },
            getData: function(){
                var self = this;
                Ajax.post('/procurment/getStockCheckList',{'guid':self.$route.params.guid})
                    .then(function (response){
                        var data = response.data.data;
                        if(response.data.errorCode == 0){
                            for (var i = 0; i < data.list.length; i++) {
                                self.trmedplan.billno = data.list[0].billno;
                                self.trmedplan.billstate = data.list[0].billstate;
                                self.trmedplan.inputdate = data.list[0].inputdate;
                                self.trmedplan.memo = data.list[0].memo;
                            }
                        }else{
                            self.MessageBox({ title:'提示',message:data.message,type:'alert' })
                        }
                    })
            },

        },

        route:{
            activate : function(){
                this.getDataDetail();
                this.getData();
            }
        },
    };
</script>