commodity-detail-list.vue 7.89 KB
<template>
  <div class="container resource view view-transition" style="min-height: 802px;">

  <div class="pop-banner clearfix">
    <div class="operate-btns ml-20">
      <a class="fbtn fb-return">返回</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" value="YY0002" readonly="readonly">
            <span class="input-state">已对码</span>
          </div>
        </div>
        <div class="form-group">
          <label for="cn1" class="label">医院采购价</label>
          <div class="control ">
            <input type="text" id="cn1" value="" readonly="readonly">
          </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" value="一次性使用动脉止血压迫器" readonly="readonly">
          </div>
        </div>
        <div class="form-group">
          <label for="cn4" class="label">批准文号/注册证号</label>
          <div class="control">
            <input type="text" id="cn4" value="京械注准20152400421" readonly="readonly">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn5" class="label">生产厂商</label>
          <div class="control">
            <input type="text" value="乐普(北京)医疗器械股份有限公司" id="cn5" readonly="readonly">
          </div>
        </div>
         <div class="form-group">
          <label class="label" for="cn24">业务状态</label>
          <div class="control">
            <input type="text" value="有效" id="cn5" 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" value="无" id="cn7" 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="checked">
              <label class="radio" for="radio01">国产</label>
              <input type="radio" name="radioio" id="radio02">
              <label class="radio" for="radio02">进口</label>
            </div>
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn8" class="label">品牌</label>
          <div class="control">
            <input type="text" value="乐普" id="cn9" 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="checked">
              <label class="radio" for="radio21">需要</label>
              <input type="radio" name="radioio2" id="radio22">
              <label class="radio" for="radio22">不需要</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" value="北京" readonly="readonly">
          </div>
        </div>
        <div class="form-group">
          <label for="cn9" class="label">商品大类</label>
          <div class="control">
            <input type="text" id="cn6" value="器械" readonly="readonly">
          </div>
        </div>   
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn23" class="label">计量单位</label>
          <div class="control">
            <input type="text" value="" id="cn23" readonly="readonly">
          </div>
        </div>
         <div class="form-group">
          <label class="label" for="cn24">高值分类</label>
          <div class="control">
            <input type="text" id="cn6" value="跟台高值" 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" value="" 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="checked">
              <label class="radio" for="radio11">一类</label>
              <input type="radio" name="radioio1" id="radio12">
              <label class="radio" for="radio12">二类</label>
              <input type="radio" name="radioio1" id="radio13">
              <label class="radio" for="radio13">三类</label>
            </div>
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn22" class="label">器械产品DI</label>
          <div class="control">
            <input type="text" value="" id="cn22" readonly="readonly">
          </div>
        </div>
      </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;">
          </div>
          <div class="package-msg">
            <label for="cn12">包装单位</label>
            <input type="text" id="cn12" readonly="readonly" style="width:240px;">
          </div>
          <div class="package-msg">
            <label for="cn13">包装条码</label>
            <input type="text" id="cn13" readonly="readonly" style="width:240px;">
          </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">
            <label for="cn17">长(cm)</label>
            <input type="text" id="cn17" readonly="readonly" class="w90">
            <label for="cn18">净重(kg)</label>
            <input type="text" id="cn18" readonly="readonly" class="w90">
          </div>
          <div class="package-msg">
            <label for="cn15">包装单位</label>
            <input type="text" id="cn15" readonly="readonly">
            <label for="cn19">宽(cm)</label>
            <input type="text" id="cn19" readonly="readonly" class="w90">
            <label for="cn20">毛重(kg)</label>
            <input type="text" id="cn20" readonly="readonly" class="w90">
          </div>
          <div class="package-msg">
            <label for="cn16">包装条码</label>
            <input type="text" id="cn16" readonly="readonly">
            <label for="cn21">高(cm)</label>
            <input type="text" id="cn21" readonly="readonly" class="w90">
          </div>
        </div>
      </div>

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

  </div>
  <!--business-product end-->

</div>
</template>