<style>
  .pr25{
    padding-right: 25px;
  }
</style>
<template>
<div class="container resource close-left-menu" style="min-height: 802px;">

  <div class="pop-banner clearfix">
    <div class="operate-btns">
      <a href="javascript:void(0)" class="fbtn fb-return"
      v-on:click="go">返回</a>
    </div>
    <h3 class="current-module">商品详情</h3>
  </div>
  
  <!--business-product start-->
  <div class="business-product clearfix">
  
    <div class="pd-form">
      <div class="group-row">
        <div class="form-group">
          <label for="cn2" class="label">商品编号</label>
          <div class="control input-has-btn">
            <input type="text" id="cn2" 
            v-model="list.goodscode" readonly="readonly">
            <span class="input-state">已对码</span>
          </div>
        </div>
        <div class="form-group">
          <label for="cn3" class="label">商品名称</label>
          <div class="control">
            <input type="text" id="cn3" 
            v-model="list.goodsname" readonly="readonly">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn1" class="label">生产厂商</label>
          <div class="control ">
            <input type="text" id="cn1" 
            v-model="list.importedflag" readonly="readonly">
          </div>
        </div>
        <div class="form-group">
          <label for="cn4" class="label">批准文号／注册证号</label>
          <div class="control">
            <input type="text" id="cn4" 
            v-model="list.registkey" readonly="readonly">
          </div>
        </div>
      </div>
      <div class="group-row">
    <div class="form-group">
          <label for="cn7" class="label">规格</label>
          <div class="control">
            <input type="text" v-model="list.goodsspec" id="cn7" readonly="readonly">
          </div>
        </div>
         <div class="form-group">
          <label class="label" for="cn24">业务状态</label>
          <div class="control">
             <input type="text" value="有效" id="cn7" readonly="readonly">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn8" class="label">品牌</label>
          <div class="control">
            <input type="text" v-model="list.brand" id="cn9" readonly="readonly">
          </div>
        </div>
        <div class="form-group">
          <label class="label">生产来源</label>
          <div class="control">
            <div class="radio-control">
              <input type="radio" id="radio01" name="radioio" 
              :checked="list.importedflag">
              <label class="radio" for="radio01">国产</label>
              <input type="radio" name="radioio" id="radio02"
              :checked="list.importedflag">
              <label class="radio" for="radio02">进口</label>
            </div>
          </div>
        </div>
      </div>
      <div class="group-row">
    <div class="form-group">
          <label for="cn6" class="label">产地</label>
          <div class="control">
            <input type="text" id="cn6" 
            v-model="list.productionaddress" readonly="readonly">
          </div>
        </div>
        <div class="form-group">
          <label class="label w150">是否需要批号管理</label>
          <div class="control">
            <div class="radio-control">
              <input type="radio" id="radio21" name="radioio2" 
              :checked="list.islotctrlinput">
              <label class="radio" for="radio21">需要</label>
              <input type="radio" name="radioio2" id="radio22"
              :checked="list.islotctrlinput">
              <label class="radio" for="radio22">不需要</label>
            </div>
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn23" class="label">计量单位</label>
          <div class="control">
            <input type="text" v-model="list.unitstyle" id="cn23" readonly="readonly">
          </div>
        </div>
        <div class="form-group">
          <label for="cn9" class="label">商品大类</label>
          <div class="control">
            <input type="text" v-model="list.goodscate"
             id="cn23" readonly="readonly">
          </div>
        </div>   
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn22" class="label">药品本位码</label>
          <div class="control">
            <input type="text" v-model="list.productstandardcode" id="cn22" readonly="readonly">
          </div>
        </div>
         <div class="form-group">
          <label class="label" for="cn24">高值分类</label>
          <div class="control">
           <input type="text" v-model="list.highvaluecate" id="cn22" readonly="readonly">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn22" class="label">药品本位码</label>
          <div class="control">
            <input type="text" 
            v-model="list.productstandardcode" id="cn22" readonly="readonly">
          </div>
        </div>
        <div class="form-group">
          <label class="label">器械分类</label>
          <div class="control">
            <div class="radio-control">
              <input type="radio" id="radio11" name="radioio1" 
              :checked="list.itemcatagory">
              <label class="radio" for="radio11">一类</label>
              <input type="radio" name="radioio1" id="radio12"
              :checked="list.itemcatagory">
              <label class="radio" for="radio12">二类</label>
              <input type="radio" name="radioio1" id="radio13"
              :checked="list.itemcatagory">
              <label class="radio" for="radio13">三类</label>
            </div>
          </div>
        </div>
      </div>
      <div class="group-row">
        
      </div>

      <div class="package-form clearfix">
        <div class="package-item package-sm" style="margin-left:21px;width:320px">
          <h3>小包装</h3>
          <div class="package-msg">
            <label for="cn11">包装含量</label>
            <input type="text" id="cn11" readonly="readonly" style="width:240px;"
            v-model="list.minunitqty">
          </div>
          <div class="package-msg">
            <label for="cn12">包装单位</label>
            <input type="text" id="cn12" readonly="readonly" style="width:240px;"
            v-model="list.minunitstyle">
          </div>
          <div class="package-msg">
            <label for="cn13">包装条码</label>
            <input type="text" id="cn13" readonly="readonly" style="width:240px;"
            v-model="list.litbcd">
          </div>
        </div>
        <div class="package-item package-lg" style="width:635px;padding-left:60px;">
          <h3>大包装</h3>
          <div class="package-msg">
            <label for="cn14">包装含量</label>
            <input type="text" id="cn14" readonly="readonly"
            v-model="list.bigunitqty">
            <label for="cn17">长(cm)</label>
            <input type="text" id="cn17" readonly="readonly" class="w90"
            v-model="list.length">
            <label for="cn18">净重(kg)</label>
            <input type="text" id="cn18" readonly="readonly" class="w90"
            v-model="list.netweight">
          </div>
          <div class="package-msg">
            <label for="cn15">包装单位</label>
            <input type="text" id="cn15" readonly="readonly"
            v-model="list.bigunitstyle">
            <label for="cn19">宽(cm)</label>
            <input type="text" id="cn19" readonly="readonly" class="w90"
            v-model="list.width">
            <label for="cn20">毛重(kg)</label>
            <input type="text" id="cn20" readonly="readonly" class="w90"
            v-model="list.grossweight">
          </div>
          <div class="package-msg">
            <label for="cn16">包装条码</label>
            <input type="text" id="cn16" readonly="readonly"
            v-model="list.bigbcd">
            <label for="cn21">高(cm)</label>
            <input type="text" id="cn21" readonly="readonly" class="w90"
            v-model="list.height">
          </div>
        </div>
      </div>

      <div class="form-group">
        <label for="cn10" class="label">备注</label>
        <div class="control">
          <textarea id="cn10" rows="5" class="bgc-gray"
          v-model="list.memo"></textarea>
        </div>
      </div>
    </div>


    
    <div class="switch-btn switch-show"
    v-on:click="show1=!show1">供应关系</div>
    <div class="switch-content" v-show="show1">
      <table class="itable">
        <thead>
          <tr>
            <th class="w50">序号</th>
            <th class="w170">供应方式</th>
            <th class="w250">医院</th>
            <th class="w240">配送商</th>
            <th class="w120">结算方式</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="item in list2">
            <td>{{$index+1}}</td>
            <td>{{item.SupplyMethod}}</td>
            <td><div class="p-lr-10">{{item.Name}}</div></td>
            <td><div class="p-lr-10">北京医药股份有限公司</div></td>
            <td>{{item.SettleMethod}}</td>
          </tr>
        </tbody>
      </table> 

    </div>

    <div class="switch-btn switch-show"
    v-on:click="show2=!show2">医疗器械注册证</div>
    <div class="switch-content" v-show="show2">
      <table class="itable itable-td-long-text">
        <thead>
          <tr>
          <th class="w90 t-left"><div class="p-lr-10">序号</div></th>
            <th class="w200">注册证号</th>
            <th class="w150">有效期</th>
            <th class="w160">生产厂商</th>
            <th class="w120">生产来源</th>
            <th class="w120">业务状态</th>
          </tr>
        </thead>
        <tbody>
          <tr  >
            <td class="cert-select t-left">
              <div class="p-lr-10">
                1
                <div class="cert-mini" 
                v-bind:style="{backgroundImage: list3.pictcontent}">
                  <span class="cert-max"></span>
                </div>
              </div>
            </td>
            <td class="t-left"><div class="p-tit-blue">{{list3.registkeyname}}</div><br>{{list3.registkey}}</td>
            <td><div class="p-lr-10">{{list3.begindate}}
            至{{list3.enddate}}</div></td>
            <td><div class="p-lr-10">{{list3.producer}}</div></td>
            <td>{{list3.importedflag==0?"国产":"进口"}}</td>
            <td>{{list3.state=="0"?"无效":"有效"}}</td>
          </tr>
        </tbody>
      </table> 

    </div>
    <div class="switch-btn switch-show"
    v-on:click="show3=!show3">经销授权书</div>
     <div class="switch-content " v-show="show3">
          <div class="row-launch clearfix ">
            <!-- 授权信息 -->
            <div class="auth-info auth-level-4 w60 fl">
              <div class="auth-item">
                <div class="ai-title">授权单位</div>
              </div>
              <div class="auth-item">
                <div class="ai-title">授权时间</div>
              </div>
              <div class="auth-item">
                <div class="ai-title">授权截止</div>
              </div>
              <div class="auth-item">
                <div class="ai-title">授权范围</div>
              </div>
              <div class="auth-item">
                <div class="ai-title">证书照片</div>
              </div>
            </div> 

            <div class="auth-info auth-level-4">
              <div style="width:1230px;"><!-- 这里宽度的公式为：    140 + (n-2)*180 + 200 + n*12         -->
                <div class="auth-item">
                  <div class="ai-msg">
                    <ul class="auth-org-list">
                      <li><span>{{list4.productname}}</span></li>                     
                    </ul>
                  </div>
                </div>
                <div class="auth-item">
                  <div class="ai-msg"><span class="ai-col">{{list4.createTime}}</span></div>
                </div>
                <div class="auth-item">
                  <div class="ai-msg"><span class="ai-col">{{list4.years}}</span></div>
                </div>
                <div class="auth-item">
                  <div class="ai-msg"><span class="ai-col">{{list4.AuthorizeRange}}</span></div>
                </div>
                <div class="auth-item">
                  <div class="ai-msg">
                    <ul class="cert-list">
                      <li>
                        <div class="cert-box big-imgs" 
                        v-bind:style="{backgroundImage:'url('+this.piccontent+')'}">
                         <!--  <div class="prev"></div>
                          <div class="next"></div> -->
                        </div>
                        <div class="cert-page"><em>01</em>/20</div>
                      </li>                      
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>

    <div class="switch-btn switch-show"
    v-on:click="show4=!show4">生产厂商</div>
    <div class="switch-content" v-show="show4">
      
      <div class="contractor-head">
        <h3>{{list5.producer}}</h3>
        <span class="fr primary-text">{{list5.producertype}}</span>
      </div>
      <div class="com-form">
        <div class="group-row">
          <div class="form-group">
            <label for="cn1" class="label">公司电话</label>
            <div class="control">
              <input type="text" id="cn1" v-model="list5.corptel">
            </div>
          </div>
          <div class="form-group">
            <label for="cn2" class="label">传真</label>
            <div class="control">
              <input type="text" id="cn2" v-model="list5.corpfax">
            </div>
          </div>
        </div>
        <div class="group-row">
          <div class="form-group">
            <label for="cn3" class="label">联系电话</label>
            <div class="control">
              <input type="text" id="cn3" v-model="list5.contacttel">
            </div>
          </div>
          <div class="form-group">
            <label for="cn4" class="label">网址</label>
            <div class="control">
              <input type="text" id="cn4" v-model="list5.corpweb">
            </div>
          </div>
        </div>
        <div class="group-row">
          <div class="form-group">
            <label for="cn5" class="label">注册地址</label>
            <div class="control">
              <div class="address-select">
                <input type="text" v-model="list5.province">省
                <input type="text" v-model="list5.city">市
                <input type="text" v-model="list5.district">
              </div>
              <input type="text" v-model="list5.address">
            </div>
          </div>
          <div class="form-group">
            <label for="cn7" class="label">邮箱</label>
            <div class="control">
              <input type="text" id="cn7" v-model="list5.email">
            </div>
          </div>
        </div>
      </div>




     <div class="fpart">
      <div class="fheader no-bottom">
        <div class="fl radio-control">
          三证合一
          <radio style="float: right;padding-left:10px; " :list="ctns.IsLicThreeToOne" :checked.sync="list5.mfmedexcproducer.islicthreetoone" v-bind:disabled="true">
          </radio> 

        </div>
        <span class="tips">此项为必填项</span>
      </div>
 
       <div class="cert-manage clearfix bd-gray2" style="height:340px;margin:0px;">
        <div class="cert-item " style="margin-left:10px;">
            <div class="cert-type" style="margin:10px 10px 0px 24px;">
              <div class="cert-name" style="margin-left:45px;">营业执照</div>
            </div>
            <div class="cert-view warn bd-none" style="width:200px;">
              <ul class="cert-list">
                <li class="isoverdue" v-if="hospitalProductDetail.mfmedexcmftlicLiIsFirst.enddate | compareDate">
                  <div class="pro-pic pro-pic-lg  hsv-mft-img">
                    <imagebox v-bind:imgarr="hospitalProductDetail.mfmedexcmftlicLiIsFirst.pictcontent | original">
                      <img class="hsv-mft-img" src="{{hospitalProductDetail.mfmedexcmftlicLiIsFirst.pictcontent | thumbnail}}">
                      <span class="pic-max blue-search hsv-mft-BigImg">
                      </span>
                    </imagebox>
                  </div>
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicLiIsFirst.licenseno" disabled="disabled" >
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicLiIsFirst.begindate | getYMD" disabled="disabled">
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicLiIsFirst.enddate | getYMD" disabled="disabled">
                  <div class="deadline w170">
                    <span class="overdue">已过期</span>
                    <a  class="fr text-color-blue" style="line-height:30px;margin-right:10px;" @click="showPicInfoByType(1)"><ins>更多</ins></a>
                  </div>  
                </li>
                <li v-else>
                  <div class="pro-pic pro-pic-lg  hsv-mft-img">
                    <imagebox v-bind:imgarr="hospitalProductDetail.mfmedexcmftlicLiIsFirst.pictcontent | original">
                      <img class="hsv-mft-img" src="{{hospitalProductDetail.mfmedexcmftlicLiIsFirst.pictcontent | thumbnail}}">
                      <span class="pic-max blue-search hsv-mft-BigImg">
                      </span>
                      </img>
                    </imagebox>                      
                  </div>
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicLiIsFirst.licenseno" disabled="disabled">
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicLiIsFirst.begindate | getYMD" disabled="disabled">
                  <input type="text" style="width:167px;" class="text-empty" value="长期" disabled="disabled" v-if="hospitalProductDetail.mfmedexcmftlicLiIsFirst.isunlimited | IsUnlimited">                        
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicLiIsFirst.enddate | getYMD" disabled="disabled" v-else>
                  <div class="deadline w170">
                    <div class="checkbox-control fl">
                      <input type="checkbox" name="{{hospitalProductDetail.mfmedexcmftlicLiIsFirst.guid}}" id="{{hospitalProductDetail.mfmedexcmftlicLiIsFirst.guid}}" v-model="hospitalProductDetail.mfmedexcmftlicLiIsFirst.isunlimited | IsUnlimited" v-bind:disabled="true">
                      <label class="checkbox  mr-0" for="{{hospitalProductDetail.mfmedexcmftlicLiIsFirst.guid}}">无期限</label>
                    </div>
                    <a class="fr text-color-blue" style="line-height:30px;margin-right:10px;" @click="showPicInfoByType(1)"><ins>更多</ins></a>
                  </div>                  
                </li>
              </ul>
            </div>
          </div>
           <div class="cert-item">
          <div class="cert-type" style="margin:10px 10px 0px 24px;">
            <div class="cert-name ml-40">税务登记证</div>
          </div>
          <div class="cert-view bd-none" style="width:200px;">
            <ul class="cert-list">
               <li class="isoverdue" v-if="hospitalProductDetail.mfmedexcmftlicTrcIsFirst.enddate | compareDate">
                  <div class="pro-pic pro-pic-lg  hsv-mft-img">
                    <imagebox v-bind:imgarr="hospitalProductDetail.mfmedexcmftlicTrcIsFirst.pictcontent | original">
                      <img class="hsv-mft-img" src="{{hospitalProductDetail.mfmedexcmftlicTrcIsFirst.pictcontent | thumbnail}}">
                      <span class="pic-max blue-search hsv-mft-BigImg">
                      </span>
                    </imagebox>
                  </div>
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicTrcIsFirst.licenseno" disabled="disabled" >
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicTrcIsFirst.begindate | getYMD" disabled="disabled">
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicTrcIsFirst.enddate | getYMD" disabled="disabled">
                  <div class="deadline w170">
                    <span class="overdue">已过期</span>
                    <a class="fr text-color-blue" style="line-height:30px;margin-right:10px;" @click="showPicInfoByType(2)"><ins>更多</ins></a>
                  </div>  
                </li>
                <li v-else>
                  <div class="pro-pic pro-pic-lg  hsv-mft-img">
                    <imagebox v-bind:imgarr="hospitalProductDetail.mfmedexcmftlicTrcIsFirst.pictcontent | original">
                      <img class="hsv-mft-img" src="{{hospitalProductDetail.mfmedexcmftlicLiIsFirst.pictcontent | thumbnail}}">
                      <span class="pic-max blue-search hsv-mft-BigImg">
                      </span>
                      </img>
                    </imagebox>                      
                  </div>
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicTrcIsFirst.licenseno" disabled="disabled">
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicTrcIsFirst.begindate | getYMD" disabled="disabled">
                  <input type="text" style="width:167px;" class="text-empty" value="长期" disabled="disabled" v-if="hospitalProductDetail.mfmedexcmftlicTrcIsFirst.isunlimited | IsUnlimited">                        
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicTrcIsFirst.enddate | getYMD" disabled="disabled" v-else>
                  <div class="deadline w170">
                    <div class="checkbox-control fl">
                      <input type="checkbox" name="{{hospitalProductDetail.mfmedexcmftlicTrcIsFirst.guid}}" id="{{hospitalProductDetail.mfmedexcmftlicTrcIsFirst.guid}}" v-model="hospitalProductDetail.mfmedexcmftlicTrcIsFirst.isunlimited | IsUnlimited" v-bind:disabled="true">
                      <label class="checkbox  mr-0" for="{{hospitalProductDetail.mfmedexcmftlicTrcIsFirst.guid}}">无期限</label>
                    </div>
                    <a class="fr text-color-blue" style="line-height:30px;margin-right:10px;" @click="showPicInfoByType(2)"><ins>更多</ins></a>
                  </div>                  
                </li>
            </ul>
          </div>
        </div>


         <div class="cert-item">
          <div class="cert-type" style="margin:10px 10px 0px 16px;">
            <div class="cert-name" style="margin-left:26px;">组织机构代码证</div>
          </div>
          <div class="cert-view bd-none" style="width:200px;">
            <ul class="cert-list">
              <li class="isoverdue" v-if="hospitalProductDetail.mfmedexcmftlicOccIsFirst.enddate | compareDate">
                  <div class="pro-pic pro-pic-lg  hsv-mft-img">
                    <imagebox v-bind:imgarr="hospitalProductDetail.mfmedexcmftlicOccIsFirst.pictcontent | original">
                      <img class="hsv-mft-img" src="{{hospitalProductDetail.mfmedexcmftlicOccIsFirst.pictcontent | thumbnail}}">
                      <span class="pic-max blue-search hsv-mft-BigImg">
                      </span>
                    </imagebox>
                  </div>
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicOccIsFirst.licenseno" disabled="disabled" >
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicOccIsFirst.begindate | getYMD" disabled="disabled">
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicOccIsFirst.enddate | getYMD" disabled="disabled">
                  <div class="deadline w170">
                    <span class="overdue">已过期</span>
                    <a class="fr text-color-blue" style="line-height:30px;margin-right:10px;" @click="showPicInfoByType(3)"><ins>更多</ins></a>
                  </div>  
                </li>
                <li v-else>
                  <div class="pro-pic pro-pic-lg  hsv-mft-img">
                    <imagebox v-bind:imgarr="hospitalProductDetail.mfmedexcmftlicOccIsFirst.pictcontent | original">
                      <img class="hsv-mft-img" src="{{hospitalProductDetail.mfmedexcmftlicOccIsFirst.pictcontent | thumbnail}}">
                      <span class="pic-max blue-search hsv-mft-BigImg">
                      </span>
                      </img>
                    </imagebox>                      
                  </div>
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicOccIsFirst.licenseno" disabled="disabled">
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicOccIsFirst.begindate | getYMD" disabled="disabled">
                  <input type="text" style="width:167px;" class="text-empty" value="长期" disabled="disabled" v-if="hospitalProductDetail.mfmedexcmftlicOccIsFirst.isunlimited | IsUnlimited">                        
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicOccIsFirst.enddate | getYMD" disabled="disabled" v-else>
                  <div class="deadline w170">
                    <div class="checkbox-control fl">
                      <input type="checkbox" name="{{hospitalProductDetail.mfmedexcmftlicOccIsFirst.guid}}" id="{{hospitalProductDetail.mfmedexcmftlicOccIsFirst.guid}}" v-model="hospitalProductDetail.mfmedexcmftlicOccIsFirst.isunlimited | IsUnlimited" v-bind:disabled="true">
                      <label class="checkbox  mr-0" for="{{hospitalProductDetail.mfmedexcmftlicOccIsFirst.guid}}">无期限</label>
                    </div>
                    <a class="fr text-color-blue" style="line-height:30px;margin-right:10px;" @click="showPicInfoByType(3)"><ins>更多</ins></a>
                  </div>                  
                </li>
            </ul>
          </div>
        </div>

        <div class="cert-item">
          <div class="cert-type" style="margin:10px 10px 0px 16px;">
            <div class="cert-name ml-40">经营许可证</div>
          </div>
          <div class="cert-view bd-none" style="width:200px;">
            <ul class="cert-list">
              <li class="isoverdue" v-if="hospitalProductDetail.mfmedexcmftlicPcIsFirst.enddate | compareDate">
                  <div class="pro-pic pro-pic-lg  hsv-mft-img">
                    <imagebox v-bind:imgarr="hospitalProductDetail.mfmedexcmftlicPcIsFirst.pictcontent | original">
                      <img class="hsv-mft-img" src="{{hospitalProductDetail.mfmedexcmftlicPcIsFirst.pictcontent | thumbnail}}">
                      <span class="pic-max blue-search hsv-mft-BigImg">
                      </span>
                    </imagebox>
                  </div>
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicPcIsFirst.licenseno" disabled="disabled" >
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicPcIsFirst.begindate | getYMD" disabled="disabled">
                  <input type="text" style="width:167px;" v-model="hospitalProductDetail.mfmedexcmftlicPcIsFirst.enddate | getYMD" disabled="disabled">
                  <div class="deadline w170">
                    <span class="overdue">已过期</span>
                    <a class="fr text-color-blue" style="line-height:30px;margin-right:10px;" @click="showPicInfoByType(4)"><ins>更多</ins></a>
                  </div>  
                </li>
                <li v-else>
                  <div class="pro-pic pro-pic-lg  hsv-mft-img">
                    <imagebox v-bind:imgarr="hospitalProductDetail.mfmedexcmftlicPcIsFirst.pictcontent | original">
                      <img class="hsv-mft-img" src="{{hospitalProductDetail.mfmedexcmftlicPcIsFirst.pictcontent | thumbnail}}">
                      <span class="pic-max blue-search hsv-mft-BigImg">
                      </span>
                      </img>
                    </imagebox>                      
                  </div>
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicPcIsFirst.licenseno" disabled="disabled">
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicPcIsFirst.begindate | getYMD" disabled="disabled">
                  <input type="text" style="width:167px;" class="text-empty" value="长期" disabled="disabled" v-if="hospitalProductDetail.mfmedexcmftlicPcIsFirst.isunlimited | IsUnlimited">                        
                  <input type="text" style="width:167px;" class="text-empty" v-model="hospitalProductDetail.mfmedexcmftlicPcIsFirst.enddate | getYMD" disabled="disabled" v-else>
                  <div class="deadline w170">
                    <div class="checkbox-control fl">
                      <input type="checkbox" name="{{hospitalProductDetail.mfmedexcmftlicPcIsFirst.guid}}" id="{{hospitalProductDetail.mfmedexcmftlicPcIsFirst.guid}}" v-model="hospitalProductDetail.mfmedexcmftlicPcIsFirst.isunlimited | IsUnlimited" v-bind:disabled="true">
                      <label class="checkbox  mr-0" for="{{hospitalProductDetail.mfmedexcmftlicPcIsFirst.guid}}">无期限</label>
                    </div>
                    <a class="fr text-color-blue" style="line-height:30px;margin-right:10px;" @click="showPicInfoByType(4)"><ins>更多</ins></a>
                  </div>                  
                </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 证照维护 end -->
      <div style="position:relative;" class="activer focus">
        <span class="close-win" style="top: 54px;right: 20px;"></span>
        <div class="text-color-blue" style="position: absolute;top: 58px;left: 30px;">更多证照-营业执照</div>
      </div>

      <div class="cert-manage clearfix border-blue mt-50" style="height:330px;margin:0px;overflow-x:auto;">

      <div style="width:1500px;"> 
        
        <div class="cert-item" style="margin-left:10px;">

            <div class="cert-type" style="margin:27px 10px 0px 0px;">
              
            </div>
            <div class="cert-view  bd-none" style="width:200px;">
              <ul class="cert-list">
                <li>
                  <div class="cp-box before-none" style="background-image: url(../assets/c1.png);width:167px;height:110px;">
                  </div>
                  <input type="text" class="text-empty" value="注册编号" style="width:167px;">
                  <input type="text" value="2012-02-22" style="width:167px;">
                  <input type="text" value="2033-02-22" style="width:167px;">
                  <div class="deadline w170">
                    <div class="checkbox-control fl">
                        <input type="checkbox" name="cb" id="cball">
                        <label class="checkbox  mr-0" for="cball">无期限</label>
                    </div>
                    <span class="overdue fr" style="display:block;">已过期</span>
                    <!-- <a href="###" class="fr text-color-blue" style="line-height:30px;margin-right:10px;"><ins>更多</ins></a> -->
                  </div>
                </li>
              </ul>
            </div>
          </div>
           <div class="cert-item">
          <div class="cert-type" style="margin:27px 10px 0px 24px;">
          </div>
          <div class="cert-view bd-none" style="width:200px;">
            <ul class="cert-list">
              <li class="isoverdue">
                <div class="cp-box before-none" style="background-image: url(../assets/c2.png);width:167px;height:110px;"></div>
                <input type="text" class="text-empty" value="注册编号" style="width:167px;">
                <input type="text" value="2012-02-22" style="width:167px;">
                <input type="text" value="2013-02-22" style="width:167px;">
                <div class="deadline w170">
                  <div class="checkbox-control fl">
                        <input type="checkbox" name="cb" id="cball">
                        <label class="checkbox  mr-0" for="cball">无期限</label>
                    </div>
                </div>
              </li>
            </ul>
          </div>
        </div>


         <div class="cert-item">
          <div class="cert-type" style="margin:27px 10px 0px 16px;">
          </div>
          <div class="cert-view bd-none" style="width:200px;">
            <ul class="cert-list">
              <li>
                <div class="cp-box cp-empty before-none" style="width:167px;height:110px;background-position-y:32px;"></div>
                <input type="text" class="text-empty" value="注册编号" style="width:167px;">
                <input type="text" class="text-empty" value="开始日期" style="width:167px;">
                <input type="text" class="text-empty" value="有效期至" style="width:167px;">
                <div class="deadline w170">
                  <div class="checkbox-control fl">
                        <input type="checkbox" name="cb" id="cball">
                        <label class="checkbox  mr-0" for="cball">无期限</label>
                    </div>
                    <span class="overdue fr" style="display:block;">已过期</span>
                </div>
              </li>
            </ul>
          </div>
        </div>

        <div class="cert-item">
          <div class="cert-type" style="margin:27px 10px 0px 16px;">
          </div>
          <div class="cert-view bd-none" style="width:200px;">
            <ul class="cert-list">
              <li class="isunlimited">
                <div class="cp-box before-none" style="background-image: url(../assets/c3.png);width:167px;height:110px;">
                </div>
                <input type="text" class="text-empty" value="注册编号" style="width:167px;">
                <input type="text" class="text-empty" value="开始日期" style="width:167px;">
                <input type="text" class="text-empty" value="有效期至" style="width:167px;">
                <div class="deadline w170">
                  <div class="checkbox-control fl">
                        <input type="checkbox" name="cb" id="cball">
                        <label class="checkbox  mr-0" for="cball">无期限</label>
                    </div>
                    <span class="overdue fr" style="display:block;">已过期</span>
                </div>
              </li>
            </ul>
          </div>
        </div>

         <div class="cert-item">
          <div class="cert-type" style="margin:27px 10px 0px 16px;">
          </div>
          <div class="cert-view bd-none" style="width:200px;">
            <ul class="cert-list">
              <li>
                <div class="cp-box cp-empty before-none" style="width:167px;height:110px;"></div>
                <input type="text" class="text-empty" value="注册编号" style="width:167px;">
                <input type="text" class="text-empty" value="开始日期" style="width:167px;">
                <input type="text" class="text-empty" value="有效期至" style="width:167px;">
                <div class="deadline w170">
                  <div class="checkbox-control fl">
                        <input type="checkbox" name="cb" id="cball">
                        <label class="checkbox  mr-0" for="cball">无期限</label>
                    </div>
                    <span class="overdue fr" style="display:block;">已过期</span>
                </div>
              </li>
            </ul>
          </div>
        </div>

      </div>
      </div>
      <!-- 证照维护 end -->
    </div>



    </div>
    <div class="switch-btn switch-show" 
    v-on:click="show5=!show5">产品说明书</div>
    <div class="switch-content" v-show="show5">
      <div class="file-down">
        <span class="file-name">一次性使用动脉止血压迫器</span>
        <span class="file-size">文件大小：1.2M</span>
        <a class="file-down-btn" href="javascript:;">点击下载</a>
      </div>
    </div>

    <div class="switch-btn switch-show"
    v-on:click="show6=!show6">物价</div>
    <div class="switch-content" v-show="show6">
      <div class="pri-form">
        <div class="pf-edit">
          <div class="pf-item require-item">
            <label class="label">物价类型</label>
            <div class="control"><input type="text" value="医院采购价"></div>
          </div>
          <div class="pf-item require-item">
            <label class="label">招标地区</label>
            <div class="control"><input type="text" value="昆明"></div>
          </div>
          <div class="pf-item">
            <label class="label">医疗结构</label>
            <div class="control"><input type="text" value="昆明第一人民医院"></div>
          </div>
          <div class="pf-item require-item">
            <label class="label t-right pr25">价格</label>
            <div class="control"><input type="text" value="1.2"></div>
          </div>
          <div class="pf-item require-item">
            <label class="label">包装单位</label>
            <div class="control"><input type="text" value="支"></div>
          </div>
          <div class="pf-item">
            <label class="label">医保编号</label>
            <div class="control"><input type="text" value="YK0002"></div>
          </div>
          <div class="pf-item">
            <label class="label t-right pr25">年</label>
            <div class="control"><input type="text" value="2010"></div>
          </div>
          <div class="pf-item">
            <label class="label t-right pr25">期</label>
            <div class="control"><input type="text" value="2"></div>
          </div>
          <div class="pf-item">
            <label class="label t-right pr25">页</label>
            <div class="control"><input type="text" value="14"></div>
          </div>
          <div class="pf-item">
            <label class="label">招标时间</label>
            <div class="control"><input type="text" value="2015-10-16"></div>
          </div>
          <div class="pf-item ml-0">
            <label class="label">价格有效期</label>
            <div class="control" style="margin-left:90px"><input type="text"></div>
          </div>
          <div class="pf-item ml-20">
            <label class="label t-right pr25">备注</label>
            <div class="control"><input type="text"></div>
          </div>
          <div class="price-pics-list">
            <div class="price-pic">
              物价表封面
              <div class="pic-box" style="background-image: url(../assets/c23.jpg)"><span>修改照片</span></div>
            </div>
            <div class="price-pic">
              物价表内页
              <div class="pic-box" style="background-image: url(../assets/c24.jpg)"><span>修改照片</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
   

