<!--医院对账单 - 列表-->
<template>
  <div class="container resource close-left-menu">
    <div class="pop-banner clearfix">
    <div class="operate-btns">
    <a href="javascript:;" class="fbtn fb-upload ml-10" @click='pushs(true)'>批量推送</a>
    </div>
    <h3 class="current-module">商品推送</h3>
  </div>
  <div class="order-orderlist-view clearfix">
    <div class="pd-form form-label4em mb-40 fast-search-form" >
      <div class="group-row">
        <div class="form-group form-label">
          <!-- <label for="cn1" class="label">结算单号</label> -->
          <div class="control">
            <input type="text" v-model="search.goodsname" title='商品名称' placeholder="商品名称"  maxlength="50" ></div>
        </div>
        <div class="form-group form-label">
              <label for="c18" class="label">商品大类</label>
              <div class="control">
                <select-ui :list="goodscateList" :selected.sync="search.goodscate" empty-text="请选择商品大类" id='c18' class='inp4'>
                </select-ui>
              </div>
            </div>
        </div> 
        <div class="group-row">
        <div class="form-group form-label">
          <!-- <label for="cn1" class="label">结算单号</label> -->
          <div class="control">
            <input type="text" v-model="search.producer" title='生产厂商' placeholder="生产厂商" maxlength="50" >
          </div>
        </div>
        <div class="form-group form-label">
                    <label for="cc6" class="label">医院</label>
                    <div class="control">
                        <select v-model="search.medguid" class="inp2" @change="selectVal">
                            <option value="">请选择医院</option>
                            <option v-for="item in hosList" :value="item.value">&nbsp;{{item.label}}</option>
                        </select>
                    </div>
                </div>
        </div> 
        <div class="group-row">
              <div class="form-group">
                    <label class="label w70">生产来源</label>
                    <div class="control control-filtering control-filtering-green half" id="selState">
                        <a id="all_state" class="option" :class="{'active all':search.importedflag==''}"
                           @click="search.importedflag=''">全部</a>
                        <a id="y_state" class="option" :class="{'active all':search.importedflag=='2'}"
                           @click="search.importedflag='2'">进口</a>
                        <a id="s_state" class="option" :class="{'active all':search.importedflag=='1'}"
                           @click="search.importedflag='1'">国产</a> 
                    </div>
                </div>
     </div>
      <div class="group-row">
                <button  v-on:click="getData(true)"  class="fast-search-form-btn btn-d btn-d-lg btn-d-activate btn-d-circle fr">查 询</button>
      </div>
    </div>

