<template>
    <div class="container resource close-left-menu contaNEW" style="min-height: 596px;">
        <div class="pop-banner clearfix">
            <div class="operate-btns"></div>
            <h3 class="current-module">入库收货</h3>{{dual}}
        </div>
        <!-- start-->
        <div class="pd-form fast-search-form">
            <div class="group-row">
                <div class="form-group">
                    <!-- <label for="cn1" class="label">入库单号</label> -->
                    <div class="control">
                        <input type="text" id="cn1" maxlength="17" v-rule v-model="search.search_LIKE_billno" title='入库单号' placeholder='入库单号'>
                    </div>
                </div>
                <div class="form-group">
                    <!-- <label class="label" for='cn2'>商品</label> -->
                    <div class="control">
                        <input type="text" id="cn2" maxlength="50" v-rule v-model="search.search_LIKE_goodsname" title='商品' placeholder='商品'>
                    </div>
                </div>
            </div>
            <div class="group-row">
                <div class="form-group form-label">
                    <label for="cn3" class="label">单据类型</label>
                    <div class="control select-style">
                        <!--<select-ui :list="billtype" v-model="search.search_EQ_billtype" v-bind:disabled="disabled"
                                   title='单据类型' class='inp4' id='cn3'></select-ui>-->
                        <select v-model="search.search_EQ_billtype" class="inp4">
                            <option value="">--请选择--</option>
                            <option v-for="type in $store.state.$billType" v-bind:value="type.catenumber">
                                {{type.catename}}
                            </option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <!-- <label class="label w60" for='cn4'>制单日期</label> -->
                    <div class="control control-date" style="height:34px;overflow: inherit;">
                        <div style="width: 42%;float: left">
                            <datepicker :target.sync="search.search_GTE_startDate" :readonly="readonlyFlag" :id='cn4'
                                        title='制单开始日期' placeholder='制单开始日期'
                                        styleobj="width:100% !important;border-radius:8px 0px 0px 8px !important;"></datepicker>
                        </div>
                        <span class="text-and" style="width: 45px">至</span>
                        <div style="width: 48%;float: left;">
                            <datepicker :target.sync="search.search_LTE_endDate" :readonly="readonlyFlag" title='制单结束日期'
                                        placeholder='制单结束日期'
                                        styleobj="width:100% !important;border-radius:0px 8px 8px 0px !important;"></datepicker>
                        </div>
                    </div>
                </div>
            </div>
            <div class="group-row">
                <div class="form-group">
                    <!-- <label for="cn5" class="label">供应商</label> -->
                    <div class="control select-style">
                        <input type="text" maxlength="20" v-rule v-model="search.search_LIKE_suppliername" id='cn5' title='供应商'
                               placeholder='供应商'>
                    </div>
                </div>
                <div class="form-group">
                    <!-- <label class="label" for='cn8'>计划单号</label> -->
                    <div class="control">
                        <input type="text" id="cn8" maxlength="17" v-rule v-model="search.search_LIKE_medplanbillno" title='计划单号'
                               placeholder='计划单号'>
                    </div>
                </div>
                <!--<div class="form-group">-->
                <!--<div class="control">-->
                <!--<input type="text" v-model="search.search_LIKE_mkstaffname" id='cn6' title='业务员' placeholder='业务员'>-->
                <!--</div>-->
                <!--</div>-->
            </div>
            <div class="group-row">
                <div class="form-group">
                    <!-- <label for="cn7" class="label">配送商</label> -->
                    <div class="control select-style">
                        <input type="text" id="cn7" maxlength="20" v-rule v-model="search.search_LIKE_distrbname" title='配送商'
                               placeholder='配送商'>
                    </div>
                </div>

                <div class="form-group">
                    <label class="label w80">入库状态</label>
                    <div class="control control-filtering control-filtering-green fl" style='width:370px;'>
                        <a class="option"
                           :class="{'all active':search.search_EQ_billstate==''}"
                           href="javascript:void(0)" @click="search.search_EQ_billstate=''">全部</a>
                        <a class="option"
                           :class="{'all active':search.search_EQ_billstate=='M01'}"
                           href="javascript:void(0)" @click="search.search_EQ_billstate='M01'">未入库</a>
                        <a class="option"
                           :class="{'all active':search.search_EQ_billstate=='M02'}"
                           href="javascript:void(0)" @click="search.search_EQ_billstate='M02'">部分入库</a>
                        <a class="option"
                           :class="{'all active':search.search_EQ_billstate=='M03'}"
                           href="javascript:void(0)" @click="search.search_EQ_billstate='M03'">已完结</a>
                        <!--
                      <a class="{{ state3 }} option" href="javascript:void(0)" @click="state('3')">待出库</a>
                      <a class="{{ state4 }} option" href="javascript:void(0)" @click="state('4')">部分出库</a>
                      <a class="{{ state5 }} option" href="javascript:void(0)" @click="state('5')">全部出库</a>
                      <a class="{{ state6 }} option" href="javascript:void(0)" @click="state('6')">部分入库</a>
                      <a class="{{ state7 }} option" href="javascript:void(0)" @click="state('7')">已完结</a> -->
                    </div>
                </div>
            </div>
            <div class="group-row t-right">
                <button class="fast-search-form-btn btn-d btn-d-lg btn-d-activate btn-d-circle" @click="getData(true)">查
                    询
                </button>
            </div>
        </div>

        <table class="itable itable-thead-13px">
            <thead id="t_header">
            <tr>
                <th class="w50">序号</th>
                <th class="w90">入库单号</th>
                <th class="w90">制单日期</th>
                <th class="w130">供应商</th>
                <th class="w60">品规数</th>
                <th class="w90">单据类型</th>
                <th class="w90">入库状态</th>
                <th class="w100">计划单号</th>
                <th class="w130">配送商</th>
                <th class="w80">操作</th>
            </tr>
            </thead>
            <tbody>
                    <tr v-if="listTrmedwv==null || listTrmedwv.length==0">
                        <td colspan="10">
                        暂无符合条件的记录
                        </td>
                    </tr>
                    <tr v-for="trmedwv in listTrmedwv" v-else>
                        <td>{{$index + 1}}</td>
                        <td class="t-left pr10">{{trmedwv.billno}}</td>
                        <td class="t-center pr10">{{trmedwv.inputdate | getYMD}}<br>{{trmedwv.inputdate | getHMS}}</td>
                        <td>{{trmedwv.suppliername}}</td>
                        <td>{{trmedwv.varchar1}}</td>
                        <td>{{trmedwv.billtype | billtype}}</td>
                        <!-- <td>{{billTypefn(trmedwv.billtype) }}</td> -->
                        <td>
                            <span class="text-color-red" v-if='trmedwv.billstate=="M01"'>未入库</span>
                            <span class="text-color-or" v-if='trmedwv.billstate=="M02"'>部分入库</span>
                            <span v-if='trmedwv.billstate=="M03"'>已完结</span>
                        </td>
                        <td class="t-left pr10">{{trmedwv.medplanbillno}}</td>
                        <td class="t-left pr10">{{trmedwv.distrbname}}</td>
                        <td class="pt9">
                            <a class="btn button-green" v-link="{path:'/purchaseStoragedetail/'+ trmedwv.guid}">明细 </a>
                        </td>
                    </tr>

            </tbody>
        </table>
    <pagination
            @page-change="getData"
            :class="['m-20-0']"
            :page-no.sync="search.page"
            :total-pages.sync="search.totalPages"></pagination>

    </div>
