<template>
  <div class="container resource close-left-menu contaNEW">
      <div class="pop-banner clearfix">
        <div class="operate-btns">
          <a class="fbtn fb-download" @click='download'>导出</a>
        </div>
        <h3 class="current-module">上传采购计划异常</h3>
      </div>
      <!--purchase-plan start-->
      <div class="purchase-plan">
        <div class="pd-form fast-search-form code-form">
          <div class="group-row">
            <div class="form-group">
              <!-- <label class="label">商品</label> -->
              <div class="control select-style">
                <input type="text" id="cn1"  maxlength="50" v-rule v-model="search.search_LIKE_goodsinfo" placeholder="录入商品编码、商品名称、注册证号模糊查询"
                title="录入商品编码、商品名称、注册证号模糊查询">
              </div>
            </div>
            <div class="form-group form-label">
              <!-- <label for="cn1" class="label">计划单号</label> -->
              <div class="control select-style">
                <input type="text" id="cn12" maxlength="17" v-rule v-model='search.search_LIKE_billno' placeholder="订单编号" title="订单编号"> </div>
            </div>

          </div>
          <div class="group-row">
            <!-- <div class="form-group form-label">
              <label for="cn1" class="label">供应商</label>
              <div class="control select-style">
              <select-ui :list="billtype" v-model="search.search_EQ_billtype"  v-bind:disabled="disabled" class='inp4'></select-ui>
                </div>
            </div> -->
            <div class="dis-inline ">
                <div style="position: relative">
                    <input type="text" v-model="search.search_LIKE_suppliername" v-rule :disabled="disabled" maxlength="20"
                           class="inp4" placeholder="供应商名称" @focus='clickHint' @blur="closeHintsBox">
                    <div class="hintsbox" v-if="showHints">
                        <ul class="hintslist">
                            <li v-for="(index,item) in getDistributions" ref="hint" class="hint"
                                @click="fillInput(item)"><span class="dis-inline" style="max-width: 190px"> {{item.suppliername}} </span><span
                                    class="dis-inline  fr"
                                    v-if="search.mark=='N'">【{{item.wdmgods}}】</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="form-group form-label">
              <label for="cn1" class="label">异常原因</label>
              <div class="control select-style">
              <select-ui :list="EQlist" v-model="search.search_EQ_state"  v-bind:disabled="disabled" class='inp4'></select-ui>
                </div>
            </div>
          </div>
          <div class="group-row">
            <div class="form-group">
              <!-- <label for="cn3" class="label">制单日期</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" 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 class="label fl w60">业务状态</label>
              <div class="control control-filtering control-filtering-green fl" style="width:320px;">
                <a class="option" :class="{'all active option ':search.search_EQ_uploadstate==''}"
                href="javascript:void(0)" @click="search.search_EQ_uploadstate=''">全部</a>
                <a class="option" :class="{'all active option ':search.search_EQ_uploadstate=='U03'}"
                href="javascript:void(0)" @click="search.search_EQ_uploadstate='U03'">已同步</a>
                 <a class="option" :class="{'all active option ':search.search_EQ_uploadstate=='U02'}"
                href="javascript:void(0)" @click="search.search_EQ_uploadstate='U02'">同步中</a>
                <a class="option" :class="{'all active option ':search.search_EQ_uploadstate=='U01'}"
                href="javascript:void(0)" @click="search.search_EQ_uploadstate='U01'">未同步</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="w60">序号</th>
              <th class="w120">供应商</th>
              <th class="w100">订单</th>
              <th class="w100">商品</th>
              <th class="w70 pr10">采购价格(元)</th>
              <th class="w80">商品省采编码</th>
              <th class="w120">招标平台信息</th>
              <th class="w70 pr10">省采价格(元)</th>
              <th class="w30"></th>
              <th class="w50">转换比</th>
              <th class="w50">单位</th>
              <th class="w90">异常原因</th>
            </tr>
          </thead>
          <tbody>
            <tr v-if="trmedplanList.length==0">
              <td colspan="12" >
              暂无符合条件的记录
              </td>
            </tr>
            <tr v-for="item in trmedplanList">
              <td>
                {{$index + 1}}
              </td>
              <td class="t-left pr10">
                {{item.suppliername}}
              </td>
              <td class="pr10">
                {{item.billdate | getYMD}}
                <br>
                {{item.billno}}
              </td>
              <td class="t-left pr10">
                {{item.goodscode}}
                <br>
                {{item.goodsname}}
                <br>
                {{item.goodsspec}}
                <br>
                {{item.producer}}
                <br>
                {{item.registkey}}
              </td>

              <td class="t-right pr10">
                {{item.price}}
              </td>
              <td>
                {{item.tcode}}
              </td>
              <td class="pr10" v-if='item.state=="1"||item.state=="3"'>
                无数据
              </td>

              <td class="t-left pr10" v-else>
                {{item.ypbh}}
                <br>
                {{item.tym}}
                <br>
                {{item.gg}}
                <br>
                {{item.scqymc}}
              </td>
              <td class="pr10" v-if='item.state=="1"||item.state=="3"'>
                无数据
              </td>
              <td class="t-right pr10"  v-else>{{item.cgj}}</td>
              <td>
                  <span class="table-detail-icon icon-green">医</span>
                  <span class="table-detail-icon icon-green">省</span>
              </td>
              <td>
                <span style='display:block;'>
                {{item.mtimes}}
                </span>
                <span style='display:block;margin-top: 35px;'>
                {{item.sctimes}}
                </span>
              </td>
               <td>
                <span style='display:block;'>
                {{item.munit}}
                </span>
                <span style='display:block;margin-top: 35px;'>
                {{item.scunit}}
                </span>
              </td>
              <td class="t-left">{{item.state | abnormalState}}</td>
            </tr>
          </tbody>
        </table>
         <!-- <div class="pagination pagination-min m-20-0">  -->
       <!--    <em class="page">共【{{ search.totalPages }}】页</em>
          <em class="page ml-20">跳转到<input type="text" class="t-center" style='width:40px;margin:0px 5px;height:30px;' v-model='pageS'>页</em>
          <em class="page text-color-blue" style='cursor:pointer;' @click='getData(false,2)'>Go>></em>  -->
            <pagination
             @page-change="getData(false)"
             :class="['m-20-0']"
             :page-no.sync="search.page"
             :page-falg="true"
             :total-pages.sync="search.totalPages">
             </pagination>
        <!-- </div> -->
      </div>
