itsm-pc-handle/assets/views/inspect/inspectList.html

<!-- <div ng-controller="inspectListCtrl">
    <section id="page-title">
        <div class="row">
            <div class="col-sm-8">
                <h1 class="mainTitle">巡检列表</h1><span class="mainDescription">巡检列表,点击操作处理任务</span></div>
        </div>
    </section>
    <div ui-i18n="{{lang}}" class="col-xs-12">
        <div class="col-xs-12  margin-bottom-10 padding-left-0">
            <div class="margin-right-20" style="float:left;display:inline;min-width:210px;">
                <select ng-model="searchTypes" class="cs-select cs-skin-slide" ng-change="onChange(searchTypes)">
                  <option value="all"> 全部巡检请求 </option>
	              <option value="todo" selected="selected">待我处理的巡检请求</option>
	              <option value="done">我处理过的巡检请求</option>
	            </select>
            </div>

            <a ladda="ldloading.expand_right" class="btn btn-primary" data-style="expand-right" ng-click="reload()">
                <span translate="list.button.REFRESH">Refresh Data</span>
                <i class="ti-reload" />
            </a>
        </div>
        <div class="col-xs-2 col-md-2 col-sm-2">
            <h5 class="over-title margin-bottom-15"><i class="fa fa-building-o" /><span class="text-bold">巡检分类</span></h5>
            <div>
                <div class="row">
                    <div class="panel panel-white">
                        <div class="panel-body">
                            <div class="box-tree">
                                <span ng-if="doing_async">...加载中...</span>
                                <abn-tree tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" expand-level="2" initial-selection="Granny Smith" icon-leaf="ti-file" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-10">
            <div class=" ">
                <div id="grid1 " ui-grid="gridOptions " ui-grid-pagination external-scopes="$scope " ui-grid-cellNav ui-grid-resize-columns ui-grid-selection ui-grid-auto-resize class="grid ">

                </div>
            </div>
        </div>
    </div>
</div> -->

<style>
  .inspectlistsearch {
    width: 30% !important;
    margin-right: 16px;
  }
  .iptSize {
    width: 60% !important;
    height: 28px !important;
  }
  .tree-control .tree-input {
    min-height: 28px !important;
  }
  .searchBtnBox > .btn {
    margin: 0 8px 10px 0;
  }