</template>

<script>
    module.exports = {
        data: function () {
            return {

                search: {
                    pageSize: 50,
                    page: 1,
                    totalPages: 0,
                    search_LIKE_billno: '',
                    search_LIKE_mkstaffname: '',
                    search_LTE_endDate: '',
                    search_GTE_startDate: '',
                    search_LIKE_distrbname: '',
                    search_LIKE_suppliername: '',
                    search_EQ_billtype: '',
                    search_LIKE_medplanbillno: '',
                    search_EQ_medguid: '',
                    search_EQ_billstate: ''

                },
                billtype: [{
                    value: "01",
                    label: "普耗"
                }, {
                    value: "02",
                    label: "跟台高值"
                },
                    {
                        value: "03",
                        label: "备货高值"
                    },
                    {
                        value: "04",
                        label: "药品"
                    },
                    {
                        value: "05",
                        label: "后勤物资"
                    },
                    {
                        value: "06",
                        label: "消毒用品"
                    },
                    {
                        value: "07",
                        label: "洗涤用品"
                    },
                    {
                        value: "08",
                        label: "中药材"
                    },
                    {
                        value: "09",
                        label: "设施设备"
                    }],
                supplierList: [],
                billTypeList: [],  // 单据类型


                listTrmedwv: [],
                authoritySetting: {
                    oneSearchFlag: true,
                    twoDetailFlag: true,
                },
            };
        },
        methods: {
            billTypefn: function(val) {

                let ret = '';
                this.$store.state.$billType.forEach(ele => {
                    if (val == ele.catenumber) {
                        ret = ele.catename;
                    }
                });
                return ret
            },
            getData: function (isRefresh) {
                var self = this;
                if (isRefresh) {
                    this.search.page = 1;
                }
                Ajax.get('/hospitalTrmedwv/listTrmedwv', this.search)
                    .then(function (response) {
                        var data = response.data.data;
                        self.$set('listTrmedwv', data.list);
                        self.search.totalPages = data.totalPages;
                    })
            }
        },
        watch:{
            'search.search_EQ_billstate':function(){
                this.getData();
            }
        },
        route: {
            activate: function () {
                if ( window.sessionStorage.getItem('value')){
                this.search.search_EQ_billstate = window.sessionStorage.getItem('value');
                window.sessionStorage.removeItem('value');
                }

                this.getData();
            }
        }
    };
</script>