<!--证照列表：物价-->
<script>
  import model_tab from './cert-tab-include.vue';
  import model_rate from './cert-rate-include.vue';
  module.exports = {
    data: function () {
        return {
          requestS:false,
          tab_index:6,// 标签页
          licsType:'04',// 证照类型  
          title:'物价',    

          //物价资料表
          dataList:[],
          // 查询条件
          search:{
            pageSize: 50,
            pageNo: 1,
            totalPages: 0,
            total:0,

            // 查询条件
            param:{
              keyvalue:'',
            }
            // licsType:this.licsType
          },
        }
    },
    methods:{
      getData:function(){
          var self = this;
          self.requestS = true;
          Ajax.post('/supplierProductLic/Price',self.search)
            .then(function (response) {
              var data = response.data;
                self.requestS = false;
              if(data.errorCode==0){
                self.$set('dataList', data.data.list);

                self.search.pageNo = data.data.pageNo;
                self.search.totalPages = data.data.totalPages;
                self.search.total = data.data.total;
              }else{
                  layer.msg('数据获取异常');

              }
          });
      },
      // 查询之后的数据:需要初始化页码
      getSearchData:function(){
        var self = this;
        self.search.pageNo = 1;
        self.getData();
      },
      // 医疗器械注册证 - 查询注册证关联的商品
      listAccordion:function(index){
        var self = this;

        var dpoObj = self.dataList[index];
        if(dpoObj.search==null){
          // 设置每组的查询条件
          dpoObj.search = {
            pageSize:5,
            pageNo: 1,
            totalPages: 0,
            param:{
              ywguid:dpoObj.goodsguid,
            }
          };
        }

        Ajax.post('/certacc/listPrices',dpoObj.search)
          .then(function (response) {
            var data = response.data.data;
            if(response.data.errorCode==0){
              self.$set('dataList['+index+'].mxList', data.list);

              dpoObj.search.pageNo = data.pageNo;
              dpoObj.search.totalPages = data.totalPages;
              dpoObj.search.total = data.total;
              self.$set('dataList['+index+'].search',dpoObj.search);
            }else{
            }
        });
      },
      slideup:function(index,num){
        $("#row-l"+num+index).slideUp(400,function(){
            $("#ct-r"+index).removeClass('active');
            $("#isFocus"+num+index).removeClass("focus");
            $(".ct-col:eq("+index+")").removeClass('activate');
        });
      },
      slidedown:function(index,num){
        var clss=$("#ct-r"+index).attr("class");
        if(clss.indexOf("active")!=-1){
          this.slideup(index,num);
          return;
        }
         this.listAccordion(index);
        $("#ct-r"+index).addClass("active");
        $("#isFocus"+num+index).addClass("focus");
        $("#row-l"+num+index).slideDown(400,function(){
        
        });
      },
    },
    route: {
      activate: function () {
        this.getData();
      }
    },
    components: {
        model_tab,model_rate
    },
  };
