<template>
  <div class="container resource basic-message contaNEW">
      <div class="pop-banner clearfix">
        <div class="operate-btns">
          <a class="fbtn fb-refresh" @click="getData(true)">刷新</a>
        </div>
        <h3 class="current-module">招标平台商品</h3>
      </div>
      <!--basic-message-show start-->
      <div class="basic-message-search">
        <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" v-model='search.ypbh' v-rule id="cn0" maxlength="20" placeholder="药品编码" tile='药品编码'> </div>
            </div>
            <div class="form-group">
              <!-- <label for="cn1" class="label">通用名</label> -->
              <div class="control">
                <input type="text" v-model='search.tym' id="cn0" v-rule maxlength="50" placeholder="通用名" title='通用名'> </div>
            </div>
          </div>
          <div class="group-row">
          <div class="form-group">
              <!-- <label for="cn1" class="label">企业名称</label> -->
              <div class="control">
                <input type="text" v-model='search.scqy' id="cn0" maxlength="50" v-rule placeholder="企业名称" title='企业名称'> </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>
      <table class="itable itable-thead-13px">
        <thead id="t_header">
          <tr>
            <th class="w50">序号</th>
            <th class="w90">药品编码</th>
            <th class="w120">通用名</th>
            <th class="w80">剂型</th>
            <th class="w80">规格</th>
            <th class="w70">转换系数</th>
            <th class="w60">单位</th>
            <th class="w80">产品代码</th>
            <th class="w80">生产企业名称</th>
            <th class="w80">限价</th>
            <th class="w80">项目名称</th>
          </tr>
        </thead>
        <tbody>
          <tr v-if="msgList.length==0">
              <td colspan="11" >
              暂无符合条件的记录
              </td>
          </tr>
          <tr v-for="mList in msgList">
            <td>{{$index+1}}</td>
            <td class="t-left pr10">{{mList.ypbh}}</td>
            <td class="t-left pr10">{{mList.tym}}</td>
            <td>{{mList.jx}}</td>
            <td>{{mList.gg}}</td>
            <td>{{mList.zhxs}}</td>
            <td>{{mList.dw}}</td>
            <td class="t-left pr10">{{mList.gsid}}</td>
            <td class="t-left pr10">{{mList.scqy}}</td>
            <td>{{mList.xj}}</td>
            <td class="t-left">{{mList.xmmc}}</td>
          </tr>
        </tbody>
      </table>
      <div class="pagination m-20-0">
        <em class="page">明细条目数【{{ search.total }}】</em>
           <pagination
           @page-change="getData"
           :class="['m-20-0']"
           :page-no.sync="search.pageNo"
           :total-pages.sync="search.totalPages"></pagination>
       </div>
      </div>
    </div>
</template>
<script>
module.exports={
  data: function(){
    return {
      msgList: [],
      msg:{},
      search: {
        pageSize: 50,
        pageNo: 1,
        totalPages: 0,
        total:0,
        ypbh:'',
        tym:'',
        scqy:'',
      },
    };
  },
  methods: {
    getData: function(isfresh){
      var self = this;
      if (isfresh) {
         self.search.pageNo = 1;
      }

      Ajax.get('/mfmedgoods/getMainData', this.search)
        .then(function (response){
          var data = response.data.data;
          self.$set('msgList',data.list);
          self.search.totalPages = data.totalPages;
          self.search.total = data.total;
        })
    }
  },
  route:{
    activate : function(){
      this.getData();
    }
  }
};
</script>