platform-b2c/src/main/webapp/resources/view/admin/modal/auditRegulpicpass_modal.html

<style type="text/css">
  h3.modal-title {
    font-size: 17px;
    line-height: 1;
    color: #fff;
  }

  #body {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
  }
  .modal-content {
    overflow: hidden;
  }
  div.title {
    background-color: #3ba9e9;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
  }

  #body . {
    margin-bottom: 10px;
  }

  .close {
    font-size: 22px;
  }
  [class^="span"] {
    width: auto;
  }
  .form-horizontal .form-group {
    line-height: 28px;
  }
  .form-horizontal div {
    color: #333;
    font-size: 14px
  }
  .form-horizontal .name {
    color: #999
  }
  .listUl {
    position: absolute;
    top: 28px;
    left: 15px;
    width: 240px;
    max-height: 140px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #dcdcdc;
    z-index: 10;
  }
  .listUl li {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-indent: 12px;
  }
  .listUl li:hover {
    background: #dcdcdc;
    cursor: pointer;
  }
</style>
<div class="modal-header title">
  <button type="button" class="close" ng-click="dismiss()"><span>×</span></button>
  <h3 class="modal-title">通过</h3>
</div>
<form class="form-horizontal " name="myForm" novalidate>
  <div class="modal-body" id="body" style="padding: 0px 15px;">
    <div class="form-group">
      <div class="col-sm-3 name">品牌：</div>
      <div class="col-sm-9">{{item.product.pbranden || item.product.brand || '-'}}</div>
    </div>
    <div class="form-group">
      <div class="col-sm-3 name">物料名称：</div>
      <div class="col-sm-9">{{item.product.prodName || item.product.kind || '-'}}</div>
    </div>
    <div class="form-group">
      <div class="col-sm-3 name">型号：</div>
      <div class="col-sm-9">{{item.product.pcmpcode || item.product.cmpCode || '-'}}</div>
    </div>
    <div class="form-group" style="border-bottom: 1px dashed #dcdcdc;padding-bottom: 15px;">
      <div class="col-sm-3 name">规格书：</div>
      <div class="col-sm-9"><a href="{{item.uploadAttach}}" target="_blank"><img src="static/img/vendor/images/pdf.png" style="width:28px;height:28px;"/></a></div>
    </div>
    <div class="form-group">
      <div class="col-sm-3 name" style="color: #333"><em style="color: #ea0e0e">*</em>品牌：</div>
      <div class="col-sm-9" style="position: relative;" ng-show="!Showbrand">
        <input id="brannameid" type="text" ng-blur="onBrandBlur(keyword)"  ng-change="onBrandChange(keyword)" placeholder="请选择品牌名称" ng-model="keyword" class="form-control" style="width: 240px;height: 28px" />
        <ul class="listUl" ng-if="BrandList.value.length > 0">
          <li ng-repeat="item in BrandList.value" ng-click="setBrand(item.nameEn,item.id)">
            {{item.nameEn}}
          </li>
        </ul>
      </div>
      <div class="col-sm-9" style="position: relative;" ng-if="Showbrand">
        {{item.brand.nameEn}}
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-3 name" style="color: #333"><em style="color: #ea0e0e">*</em>商城类目：</div>
      <div class="col-sm-9" ng-if="!ShowKind">
        <div class="col-sm-4" style="padding: 0px;">
          <select class="form-control"
                  ng-model="kindPojo.first"
                  ng-change="ChooseFirstItem()"
                  style="opacity: 1;height:28px;overflow-y: scroll;line-height:28px;padding: 0 6px;">
            <option value="请选择一级类目" selected="selected">请选择一级类目</option>
            <option ng-repeat="item in FisrtkindInfo" value="{{item.id}}">{{item.nameCn}}</option>
          </select>
        </div>
        <div class="col-sm-4" style="padding: 0px;">
          <select class="form-control" ng-model="kindPojo.second" ng-show="TwokindInfo.length > 0"
                  ng-change="ChooseTwoItem()" style="height:28px;line-height:28px;padding: 0 6px;">
            <option value="请选择二级类目" selected="selected">请选择二级类目</option>
            <option ng-repeat="item in TwokindInfo" value="{{item.id}}">{{item.nameCn}}</option>
          </select>
        </div>
        <div class="col-sm-4" style="padding: 0px;">
          <select class="form-control" ng-model="kindPojo.third" style="opacity: 1;height:28px;line-height:28px;padding: 0 6px;"
                  ng-show="ThreekindInfo.length> 0">
            <option value="请选择三级类目" selected="selected">请选择三级类目</option>
            <option ng-repeat="item in ThreekindInfo" value="{{item.id}}">{{item.nameCn}}</option>
          </select>
        </div>
      </div>
      <div class="col-sm-9" ng-if="ShowKind">
        {{item.kind.nameCn}}
      </div>
    </div>
    <div class="form-group" style="border-bottom: 1px solid #dcdcdc;padding-bottom: 12px;">
      <div class="col-sm-3 name" style="color:#333;">规格：</div>
      <div class="col-sm-9">
        <input type="text" placeholder="请输入规格（非必填）" ng-model="spec" class="form-control" style="width: 240px;height: 28px" />
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-6">
        <input class="btn btn-primary" type="button" value="确定" ng-click="saveReason()" style="float: right;"/>
      </div>
      <div class="col-sm-6">
        <input class="btn btn-default" type="button" value="取消" ng-click="dismiss()"/>
      </div>
    </div>
  </div>
</form>