</div>
</template>

<script>
module.exports={
  data:function(){
    return {
      list:{},list2:[],list3:[],list4:[],list5:[],
      hospitalProductDetail:{},
      show1:false,show2:false,show3:false,show4:false,
      show5:false,show6:false
    }
  },methods:{
    go:function(){
        history.go(-1)
    },
    getData:function(casetxt){//请求数据     

      Ajax.get('/api/goverment_supplier_findSupplierGoodsInfo',{
        id:this.$route.params.id
      }).then(function(res){
          var result=res.data;

          if(result.data){
              this.$set('list',result.data);
          }
      }.bind(this))

      Ajax.get('/api/goverment_supplier_findGoodsSupplyRelation',{
        id:this.$route.params.id
      }).then(function(res){
          var result=res.data;

          if(result.data){
              this.$set('list2',result.data);
          }
      }.bind(this))

      Ajax.get('/api/goverment_supplier_getSupplyGoodsRegistry',{
        id:this.$route.params.id
      }).then(function(res){
          var result=res.data;

          if(result.data){
              this.$set('list3',result.data);
          }
      }.bind(this))

      Ajax.get('/api/goverment_supplier_getSupplierAuthorize',{
        id:this.$route.params.id
      }).then(function(res){
          var result=res.data;

          if(result.data){
              this.$set('list4',result.data);
          }
      }.bind(this))

      Ajax.get('/api/goverment_supplier_getProducerPO',{
        id:this.$route.params.id
      }).then(function(res){
          var result=res.data;

          if(result.data){
              this.$set('list5',result.data);
              this.$set('hospitalProductDetail',result.data);
          }
      }.bind(this))

    }
  },route:{
    activate:function(){
      this.getData();
    }
  }
}
</script>