<!-- <p class="f-size14">
  当前有<span class="f_blue">{{inVoiceList.length}}</span>
  张入库单,  已选择<span class="f_blue">{{checkArrList.length}}</span>入库单，合计金额为<span class="f_blue">{{sumList | numDigit 2 | numFmt}}</span>元</p> -->

    <table class="itable itable-td-long-text">
      <thead >
        <tr>
          <th class="w40"  >
          <div class="checkbox-control">
            <input type="checkbox" :id="1" @click="selectAllsum(selectAllList)" v-model="selectAllList" :value="1">
            <label class="checkbox" style="line-height: 19px;" :for="1">序号</label>
          </div>
          </th>
          <th class="w150">商品信息</th>
          <th class="w100">通用名称</th>
          <!-- <th class="w50">单据状态</th> -->
          <th class="w60">商品大类</th>
          <th class="w80">产地</th>
          <th class="w150">指定医院</th> 
          <th class="w80">操作</th>
        </tr>
      </thead>
      <tbody class="txt_v">
        <tr>
          <td colspan="11" v-if="mxList.length==0">
          暂无符合条件的记录
          </td>
        </tr>
        <tr v-for="po in mxList" v-if="mxList.length!=0">
          <td class="v-top pt10">
             <div class="checkbox-control">
              <input type="checkbox" :id="po.suppliergoodsguid + '/'+ po.medguid" v-model="checkArr" :value="po.suppliergoodsguid+'/'+po.medguid">
              <label class="checkbox" :for="po.suppliergoodsguid + '/'+ po.medguid">{{ $index + 1 }}</label>
            </div>
          </td>
          <td class=" pr10 v-top">
          {{po.goodscode}}<br>
          <span class="p-tit-green">{{po.goodsname}}</span><br>
          {{po.goodsspec}}<br>
          {{po.producer}}<br>
          {{po.registkey}}
          </td>
          <td class=" pr10 v-top">{{po.chemicalname}}</td>
          <td class="v-top">{{po.goodscate | GOODSCATE}}</td> 
          <td class="v-top ">{{po.productionaddress}} </td>
          <td class="v-top ">{{po.medname}}</td> 
          <td class="v-top "> 
            <div class="from-button">
               <a href="javascript:;" class="green-button p-lr-10"
               v-on:click="goDetail(po.suppliergoodsguid)">明细<i>|</i></a>
               <a href="javascript:;" class="green-button p-lr-10"
               v-on:click="push(po,true)">推送</a>
          </div>
          </td>
        </tr>
      </tbody>
    </table>
    <div class="pagination m-20-0">
      <pagination
           @page-change="getData(false)"
           :page-no.sync="search.page"
           :total-pages.sync="search.totalPages">
        </pagination>
    </div> 
     <!--新加提示信息-->
        <div class="modal " v-show="divbgShow">
            <div class="container resource">
                <div class="audit-detail"
                     style="width:300px; margin:300px auto; min-height: 170px; border:0; padding: 10px 0 0px; border-radius: 2px;">
                    <div class="sdiv-9-9b t-center text-color-gray f-size16" style="margin-left: 0; margin-right: 0; padding-bottom: 10px;">
                        指定业务员
                    </div>
                    <div class="t-center text-color-gray f-size14 mt-10">
                        <select v-model="getSupstaffGuid" class="w200" @change="selectname(getSupstaffGuid)">   
                        <option value="">请选择业务员</option>
                          <option v-for="option in getSupstaffList" v-bind:value="option.value">
                            {{option.label}}
                          </option>
                        </select>
                    </div>
                    <a v-on:click="closeDialog()" class="btn button-green mt-15" style="margin-left: 115px;">确定</a>
                </div>
            </div>
        </div>
        <!--新加提示信息 end-->
        <!--新加提示信息-->
        <div class="modal " v-show="divbgShow1">
            <div class="container resource">
                <div class="audit-detail"
                     style="width:300px; margin:300px auto; min-height: 170px; border:0; padding: 10px 0 0px; border-radius: 2px;">
                    <div class="sdiv-9-9b t-center text-color-gray f-size16" style="margin-left: 0; margin-right: 0; padding-bottom: 10px;">
                        指定业务员
                    </div>
                    <div class="t-center text-color-gray f-size14 mt-10">
                        <select v-model="getSupstaffGuid" class="w200" @change="selectname(getSupstaffGuid)">   
                        <option value="">&nbsp;--请选择业务员--</option>
                          <option v-for="option in getSupstaffList" v-bind:value="option.value">
                            {{option.label}}
                          </option>
                        </select>
                    </div>
                    <a v-on:click="closeDialogs()" class="btn button-green mt-15" style="margin-left: 115px;">确定</a>
                </div>
            </div>
        </div>
        <!--新加提示信息 end-->
  </div>

</div>

