<template>
    <div>
        <!--  新增采购计划  -->
        <div class="container resource close-left-menu" style="min-height: 491px;">
            <div class="pop-banner clearfix">
                <div class="operate-btns">
                    <a class="fbtn fb-submit ml-10" @click='submit'>提交</a>
                </div>
                <h3 class="current-module">库房出库</h3>
            </div>

            <!--  选择商品   -->
            <div class="purchase-add-plan">
                <div class="fpart pd-form pd-form-lg-label">
                    <div class="fheader">
                        <h4 class="fh-notes">出库基本信息</h4>
                    </div>
                    <div class="group-row">
                        <div class="form-group form-label">
                            <label for="cc6" class="label">单据单号</label>
                            <div class="control input-has-txt">
                                <input class="inp4" type="text" id="cc6" v-model="trmedplan.billno" readonly="true">
                                <!-- filed1 -->
                            </div>
                        </div>
                        <!-- <div class="form-group form-label">
                          <label for="cc16" class="label">申领科室</label>
                          <div class="control">
                            <select id="cc16" class="inp4" v-model="trmedplan.meddeptguid">
                                <option v-for='item in officeList' :value="item.value">{{item.label}}</option>
                             </select>
                          </div>
                        </div> -->
                        <div class="form-group form-label">
                            <label for="cc2" class="label">出库库房</label>
                            <div class="control select-style">
                                <select id="cc2" class="inp4" v-model="trmedplan.depotguid">
                                    <option v-for='item in storageList' :value="item.value">{{item.label}}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="group-row">
                        <div class="form-group must form-label">
                            <label for="cc1" class="label">出库日期</label>
                            <div class="control">
                                <datepicker :target.sync="trmedplan.applydate | getYMD" id='cc1' placeholder='出库日期' title='出库日期' inpclass='inp4'></datepicker>
                            </div>
                        </div>
                        <div class="form-group must form-label">
                            <div class="control control-hint" >
                                <input type="text" id="cn1" maxlength="10" v-rule v-model="trmedplan.deptname" @click='onStateGoods'  title='申领科室' placeholder="申领科室"  v-on:blur="blur">
                                <ul class="hint-list" v-show="stategoods" v-on:mouseover="over=1" v-on:mouseout="over=0" style="overflow-y: auto;max-height: 400px;">
                                    <li v-for="ite in depList" @click="selectSupplier(ite)"><span>{{ite.hdeptname}}</span></li>
                                    <li v-if="depList.length == 0"><span>暂无数据!</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="group-row">
                        <div class="form-group form-label">
                            <label for="cc5" class="label">申领人</label>
                            <div class="control">
                                <select id="cc5" v-model="trmedplan.staffguid" class="inp3">
                                    <option v-for='item in staffList' :value="item.guid">{{item.director}}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group form-label">
                        <label for="cc6" class="label">备注</label>
                        <div class="control input-has-txt">
                            <input class="inp2" type="text" id="cc6" v-model="trmedplan.memo">
                            <!-- filed1 -->
                        </div>
                    </div>
                </div>
                <div class="fpart">
                    <div class="fheader">
                        <h4 class="fh-good">商品列表</h4>
                    </div>
                    <form class="search-bar" active="###">
                        <input type="text" style="width: 410px;" maxlength="50" v-rule placeholder="输入商品名称、编码、厂商、注册证号、供应商模糊搜索" v-model="goodsinfo">
                        <div class="search-btn">
                            <input type="button" @click="searchGood">
                        </div>
                        <a href="javascript:void(0);" class="btn button-green icon add fr" @click="addMfmedgoods">添 加</a>

                    </form>
                    <div style="width: 1000px; height: 280px;overflow-x: scroll;padding-top:0px;" id="content-1" class="content" v-if='mfmedgoodsList.length>0'>
                        <ul class="select-product clearfix mt-20" id="view" :style='{"width":mfmedgoodsList.length*313+"px"}'>
                            <li v-for="(index, mfmedgoods) in mfmedgoodsList" style='width:300px; margin-bottom: 0px;' v-if="mfmedgoods.qty && mfmedgoods.qty !='0'">
                                <div v-bind:class="{'product-item active clearfix' : mfmedgoods.checked, 'product-item clearfix' :!mfmedgoods.checked}">
                                    <div class="product-item-l">
                                        <div class="pro-pic pro-pic-lg" v-if="mfmedgoods.pictcontent != null && mfmedgoods.pictcontent != undefined && mfmedgoods.pictcontent != ''">
                                            <imagebox v-bind:imgarr="mfmedgoods.pictcontent | original">
                                                <img class="pro-pic pro-pic-lg" style="margin-top:0px;" :src="mfmedgoods.pictcontent | thumbnail">
                                                <span class="pic-max blue-search">
                        </span>
                                            </imagebox>
                                        </div>
                                        <div v-else>
                                            <img class="pro-pic pro-pic-lg" src="/images/default.jpg">
                                        </div>
                                        <div class="checkbox-control">
                                            <input type="checkbox" name="cb" id="cball{{$index}}" v-model="mfmedgoods.checked">
                                            <label class="checkbox" for="cball{{$index}}">选择</label>
                                        </div>
                                    </div>
                                    <div class="product-item-r" style='height: 150px;'> {{ mfmedgoods.goodscode }}
                                        <p>
                                            <span class="product-tit">{{ mfmedgoods.goodsname }}</span>
                                        </p>
                                        <p> {{ mfmedgoods.goodsspec }}</p>
                                        <p> {{ mfmedgoods.lot }}</p>
                                        <p> {{ mfmedgoods.batchno }}</p>
                                        <p> {{ mfmedgoods.expiredate | getYMD }}</p>
                                        <p>{{ mfmedgoods.producer }}</p>
                                        <p class="ellipsis-sty"><a :title=" mfmedgoods.registkey " style="cursor: default;">{{ mfmedgoods.registkey }}</a></p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="pap-table-tit" v-if="mfmedgoodsTempList.length > 0">已选商品列表</div>
                <table class="itable itable-bordertop itable-td-long-text m-20-0" v-if="mfmedgoodsTempList.length > 0">
                    <thead>
                    <tr>
                        <th class="w50">序号</th>
                        <th class="w150 t-left">商品</th>
                        <th class="w80">单价(元)</th>
                        <th class="w80">单位</th>
                        <th class="w80">库存数</th>
                        <th class="w80">出库数</th>
                        <th class="w80">金额(元)</th>
                        <th class="w100">批号效期</th>
                        <th class="w100">批次号</th>
                        <th class="w100">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="item in  mfmedgoodsTempList" track-by="$index">
                        <td>{{ $index + 1}}</td>
                        <td class="t-left pr10">{{item.goodscode}}<br><span class="text-color-blue">{{item.goodsname}}</span><br>{{item.goodsspec}}<br>{{item.producer}}<br>{{item.registkey}}</td>
                        <td class="t-right">{{item.taxprice | numDigit 2 | numFmt}}</td>
                        <td>{{item.unit}}</td>
                        <td>{{item.qty}}</td>
                        <td>
                            <input type="text" class="edit-number" v-model="item.ckqty" @change="checknum(item,item.ckqty,item.qty, $index)">
                        </td>
                        <td>{{item.taxprice * item.ckqty | numDigit 2 | numFmt}}</td>
                        <td class="t-left pr5">{{item.lot}}<br>{{item.expiredate | getYMD}}</td>
                        <td class="t-left">{{item.batchno}}</td>
                        <td>
                            <a href="javascript:void(0)" class="btn button-red" @click="remove($index)">删除</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div class="modal" v-if='modelFlag'>
                <div class="container resource">
                    <div class="audit-detail" style="margin:200px auto;">
                        <!--             <span class="close-win" @click='close'></span> -->
                        <div class="fheader no-bottom" style="margin-left:100px;">
                            <h4 class="fh-book no-icon">出库单【{{billno}}】已提交成功！</h4>
                        </div>
                        <div class="pd-form">
                            <a href="javascript:void(0);" class="button-green btn"  style='margin:30px 0 0 260px;' @click='init'>确定</a>
                        </div>
                    </div>
                </div>
            </div>

            <!--新加提示信息 end-->

            <!--新加提示信息 end-->
            <div class="roll-bg" v-show='requestS'>
                <div class="w60" style="margin:0 auto;">
                    <img src="/images/roll.gif">
                </div>
                <div class="container resource t-center text-color-red">
                    正在处理中，请勿关闭！
                </div>
            </div>

            <!-- 输入入库数验证提示start-->
            <div class="modal" v-if="confirm.flag">
                <div class="container resource">
                    <div class="audit-detail" style="width:300px; margin:345px auto; min-height: 150px; border:0; padding: 15px 0 0px; border-radius: 2px;">
                        <div class="sdiv-9-9b t-center text-color-gray f-size18" style="margin-left: 0; margin-right: 0;padding-bottom:0 ">
                            提示
                        </div>
                        <div class="sdiv-9-9b t-center text-color-gray f-size16" style="margin-left: 0; margin-right: 0; padding-bottom: 0; height: 60px; line-height: 60px;">
                            {{confirm.warntext}}
                        </div>
                        <a v-on:click="confirmSure">
                            <div class="t-center text-color-gray f-size16" style="margin-left: 0; margin-right: 0; padding-bottom: 0; height: 50px; line-height: 50px; cursor: pointer;">确定</div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 输入入库数验证提示end-->
        </div>

    </div>
