<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" >商品</label> -->
          <div class="control">
            <input type="text"   id="cn1" 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="cn2" class="label">单据类型</label>
          <div class="control select-style">
           <select-ui :list="$store.state.$billType" v-model="search.search_EQ_billtype"  v-bind:disabled="disabled" class='inp4'></select-ui>
          </div>
        </div>
        <div class="form-group">
          <!-- <label class="label">制单日期</label> -->
          <div class="control control-date" style="height:34px;overflow: inherit;">
              <div style="width: 44%;float: left">
                <datepicker :target.sync="search.search_GTE_startDate" :readonly="readonlyFlag" 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: 46%;float: right;">
                <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="cn2" class="label">供应商</label> -->
          <div class="control select-style">
            <input type="text" id="cn1" maxlength="20" v-rule v-model="search.search_LIKE_suppliername" title="供应商" placeholder="供应商">
          </div>
        </div>
        <div class="form-group">
          <!-- <label class="label">业务员</label> -->
          <div class="control">
            <input type="text"  id="cn1"  maxlength="8" v-rule v-model="search.search_LIKE_mkstaffname" title="业务员" placeholder="业务员">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <!-- <label for="cn2" class="label">配送商</label> -->
          <div class="control select-style">
            <input type="text"  id="cn1"  maxlength="20" v-rule v-model="search.search_LIKE_distrbname" title="配送商" placeholder="配送商">
          </div>
        </div>
        <div class="form-group">
          <!-- <label class="label">计划单号</label> -->
          <div class="control">
            <input type="text"   id="cn1"  maxlength="17" v-rule v-model="search.search_LIKE_medplanbillno" title="计划单号" placeholder="计划单号">
          </div>
        </div>
      </div>

      <div class="group-row">
        <div class="form-group">
            <label class="label fl">业务状态</label>
            <div class="control control-filtering control-filtering-green fl w250">
              <a class="option"
              :class="{'all active':search.syncscflag==''}"
              href="javascript:void(0)" @click="search.syncscflag=''">全部</a>
              <a class="option"
              :class="{'all active':search.syncscflag=='Y'}"
              href="javascript:void(0)" @click="search.syncscflag='Y'">已同步</a>
              <a class="option"
              :class="{'all active':search.syncscflag=='N'}"
              href="javascript:void(0)" @click="search.syncscflag='N'">未同步</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>
      <div class="m-20-0">
         <button class="btn button-green"
          v-on:click="pushall()">同步</button>
        </div>
     <table class="itable itable-thead-13px">
        <thead id='t_header'>
          <tr>
            <th class="w50">序号</th>
            <th class="w130">入库单号</th>
            <th class="w90">制单日期</th>
            <th class="w130">供应商</th>
            <th class="w60">品规数</th>
            <th class="w90">单据类型</th>
            <th class="w100">计划单号</th>
            <th class="w80">业务员</th>
            <th class="w100">配送商</th>
            <th class="w60">状态</th>
            <th class="w80">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr  v-for="trmedwv in listTrmedwv ">

              <td>
                <div class="control">
                  <div class="checkbox-control">
                    {{$index + 1}}
                    <input type="checkbox" name="cb" id="cball_{{$index}}"
                    v-model="trmedwv.check"
                      >
                    <label class="checkbox" for="cball_{{$index}}" style="margin-right:0px;">

                    </label>

                  </div>

                </div>
              </td>
              <td class="t-left pr10">{{trmedwv.billno}}</td>
              <td class="pr10">{{trmedwv.inputdate|getYMD}} <br> {{trmedwv.inputdate|getHMS}}</td>

              <td class="t-left pr10">{{trmedwv.suppliername}}</td>

              <td class="t-right pr10">{{trmedwv.varchar1}}条</td>

              <td>{{trmedwv.billtype | billtype}}</td>

              <td class="t-left pr10">{{trmedwv.medplanbillno}}</td>
              <td>{{trmedwv.mkstaffname}}</td>
              <td class="t-left pr10">{{trmedwv.distrbname}}</td>
              <td v-if='trmedwv.syncscflag=="Y"' class="text-color-blue">{{trmedwv.syncscflag=="Y"?"已同步":"未同步"}}</td>
              <td v-else class="text-color-red">{{trmedwv.syncscflag=="Y"?"已同步":"未同步"}}</td>
            <td class="pt9">
              <a class="btn button-green"   v-link="{path:'/purchaseStoragedetail/'+ trmedwv.guid}">明细 </a>
            </td>
          </tr>

        </div>
        </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:'',syncscflag:''

      },
          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: {
    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;
          if(response.data.errorCode==0){
            var list=data.list;
              for(var i=0;i<list.length;i++){
                list[i].check=false;
              }
               self.$set('listTrmedwv',list);
            self.search.totalPages = data.totalPages;
          }

         })
    },pushall:function(){
        var guids='';
        var self=this;
        var num=0;
        for(var i=0;i<this.listTrmedwv.length;i++){
          if(this.listTrmedwv[i].check){
            guids+=this.listTrmedwv[i].billno+',';
            num+=1;
          }
        }
        if(guids.length<2){
          return ;
        }
        if(num>10){
          layer.msg('一次最多同步10条');
          return ;
        }
        Ajax.get('/sync_uploadMedWV',{guids:guids}).
        then(function(res){
            if(res.data.errorCode !=undefined && res.data.errorCode!=0){
                layer.msg(res.data.message);
                return ;
            }
            if(res.data.Result==0){
                self.check=false;
                self.getData();
            }else{
                layer.msg(res.data.ErrorMesg || '错误');

            }
        })
      }
  },
   route:{
    activate : function(){
      this.getData();
    }
  },
  watch:{
    'search.syncscflag':function(){
      this.getData();
    }
  }
};
</script>