</template>
<script >
  module.exports = {
    data: function () {
      return {
        // 明细数据
        mxList: [],
        hosList: '',
        // 查询条件
        search: {
          pageSize: 50,
          page: 1,
          totalPages: 0,
          //total: 0,
          goodsname: '',
          goodscate: '',
          producer: '',
          importedflag: '',
          medguid: '', 
        },
        goodscateList: [{
          value: '01',
          label: '医疗器械'
        }, {
          value: '02',
          label: '药品'
        }, {
          value: '03',
          label: '后勤物资'
        }, {
          value: '04',
          label: '消毒用品'
        }, {
          value: '05',
          label: '洗涤用品'
        }, {
          value: '06',
          label: '中药材'
        }, {
          value: '07',
          label: '设施设备'
        }, {
          value: '09',
          label: '营养制剂'
        }, {
          value: '08',
          label: '其它'
        }], 
        selectAllList: false,
        checkArr:[], 
        divbgShow:false,
        divbgShow1:false,
        getSupstaffList:[],
        getSupstaffGuid:'',
        getSupstaffName:'',
        goodsList:'',
        goodsLists:[],
      };
    },
    methods: {
      // 获得供应关系中的医院
            getMedList: function () {
                var self = this;
                Ajax.post('/supplierGood/getSupForMeds')
                    .then(function (response) {
                        var data = response.data;
                        if (data.errorCode == 0) {
                            self.hosList = _.map(data.data, function (item) {
                                return {
                                    label: item.medname,
                                    value: item.medguid
                                };
                            });
                        } else {
                            layer.msg('数据获取异常!');
                        }
                    })
            },  
            getSupstaff: function () {
                var self = this;
                Ajax.post('/supplierGood/getSupstaff')
                    .then(function (response) {
                        var data = response.data;
                        if (data.errorCode == 0) {
                            self.getSupstaffList = _.map(data.data, function (item) {
                                return {
                                    label: item.realname,
                                    value: item.guid
                                };
                            });
                        } else {
                            layer.msg('数据获取异常!');
                        }
                    })
            },  
      selectAllsum: function(flag) {
        var self = this;
        self.checkArr = [];
        if(!flag) {
          self.mxList.forEach(function(item, i) {
            var data = item.suppliergoodsguid + '/' + item.medguid;
            self.checkArr.push(data);
          });
          console.log(self.checkArr);
        } else {
          self.$set('checkArr', []);
          self.mxList.forEach(function(item, i) {
          });
        }
      },
      push: function(list,flag) {
        var self = this;
        self.getSupstaffGuid = '';
        self.getSupstaffName = '';
        self.goodsList = '';
        if(flag == true){
          self.divbgShow = true;
          self.goodsList = list;
        } 
      },
      pushs: function(flag) {
        var self = this;
        self.getSupstaffGuid = '';
        self.getSupstaffName = '';
        self.goodsList = '';
        if(flag == true){
          self.divbgShow1 = true; 
        } 
      },
      //选择业务员
      selectname: function (getSupstaffGuid) {
          var self = this; 
          for (var i = 0; i < self.getSupstaffList.length; i++) {
             if(getSupstaffGuid == self.getSupstaffList[i].value){
                  self.getSupstaffName = self.getSupstaffList[i].label;
             }
          }  
      },
      getData: function (flag) {
        var self = this;
        if(flag){
          self.search.page = 1;
        }
        self.checkArr = [];
        self.selectAllList = [];
        Ajax.post('/supplierGood/getAcceptSupplierGoods', {'page':self.search.page,'pageSize':self.search.pageSize,'goodsname':self.search.goodsname,'goodscate':self.search.goodscate,'producer':self.search.producer,'importedflag':self.search.importedflag,'medguid':self.search.medguid})
          .then(function (response){
            var data = response.data.data;
            if(response.data.errorCode == 0){
                  self.$set('mxList',data.list);
                  self.search.pageno = data.pageno;
                  self.search.totalPages = data.totalPages;
                  self.search.total = data.total;
            }else {
              self.MessageBox({
                title: '警告',
                message: data.message,
                type: 'alert'
              }, function(action) {});
            }
        })
      }, 
      // 关闭信息提示弹出框
            closeDialog: function () {
                var self = this; 
                self.goodsLists = [];
                self.divbgShow = false;  
                var item = {
                    'staffguid':self.getSupstaffGuid,
                    'staffname':self.getSupstaffName,
                    'medguid':self.goodsList.medguid,
                    'suppliergoodsguid':self.goodsList.suppliergoodsguid
                }
                self.goodsLists.push(item); 
                Ajax.post('/supplierGood/addMedAcceptSupgoods', {'list': self.goodsLists}).
                then(function(response) {
                var data = response.data.data; 
                 if (response.data.errorCode == 0) {
                        self.MessageBox({
                            title: '提示',
                            message: '推送成功',
                            type: 'alert'
                        }, function (action) {
                          self.getData();
                        });
                  } else {
                        self.MessageBox({
                            title: '提示',
                            message: response.data.message,
                            type: 'alert'
                        }, function (action) {
                        });
                   }
              })
            },
             // 关闭信息提示弹出框
            closeDialogs: function () {
                var self = this;  
                self.divbgShow1 = false;    
                if(self.goodsLists.length == 0) {
                  self.MessageBox({
                    title: '提示',
                    message: '请选择数据!',
                    type: 'alert'
                  }, function(action) {});
                  return;
                }
                for (var i = 0; i < self.goodsLists.length; i++) {
                   self.goodsLists[i].staffguid = self.getSupstaffGuid;
                   self.goodsLists[i].staffname = self.getSupstaffName;
                }
                Ajax.post('/supplierGood/addMedAcceptSupgoods', {'list': self.goodsLists}).
                then(function(response) {
                var data = response.data.data; 
                 if (response.data.errorCode == 0) {
                        self.MessageBox({
                            title: '提示',
                            message: '推送成功',
                            type: 'alert'
                        }, function (action) {
                          self.goodsLists = [];
                          self.getData();
                        });
                  } else {
                        self.MessageBox({
                            title: '提示',
                            message: response.data.message,
                            type: 'alert'
                        }, function (action) {
                        });
                   }
              })
            },
      // 跳转到明细页面
      goDetail:function(guid){
        var self = this;
        var type = 'cg';
        self.$route.router.go('/productListDataDetail/'+guid);
      }, 
    },
    watch: {
      'checkArr': function(val) {
        var self = this;
        var arr, oList;
        self.goodsLists = []; 
        for(let i = 0; i < val.length; i++) {
          arr = val[i].split('/');
          oList = {
            'suppliergoodsguid': arr[0],
            'medguid': arr[1],
          } 
          self.goodsLists.push(oList); 
        }  
        if(self.goodsLists.length == 0){
            self.selectAllList = false;
          }
      },
      'search.importedflag':function(){
          var self = this;
          self.getData(true);
        },  
    },
    route: {
      activate: function () {
        this.getData(true);
        this.getMedList(); 
        this.getSupstaff();
      },  
    }
  };
</script>