supplier-detail-list.vue 2.7 KB
<template>
<div class="container resource close-left-menu" style="min-height: 490px;">

  <div class="pop-banner clearfix">
    <form class="search-bar" active="###">
      <div class="search-btn">
        <input type="button" value="搜索">
      </div>
      <input type="text" placeholder="输入关键字" class="text-color-gray">
    </form>
    <div class="operate-btns"> 
        <a  class="fbtn fb-return">返回</a>
    </div>
    <h3 class="current-module">供应商品清单</h3>
     
  </div>
  
  <!--purchase-plan start-->
  <div class="purchase-plan">

    <div class="fheader bd-color-gray2">
      <h4 class="fh-notes no-l-icon mr-10">
        北京正天兴华医疗器械有限公司
      </h4>
      <span class="f-size16">北京武警总院</span>
    </div>
<!--   <div class="search-result">
    <div class="statistics">您当前共有<em>3</em>个商品</div>
  </div> -->
  <div class="ctable ct-parent mt-20">
    <div class="ct-head">
      <span class="ct-col w50">序号</span>
      <span class="ct-col w100">商品编号</span>
      <span class="ct-col w200">商品名称</span>
      <span class="ct-col w200">生产厂商</span>
      <span class="ct-col w200">注册证号/批准文号</span>
      <span class="ct-col w80">生产来源</span>
      <span class="ct-col w80">产地</span>
      <span class="ct-col w80">业务状态</span>
    </div>
    <div class="ct-row">
      <div class="row-line">
        <span class="ct-col w50">01</span>
        <span class="ct-col w100">YY0001</span>
        <span class="ct-col w200 break-it t-left">
        <div class="p-lr-10 break">
          一次性使用无菌注射器
        <br>2ml <br>
        </div></span>
        <span class="ct-col w200 break-it">山东玉源有限公司</span>
        <span class="ct-col w200">鲁食药监械(准)字2010第2660036号</span>
        <span class="ct-col w80">国产</span>
        <span class="ct-col w80">山东</span>
        <span class="ct-col w80 text-color-yellow">停用</span>
      </div>
    </div>
  </div>




    <div class="pagination m-20-0">
      <ul>
        <li><span>上一页</span></li>
        <li><span>下一页</span></li>
      </ul>
      <em class="page">第1页</em>
      <em>共1页</em>
    </div>
  </div>
  <!--purchase-plan end-->






</div>


</template>
<script>
module.exports={
  data:function(){
    return {
      list:[
        
      ]
    }
  },methods:{
    getData:function(casetxt){//请求数据     
      Ajax.get('/cms/typelist').then(function(res){
          var result=res.data;

          if(result.data){
              this.$set('list',result.data);
          }
      }.bind(this))
    }
  },route:{
    activate:function(){
      this.getData();
    }
  }
}
</script>