</template>
<style type="text/css">
    .filed1::-ms-input-placeholder {
        text-align: right;
    }

    .filed1::-webkit-input-placeholder {
        text-align: right;
    }
</style>
<script>
    module.exports = {

        data: function () {
            return {
                requestS:false,
                storename:'',
                billno:'',
                modelFlag:false,
                HospitalDeptApplyVO:{
                    trmeddeptapply:{},
                    trmeddeptapplydetailList:{}
                },
                storageList:[],
                officeList:[],
                trmedplan:{
                    billno:'',
                    applydate:'',
                    meddeptguid:'',
                    deptguid:'',
                    deptname:'',
                    depotguid:'',
                    operaterguid:'',
                    operatername:'',
                },
                staffList:[],
                haveSavedstr: '',
                divbgShow: false,
                // 导入之后信息提示
                backMessage: {
                    showDialog: 'N',
                    mList: [], // 提示信息
                },
                suppliernames: {
                    EQ_medguid: '',
                    LIKE_entrpname: '',
                },
                openDialogFlg: false,
                externalFlg: false,
                mfmedgoodsList: [], //商品列表
                addSign: [], // 添加商品标识
                mfmedgoodsTempList: [], // 添加采购计划明细临时列表
                supplierBillInfoList: [],
                trcollectionmedplan: [],
                listTrcollectionmedplan: [],
                findTptrmedPlanDetailList: [],
                trmedplandetailLists: [],
                listTrcollectionmedplandetail: [],
                listMfmedgoods: [],
                activeTemp: [],
                //供应商总计
                getSumMsgList: [],
                // 判定是否是收藏模板生成的采购订单
                collectionCreateFlg: false,
                // 分享人
                medStaff: [],
                staffTemp: [],
                imgarr: [],
                mfmedgoods: {
                    goodsguid: '',
                    poqty: '',
                },
                sums: {
                    guid: '',
                    taxprice: '',
                    poqty: '',
                    suppliername: '',
                },
                suppliers: {
                    guid: '',
                    suppliername: '',
                },
                getsumlist: {
                    sumCount: '',
                    sumSupplier: '',
                    sumMoney: '',
                },
                billtypeList: [],
                //商品检索条件
                search: {
                    pageSize: 51, //每页数量
                    pageNo: 1, //当前页
                    totalPages: 0, //分页数
                    total: 0, //数据总量
                    store: '', //库房
                    billtype: '', //单据类型
                    storeguid:''
                },
                goodsinfo:'',
                //采购计划自定义复合对象
                trmedplan: {},
                trmedplandetailList: [],
                departmentsList: [],
                storeList: [],
                departmentsSearch: {
                    parameter_category: '',
                    parameter_medguid: '',
                },
                trmedplanAndTrmedplandetailVO: {
                    trmedplan: {
                        billno: '',
                        guid: '',
                    },
                    trmedplandetailList: [],
                    findTptrmedPlanDetailList: [],
                },
                parameter: {
                    goodsGuid: '',
                    supplierName: ''
                },
                suppliers: {
                    guid: '',
                    supplierguid: '',
                    suppliername: '',
                },
                supplierNameList: [],
                supplierGuids: [],
                billno: '',
                medListPrice: [],
                depList:'',
                stategoods:false,
                over:0,
                confirm:{
                    flag:false,
                    warntext:"",
                    item:{}
                },
                noSubmit:false,//限制重复提交
            };
        },
        methods: {
            blur:function(){
                if(this.over==false){
                    this.stategoods=false;
                }
            },
            onStateGoods:function(){
                var self = this;
                self.getDeptList(true);
                self.stategoods =true;
            },
            // 导出查询的数据结果出来
            selectSupplier:function(data){
                var self = this;
                self.trmedplan.meddeptguid = data.guid;
                self.trmedplan.deptname = data.hdeptname;
                self.stategoods =false;
                self.staff(self.trmedplan.meddeptguid);
            },
            getDeptList: function (flag) {
                var self = this;
                // if(!self.trmedplan.depotguid){
                //   self.MessageBox({ title: '提示',message:'请选择库房',type: 'alert'});
                //   return;
                // }
                // ,'storeguid':self.trmedplan.depotguid
                var params = {'deptname':self.trmedplan.deptname};
                if(flag){
                    params = {'deptname':''};
                }

                Ajax.post('/billType/getDeptsList',params)
                    .then(function (response){
                        var data = response.data.data;
                        if(response.data.errorCode==0){
                            self.$set('depList',data);
                        }
                    })
            },
            // 查询出库基本信息
            getData: function () {
                var self = this;
                // Ajax.get('/hospitalTrmedplan/listTrcollectionmedplandetail/' + guid)
                //   .then(function (response) {
                //     var data = response.data.data;
                //     self.$set('listTrcollectionmedplandetail', data);
                // 库房查询
                self.depart(1);
                // 科室查询
                // self.depart(2);
                // })
            },
            // 单号
            store:function(){
                var self = this;
                Ajax.post('/billType/storeDirectDo')
                    .then(function(response){
                        var res = response.data.data;
                        if(response.data.errorCode==0){
                            self.$set('trmedplan',Object.assign( {},self.trmedplan, { 'applydate': res.applydate}));
                            self.$set('trmedplan',Object.assign( {},self.trmedplan, { 'billno': res.billno}));
                            // self.trmedplan.applydate=res.applydate;
                            // self.trmedplan.billno=res.billno;
                            // self.$set('trmedplan',self.trmedplan)
                        }
                    })
            },
            // 查询申领人员
            staff:function(guid){
                var self = this;
                Ajax.post('/billType/getSalesmanByDepartment',{deptguid:guid})
                    .then(function(response){
                        var res = response.data.data;
                        if(response.data.errorCode==0){
                            self.staffList=res;
                            if(self.staffList != null && self.staffList != ''){
                                self.$set('trmedplan',Object.assign( {},self.trmedplan, { 'staffguid': self.staffList[0].guid}));
                            }
                        }
                    })
            },
            // 科室、库房查询
            depart:function(state){
                var self = this;
                self.departmentsSearch.parameter_category=state;
                Ajax.get('/util/departmentsInfo',self.departmentsSearch)
                    .then(function (response){
                        var data = response.data.data;
                        if(response.data.errorCode==0){
                            if(state==1){
                                self.$set('storageList',response.data.data);
                                self.$set('trmedplan',Object.assign( {},self.trmedplan, { 'depotguid': self.storageList[0].value}));
                            }else{
                                self.$set('officeList',response.data.data);
                                self.$set('trmedplan',Object.assign( {},self.trmedplan, { 'meddeptguid': self.officeList[0].value}))
                            }
                        }
                    })
            },
            down: function () {
                var divheight = document.getElementById("view").offsetHeight;
                $('html,body').animate({
                    scrollTop: divheight + 800
                }, 1000)
            },
            // 科室下拉表
            getDepartments: function () {
                var self = this;
                self.departmentsSearch.parameter_category = '2';
                Ajax.get('/util/departmentsInfo', self.departmentsSearch)
                    .then(function (response) {
                        var data = response.data.data;
                        self.$set("departmentsList", data);
                    })
            },
            // 库房下拉表
            getStore: function () {
                var self = this;
                self.departmentsSearch.parameter_category = '1';
                Ajax.get('/util/departmentsInfo', self.departmentsSearch)
                    .then(function (response) {
                        var data = response.data.data;
                        self.$set("storeList", data);
                    })
            },
            // 搜索商品
            searchGood: function () {
                var self = this;
                // self.mfmedgoodsTempList=[];
                if(!self.trmedplan.depotguid){
                    self.MessageBox({ title: '提示',message:'请选择库房',type: 'alert'});
                    return;
                }
                self.search.storeguid = self.trmedplan.depotguid;
                self.search.goodsinfo = self.goodsinfo;
                Ajax.post('/billtype/findStockGoodsDetailByStore', self.search)
                    .then(function (response) {
                        var res = response.data.data;
                        if (response.data.errorCode == 0) {
                            for(var a=0;a<res.length;a++){
                                res[a].ckqty =0;
                            }
                            self.$set('mfmedgoodsList', res);
                        } else {
                            self.MessageBox({ title: '提示',message: response.data.message,type: 'alert'});
                        }
                    })
            },
            // 添加商品
            addMfmedgoods: function () {
                var self = this;

                for (var i = 0; i < self.mfmedgoodsList.length; i++) {
                    if (self.mfmedgoodsList[i].checked) {
                        if(self.mfmedgoodsTempList.length==0){
                            self.mfmedgoodsTempList.push(self.mfmedgoodsList[i]);
                        }else{
                            var state=false;
                            // 判断是否重复
                            for(var a=0;a<self.mfmedgoodsTempList.length;a++){

                                if(self.mfmedgoodsTempList[a].guid == self.mfmedgoodsList[i].guid && self.mfmedgoodsTempList[a].batchguid == self.mfmedgoodsList[i].batchguid){
                                    state=true;
                                }
                            }
                            if(!state){
                                self.mfmedgoodsTempList.push(self.mfmedgoodsList[i]);
                            }
                        }
                        // self.mfmedgoodsTempList.push(self.mfmedgoodsList[i]);
                    }
                }
                self.down();
            },
            // 商品删除
            remove: function (index) {
                this.mfmedgoodsTempList.splice(index, 1);
            },
            submit:function(){
                var self = this;
                var VO=self.HospitalDeptApplyVO;
                if(!self.trmedplan.applydate){
                    self.MessageBox({ title: '提示',message: '出库日期必填！',type: 'alert'});
                    return;
                }
                self.trmedplan.operaterguid = self.trmedplan.staffguid;
                for (var i = 0; i < self.staffList.length; i++) {
                    if(self.trmedplan.operaterguid == self.staffList[i].guid){
                        self.trmedplan.operatername = self.staffList[i].director;
                    }
                }
                VO.trmeddeptapply=self.trmedplan;
                VO.trmeddeptapplydetailList=self.mfmedgoodsTempList;

                if(self.mfmedgoodsTempList.length==0){
                    self.MessageBox({ title: '提示',message: '请选择至少一条商品',type: 'alert'});
                    return;
                }
                for(var a=0;a<self.mfmedgoodsTempList.length;a++){
                    if(self.mfmedgoodsTempList[a].ckqty<=0 || !self.mfmedgoodsTempList[a].ckqty){
                        self.MessageBox({ title: '提示',message: '请输入大于0的出库数',type: 'alert'});
                        return;
                    }
                }
                if(self.trmedplan.meddeptguid == '' && self.trmedplan.deptname == '' || self.trmedplan.meddeptguid == null && self.trmedplan.deptname == null){
                    self.MessageBox({ title: '提示',message: '请选择科室',type: 'alert'});
                    return;
                }
                VO.trmeddeptapply.depotguid=self.trmedplan.depotguid;
                VO.trmeddeptapply.meddeptguid=self.trmedplan.meddeptguid;
                VO.trmeddeptapply.meddeptname=self.trmedplan.deptname;

                self.requestS = true;
                if(self.noSubmit){
                    return;
                }
                self.noSubmit = true;
                Ajax.post('/billtype/commitDeptApplyDo',VO)
                    .then(function(response){
                        var data=response.data;
                        self.noSubmit = false;
                        self.requestS = false;
                        if(data.errorCode==0){
                            self.billno = data.data.ckbillno;
                            self.modelFlag=true;
                        }else {
                            self.MessageBox({ title: '提示',message: response.data.message,type: 'alert'});
                        }
                    })

            },
            init:function(){
                var self = this;

                self.billno='';
                self.storename='';
                self.modelFlag=false;
                self.$set('trmedplan',{});
                self.$set('mfmedgoodsList',[]);
                self.$set('mfmedgoodsTempList',[]);
                self.HospitalDeptApplyVO.HospitalDeptApplyVO={};
                self.HospitalDeptApplyVO.trmeddeptapply={};
                self.$set('HospitalDeptApplyVO',{});

                self.$router.go({ 'path': '/pickingConfirm' });
            },
            // 获得商品信息 立继武
            getSDDS: function () {
                var self = this;
                Ajax.get('/hospitalTrmedplan/findTptrmedPlanDetailList', this.search1)
                    .then(function (response) {
                        var data = response.data.data;
                        if (response.data.errorCode == 0) {
                            self.$set("findTptrmedPlanDetailList", data.list);
                            self.search1.totalPages = data.totalPages;
                            self.search1.total = data.total;
                            self.activeTemp = [];
                        } else {
                            self.MessageBox({
                                title: '警告',
                                message: response.data.message,
                                type: 'alert'
                            }, function (action) {});
                        }
                    });
                self.getDepartments();
                self.getStore();
                self.getSDDSZJ();
                self.getSumMsgLists();
            },
            // 获得商品信息总计 立继武
            getSDDSZJ: function () {
                var self = this;
                Ajax.get('/hospitalTrmedplan/getSumMsg', this.getsumlist)
                    .then(function (response) {
                        var data = response.data.data;
                        if (response.data.errorCode == 0) {
                            self.getsumlist.sumCount = data.sumCount;
                            self.getsumlist.sumSupplier = data.sumSupplier;
                            self.getsumlist.sumMoney = data.sumMoney;
                        } else {
                            self.MessageBox({
                                title: '警告',
                                message: response.data.message,
                                type: 'alert'
                            }, function (action) {});
                        }
                    });
            },
            // 获得供应商信息总计 立继武
            getSumMsgLists: function () {
                var self = this;
                Ajax.get('/hospitalTrmedplan/getSumMsgList')
                    .then(function (response) {
                        var data = response.data.data;
                        if (response.data.errorCode == 0) {
                            self.$set('getSumMsgList', data);
                        } else {
                            self.MessageBox({
                                title: '警告',
                                message: response.data.message,
                                type: 'alert'
                            }, function (action) {});
                        }
                    });
            },
            // 关闭信息提示弹出框
            closeDialog: function () {
                var self = this;
                this.$set('backMessage.showDialog', 'N');
                this.$set('backMessage.mList', []);
                self.sh = true;
                self.sh1 = true;
                self.divbgShow = false;
            },
            confirmSure:function(){
                var self = this;
                self.$set("confirm.flag",false);
                self.$set("confirm.item.ckqty",0)
            },
            // 验证出库数
            checknum: function (item,ckqty,qty,index) {
                var self = this,test = false;
                self.$set("confirm.item",item);
                if(!isNaN(ckqty)){//是数字
                    var tax = parseFloat(ckqty);
                    var reg = /^[1-9]\d*$/;//非负整数，入库数和拒收数
                    test = reg.test(tax);
                }
                if(!test || ckqty-0 > qty-0) {
                    self.$set("confirm.warntext","请输入大于0小于等于库存数的整数！");
                    self.$set("confirm.flag",true);
                }
            },
        },
        route: {
            activate: function () {
                this.$set('trmedplan',{});
                this.mfmedgoodsList=[];
                this.mfmedgoodsTempList = [];
                this.store();
                this.getData();
            }
        },
        watch:{
            mfmedgoodsList:function(){
                $(window).on("load",function(){
                    var amount=Math.max.apply(Math,$("#content-1 ul").map(function(){return $(this).outerWidth(true);}).get());
                    $("#content-1").mCustomScrollbar({
                        axis:"x",
                        theme:"inset",
                        advanced:{
                            autoExpandHorizontalScroll:true
                        },
                        scrollButtons:{
                            enable:true,
                            scrollType:"stepped",
                        },
                        keyboard:{scrollType:"stepped"},
                        // snapAmount:amount,
                        mouseWheel:{scrollAmount:amount},
                        advanced:{autoExpandHorizontalScroll:true}
                    });
                });
            },
            'trmedplan.depotguid': function (val) {
                var self = this;
                self.mfmedgoodsList = [];
                self.mfmedgoodsTempList = [];
            },
            'trmedplan.deptname':function(){
                var self = this;
                self.getDeptList();
                if(self.trmedplan.deptname == null || self.trmedplan.deptname == ''){
                    self.trmedplan.meddeptguid = '';
                }
            },
            // 'trmedplan.meddeptguid': function (val) {
            //   var self = this;
            //   self.trmedplan.staffguid='';
            //   self.staff();
            // },
        }

    };
</script>