itsm-pc-handle/assets/views/system/tpl/faultConsumableschange.html

<div class="modal-header">
  <div class="modal-title fontcolor-two fontsizes-14">
    {{title}}<button type="button" class="close pull-right" ng-click="cancel()">
      ×
    </button>
  </div>
</div>
<div
  class="modal-body margin-top-15 margin-left-15 margin-bottom-15 margin-right-15 addrequster"
>
  <form role="form" class="row">
    <div class="margin-left-30 margin-right-30 margin-top-20">
      <div class="margin-bottom-15 anline">
        <div
          class="pull-left openaddlable control-label fontcolor-two fontsizes-14"
        >
          耗材信息<span class="red">*</span>:
        </div>
        <div class="pull-right openaddinput">
          <ui-select
            multiple
            class="c_item_value"
            style="height: auto;text-align:left;"
            ng-model="deptdata.consumableIds"
            theme="bootstrap"
            ng-required="true"
            reset-search-input="true"
          >
            <ui-select-match placeholder="请选择耗材信息">
              <span ng-bind="$item.name"></span>
            </ui-select-match>
            <ui-select-choices
              repeat="item in consumableList"
              refresh="searchConsumable($select.search)"
            >
              <div ng-bind-html="item.name + '(' + item.brandModel + ')' + '(' + item.unit + ')' + '(' + item.inventoryNum + ')' | highlight: $select.search"></div>
            </ui-select-choices>
          </ui-select>
        </div>
      </div>
      <div class="margin-bottom-15 anline">
        <div
          class="pull-left openaddlable control-label fontcolor-two fontsizes-14"
        >
          故障现象<span class="red">*</span>:
        </div>
        <div class="pull-right openaddinput fault">
          <multi-select-tree
            data-default-label="请选择故障现象"
            class="muti-com"
            ng-model="cifilter_classic"
            data-input-model="select_treedata"
            data-output-model="deptdata.category"
            theme="bootstrap"
            multi-select="false"
            data-callback="onFilterCallback(item)"
            data-select-only-leafs="false"
            reset-search-input="false"
            data-trans-label="category"
            data-switch-view="false"
          >
          </multi-select-tree>
        </div>
      </div>
    </div>
  </form>
</div>
<div class="modal-footer">
  <a ng-click="savercode(deptdata)" data-dismiss="modal" class="btn btn-primary"
    >保存</a
  >
  <button
    class="btn btn-primary btn-o"
    ng-click="cancel()"
    translate="modal.button.CANCEL"
  >
    取消
  </button>
</div>
<style>
  .fault .muti-com {
    text-align: left;
  }
  .fault .muti-com .tree-view {
    width: 338px;
  }
</style>