<!--       <div class="roll-bg" v-if='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> -->
      <!--purchase-plan end-->
    </div>
</template>
<script>
  module.exports={
    data:function(){
      return{
        getmfmedgoods:[],
       getDistributions: [],
       requestS:false,
       // pageS:'',
       EQlist: [
       {
        value: "1",
        label: "商品未维护省采编码"
      }, {
        value: "2",
        label: "未维护配送企业编码"
      },
       {
        value: "3",
        label: "商品在省采平台不存在或未维护配送企业编码"
      },
       {
        value: "4",
        label: "商品采购价格与省采价格不一致"
      },
       {
        value: "5",
        label: "产品与配送企业不匹配，在该地区无配送关系"
      },
      {
        value: "6",
        label: "商品的采购价大于两位小数"
      }],
      showHints:false,
        trmedplanList:[],
        stateAll : 'all active',
        state1 : 'option',
        state2 : 'option',
        // state3 : 'option',
        // state4 : 'option',
        // state5 : 'option',
        // state6 : 'option',
        // state7 : 'option',
        search:{
          pageSize:50,
          page:1,
          totalPages:0,
          search_LIKE_goodsinfo: '',
          search_LIKE_billno:'',
          search_EQ_state:'',
          search_EQ_supplierguid:'',
          search_GTE_startDate: '',
          search_LTE_endDate:'',
          search_LIKE_suppliername:''
        },
        authoritySetting: {
          oneSearchFlag:false,
          oneMakeMonthPlanFlag:true,
          twoDetailFlag:true,
          twoTraceFlag:true,
      },
      check:false
      };
    },

    methods:{
      // 添加商品
      pushall:function(billno,uploadstate){
        var self=this;
        if(uploadstate=='U03'){
            layer.msg('已同步不能再同步！');
            return;
        }else{
          self.$set('requestS',true);
          Ajax.get('/hospitalTrmedwv/uploadMedJhsc',{billnos:billno}).
          then(function(res){
              if(res.data.errorCode !=undefined && res.data.errorCode!=0){
                  layer.msg(res.data.message);
                  self.$set('requestS',false);
                  return ;
              }
              if(res.data.Result==0){
                  self.$set('requestS',false);
                  self.check=false;
                  self.getData(false);
              }else{
                  self.$set('requestS',false);
                  self.MessageBox({
                    title:'提示',message:'招标平台返回错误异常信息，请在列表备注中查看详细错误信息！',type:'alert'
                  },function(action){
                    self.getData();
                  });
              }
          })
        }

      },
      //加载供应商下拉框
      getManagemeds: function () {
          var self = this;
          Ajax.post('/hospitalTrmedwv/findSupplierByMed', {
              search_LIKE_suppliername: self.search.search_LIKE_suppliername,
          }).then(function (response) {
              var data = response.data.data;
              self.$set("getDistributions", data);
          })
      },
      // 导出
      download:function(){
        var self = this;
           Ajax.post('/hospitalTrmedwv/exportJhscByScData',this.search)
          .then(function(response){
            var data=response.data;

                window.open(data)



          })
      },
       //关闭候选框
      closeHintsBox: function () {
          var self = this;
          setTimeout(function () {
              self.showHints = false;
          }, 500)
      },
      getData:function(isRefresh){
          var self = this;
          if(isRefresh) {
            this.search.page = 1;
          }

          // findSupplierByMed
          Ajax.post('/hospitalTrmedwv/findJhscByScData',this.search)
          .then(function(response){
            var data=response.data.data;
            if(response.data.errorCode==0){

                self.$set("trmedplanList",data.list);
                self.search.totalPages=data.totalPages;
                self.search.totalPages=data.totalPages;
            }else{
              layer.msg(response.data.message);
            }

          })
      },
       // 点击候选框
        fillInput: function (item) {
            this.search.search_EQ_supplierguid = item.supplierguid;
            this.search.search_LIKE_suppliername = item.suppliername;
            this.closeHintsBox();
            this.getfmedgoodsFn();
        },
        //医院商品 加载数据
            getfmedgoodsFn: function () {
                var self = this;

                if (!self.search.search_EQ_supplierguid) {
                    self.MessageBox.alert('请选择供应商');
                    return;
                }
                Ajax.post('/hospitalTrmedwv/findSupplierByMed', self.search)
                    .then(function (response) {
                        var data = response.data.data;
                        self.$set("getmfmedgoods", data.list);
                        self.search.totalPages = data.totalPages;
                        self.search.total = data.total;
                    })
            },
      refresh:function(falg){
        var self=this;
        Ajax.get('/hospitalTrmedwv/ChangeWvToTrmedJhsc')
          .then(function(response){
            var data=response.data.data;
            if(response.data.errorCode==0){
              if(!falg){
                  layer.msg('刷新成功');
                }

                self.getData();
            }else{
              layer.msg(response.data.message);
            }

        })
      },
      remove:function(){
        var self = this;
        var list=self.trmedplanList;
        var str='';
          self.MessageBox({
                  title:'提示',
                  message:'是否确定删除？',
                  type:'alert',
                  showCancelButton: true
                  },function(action){
                    if(action=='confirm'){

                     for(var a=0;a<list.length;a++){
                        if(list[a].checked){
                          str+=list[a].uploadbillno+','
                        }

                     }
                        Ajax.post('/billType/deleteTrmedJhsc',{billnos:str})
                        .then(function(response){
                          var data=response.data.data;
                          if(response.data.errorCode==0){
                              layer.msg('删除成功');
                              // self.refresh(true);
                              self.getData(true);

                              self.check=false;
                          }else{
                            layer.msg(response.data.message);
                          }

                      })


                    }
                  })

      },
      clickHint:function () {
          if (this.search.search_LIKE_suppliername.length==0){
              this.showHints = true;
              this.getManagemeds();
          }

      },

   },watch:{
      'check':function(val){
          for(var i=0;i<this.trmedplanList.length;i++){

            if(this.trmedplanList[i].uploadstate!='U03'){
              this.trmedplanList.splice( i,1, Object.assign({}, this.trmedplanList[i], { 'checked': val}))
            }

          }

      },
       'search.search_EQ_uploadstate':function(){
        this.getData();
      },
      'search.search_LIKE_suppliername': function (val, oldVal) {
                if (val.length == 0) {
                    this.search.search_EQ_supplierguid = '';
                    this.showHints = false
                } else {
                    this.getManagemeds();
                    this.showHints = true;
                }
            },
   },

    route:{
      activate : function(){
        this.getData();
      }
    },

};
</script>