</script>
<template>
  <div>
    <div class="container resource close-left-menu contaNEW">
      <!--完整率-->
      <model_rate :licstype="licsType" :title="title" v-on:click="getData"></model_rate>

      <!--不同证照的标签页切换-->
      <model_tab :tab_index="tab_index" :licsnum="search.total"></model_tab>


      <!--搜索区域-->
      <!-- <div class="clearfix pt20">
        <form action="###" class="filter-form fl ">
          <input type="submit" v-link="{path:'/certPrice/0'}" 
            class="w100 mr-20" value="添加物价">
          <input type="text" placeholder="请输入搜索条件"  v-model="search.param.keyvalue">
          <input type="button" @click="getSearchData" value="搜索"></form>
      </div>
 -->


    <div class="clearfix pt20">
          
          <input type="submit" class="btn button-green" value="添加物价"
          style="float:left;margin-right:20px;"  v-link="{path:'/certPrice/0'}" 
          >
          <form class="search-bar" active="###" >
        
            <input type="text" placeholder="输入关键词" class="ipt" 
          <input type="text" placeholder="请输入搜索条件" v-model="search.param.keyvalue">
            <div class="search-btn">
              <input type="button"  v-on:click="getSearchData" value="搜索">
            </div>
          </form>
      </div>

      <div class="tab-section">
        <div class="ctable ct-parent">
          <div class="ct-head" id='t_header'>
            <span class="ct-col w60">序号</span>
            <span class="ct-col w220">商品名称</span>
            <span class="ct-col w120">规格</span>
            <span class="ct-col w200">生产厂商</span>
            <span class="ct-col w100">物价</span>
            <span class="ct-col w100">最高价</span>
            <span class="ct-col w100">最低价</span>
            <span class="ct-col w80">操作</span>
          </div>
          <div class="ct-row" v-if="dataList.length==0">
            <div class="row-line" style="text-align: center;">
               <span class="ct-col w160 break-it">未查询到相关信息！</span>
            </div>
          </div>
          <div class="ct-row" v-for="detailpo in dataList" id="ct-r{{$index}}">
            <div class="row-line">
              <span class="ct-col w60">{{$index+1}}</span>
              <span class="ct-col w220 break-it t-left pr10">
                <div class="p-name break">{{detailpo.goodsname}}</div>
                <div class="p-cert-num break">{{detailpo.registkey}}</div>
              </span>
              <span class="ct-col w120">{{detailpo.goodsspec}}</span>
              <span class="ct-col w200 break-it">
                <span class="break">{{detailpo.producer}}</span>
              </span>
              <!--手风琴：如果有数据的时候-->
              <span class="ct-col w100 activate" id="isFocus1{{$index}}" v-if="detailpo.priceCount>0">
                <div>
                  <a href="javascript:void(0);" class="text-color-green txt_underline" 
                    @click="slidedown($index,1)" >{{detailpo.priceCount}}种</a>
                </div>
              </span>
              <!--手风琴：如果没有数据的时候-->              
              <span class="ct-col w100" v-if="detailpo.priceCount<=0">
                <div>{{detailpo.priceCount}}种
                </div>
              </span>
              <span class="ct-col w100">{{detailpo.highPrice}}</span>
              <span class="ct-col w100">{{detailpo.lowPrice}}</span>
              <span class="ct-col w80">
                <a href="javascript:void(0);" v-link="{ path:'/certPrice/'+detailpo.guid}" class="btn button-green">明细</a>
              </span>
            </div>
            <div class="row-launch" style="display: none;" id="row-l1{{$index}}">
              <h3>物价（{{detailpo.search==null?0:detailpo.search.total}}）</h3>
              <table class="itable">
                <thead>
                  <tr>
                    <th class="w30">序号</th>
                    <th class="w80">物价类型</th>
                    <th class="w70">地区</th>
                    <th class="w120">医疗机构</th>
                    <th class="w60">价格</th>
                    <th class="w60">年</th>
                    <th class="w60">期</th>
                    <th class="w60">页</th>
                    <th class="w120">医保编号</th>
                    <th class="w60">照片</th>
                  </tr>
                </thead>
                <tbody>
                  <tr v-if="!detailpo.mxList" >
                    <td colspan="10">暂无符合条件的记录</td>
                  </tr>
                  <tr v-else v-for="mx in detailpo.mxList" >
                    <td>{{$index+1}}</td>
                    <td>{{mx.pricetype | pricetype}}</td>
                    <td>{{mx.province}}</td>
                    <td>{{mx.purchasemedname}}</td>
                    <td>{{mx.price}}</td>
                    <td>{{mx.year}}</td>
                    <td>{{mx.issue}}</td>
                    <td>{{mx.page}}</td>
                    <td>{{mx.hinumber}}</td>
                    <td>
                      <imagebox v-bind:imgarr="mx.coverpictcontent | original" v-if="mx.coverpictcontent!=null">
                          <div class="big-imgs" style="top:60px;left:0px;z-index: 99;">
                          </div>
                          <img class="yb-img" :src="mx.coverpictcontent | original">
                      </imagebox>
                      <img src="/images/default.jpg" class="yb-img" v-if="mx.coverpictcontent==null">
                    </td>
                  </tr>
                </tbody>
              </table>
              <div class="zip" @click="slideup($index,1)"></div>
            </div>
          </div>
        </div>
      </div>
       <div class="pagination m-20-0">
          <pagination 
           @page-change="getData" 
           :page-no.sync="search.pageNo" 
           :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>
  </div>
</template>