</style>
<div ng-controller="inspectListCtrl">
  <!-- <section id="page-title">
        <div class="row">
            <div class="col-sm-8">
                <h1 class="mainTitle">巡检列表</h1><span class="mainDescription">巡检列表,点击操作处理任务</span></div>
        </div>
    </section> -->
  <section id="page-title">
    <div class="row">
      <div class="col-sm-8">
        <h1 class="mainTitle">
          巡检列表<i
            tooltip="巡检列表,点击操作处理任务"
            tooltip-placement="right"
            class="fa ti-help-alt margin-left-10 fontcolor-five pointfont"
          ></i>
        </h1>
      </div>
    </div>
  </section>
  <!-- <div class="row searchlistback margin-top-15" id="searchid"> -->
  <div class="list-controls clearfix">
    <div class="btn-group">
      <button
        class="btn btn-statebutton statebutton keepleftbottom"
        ng-click="onChange('all')"
        ng-class="{'statecolor':searchstate=='all'}"
      >
        全部
      </button>
      <button
        class="btn btn-statebutton statebutton"
        ng-class="{'statecolor':searchstate=='todo'}"
        ng-click="onChange('todo')"
      >
        待处理
      </button>
      <button
        class="btn btn-statebutton statebutton"
        ng-class="{'statecolor':searchstate=='done'}"
        ng-click="onChange('done')"
      >
        处理过
      </button>
    </div>
  </div>
  <div class="row searchlistback" id="searchid">
    <div class="col-xs-10" style="padding-right: 0px !important">
      <form class="form-inline incidentsearchsize col-xs-12">
        <div class="form-group inspectlistsearch">
          <div>
            <div class="control-label pull-left" style="padding-top: 4px">
              计划主题:
            </div>
            <ui-select
              class="pull-right iptSize"
              ng-model="tData.title" ng-change="changeTitle()"
              theme="bootstrap"
            >
              <ui-select-match placeholder="">
                {{$select.selected.title}}
              </ui-select-match>
              <ui-select-choices repeat="item in titleData">
                <div
                  ng-bind-html="item.title | highlight: $select.search"
                ></div>
              </ui-select-choices>
            </ui-select>
          </div>
        </div>
        <div class="form-group inspectlistsearch">
            <div>
              <div class="control-label pull-left" style="padding-top: 4px">
                批次号:
              </div>
              <ui-select
                class="pull-right iptSize"
                ng-model="tData.batchNo"
                theme="bootstrap"
              >
                <ui-select-match placeholder="">
                  {{$select.selected.batchNo}}
                </ui-select-match>
                <ui-select-choices repeat="item in batchNoData">
                  <div
                    ng-bind-html="item.batchNo | highlight: $select.search"
                  ></div>
                </ui-select-choices>
              </ui-select>
            </div>
          </div>
        <div class="form-group inspectlistsearch">
          <div class="pull-left" style="padding-top: 4px">巡检范围:</div>
          <div class="pull-right iptSize" style="display: inline">
            <div>
              <multi-select-tree
                ng-model="model.inspectionProcessActual.inspectionType"
                data-input-model="my_data"
                data-output-model="model.inspectionProcessActual.inspectionType"
                theme="bootstrap"
                multi-select="false"
                data-default-label=""
                data-callback="onFilterCallback(item)"
                data-select-only-leafs="false"
                reset-search-input="false"
                data-trans-label="label"
                data-switch-view="false"
              ></multi-select-tree>
            </div>
          </div>
        </div>
        <div class="form-group inspectlistsearch">
          <div class="pull-left" style="padding-top: 4px">处理人:</div>
          <ui-select
            class="pull-right iptSize"
            ng-model="model.inspectionProcessActual.inspection.executeUser"
            theme="bootstrap"
          >
            <ui-select-match placeholder="">
              {{$select.selected.name}}
            </ui-select-match>
            <ui-select-choices repeat="item in executeUserData">
              <div ng-bind-html="item.name | highlight: $select.search"></div>
            </ui-select-choices>
          </ui-select>
        </div>
        <!-- <div class="form-group inspectlistsearch">
          <div class="pull-left" style="padding-top: 4px">创建人:</div>
          <ui-select
            class="pull-right iptSize"
            ng-model="model.inspectionProcessActual.inspection.createUser"
            theme="bootstrap"
          >
            <ui-select-match placeholder="">
              {{$select.selected.name}}
            </ui-select-match>
            <ui-select-choices repeat="item in createUserData">
              <div ng-bind-html="item.name | highlight: $select.search"></div>
            </ui-select-choices>
          </ui-select>
        </div> -->
        <!-- <div class="form-group inspectlistsearch ">
                    <div class=" pull-left" style="padding-top:4px">创建时间:</div>
                    <input type="text" class="pull-right iptSize" datepicker-popuptime="yyyy-MM-dd"
                        ng-model="inspecttype.createTime" max-date="searchkeys.acceptDateEnd" is-open="startOpened"
                        hour-time=true ng-init="startOpened = false" close-text="关闭" ng-click="startOpen($event)"
                        placeholder="" />
                </div> -->
        <div class="form-group inspectlistsearch">
          <div class="pull-left" style="padding-top: 4px">状态:</div>
          <ui-select
            class="pull-right iptSize"
            ng-model="statusData.state"
            theme="bootstrap"
          >
            <ui-select-match placeholder="">
              {{$select.selected.name}}
            </ui-select-match>
            <ui-select-choices repeat="item in statusData">
              <div ng-bind-html="item.name | highlight: $select.search"></div>
            </ui-select-choices>
          </ui-select>
        </div>
        <!-- <div class="form-group inspectlistsearch">
                    <div class="pull-right">
                        <div class="control-label pull-left" style="padding-top:4px">计划主题:</div>
                        <input class="form-control pull-right inputcolor" style="width:170px !important;border-color: #dedede;color: #93989e;" type="text" ng-model="inspectdata.title" placeholder="" />
                    </div>
                </div> -->
      </form>
    </div>
    <div class="col-xs-2">
      <div>
        <!-- <div class="centerdiv-one"></div> -->
        <div class="pull-left margin-top-10 searchBtnBox">
          <!-- <div class="form-group"> -->
          <!-- <a class="btn btn-searchbutton steelbutton" id="jry_searchBtn" ng-click="searchinspectlist(inspecttype)" type="button">搜索</a> -->
          <div class="btn btn_search" ng-click="searchinspectlist(inspecttype)">
            <span>搜索</span>
          </div>
          <div class="btn btn_clean" ng-click="clean()">重置</div>
          <div class="btn btn_clean" ng-if="assign" ng-click="toAssign()" ng-disabled="selected.items.length==0">批量派单</div>
          <!-- <a ladda="ldloading.expand_right" class="btn btn-primary" data-style="expand-right" ng-click="reload()">
                        <span translate="list.button.REFRESH">Refresh Data</span>
                        <i class="ti-reload" />
                    </a> -->
          <!-- <button ladda="ldloading.expand_right" type="button" class="btn btn-reashbutton reashbutton jry_reashbutton" data-style="expand-right" ng-click="reload()">
                        <span translate="list.button.REFRESH">Refresh Data</span>
                    </button> -->
          <!-- <a ladda="ldloading.expand_right" class="btn btn-reashbutton reashbutton" data-style="expand-right" ng-click="reload()">
                                <span translate="list.button.REFRESH">Refresh Data</span>
                            </a> -->
          <!-- <button type="button" id="addData" class="btn btn-success" ng-click="addData()">
                                <span translate="list.button.CREATE">Add Data</span>
                                <i class="ti-plus"/>
                            </button> -->
          <!--<button type="button" id="removeData" class="btn btn-warning" ng-click="removeData()" ng-disabled="selected.items.length==0">-->
          <!-- <button type="button" id="removeData" class="btn btn-warning" ng-click="removeData()" ng-disabled="selected.items.length==0">
                                <span translate=" list.button.REMOVE ">Remove First Row</span>
                                <i class="ti-trash "/>
                            </button> -->
        </div>
      </div>
      <!-- </div>
            </div> -->
    </div>
  </div>
  <div class="jry_gridBg">
    <div ui-i18n="{{lang}}">
      <div class=" ">
        <div
          id="grid1 "
          ui-grid="gridOptions "
          ui-grid-pagination
          external-scopes="$scope "
          ui-grid-resize-columns 
          ui-grid-selection
          ui-grid-auto-resize
          class="grid"
        ></div>
      </div>
    </div>
  </div>
</div>
<style>
  .jry_gridBg {
    padding: 15px;
    background: #f9f9f9;
  }
  /* tab点击颜色 */
  .statecolor {
    background-color: #005395 !important;
  }
  /* 搜索按钮 */
  #jry_searchBtn {
    width: 60px;
    height: 34px !important;
    border-radius: 2px;
    background-color: #005395;
    padding: 6px 0px !important;
  }
  #jry_searchBtn:hover {
    background-color: #004279 !important;
  }
  /* 刷新按钮 */
  .jry_reashbutton {
    width: 60px;
    height: 34px;
    border-radius: 2px !important;
    border: 1px #005395 solid;
    color: #005395;
    background-color: #e6eef4 !important;
    padding: 0 6px !important;
  }
  .jry_reashbutton:hover {
    color: #005395;
    background-color: #e6eef4 !important;
  }
</style>